:root{color:#1e2425;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#eee9df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:0}.app-shell{background:radial-gradient(circle at 18% 10%,#ffffffc7,#0000 27%),radial-gradient(circle at 86% 12%,#6ec9d938,#0000 26%),linear-gradient(135deg,#f2ece1 0%,#e6dfd3 62%,#d8d0c3 100%);width:100vw;height:100svh;position:relative;overflow:hidden}.scene-canvas{position:absolute;inset:0}.scene-canvas canvas{cursor:grab;width:100%;height:100%;display:block}.scene-canvas canvas:active{cursor:grabbing}.topbar{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:30px;left:32px;right:36px}.brand-lockup{align-items:center;gap:18px;display:flex}.brand-mark{flex:none;width:42px;height:42px;display:inline-block;position:relative}.brand-mark:before{content:"";border:1.5px solid #1d2425d1;border-radius:999px;position:absolute;inset:8px}.brand-mark:after{content:"";border-bottom:1.5px solid #1d2425d1;border-right:1.5px solid #1d2425d1;position:absolute;inset:3px 5px;transform:rotate(45deg)}h1{color:#1d2425;letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(27px,2.3vw,38px);font-weight:420;line-height:1}.topbar-actions{pointer-events:auto;gap:10px;display:flex}.icon-button{color:#1e2425c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#fffcf58a;border:1px solid #2a2b2714;border-radius:999px;place-items:center;width:42px;height:42px;transition:transform .18s,background .18s,color .18s;display:inline-grid;box-shadow:0 16px 44px #5046361f}.icon-button:hover:not(:disabled){color:#111;background:#ffffffc7;transform:translateY(-1px)}.icon-button:disabled{cursor:not-allowed;opacity:.35}.icon-button.danger:hover:not(:disabled){color:#b74234}.side-panel{z-index:4;color:#202626;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#f4f2ec94;border:1px solid #2d2d280b;border-radius:24px;width:min(240px,100vw - 56px);min-height:330px;padding:20px;position:absolute;top:132px;right:30px;box-shadow:0 24px 72px #4d43331c}.specimen-chip{align-items:center;gap:12px;margin-bottom:16px;display:flex}.specimen-chip>span{border:1px solid #ffffffb8;border-radius:999px;flex:none;width:38px;height:38px;box-shadow:inset 0 1px 12px #ffffffc2,0 10px 26px #35342f29}.specimen-chip p,.specimen-chip strong{margin:0;display:block}.specimen-chip p{color:#2227288a;font-size:12px}.specimen-chip strong{margin-top:2px;font-size:15px}.waveform{width:100%;height:86px;margin-bottom:16px;display:block;overflow:visible}.waveform path{stroke:#23272729;stroke-width:1px}.waveform polyline{fill:none;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 16px #245b6433)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 15px;display:grid}.metrics div{border-top:1px solid #2226261a;padding:10px 0}.metrics dt{color:#22272880;font-size:11px}.metrics dd{margin:3px 0 0;font-size:15px;font-weight:720}.play-button{color:#fffaf0;cursor:pointer;background:#202526;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;display:flex;box-shadow:0 18px 35px #1f232433}.empty-panel{color:#20252580;text-align:center;place-items:center;min-height:246px;display:grid}.empty-panel p{max-width:190px;margin:12px 0 0;font-size:13px;line-height:1.45}.control-deck{z-index:5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffdf77a;border:1px solid #302d260f;border-radius:999px;grid-template-columns:minmax(170px,1fr) auto minmax(150px,.65fr) minmax(190px,.8fr) 70px;align-items:center;gap:18px;width:min(980px,100vw - 42px);padding:14px 16px 14px 20px;display:grid;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 28px 82px #564a3824}.hint-line{color:#1e242594;align-items:center;gap:9px;min-width:0;font-size:13px;display:flex}.hint-line span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.record-cluster{align-items:center;gap:12px;display:flex}.record-button{color:#fffaf0;cursor:pointer;background:radial-gradient(circle at 34% 26%,#ffffff8c,#0000 26%),linear-gradient(145deg,#ea705b,#bb332b);border:1px solid #701c143d;border-radius:999px;place-items:center;width:72px;height:72px;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-grid;box-shadow:inset 0 1px 12px #ffffff4d,0 14px 40px #c1362b5c}.record-button:hover{transform:translateY(-1px)scale(1.02)}.record-button.is-recording{filter:saturate(1.18);transform:scale(1.05);box-shadow:inset 0 1px 12px #ffffff59,0 0 0 12px #eb5d4a1a,0 18px 48px #c1362b6b}.record-cluster strong,.record-cluster span{display:block}.record-cluster strong{font-size:15px}.record-cluster span{color:#1e242580;margin-top:2px;font-size:12px}.sensitivity{color:#1e242594;gap:7px;font-size:12px;font-weight:650;display:grid}.sensitivity input{accent-color:#ea705b;width:100%}.performance-controls{align-items:center;gap:12px;display:flex}.mode-toggle,.pitch-control{color:#1e24259e;align-items:center;gap:7px;min-height:36px;font-size:12px;font-weight:700;display:flex}.mode-toggle{cursor:pointer;background:#23262614;border-radius:999px;padding:0 12px}.mode-toggle.is-on{color:#fffaf0;background:#202526;box-shadow:0 14px 28px #1f23242e}.mode-toggle:disabled{cursor:not-allowed;opacity:.38}.pitch-control input{accent-color:#202526;width:72px}.pitch-control span{color:#1e2425b8;text-align:right;min-width:24px}.level-meter{background:#2326261a;border-radius:999px;height:8px;overflow:hidden}.level-meter span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#8cd8c7,#ef8b73);width:100%;height:100%;transition:transform 80ms linear;display:block}.capability-strip{z-index:3;color:#1e242575;letter-spacing:.05em;text-transform:uppercase;gap:8px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:128px;right:30px}.capability-strip span{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf76b;border:1px solid #2a2b270f;border-radius:999px;padding:7px 10px}@media (width<=820px){.topbar{top:18px;left:16px;right:16px}.brand-lockup{gap:10px}.brand-mark{width:34px;height:34px}h1{font-size:26px}.topbar-actions{gap:6px}.icon-button{width:38px;height:38px}.side-panel{width:min(260px,100vw - 32px);min-height:0;padding:14px;top:auto;bottom:226px;right:16px}.metrics{display:none}.waveform{height:58px;margin-bottom:10px}.control-deck{border-radius:28px;grid-template-columns:1fr auto;width:calc(100vw - 24px);bottom:14px}.hint-line{grid-column:1/3}.performance-controls{grid-column:1/3;justify-content:space-between;padding:0 4px 2px}.pitch-control input{width:min(30vw,132px)}.sensitivity,.level-meter,.capability-strip{display:none}}