@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.header-notifications{position:fixed;top:10px;left:50%;transform:translate(-50%);width:min(560px,calc(100% - 24px));z-index:30;display:grid;gap:8px;pointer-events:none;max-height:calc(100dvh - 24px);overflow:auto;border-radius:8px}.header-notifications>*{pointer-events:auto;box-shadow:0 10px 30px #0007}.header-notifications .notice{margin:0}.song-dialog.playlist-dialog{width:min(600px,calc(100% - 32px))}.playlist-dialog .video-frame{margin:16px 0;min-height:200px}.playlist-dialog .playlist-songs>.primary{width:100%;margin:8px 0 12px}.playlist-dialog .playlist-error{color:#ffad96;margin-bottom:12px}.playlist-error button{margin-top:8px}.playlist-controls{margin-bottom:14px}.playlist-controls .field{margin-bottom:0}.playlist-controls .text-button{margin-top:5px}:root{font-family:DM Sans,sans-serif;color:#ececf2;background:#101117;font-synthesis:none;font-size:13px;--muted: #979cad;--line: #2a2d39;--lime: #ceec85;--panel: #191b24;--soft: #21232e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #353846;border-radius:7px;background:#22242f;color:#e6e6ee;min-height:36px;padding:8px 13px;cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#303441;border-color:#666c80}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button svg{flex-shrink:0}input,select{min-width:0;width:100%;border:1px solid #333643;background:#13151e;color:#eaeaf1;border-radius:6px;padding:10px 11px;outline:none}input:disabled,select:disabled{opacity:.45}input::placeholder{color:#73798b}input[type=range]{accent-color:var(--lime);padding:0;cursor:pointer}kbd{font-family:Space Grotesk,sans-serif}h2,p{margin:0}h2{font-size:14px;font-weight:650;letter-spacing:-.2px}p{color:var(--muted);line-height:1.6}a{color:inherit}.app-header{height:82px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262834;background:#14151d}.brand{display:flex;align-items:center;text-decoration:none;gap:11px}.brand-mark{width:34px;height:36px;display:grid;place-items:center;background:var(--lime);color:#182019;border-radius:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:37px;line-height:1;padding-bottom:9px}.brand strong{font-family:Space Grotesk,sans-serif;font-size:27px;letter-spacing:-1.5px}.brand-dot{color:var(--lime)}.brand-caption{border-left:1px solid #353743;margin-left:11px;padding-left:20px;font-size:9px;letter-spacing:1.6px;color:#8c90a1}.header-actions{display:flex;align-items:center;gap:10px}.primary{background:var(--lime);border-color:var(--lime);color:#1b2518;font-weight:650}.primary:hover:not(:disabled){background:#e1f6b3;border-color:#e1f6b3}.save-state{font-size:11px;color:#9298a4;margin-right:15px;display:flex;gap:7px;align-items:center}.save-state i,.source-status i,.mode-badge i{width:5px;height:5px;border-radius:50%;background:#8cac79;display:inline-block}.save-state.warning{color:#ffad96}main{max-width:1570px;margin:auto;padding:32px 40px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;min-height:26px}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#bac997;font-weight:600;margin-bottom:12px}.text-button{background:transparent;border:none;color:#b4b9ca;padding:5px 0;min-height:26px;font-size:12px}.text-button:hover:not(:disabled){background:transparent;color:var(--lime)}.workspace{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(390px,1.48fr) minmax(245px,.86fr);gap:22px;align-items:start}.source-column,.inspector-column{display:flex;flex-direction:column;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.source-panel,.recording-panel,.inspector,.validation-panel,.playtest-panel{padding:20px}.panel-heading{display:flex;align-items:center;gap:9px;margin-bottom:20px}.panel-heading h2{flex:1}.step-number{font-family:Space Grotesk,sans-serif;color:#828a9d;font-size:10px;border:1px solid #3a3e4b;border-radius:5px;padding:3px 4px}.small-tag{font-size:8px;color:#9298a9;letter-spacing:1px;padding:4px 6px;background:#262936;border:1px solid #343747;border-radius:4px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;font-size:11px;color:#a7acbc}.field>span{font-weight:500}.field-row{display:flex;gap:10px}.field-row>.field{flex:1;min-width:0}.field-row>button:first-child{flex:1}.url-row{display:flex;gap:7px}.url-row input{font-size:11px;flex:1}.load-button{padding:8px 11px;background:#303529;border-color:#485139;color:#d4e8aa;font-size:11px}.load-button span{font-size:15px}.video-frame{height:216px;width:100%;background:#10121a;border:1px solid #2e3240;border-radius:8px;position:relative;overflow:hidden;margin-top:5px}.youtube-mount,.youtube-mount iframe{width:100%;height:100%;border:0}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:radial-gradient(ellipse at 50% 30%,#292333,#15161f 70%);font-size:11px;color:#8f94a5}.video-placeholder strong{font-size:12px;font-weight:500;color:#c2c3d2}.youtube-mark{color:#d1b1b1;background:#553436;border:1px solid #744346;border-radius:12px;padding:7px 15px;margin-bottom:8px}.video-placeholder .tiny{font-size:10px;margin-top:6px;color:#73798a}.source-status{display:flex;align-items:center;gap:6px;color:#8990a3;font-size:9px;margin:10px 0 20px}.source-status i{background:#62677a}.source-status i.online{background:#ceec85}.source-status>span{margin-left:auto;color:#71788c}.lead-in{border-top:1px solid #2c2f3b;padding-top:15px;display:flex;align-items:center;gap:9px}.lead-icon{font-size:23px;color:#b6c996}.lead-in>div{display:flex;flex-direction:column;gap:4px}.lead-in strong{font-size:11px;font-weight:500;color:#cbd2be}.lead-in div span{font-size:9px;color:#858d9c}.fixed-tag{font-size:7px;letter-spacing:.7px;color:#9da98a;margin-left:auto;white-space:nowrap}.recording-panel .panel-heading{margin-bottom:11px}.recording-panel>p{font-size:11px}.hands{display:flex;justify-content:center;gap:37px;margin:21px 0 18px}.hands>div{text-align:center}.key-pair{display:flex;gap:9px}.hands>div>span{display:block;font-size:8px;color:#777f93;letter-spacing:1.1px;margin-top:11px}.record-button{width:100%;background:#e48e86;color:#291b1d;border-color:#e48e86;font-weight:650;min-height:42px;justify-content:flex-start}.record-button:hover:not(:disabled){background:#f3ada6;border-color:#f3ada6}.record-button>span{margin-left:auto;font-size:9px;opacity:.6;letter-spacing:1px}.record-button.recording{background:#ff626e;color:#fff}.footnote{text-align:center;margin-top:10px;font-size:9px!important;color:#798195}.chart-panel{padding:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 17px}.chart-heading .panel-heading{margin:0}.mode-badge{display:flex;align-items:center;gap:6px;color:#bfcaab;font-size:8px;letter-spacing:1px;background:#282e25;border:1px solid #3c4534;border-radius:5px;padding:5px 8px}.mode-badge.live{color:#ed9e97;border-color:#613e3e;background:#38262a}.mode-badge.live i{background:#ed9e97}.chart-toolbar{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 16px;gap:10px;background:#1b1d27}.tool-group{display:flex;gap:3px}.tool-group button{min-height:30px;padding:5px 7px;background:transparent;border-color:transparent}.tool-group button.selected{background:#36394a;color:#dce5be;border-color:#484d5e}.tool-hint{font-size:9px;color:#8b92a7}.zoom-control{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:9px;color:#8b92a7}.zoom-control input{width:53px;height:3px}.zoom-control>span{min-width:29px;font-size:8px}.lane-headings{display:flex;margin-left:52px;margin-right:20px;padding:12px 0 10px;background:#161821;color:#7b8399;font-size:8px;letter-spacing:1.4px}.lane-headings span{width:50%;text-align:center}.track-canvas{width:100%;height:565px;display:block;touch-action:none;outline:none}.transport{display:flex;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid #2b3040;border-bottom:1px solid #292d3b;background:#1b1e29}.icon-button{min-height:28px;min-width:24px;background:transparent;border:0;padding:4px;color:#9fa7ba}.transport-play{width:32px;min-height:30px;padding:5px;background:#d2e6a9;color:#1f271e;border-color:#d2e6a9}.time-display{font-family:Space Grotesk,monospace;font-size:12px;color:#e3e6ee;font-variant-numeric:tabular-nums}.time-display small{font-size:9px;color:#788197}.transport-spacer{flex:1}.overview{position:relative;margin:15px 20px 8px;height:42px;border-radius:4px;background:#13151d;overflow:hidden}.overview-notes{width:100%;height:100%}.overview input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.overview:focus-within{outline:2px solid var(--lime)}.overview-playhead{position:absolute;top:0;bottom:0;width:2px;background:#edf5d5;pointer-events:none}.chart-footer{display:flex;justify-content:space-between;padding:5px 20px 17px;font-size:9px;color:#8690a5}.chart-footer b{font-weight:400;color:#515d74;padding:0 5px}.inspector .panel-heading{margin-bottom:15px}.empty-inspector{text-align:center;padding:12px 0 8px}.selection-symbol{display:grid;place-items:center;width:49px;height:49px;background:#242734;color:#8f98b1;border:1px dashed #464d62;border-radius:10px;margin:0 auto 18px}.empty-inspector strong{font-weight:500;font-size:12px;color:#c6cada}.empty-inspector p{font-size:11px;line-height:1.7;margin:8px auto 14px;max-width:195px}.empty-inspector .text-button{font-size:10px;color:#b8c69f}.inspector input,.inspector select{font-size:12px}.danger{color:#f19b9b}.validation-panel .panel-heading{margin-bottom:13px}.check-icon{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#30392c;color:#b5d788;font-size:11px}.validation-panel p{font-size:10px;line-height:1.6;margin-top:7px}.valid-message{font-size:11px;font-weight:500;color:#bccea5}.has-issues{border-color:#634047}.has-issues .check-icon{background:#4e3036;color:#ffa3b1}.issue-count{font-size:11px;color:#f2a2ae;font-weight:500}.issue-list{max-height:170px;overflow:auto;margin-top:10px;display:flex;flex-direction:column;gap:7px}.issue-list button{text-align:left;display:block;font-size:10px;line-height:1.4;background:#26212b;padding:8px;border-color:#44313d}.issue-list button span{display:block;font-size:9px;margin-bottom:4px;color:#e89aa6;font-family:monospace}.playtest-panel .panel-heading{margin-bottom:10px}.playtest-panel>p{font-size:11px;margin-bottom:17px}.playtest-button{width:100%;background:#cedda7;border-color:#cedda7;color:#252e21;min-height:39px;font-size:12px;font-weight:600}.playtest-button:hover:not(:disabled){background:#e0ecc3;border-color:#e0ecc3}.judgment-legend{display:flex;flex-direction:column;gap:8px;margin-top:18px}.judgment-legend>span{display:flex;justify-content:space-between;font-size:9px;color:#8e99aa}.judgment-legend b{font-weight:400;color:#bdc79f;font-family:monospace}.judgment-legend>span:nth-child(2) b{color:#bab0d6}.judgment-legend>span:nth-child(3) b{color:#adbacb}.advanced,.note-list{padding:15px 18px}summary{cursor:pointer;color:#aab3c6;font-size:11px}.advanced[open] summary{margin-bottom:20px}.advanced p{font-size:9px;margin:0 0 16px}.advanced button{width:100%;font-size:10px;margin-bottom:12px}.advanced input{padding:9px 7px;font-size:11px}.note-list summary>span{float:right;color:#828ba2}.note-list>div{max-height:250px;overflow:auto;margin-top:12px}.note-list button{width:100%;justify-content:start;background:none;border:none;font-size:10px;gap:10px;padding:7px}.note-list button small{margin-left:auto;color:#8e99b0}.note-list button.selected{background:#303747}.results{padding-top:16px}.combo{display:flex;align-items:center;justify-content:center;gap:12px}.combo>strong{font-family:Space Grotesk,sans-serif;font-size:40px;color:#d4e8ac}.combo>span{font-size:10px;color:#b5c691;letter-spacing:1px}.combo small{display:block;font-size:8px;letter-spacing:.5px;color:#8c97ad;margin-top:5px}.last-judgment{text-align:center;font-size:12px;color:#d8c1fa;min-height:40px;padding:8px}.last-judgment small{display:block;font-size:10px;color:#a6b1c6;margin-top:4px}.results dl{display:grid;grid-template-columns:1fr auto;gap:10px 5px;font-size:9px;color:#919fb2;border-top:1px solid #333847;padding-top:15px;margin-bottom:0}.results dd{margin:0;text-align:right;color:#d1d9e5}.page-footer{display:flex;justify-content:space-between;padding:25px 0 23px;color:#6e798e;font-size:9px}.page-footer>span{display:flex;align-items:center;gap:7px}.page-footer b{font-weight:400;padding:0 3px;color:#404c64}.notice{display:flex;align-items:center;justify-content:space-between;border:1px solid #695541;color:#e3c39a;background:#2c2623;padding:10px 16px;border-radius:8px;margin-bottom:20px;font-size:12px;line-height:1.5}.notice button{border:0;background:none;padding:0;min-height:20px;font-size:20px;color:#d3b69a}.guide{background:#23282a;border:1px solid #434d40;border-radius:10px;padding:18px;margin-bottom:20px}.guide strong{color:#d0ddb6;font-size:12px}.guide p{font-size:12px;margin-top:8px;max-width:1100px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#454e64;border-radius:4px}@media(min-width:1500px){.track-canvas{height:625px}.video-frame{height:235px}}@media(max-width:1250px){main{padding:25px 24px 0}.app-header{padding:0 24px}.workspace{gap:15px;grid-template-columns:minmax(290px,1fr) minmax(360px,1.25fr) minmax(220px,.75fr)}.source-panel,.recording-panel,.inspector,.validation-panel,.playtest-panel{padding:16px}.brand-caption{display:none}.save-state{font-size:9px;margin-right:5px}.tool-hint{display:none}.chart-toolbar{gap:6px;padding:8px 12px}.zoom-control{gap:5px}.chart-footer{padding:5px 13px 17px;font-size:8px}.transport{gap:6px;padding:12px 10px}.time-display{font-size:11px}.fixed-tag{font-size:6px}.video-frame{height:205px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(285px,.9fr) minmax(370px,1.2fr)}.inspector-column{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr)}.save-state{display:none}.track-canvas{height:630px}.brand strong{font-size:24px}}@media(max-width:720px){.app-header{padding:0 16px;height:70px}.brand strong{font-size:22px}.brand-mark{width:29px;height:31px;font-size:31px}.header-actions{gap:5px}.header-actions button{font-size:10px;padding:7px 9px;gap:5px}.header-actions button svg{width:13px}.page-heading{align-items:start;gap:10px}.page-heading .text-button{font-size:10px;white-space:nowrap}.eyebrow{font-size:7px;letter-spacing:1.3px}main{padding:25px 14px 0}.workspace{display:flex;flex-direction:column;gap:18px}.source-column,.chart-panel,.inspector-column{width:100%}.source-column{display:grid;grid-template-columns:1fr}.source-panel{padding:18px}.video-frame{height:220px}.recording-panel{padding:18px}.hands{margin:17px 0}.chart-heading{padding:18px}.track-canvas{height:560px}.inspector-column{display:flex}.page-footer{font-size:8px;gap:10px}.page-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){button{transition:none}}.song-dialog{width:min(440px,calc(100vw - 32px));padding:25px;border:1px solid #444959;border-radius:14px;background:#191b24;color:#ececf2;box-shadow:0 24px 90px #0009}.song-dialog::backdrop{background:#080a11bc}.song-dialog h2{font-size:20px;margin-bottom:12px}.song-dialog p{font-size:12px}.song-dialog p strong{color:#c9d1df;overflow-wrap:anywhere}.song-choices{display:grid;gap:10px;margin:20px 0}.song-choices button{display:flex;align-items:flex-start;flex-direction:column;text-align:left;padding:13px 15px;gap:5px}.song-choices button strong{font-size:13px}.song-choices button span{font-size:11px;font-weight:400;line-height:1.5;opacity:.8;overflow-wrap:anywhere}.song-dialog .replace-draft-hint{font-size:11px;margin-bottom:15px}.dialog-cancel{width:100%}.interruption-status{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #465044;border-radius:8px;background:#232a25;padding:12px 16px;margin:0;color:#d9e6c2}.interruption-status strong,.interruption-status small{display:block}.interruption-status strong{font-size:12px;margin-bottom:5px}.interruption-status small{font-size:11px;color:#b2bda6;line-height:1.5}.interruption-status button{flex-shrink:0}@media(max-width:600px){.interruption-status{align-items:flex-start;flex-direction:column;gap:10px}}.source-actions{height:26px;display:flex;align-items:center;gap:8px}.playlist-page-actions{display:flex;flex-wrap:wrap;gap:8px}.playlist-page-actions:not(:empty){margin-top:10px}.playlist-progress{font-size:11px;min-height:18px;margin-top:6px}.page-heading .eyebrow,.page-heading .text-button{margin:0}.info-button{width:24px;height:24px;min-height:24px;padding:0;border-radius:50%;font-weight:700;margin-left:auto}.rules-info{margin:12px 0;padding:12px;background:#12151c;border-radius:8px}.rules-info p{font-size:11px}.saved-tracks-button{margin-right:0;font-size:11px;text-align:left}.saved-tracks-button strong,.saved-tracks-button small{display:block}.saved-tracks-button small{font-size:9px;margin-top:3px}.header-actions .saved-tracks-button{display:flex}.project-dialog form>.primary{width:100%;margin:16px 0 12px}.checkbox-field{display:flex;align-items:center;gap:10px;margin:18px 0}.checkbox-field input{width:auto}.saved-track-list{display:grid;gap:8px;max-height:50vh;overflow:auto}.saved-track-list button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;overflow-wrap:anywhere}.saved-track-list span{font-size:11px;color:var(--muted)}.project-dialog>.footnote{margin:12px 0}.project-dialog .footnote{margin-bottom:12px}@media(max-width:600px){.header-actions .saved-tracks-button{padding:6px}.saved-tracks-button small{display:none}.saved-tracks-button{margin-right:0}.header-actions{gap:5px}.app-header{padding-left:14px;padding-right:14px}.brand{gap:5px}}.chart-column{min-width:0;width:100%;display:grid;gap:10px}.key-pair .lane-key{display:grid;place-items:center;width:46px;height:42px;padding:0;border:1px solid;border-bottom-width:3px;border-radius:8px;background:#222530}.key-pair .lane-key:hover:not(:disabled){background:#333949}.key-pair .lane-key kbd{border:0;width:auto;height:auto;background:none;font-size:20px}.recording-panel .footnote{text-align:left;margin:-4px 0 16px}.recording-panel .footnote:last-child{margin-bottom:0}.key-capture{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0}.key-capture kbd{font-size:28px;min-width:56px;padding:12px;text-align:center;border:1px solid #63724d;border-radius:8px;color:var(--lime);background:#252d21}.key-capture span{color:var(--muted)}.key-capture-error{min-height:36px;color:#ffad96}.save-state.warning i{background:currentColor}