:root{font-family:"Yu Gothic","Noto Sans JP",sans-serif;color:#edeae2;background:#121b20;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:32px 44px}header{display:flex;justify-content:space-between;align-items:center}.brand{letter-spacing:.22em;font-size:13px;color:#a7b6b9}.pill{border:1px solid #495b60;border-radius:30px;padding:8px 17px;font-size:12px}.intro{margin:38px 0 28px}h1{font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:.08em;margin:0 0 13px}p{line-height:1.85;color:#adbcbf;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.stage{position:relative;background:#18262b;border:1px solid #34464b;border-radius:16px;overflow:hidden;min-height:420px;display:flex;align-items:center}canvas{width:100%;display:block}#badge{position:absolute;top:20px;left:20px;padding:8px 14px;background:#121b20dd;border-radius:20px;font-size:12px;color:#91dbbf}h2{font-size:21px;margin:0}.hint{margin:10px 0 20px}button,select{width:100%;padding:14px;border-radius:8px;font:inherit}button{background:#a7e6cc;color:#142a24;border:0;cursor:pointer;font-weight:600;margin-bottom:10px}.secondary{background:transparent;border:1px solid #536468;color:#e0e5e1}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f1c784;outline-offset:3px}#status{min-height:52px;font-size:12px;margin:8px 0 16px}label{display:block;font-size:12px;color:#bdc8c7;margin:12px 0 6px}select{padding:8px;background:#203138;border:1px solid #536468}input{width:100%;accent-color:#a7e6cc}.hands{display:flex;gap:12px;margin:18px 0}.hands div{flex:1;border-top:1px solid #536468;padding-top:12px}.hands span{display:block;font-size:11px;color:#bac7c7}.hands strong{display:block;font-size:22px;font-weight:400;margin-top:4px}.privacy{font-size:11px}footer{font-size:12px;letter-spacing:.06em;color:#a8b9bb;margin-top:26px}footer span{padding:0 18px;color:#567171}@media(max-width:800px){main{padding:24px 20px}.workspace{grid-template-columns:1fr}.stage{min-height:250px}.intro{margin-top:28px}footer{line-height:2}footer span{padding:0 5px}}
:root #download{display:block;padding:12px;margin:4px 0 10px;color:#a7e6cc;border:1px solid #536468;border-radius:8px;text-align:center}:root #download[hidden]{display:none}#record-status{font-size:11px}

#feet-panel[hidden]{display:none}

#head-panel[hidden]{display:none}

.workspace{align-items:start}.stage{position:sticky;top:24px;min-height:0;aspect-ratio:3/2}.intro{margin:28px 0 22px}.intro h1{font-size:clamp(30px,4vw,44px)}.compatibility,.credits{font-size:12px}.credits a{color:#a7e6cc}#voice-hint{font-size:12px;margin:8px 0 12px}aside .hint{font-size:12px}#record-status{margin:4px 0}#status{margin:8px 0;min-height:40px}.hands{margin:12px 0}.hands strong{font-size:19px}.privacy{margin-bottom:0}@media(max-width:800px){.stage{position:relative;top:0}.workspace{gap:20px}main{padding:20px}.intro{margin:24px 0 20px}}