*{box-sizing:border-box}html{background:#0d141b;color:#e7edf3;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0}button,textarea{font:inherit}button{cursor:pointer;background:#90c9ae;color:#10211a;border:1px solid #90c9ae;border-radius:10px;padding:10px 14px;min-height:44px;font-weight:650}button:disabled{opacity:.42;cursor:default}button:not(:first-child){background:transparent;color:inherit;border-color:#536371}a{color:#9cdec2;text-decoration:none}.test-shell{max-width:780px;margin:0 auto;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,12px)}header{display:flex;justify-content:space-between;align-items:center;height:50px;border-bottom:1px solid #334455;font-size:.82rem;color:#aebcc8}.intro{padding:18px 3px 9px}.intro h1{font-size:1.35rem;margin:0 0 9px}.intro p{font-size:.87rem;line-height:1.6;margin:8px 0;color:#bdcbd5}.intro .note{font-size:.76rem;color:#a4b5c1}.test-card{max-width:540px;margin:0 auto;padding:12px;background:#16232f;border:1px solid #314251;border-radius:16px}.test-line{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.83rem}.test-line span{color:#a9bac8;text-align:right}#testBoard{display:block;width:min(100%,min(62dvh,460px));height:auto;aspect-ratio:1;margin:0 auto;background:#ccb58a;border-radius:11px;touch-action:none;user-select:none;-webkit-user-select:none}#feedback{text-align:center;min-height:1.6em;color:#c5d7e0;font-size:.82rem;margin:8px 0}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls button{flex:1 1 110px}label{display:block;font-size:.76rem;margin:12px 0 6px;color:#a9bac8}textarea{display:block;width:100%;background:#0c1720;color:#dce9f1;border-radius:9px;padding:9px;border:1px solid #3c505c;resize:vertical;font-size:.75rem}.footnote{font-size:.73rem;color:#a2b2bd;line-height:1.6}#testBoard:focus-visible{outline:3px solid #90c9ae;outline-offset:3px}@media(max-height:700px){.intro{padding:9px 3px 3px}.intro h1{font-size:1.05rem}.intro p{margin:3px 0;font-size:.77rem}.test-card{padding:8px}#testBoard{width:min(100%,min(56dvh,460px))}textarea{max-height:85px}}@media(prefers-color-scheme:light){html:not([data-theme=dark]){background:#f5f6f2;color:#23323b}html:not([data-theme=dark]) .intro p,html:not([data-theme=dark]) .footnote{color:#63727d}html:not([data-theme=dark]) .test-card{background:#fff;border-color:#cad3d5}html:not([data-theme=dark]) .test-line span,html:not([data-theme=dark]) label{color:#576873}html:not([data-theme=dark]) #feedback{color:#415768}html:not([data-theme=dark]) textarea{background:#f3f6f5;color:#243640}html:not([data-theme=dark]) button:not(:first-child){color:#243640}html:not([data-theme=dark]) a{color:#087b57}}html[data-theme=light]{background:#f5f6f2;color:#23323b}html[data-theme=light] .intro p,html[data-theme=light] .footnote{color:#63727d}html[data-theme=light] .test-card{background:white;border-color:#cad3d5}html[data-theme=light] .test-line span,html[data-theme=light] label{color:#576873}html[data-theme=light] #feedback{color:#415768}html[data-theme=light] textarea{background:#f3f6f5;color:#243640}html[data-theme=light] button:not(:first-child){color:#243640}html[data-theme=light] a{color:#087b57}