@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{color:#eef5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-main:#eef5ff;--text-soft:#9aa8bb;--accent-strong:#6ee16a;--border-soft:#899ab029;--border-strong:#8fa5c24d;--panel-bg:#070d16c7;--panel-shadow:0 18px 42px #00000057;background:radial-gradient(circle at 50% 10%,#287eff29,#0000 34%),radial-gradient(circle at 78% 20%,#884aff1a,#0000 30%),linear-gradient(#060b12 0%,#03070d 100%);font-family:Inter,Segoe UI,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=light]{color:#172033;--text-main:#172033;--text-soft:#69778b;--accent-strong:#6fbd83;--border-soft:#5b6f851f;--border-strong:#5b6f8538;--panel-bg:#ffffffdb;--panel-shadow:0 18px 42px #2b3e541f;background:radial-gradient(circle at 50% 10%,#8bc8f229,#0000 34%),radial-gradient(circle at 78% 20%,#f49aa01c,#0000 30%),linear-gradient(#fff 0%,#f8fbff 100%)}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body,button,input,select{font:inherit}button,input,select{outline-color:#4aa8ff}h1,h2,p{margin-top:0}#root{min-height:100vh}a{color:inherit}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"Inter", "Segoe UI", sans-serif;--font-display:"Inter", "Segoe UI", sans-serif;--font-hud:"Rajdhani", "Inter", sans-serif;--bg-base:#03070d;--bg-surface:#060c14c7;--bg-elevated:#09111d;--bg-card:#0a121ddb;--bg-input:#050b13eb;--border-dim:#7e93ac24;--border-mid:#8299b447;--border-bright:#4ea6ff9e;--don:#ef3f3f;--don-light:#ff6c63;--don-glow:#ef3f3f57;--ka:#348bdc;--ka-light:#4aa8ff;--ka-glow:#348bdc57;--success:#6ee16a;--warning:#ff8a1c;--violet:#a65cff;--text-bright:#f4f7fb;--text-mid:#b8c2d0;--text-dim:#7d8a9c;--clr-good:#6ee16a;--clr-save:#4a9eff;--clr-miss:#ef3f3f}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f8fbff;--bg-surface:#ffffffe0;--bg-elevated:#fff;--bg-card:#ffffffeb;--bg-input:#fafdfff7;--border-dim:#5b6f851f;--border-mid:#5b6f8533;--border-bright:#77aad994;--don:#e77d82;--don-light:#f49aa0;--don-glow:#e77d8238;--ka:#6aaedf;--ka-light:#8bc8f2;--ka-glow:#6aaedf38;--success:#6fbd83;--warning:#d9a75c;--violet:#a98cdb;--text-bright:#172033;--text-mid:#3d4e65;--text-dim:#69778b;--clr-good:#6fbd83;--clr-save:#6aaedf;--clr-miss:#e77d82}*,:before,:after{box-sizing:border-box}body{background:var(--bg-base);margin:0}button{cursor:pointer;transition:filter .11s,transform 70ms,box-shadow .11s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:scale(.97)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}.app-shell{min-height:100vh;color:var(--text-bright);font-family:var(--font-body);letter-spacing:0;background:linear-gradient(90deg,#4894ff0a 1px,#0000 1px) 0 0/44px 44px,linear-gradient(0deg,#4894ff09 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 49% 33%,#268bff33 0%,#0000 32%),radial-gradient(circle at 75% 52%,#a65cff1f 0%,#0000 25%),linear-gradient(#070c13 0%,#03070d 62%,#02050a 100%);padding:8px}:root[data-theme=light] .app-shell{background:linear-gradient(90deg,#6aaedf0e 1px,#0000 1px),linear-gradient(0deg,#6aaedf0b 1px,#0000 1px),radial-gradient(circle at 45% 20%,#8bc8f22e 0%,#0000 34%),radial-gradient(circle at 78% 54%,#f49aa01f 0%,#0000 27%),linear-gradient(#fff 0%,#f8fbff 60%,#eef6fc 100%)}.studio-layout{grid-template-columns:230px 1fr;gap:10px;max-width:1600px;margin:0 auto;display:grid}.app-footer{border:1px solid var(--border-dim);max-width:1600px;color:var(--text-dim);background:#050b13c2;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:14px auto 4px;padding:10px 14px;font-size:.82rem;display:flex}:root[data-theme=light] .app-footer{background:#ffffffd1;box-shadow:0 10px 24px #2b3e5414}.app-footer p{margin:0}.app-footer__copyright{letter-spacing:.03em;text-transform:uppercase}.app-footer a{color:var(--success);border-bottom:1px dotted #73d0ffb3;text-decoration:none}.app-footer a:hover{color:var(--text-bright);border-bottom-color:var(--text-bright)}.wireframe-layout{opacity:1;gap:16px;min-width:0;animation:.44s ease-out ui-enter;display:grid}@keyframes ui-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.wireframe-layout{animation:none}}@media (width<=860px){.app-footer{flex-direction:column;align-items:flex-start}}.panel{background:linear-gradient(180deg, #ffffff09, transparent 36%), var(--bg-surface);border:1px solid var(--border-mid);color:var(--text-bright);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:18px;box-shadow:0 18px 46px #0000006b,0 0 0 1px #ffffff06,inset 0 1px #ffffff0b}:root[data-theme=light] .panel{background:linear-gradient(180deg, #ffffffb3, transparent 42%), var(--bg-surface);box-shadow:0 18px 42px #2b3e541f,0 0 0 1px #ffffffb3,inset 0 1px #ffffffe0}.dashboard-grid{grid-template-columns:minmax(220px,.75fr) minmax(420px,1.3fr) 360px;align-items:start;gap:16px;display:grid}.dashboard-grid--run-active .info-panel{grid-area:1/1/auto/3;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(270px,1fr));grid-auto-rows:minmax(140px,auto);align-self:start;align-items:stretch;min-height:auto;display:grid}.dashboard-grid--run-active .session-controls{grid-area:2/1/auto/3}.dashboard-grid--run-active .action-panel{grid-area:1/3/3}.dashboard-grid--run-active .info-panel .info-panel__header{grid-column:1/-1}.dashboard-grid--run-active .info-panel .performance-card{min-width:0;height:100%}.dashboard-grid--run-active .info-panel .metric-drag-wrap{height:100%}.dashboard-grid--run-active .info-panel .performance-card:first-of-type{grid-column:auto}.info-panel,.session-controls,.settings-panel,.action-panel{min-height:360px}.chart-page{opacity:1;gap:16px;min-width:0;animation:.44s ease-out ui-enter;display:grid}.chart-lane-panel{gap:10px;display:grid}.chart-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;min-height:220px;display:grid}.chart-hero__copy{max-width:760px}.chart-hero__eyebrow,.chart-hero__status,.chart-shell-panel__header h2,.chart-detail-list dt{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.chart-hero__eyebrow{color:var(--ka-light);margin-bottom:10px;font-size:.75rem;display:block}.chart-hero h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95}.chart-hero p{max-width:660px;color:var(--text-mid);margin:14px 0 0;line-height:1.55}.chart-hero__status{color:var(--success);background:#6ee16a1f;border:1px solid #6ee16a85;border-radius:999px;place-self:start end;padding:8px 12px;font-size:.7rem}.chart-shell-grid{grid-template-columns:minmax(280px,1.15fr) minmax(240px,.85fr);align-items:stretch;gap:16px;display:grid}.chart-shell-panel{align-content:start;gap:14px;min-height:280px;display:grid}.chart-import-placeholder{grid-row:span 2}.chart-shell-panel__header h2{color:var(--text-bright);margin:0;font-size:.84rem}.chart-shell-panel__header p{color:var(--text-dim);margin:6px 0 0;font-size:.9rem;line-height:1.5}.chart-import-dropzone,.chart-empty-state{border:1px dashed var(--border-mid);background:var(--bg-input);text-align:center;min-height:150px;color:var(--text-mid);border-radius:8px;place-items:center;gap:8px;padding:18px;display:grid}.chart-import-dropzone{position:relative}.chart-import-dropzone.is-drag-active{border-color:var(--ka-light);box-shadow:0 0 0 2px #4aa8ff29}.chart-import-dropzone input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.chart-import-dropzone strong,.chart-empty-state strong{color:var(--text-bright)}.chart-import-dropzone span,.chart-empty-state span{max-width:360px;font-size:.88rem;line-height:1.45}.chart-import-button,.chart-library-item__delete{border:1px solid var(--border-mid);color:var(--text-bright);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#0d1a2be6;border-radius:6px;min-height:36px;padding:8px 12px;font-size:.68rem;font-weight:700}.chart-import-button{color:var(--success);background:#6ee16a24;border-color:#6ee16a94;margin-top:4px}.chart-import-button:disabled{cursor:wait;opacity:.7}.chart-import-message{color:var(--text-mid);background:#ff8a1c17;border:1px solid #ff8a1c57;border-radius:6px;margin:0;padding:10px 12px;font-size:.84rem;line-height:1.45}.chart-library-list{gap:8px;display:grid}.chart-library-item{border:1px solid var(--border-dim);background:var(--bg-input);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;padding:8px;display:grid}.chart-library-item.is-selected{border-color:var(--border-bright)}.chart-library-item__select{min-width:0;color:var(--text-mid);text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid}.chart-library-item__select strong,.chart-library-item__select span,.chart-library-item__select small{overflow-wrap:anywhere}.chart-library-item__select strong{color:var(--text-bright)}.chart-library-item__select small{color:var(--text-dim);text-transform:uppercase;font-size:.72rem}.chart-library-item__delete{color:var(--text-mid);align-self:center}.chart-warning-list{gap:8px;display:grid}.chart-playback-panel{border:1px solid var(--border-dim);background:var(--bg-input);border-radius:8px;gap:8px;padding:10px;display:grid}.chart-lane-track{border:1px solid var(--border-mid);background:linear-gradient(#070d15fa 0%,#050a11fc 52%,#060b12fc 100%),#050a11;border-radius:8px;height:190px;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #00000080,inset 0 0 0 1px #96aac314}:root[data-theme=light] .chart-lane-track{background:linear-gradient(#f5fafffa 0%,#ebf6fdfc 52%,#e5f1fafc 100%),#f1f7fc;box-shadow:inset 0 0 30px #2b3e541f,inset 0 0 0 1px #ffffff9e}.chart-lane-track:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#96aac30b 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#96aac306 0 1px,#0000 1px 54px);position:absolute;inset:0}.chart-lane-track__guide{z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#0000 0 calc(18% - 1px),#6ee16ad1 calc(18% - 1px) calc(18% + 1px),#0000 calc(18% + 1px) 100%);position:absolute;inset:0}.chart-lane-track .lane-track__pixi{z-index:3;pointer-events:none;will-change:transform;isolation:isolate;position:absolute;inset:0}.chart-lane-track .lane-track__pixi canvas{width:100%;height:100%;display:block}.chart-lane-hit-zone{z-index:2;background:radial-gradient(circle at 42% 38%,#ffffff14,#1018248f);border:2px solid #f4f7fba3;border-radius:50%;width:84px;height:84px;position:absolute;top:50%;left:18%;transform:translate(-50%,-50%)}:root[data-theme=light] .chart-lane-hit-zone{background:radial-gradient(circle at 42% 38%,#ffffffb8,#cbd8eb6b);border-color:#3b4b606b}.chart-playback-panel__status{grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;display:grid}.chart-playback-panel__status span{color:var(--text-dim);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:700}.chart-playback-panel__status strong{min-width:0;color:var(--text-bright);overflow-wrap:anywhere;font-size:.92rem}.chart-playback-panel__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.chart-playback-button{border:1px solid var(--border-mid);color:var(--text-bright);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#0d1a2be6;border-radius:6px;min-height:36px;padding:8px 12px;font-size:.68rem;font-weight:700}.chart-playback-button--start{color:var(--success);background:#6ee16a24;border-color:#6ee16a94}.chart-playback-button:disabled{cursor:not-allowed;opacity:.48}.chart-score-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.chart-score-panel div{border:1px solid var(--border-dim);background:#050b1457;border-radius:6px;gap:3px;min-width:0;padding:8px 10px;display:grid}.chart-score-panel span,.chart-feedback span{color:var(--text-dim);font-size:.72rem}.chart-score-panel strong,.chart-feedback strong{min-width:0;color:var(--text-bright);overflow-wrap:anywhere;font-size:.9rem}.chart-feedback{border-left:3px solid var(--success);background:#6ee16a14;border-radius:6px;gap:3px;padding:8px 10px;display:grid}.chart-warning-list p{border-left:3px solid var(--warning);color:var(--text-mid);background:#ff8a1c14;border-radius:6px;margin:0;padding:8px 10px;font-size:.84rem;line-height:1.45}.chart-legal-note{border-left:3px solid var(--ka);color:var(--text-mid);background:#348bdc14;margin:0;padding:8px 10px;font-size:.84rem;line-height:1.45}.chart-detail-list{gap:8px;margin:0;display:grid}.chart-detail-list div{border:1px solid var(--border-dim);background:var(--bg-input);border-radius:6px;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.chart-detail-list dt{color:var(--text-dim);font-size:.67rem}.chart-detail-list dd{color:var(--text-bright);margin:0;font-size:.92rem}.settings-groups{gap:10px;margin-bottom:10px;display:grid}.settings-card{background:linear-gradient(180deg, #ffffff06, transparent 100%), var(--bg-card);border:1px solid var(--border-dim);border-radius:8px;padding:14px;box-shadow:inset 0 1px #aedcff0f,0 8px 14px #02081947}:root[data-theme=light] .settings-card{box-shadow:inset 0 1px #ffffffdb,0 8px 16px #2b3e5414}.settings-card__header{margin-bottom:12px}.settings-card__header h3{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-bright);margin:0;font-size:.78rem;font-weight:700}.settings-card__header p{color:var(--text-dim);margin:4px 0 0;font-size:.79rem;line-height:1.45}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-grid--single{grid-template-columns:1fr}.settings-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:6px;display:grid}.field>span{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid);font-size:.68rem;font-weight:700}.field--short{align-content:start}.field input,.field select{border:1px solid var(--border-mid);background:var(--bg-input);color:var(--text-bright);font:inherit;border-radius:6px;padding:9px 10px;font-size:.9rem;transition:border-color .11s,box-shadow .11s}.field input:focus,.field select:focus{border-color:var(--ka-light);outline:none;box-shadow:0 0 0 2px #4aa8ff2e}.field select option{background:var(--bg-elevated);color:var(--text-bright)}.field input[type=range]{accent-color:var(--success);padding:4px 0}:root[data-theme=light] .field input[type=range]{--range-percent:0%;appearance:none;height:18px;accent-color:var(--ka);background:0 0;padding:0 5px}:root[data-theme=light] .field input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ka) 0 var(--range-percent), #ddeefae6 var(--range-percent) 100%);border:0;border-radius:999px;height:8px;box-shadow:inset 0 1px 2px #2b3e541f}:root[data-theme=light] .field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ka);border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 4px #2b3e542e}:root[data-theme=light] .field input[type=range]::-moz-range-track{background:#ddeefae6;border:0;border-radius:999px;height:8px;box-shadow:inset 0 1px 2px #2b3e541f}:root[data-theme=light] .field input[type=range]::-moz-range-progress{background:var(--ka);border-radius:999px;height:8px}:root[data-theme=light] .field input[type=range]::-moz-range-thumb{background:var(--ka);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #2b3e542e}.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--success);margin:0}:root[data-theme=light] .field input[type=checkbox]{appearance:none;accent-color:var(--ka);background:#fff;border:1px solid #6aaedf75;border-radius:4px;place-content:center;display:inline-grid}:root[data-theme=light] .field input[type=checkbox]:before{content:"";transform-origin:50%;clip-path:polygon(14% 48%,0 62%,38% 100%,100% 16%,84% 4%,34% 72%);background:#fff;width:10px;height:10px;transition:transform 80ms;transform:scale(0)}:root[data-theme=light] .field input[type=checkbox]:checked{border-color:var(--ka);background:var(--ka)}:root[data-theme=light] .field input[type=checkbox]:checked:before{transform:scale(1)}:root[data-theme=light] .field input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 2px #8bc8f252}.range-with-input{grid-template-columns:1fr 84px;align-items:center;gap:8px;display:grid}.value-presets{scrollbar-width:thin;flex-wrap:nowrap;gap:6px;padding-bottom:2px;display:flex;overflow:auto hidden}.value-preset-button{border:1px solid var(--border-mid);min-height:30px;color:var(--text-mid);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#070e18b8;border-radius:6px;flex:none;padding:4px 9px;font-size:.62rem;font-weight:700}:root[data-theme=light] .value-preset-button{background:#f7fafed1}.value-preset-button:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-bright);background:#0d1a2be6}:root[data-theme=light] .value-preset-button:hover:not(:disabled){background:#ebf4fff5}.value-preset-button.is-active{color:#bbf7b8;background:#6ee16a24;border-color:#6ee16abd;box-shadow:0 0 0 1px #6ee16a2e}:root[data-theme=light] .value-preset-button.is-active{color:#356b45;background:#6fbd8324}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.checkbox-card{border:1px solid var(--border-mid);background:var(--bg-input);border-radius:6px;min-height:44px;padding:8px 10px}.checkbox-card--full{width:100%;min-height:52px}.settings-note{border:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-mid);border-radius:6px;margin:0;padding:10px 12px;font-size:.82rem;line-height:1.5}.settings-note--compact{align-items:center;display:grid}@media (width<=1100px){.studio-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sidebar-brand,.sidebar-footer{grid-column:1/-1}.dashboard-grid,.chart-shell-grid{grid-template-columns:1fr}.chart-import-placeholder{grid-row:auto}.dashboard-grid--run-active .info-panel,.dashboard-grid--run-active .session-controls,.dashboard-grid--run-active .action-panel{grid-area:auto}.dashboard-grid--run-active .info-panel{grid-template-rows:auto;grid-template-columns:1fr;grid-auto-rows:auto;display:grid}.dashboard-grid--run-active .info-panel .info-panel__header,.dashboard-grid--run-active .info-panel .performance-card,.dashboard-grid--run-active .info-panel .performance-card:first-of-type{grid-column:auto;min-width:0;height:auto}.dashboard-grid--run-active .info-panel{min-height:auto}.session-chart{grid-template-columns:1fr;justify-items:center}.action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.action-panel{min-height:auto}}@media (width<=720px){.app-shell{padding:8px}.sidebar,.settings-grid,.settings-grid--compact,.stats-grid,.action-row{grid-template-columns:1fr}.chart-hero{grid-template-columns:1fr;min-height:260px}.chart-hero__status{justify-self:start}.chart-detail-list div{grid-template-columns:1fr;gap:4px}.random-pattern-actions{grid-template-columns:1fr}.lane-track,.chart-lane-track{height:170px}.lane-panel--expanding .lane-track,.lane-panel--expanded .lane-track{height:230px}.lane-panel--shrinking .lane-track{height:170px}.hit-zone{width:70px;height:70px}.note{width:46px;height:46px}.lane-score-label{transform-origin:0;transform:translateY(-50%)scale(.9)}.lane-score-label strong{font-size:2.4rem}}.chart-modifier-panel-header{justify-content:space-between;align-items:center;gap:8px;padding:2px 0 4px;display:flex}.chart-modifier-panel-header__title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.64rem;font-weight:700}.chart-modifier-card,.chart-modifier-card:active{cursor:default}.chart-modifier-card.modifier-card--active{box-shadow:inset 3px 0 0 var(--modifier-color), 0 0 14px color-mix(in srgb, var(--modifier-color) 22%, transparent)}.chart-disclaimer-modal{width:min(760px,100vw - 32px);max-width:760px}.chart-disclaimer-modal__body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.chart-disclaimer-modal__body p{color:var(--text-mid);margin:0;font-size:.875rem;line-height:1.5}.chart-disclaimer-modal__body code{background:var(--bg-elevated);border:1px solid var(--border-mid);color:var(--text-bright);border-radius:3px;padding:0 4px;font-family:monospace;font-size:.8125rem}.chart-disclaimer-modal__list{color:var(--text-dim);flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.5;display:flex}.chart-disclaimer-modal__actions{justify-content:flex-end;gap:.625rem;padding-top:.25rem;display:flex}.chart-disclaimer-modal__accept{background:var(--ka);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .15s}.chart-disclaimer-modal__accept:hover{opacity:.85}.chart-disclaimer-modal__cancel{color:var(--text-dim);border:1px solid var(--border-mid);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:background .15s,color .15s}.chart-disclaimer-modal__cancel:hover{background:var(--bg-elevated);color:var(--text-mid)}.sidebar{align-content:start;gap:10px;padding:12px 10px;display:grid}.sidebar-brand{border-bottom:1px solid var(--border-dim);grid-template-columns:42px 1fr;align-items:center;gap:10px;margin-bottom:4px;padding:4px 2px 12px;display:grid}.sidebar-brand__logo{border:1px solid var(--border-bright);background:linear-gradient(150deg, var(--don-glow), var(--ka-glow));width:42px;height:42px;box-shadow:0 0 18px var(--ka-glow);border-radius:8px;display:block;overflow:hidden}.sidebar-brand__logo-image{object-fit:cover;width:100%;height:100%;display:block}.sidebar-brand__text{gap:1px;display:grid}.sidebar-brand__text strong{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-bright);text-shadow:0 0 12px #4aa8ff1f;font-size:1.2rem;line-height:1.05}.sidebar-brand__text span{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-bright);text-shadow:none;align-items:center;gap:6px;font-size:.78rem;line-height:1;display:flex}.sidebar-brand__version{font-family:var(--font-display);letter-spacing:.06em;color:var(--success);text-shadow:none;background:#6ee16a14;border:1px solid #6ee16a3d;border-radius:4px;padding:1px 5px;font-size:.6rem;line-height:1.4}.sidebar-group{border-top:1px solid var(--border-dim);gap:5px;padding-top:8px;display:grid}.sidebar-group h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0;font-size:.66rem}.sidebar-nav__item{text-align:left;width:100%;min-height:36px;color:var(--text-mid);font-family:var(--font-body);background:#050b1380;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;font-weight:600;display:flex;position:relative}:root[data-theme=light] .sidebar-nav__item{background:#f7fafeb8}.sidebar-nav__icon{color:#94a6bcf2;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.sidebar-nav__icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sidebar-nav__label{flex:1;display:inline-block}.sidebar-nav__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--warning);background:#ff8a1c1a;border:1px solid #ff8a1c4d;border-radius:3px;flex-shrink:0;margin-left:auto;padding:1px 5px;font-size:.55rem;font-weight:700;line-height:1.4}.sidebar-nav__item.is-active .sidebar-nav__icon{color:#76d6ff}.sidebar-nav__item:hover:not(:disabled){background:#0b1624e6;border-color:#4aa8ff6b}:root[data-theme=light] .sidebar-nav__item:hover:not(:disabled){background:#ebf4fff5}.sidebar-nav__item.is-active{color:var(--text-bright);box-shadow:inset 3px 0 0 var(--ka-light);background:linear-gradient(90deg,#4aa8ff38,#6ee16a14),#070e18f2;border-color:#4aa8ffa3}:root[data-theme=light] .sidebar-nav__item.is-active{background:linear-gradient(90deg,#1976d224,#188f3b14),#fffffff5}.sidebar-nav__item--static{opacity:.88}.sidebar-footer{border:1px solid var(--border-dim);color:var(--text-mid);background:#050b13db;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;font-size:.82rem;display:flex}.sidebar-theme-toggle{border:1px solid var(--border-dim);background:var(--bg-input);border-radius:6px;grid-template-columns:repeat(2,minmax(48px,1fr));gap:2px;padding:2px;display:inline-grid}.sidebar-theme-toggle__button{min-height:26px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:4px;padding:2px 8px;font-size:.66rem;font-weight:700}.sidebar-theme-toggle__button.is-active{color:var(--text-bright);background:#6ee16a24;box-shadow:inset 0 0 0 1px #6ee16a6b}:root[data-theme=light] .sidebar-footer{background:#ffffffc7}:root[data-theme=light] .sidebar-theme-toggle__button.is-active{background:#8bc8f238;box-shadow:inset 0 0 0 1px #6aaedf52}.session-controls h2{border-bottom:1px solid var(--border-mid);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0 0 14px;padding-bottom:8px;font-size:.72rem;font-weight:700}.pattern-search-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lane-family-nav,.lane-mode-nav{gap:12px;display:grid}.lane-family-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.lane-family-nav__button,.lane-mode-nav__button{border:1px solid var(--border-mid);color:var(--text-bright);min-height:48px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-align:center;cursor:default;pointer-events:none;background:#0d1c3d80;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-size:.75rem;font-weight:700;display:flex}:root[data-theme=light] .lane-family-nav__button,:root[data-theme=light] .lane-mode-nav__button{background:#ffffffb8}.lane-family-nav__button.is-active,.lane-mode-nav__button.is-active{color:var(--text-bright);border-color:var(--border-mid);box-shadow:none;background:#0d1c3d80}:root[data-theme=light] .lane-family-nav__button.is-active,:root[data-theme=light] .lane-mode-nav__button.is-active{background:#ebf4fff5}.lane-mode-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-picker__trigger{border:1px solid var(--border-mid);background:var(--bg-input);width:100%;color:var(--text-bright);font:inherit;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:border-color .11s;display:flex}.pattern-picker__trigger:hover{border-color:var(--border-bright)}.pattern-picker__trigger:focus{border-color:var(--ka-light);outline:none;box-shadow:0 0 0 2px #4aa8ff2e}.pattern-picker__summary{gap:4px;display:grid}.pattern-picker__summary strong{font-size:.9rem}.pattern-picker__caret{color:var(--text-dim);flex:none;font-size:.75rem}.pattern-picker__menu{border:1px solid var(--border-mid);background:var(--bg-elevated);border-radius:8px;gap:4px;max-height:300px;margin-top:6px;padding:6px;display:grid;overflow-y:auto;box-shadow:0 8px 32px #00000073}:root[data-theme=light] .pattern-picker__menu{box-shadow:0 8px 32px #2b3e5424}.pattern-picker__option{background:var(--bg-card);width:100%;color:var(--text-bright);font:inherit;text-align:left;border:1px solid #0000;border-radius:8px;gap:6px;padding:10px;transition:border-color 90ms,background 90ms;display:grid}.pattern-picker__option:hover,.pattern-picker__option:focus{border-color:var(--border-bright);background:var(--bg-elevated);outline:none}.pattern-picker__option.is-selected{background:#6ee16a14;border-color:#6ee16a7a}.pattern-picker__option-name{font-size:.86rem;font-weight:700}.pattern-picker__empty{border:1px dashed var(--border-mid);background:var(--bg-input);color:var(--text-dim);border-radius:8px;padding:10px;font-size:.82rem}.pattern-picker__dots{align-items:center}.random-pattern-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.random-pattern-actions .action-secondary{padding:8px}.random-pattern-list{border:1px solid var(--border-dim);background:var(--bg-elevated);border-radius:8px;gap:6px;max-height:220px;padding:6px;display:grid;overflow-y:auto}.random-pattern-item{background:var(--bg-card);border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px 10px;transition:border-color 90ms,background 90ms;display:grid}.random-pattern-item:hover,.random-pattern-item:focus-within{border-color:var(--border-bright);background:var(--bg-elevated)}.random-pattern-item input[type=checkbox]{margin-top:1px}.random-pattern-item__content{gap:4px;display:grid}.random-pattern-item__name{color:var(--text-bright);font-size:.82rem;font-weight:600}.pattern-dots{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pattern-dots--compact{gap:5px;margin-top:0}.pattern-dot{width:44px;height:44px;font-family:var(--font-display);border:3px solid #eaf4fff5;border-radius:50%;place-items:center;font-size:.68rem;font-weight:700;display:grid;box-shadow:0 2px 8px #00000073}:root[data-theme=light] .pattern-dot,:root[data-theme=light] .pattern-dot--don,:root[data-theme=light] .pattern-dot--ka{box-shadow:none}.pattern-dot--mini{border-width:2px;width:16px;min-width:16px;height:16px;min-height:16px}.pattern-dot--don{background:var(--don);color:#ffe0e0;box-shadow:0 2px 8px #00000073}.pattern-dot--ka{background:var(--ka-light);color:#daeeff;box-shadow:0 2px 8px #00000073}.pattern-dot-rows{gap:3px;max-width:100%;display:grid}.pattern-dot-row{grid-template-columns:repeat(10,max-content);justify-content:start;align-items:center;gap:3px;display:grid}.sequence-builder{gap:8px;display:grid}.pattern-sequence-actions{grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:8px;display:grid}.sequence-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.78rem;font-weight:700}.sequence-chip-list{flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;display:flex}.sequence-chip{border:1px solid var(--border-mid);background:var(--bg-elevated);border-radius:6px;flex:0 auto;align-items:center;gap:0;width:fit-content;max-width:100%;min-height:28px;padding:5px 6px 5px 10px;font-size:.8rem;display:inline-flex}.sequence-chip__dots{min-width:0;display:inline-flex;overflow:hidden}.sequence-chip__dots .pattern-dot-rows{min-width:0}.sequence-chip__remove{width:16px;height:16px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:0;transition:color 90ms;display:inline-grid}.sequence-chip__remove:hover{color:var(--text-bright)}.sequence-empty-hint{color:var(--text-dim);font-size:.8rem;font-style:italic}.sequence-clear-btn{border:1px solid var(--border-dim);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:.76rem;transition:border-color 90ms,color 90ms}.sequence-clear-btn:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-bright)}.sequence-clear-btn:disabled{cursor:default;opacity:.45}.session-preset-panel__button{border:1px solid var(--border-mid);background:var(--bg-input);color:var(--text-bright);min-height:34px;font:inherit;cursor:pointer;border-radius:6px;padding:7px 10px;font-size:.78rem;font-weight:700;transition:border-color 90ms,background 90ms,color 90ms}.session-preset-panel__button:hover:not(:disabled){border-color:var(--border-bright);background:var(--bg-card)}.session-preset-panel__button:disabled{opacity:.45;cursor:default}.pattern-modal.pattern-modal--presets{width:min(450px,100vw - 32px)}.pattern-session-presets{gap:10px;padding:12px;display:grid}.pattern-session-presets__summary{border:1px solid var(--border-dim);background:var(--bg-card);border-radius:8px;gap:6px;padding:8px 10px;display:grid}.pattern-session-presets__summary div{color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;font-size:.74rem;display:flex}.pattern-session-presets__summary strong{color:var(--text-bright);font-size:.8rem}.pattern-session-presets__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pattern-item{background:var(--bg-card);width:100%;color:var(--text-bright);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;gap:6px;padding:10px;transition:border-color 90ms,background 90ms;display:grid}.pattern-item:hover,.pattern-item:focus{border-color:var(--border-bright);background:var(--bg-elevated);outline:none}.pattern-item--in-sequence{background:#4aa8ff12;border-color:#4aa8ff73}.custom-pattern-creator h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0 0 12px;font-size:.82rem;font-weight:700}.note-input-row{flex-wrap:wrap;gap:8px;display:flex}.note-input-row button{border:1px solid var(--border-mid);background:var(--bg-input);color:var(--text-bright);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:border-color 90ms,background 90ms}.note-input-row button:hover:not(:disabled){border-color:var(--border-bright);background:var(--bg-elevated)}.note-input-row button:disabled{opacity:.4;cursor:default}.draft-preview{flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:6px 0;display:flex}.draft-name-row input{border:1px solid var(--border-mid);background:var(--bg-input);width:100%;color:var(--text-bright);font:inherit;border-radius:8px;padding:8px 10px;font-size:.86rem}.draft-name-row input:focus{border-color:var(--ka-light);outline:none;box-shadow:0 0 0 2px #4aa8ff2e}.validation-error{color:var(--don);margin:4px 0 0;font-size:.78rem}.save-pattern-btn{border:1px solid var(--border-mid);background:var(--bg-input);color:var(--text-bright);font:inherit;cursor:pointer;border-radius:8px;margin-top:4px;padding:9px 16px;font-size:.84rem;font-weight:700;transition:border-color 90ms,background 90ms}.save-pattern-btn:hover:not(:disabled){border-color:var(--border-bright);background:var(--bg-elevated)}.save-pattern-btn:disabled{opacity:.4;cursor:default}.pattern-pool-btn{border:1px solid var(--border-mid);background:var(--bg-input);width:100%;color:var(--text-bright);font:inherit;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;font-weight:600;transition:border-color 90ms,background 90ms;display:flex}.pattern-pool-btn:hover:not(:disabled){border-color:var(--border-bright);background:var(--bg-elevated)}.pattern-pool-btn:disabled{opacity:.4;cursor:default}.pattern-pool-btn__count{color:var(--text-dim);white-space:nowrap;font-size:.76rem;font-weight:400}.pattern-modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:flex-start;padding:32px 20px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}:root[data-theme=light] .pattern-modal-overlay{background:#17203361}.pattern-modal{background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:8px;flex-direction:column;flex-shrink:0;width:min(1180px,100vw - 40px);max-width:none;display:flex;box-shadow:0 20px 60px #000000a6}:root[data-theme=light] .pattern-modal{box-shadow:0 20px 60px #2b3e542e}.pattern-modal__header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.pattern-modal__header h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--text-bright);margin:0;font-size:.82rem;font-weight:700}.pattern-modal__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 7px;font-size:1rem;line-height:1;transition:color 90ms,background 90ms}.pattern-modal__close:hover{color:var(--text-bright);background:var(--bg-input)}.pattern-modal__body{display:block;overflow:hidden}.pattern-modal__content{grid-template-columns:minmax(520px,1fr) minmax(420px,.86fr);gap:0;display:grid}.pattern-modal__create-section{display:none}.pattern-modal__create-toggle{color:var(--text-dim);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:.82rem;font-weight:600;transition:color 90ms}.pattern-modal__create-toggle:hover{color:var(--text-bright)}.pattern-modal__create-form{gap:10px;margin-top:12px;display:grid}.pattern-modal__list-section{flex-direction:column;order:1;gap:8px;padding:12px 16px 16px;display:flex;overflow:hidden}.pattern-modal__sequence-section{border-left:1px solid var(--border-dim);order:2;grid-template-rows:auto auto;align-content:start;gap:8px;padding:12px 16px;display:grid}.pattern-modal__section-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;font-size:.76rem;font-weight:700;display:flex}.pattern-modal__section-header strong{color:var(--text-bright);font-size:.78rem}.pattern-modal__section-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.pattern-modal__sequence-list{border:1px solid var(--border-dim);background:var(--bg-card);border-radius:8px;grid-auto-rows:max-content;align-content:start;gap:4px;min-height:0;max-height:520px;padding:4px;transition:border-color 90ms,box-shadow 90ms;display:grid;overflow-y:auto}.pattern-modal__sequence-list.is-drop-at-end{border-color:#4aa8ffa6;box-shadow:inset 0 -4px #4aa8ffd9}.pattern-modal__sequence-end-drop{border:1px dashed #0000;border-radius:7px;min-height:22px;transition:border-color 90ms,background 90ms,box-shadow 90ms}.pattern-modal__sequence-end-drop.is-drop-target{box-shadow:inset 0 -4px 0 var(--ka-light);background:#4aa8ff1a;border-color:#4aa8ffb3}.pattern-modal__sequence-item{background:var(--bg-input);cursor:grab;border:1px solid #0000;border-radius:7px;grid-template-columns:28px minmax(0,1fr) 126px;align-items:start;gap:8px;min-height:52px;padding:7px 8px;transition:border-color 90ms,background 90ms,box-shadow 90ms;display:grid;position:relative}.pattern-modal__sequence-item.is-drop-target{box-shadow:inset 4px 0 0 var(--ka-light);background:#4aa8ff1f;border-color:#4aa8ffb3}.pattern-modal__sequence-item:active{cursor:grabbing}.pattern-modal__sequence-index{width:24px;height:24px;color:var(--text-dim);background:#eaf4ff14;border-radius:6px;place-items:center;margin-top:1px;font-size:.72rem;font-weight:700;display:grid}.pattern-modal__sequence-copy{gap:4px;min-width:0;display:grid}.pattern-modal__sequence-name{min-width:0;color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:700;display:block;overflow:hidden}.pattern-modal__sequence-actions,.pattern-modal__item-actions{flex:none;justify-content:flex-end;align-items:flex-start;gap:5px;display:flex}.pattern-modal__sequence-actions button,.pattern-modal__item-actions button,.pattern-modal__search-create button{border:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-bright);height:28px;min-height:28px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:700;transition:border-color 90ms,background 90ms,color 90ms;display:inline-flex}.pattern-modal__sequence-actions button:hover:not(:disabled),.pattern-modal__item-actions button:hover:not(:disabled),.pattern-modal__search-create button:hover:not(:disabled){border-color:var(--border-bright);background:var(--bg-elevated)}.pattern-modal__sequence-actions button:disabled,.pattern-modal__item-actions button:disabled,.pattern-modal__search-create button:disabled{opacity:.4;cursor:default}.pattern-modal__sequence-actions button{width:38px;padding-inline:0}.pattern-modal__sequence-actions button:last-child{width:32px}.pattern-modal__item-actions button{min-width:44px}.pattern-modal__search-slot{align-items:stretch;min-height:48px;display:grid}.pattern-modal__search-create{background:#4aa8ff14;border:1px solid #4aa8ff59;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:8px;display:flex}.pattern-modal__search-preview{min-width:0;display:block}.pattern-modal__search{border:1px solid var(--border-mid);background:var(--bg-input);width:100%;height:36px;color:var(--text-bright);font:inherit;border-radius:8px;padding:8px 10px;font-size:.86rem}.pattern-modal__search:focus{border-color:var(--ka-light);outline:none;box-shadow:0 0 0 2px #4aa8ff2e}.pattern-modal__bulk-actions{align-items:flex-start;gap:8px;display:flex}.pattern-modal__bulk-actions button{border:1px solid var(--border-dim);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:6px;width:124px;height:30px;padding:5px 12px;font-size:.76rem;transition:border-color 90ms,color 90ms}.pattern-modal__bulk-actions button:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-bright)}.pattern-modal__bulk-actions button:disabled{opacity:.4;cursor:default}.pattern-modal__list{border:1px solid var(--border-dim);background:var(--bg-card);border-radius:8px;flex:1;grid-auto-rows:max-content;align-content:start;gap:2px;min-height:0;max-height:520px;padding:4px;display:grid;overflow-y:auto}.pattern-modal__add-to-seq{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.82rem;display:flex}.pattern-modal__add-to-seq input[type=checkbox]{accent-color:var(--ka-light);cursor:pointer}.pattern-modal__item{background:var(--bg-input);width:100%;color:var(--text-bright);min-height:52px;font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:7px;grid-template-columns:28px minmax(0,1fr) 98px;align-items:start;gap:8px;padding:7px 10px;transition:border-color 90ms,background 90ms;display:grid}.pattern-modal__clear-sequence{border:1px solid var(--border-dim);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:6px;width:58px;height:28px;padding:4px 8px;font-size:.76rem;transition:border-color 90ms,color 90ms}.pattern-modal__clear-sequence:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-bright)}.pattern-modal__clear-sequence:disabled{opacity:.4;cursor:default}.pattern-modal__item:hover:not(.is-disabled),.pattern-modal__item:focus-visible:not(.is-disabled){border-color:var(--border-mid);background:var(--bg-elevated);outline:none}.pattern-modal__item--selected{background:#4aa8ff14;border-color:#4aa8ff66}.pattern-modal__item.is-disabled{opacity:.5;cursor:default}.pattern-modal__item-check{color:var(--text-dim);text-align:center;flex-shrink:0;width:28px;padding-top:2px;font-size:.78rem;font-weight:700}.pattern-modal__item--selected .pattern-modal__item-check{color:var(--ka-light)}.pattern-modal__item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.83rem;font-weight:600;overflow:hidden}.pattern-modal__item-dots{flex-shrink:0;align-self:start;display:block}@media (width<=680px){.pattern-modal{width:min(520px,100vw - 32px)}.pattern-modal__content{grid-template-columns:1fr}.pattern-modal__sequence-section{border-left:none;border-top:1px solid var(--border-dim)}.pattern-modal__sequence-list{min-height:0}.pattern-modal__sequence-item,.pattern-modal__item{grid-template-columns:auto minmax(0,1fr)}.pattern-modal__sequence-actions,.pattern-modal__item-actions{justify-content:flex-start}.pattern-modal__sequence-actions,.pattern-modal__item-dots,.pattern-modal__item-actions{grid-column:2}.pattern-modal__search-create{flex-direction:column;align-items:flex-start}}.action-panel{align-content:start;gap:10px;display:grid}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.action-mode-note{border:1px solid var(--border-dim);background:#050b13d1;border-radius:8px;gap:4px;padding:10px;display:grid}:root[data-theme=light] .action-mode-note{background:#ffffffb3;box-shadow:inset 0 1px #ffffffd1,0 8px 16px #2b3e5414}.action-mode-note h3{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);margin:0;font-size:.68rem}.action-mode-note p{color:var(--text-dim);margin:0;font-size:.78rem;line-height:1.45}.mode-options-grid{gap:12px}.mode-options-group{gap:10px;display:grid}.mode-options-group__title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.64rem;font-weight:700}.mode-options-grid .checkbox-card{min-height:48px;padding:10px 12px}.start-button{color:#fff;width:100%;height:64px;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#ffffff29,#0000 34%),linear-gradient(145deg,#4aa8ff 0%,#236fbd 52%,#174a86 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;transition:box-shadow .12s,filter .12s,transform 70ms;display:inline-flex;box-shadow:inset 0 0 0 1px #b4dcff47,0 12px 28px #4aa8ff47,inset 0 2px #ffffff29}.start-button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #c8e6ff6b,0 16px 36px #4aa8ff6b,inset 0 2px #ffffff29}.start-button:disabled{opacity:.4;box-shadow:none}.start-button.is-running{background:linear-gradient(#ffc4c438,#0000 30%),linear-gradient(145deg,#ff6b6b 0%,#d53b4a 52%,#8f1f2f 100%);box-shadow:inset 0 0 0 1px #ffd2d257,0 12px 28px #dc384861,inset 0 2px #ffffff2e}.start-button.is-running:disabled{opacity:1;filter:none;box-shadow:inset 0 0 0 1px #ffd2d257,0 12px 28px #dc384857,inset 0 2px #ffffff2e}.start-button.is-stopping{color:#ebf1f8eb;background:linear-gradient(#c8d2dc29,#0000 30%),linear-gradient(145deg,#6e7888 0%,#4d5663 52%,#3a424d 100%);box-shadow:inset 0 0 0 1px #cedae633,0 8px 20px #181e2659,inset 0 2px #ffffff1f}.action-secondary{border:1px solid var(--border-mid);background:var(--bg-elevated);color:var(--text-bright);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.84rem;font-weight:700;transition:border-color .11s,background .11s;display:inline-flex}:root[data-theme=light] .action-secondary{background:#ffffffd1;box-shadow:inset 0 1px #ffffffd1}:root[data-theme=light] .start-button{box-shadow:inset 0 0 0 1px #4a78b438,inset 0 2px #ffffff29}:root[data-theme=light] .start-button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #4a78b452,inset 0 2px #ffffff29}:root[data-theme=light] .start-button.is-running,:root[data-theme=light] .start-button.is-running:disabled{box-shadow:inset 0 0 0 1px #c8505a47,inset 0 2px #ffffff2e}:root[data-theme=light] .start-button.is-stopping{box-shadow:inset 0 0 0 1px #96a0aa33,inset 0 2px #ffffff1f}.action-button__icon{opacity:.95;justify-content:center;align-items:center;width:1.1em;min-width:1.1em;line-height:1;display:inline-flex}.action-secondary:hover:not(:disabled){filter:none;border-color:var(--border-bright);background:var(--bg-card)}.action-meta{color:var(--text-dim);margin:0;font-size:.76rem;font-weight:500;line-height:1.6}.action-status{border:1px solid var(--border-dim);background:var(--bg-card);border-radius:8px;gap:3px;padding:10px;display:grid}:root[data-theme=light] .action-status{background:#ffffffb8;box-shadow:inset 0 1px #ffffffd1}.modifier-panel{gap:8px;padding:0;display:grid}.modifier-panel__manage-btn{border:1px solid var(--border-mid);background:var(--bg-input);color:var(--text-bright);min-height:36px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.72rem;font-weight:700;box-shadow:inset 0 1px #aedcff14}.modifier-panel__manage-btn:hover{border-color:var(--border-bright);color:var(--text-bright);filter:none;background:#4aa8ff14}.modifier-panel__practice-note{color:var(--text-dim,#888);text-align:center;margin:0;padding:4px 0 2px;font-size:11px}.modifier-panel__empty{border:1px dashed var(--border-dim);color:var(--text-dim);text-align:center;background:#0a121d80;border-radius:8px;margin:0;padding:12px;font-size:.78rem}.modifier-panel__item{border-radius:8px;transition:box-shadow .12s;position:relative}.modifier-panel__item--drop-target{background:#4aa8ff1a;border-radius:8px}.modifier-panel__item--drop-target:before{content:"";z-index:3;background:var(--ka-light);pointer-events:none;border-radius:999px;height:4px;position:absolute;left:8px;right:8px;box-shadow:0 0 0 2px #050b13eb,0 0 18px #4aa8ffe6}.modifier-panel__item--drop-before:before{top:-5px}.modifier-panel__item--drop-after:before{bottom:-5px}.modifier-panel__end-drop{border:1px dashed #0000;border-radius:8px;min-height:16px;transition:border-color .12s,background .12s,box-shadow .12s}.modifier-panel__end-drop--drop-target{box-shadow:inset 0 -4px 0 var(--ka-light), 0 0 18px #4aa8ff57;background:#4aa8ff24;border-color:#4aa8ffb8}.modifier-card{border:1px solid var(--border-dim);background:var(--bg-card);cursor:grab;border-radius:8px;transition:border-color .12s;overflow:hidden}.modifier-card:active{cursor:grabbing}.modifier-card--active{border-color:var(--border-mid)}.modifier-card__header{align-items:center;gap:10px;padding:10px 12px;display:flex}.modifier-card__icon{width:28px;height:28px;color:var(--ka-light);background:#4aa8ff1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modifier-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.modifier-card__label{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-bright);font-size:.78rem;font-weight:700}.modifier-card__desc{color:var(--text-dim);font-size:.72rem;line-height:1.4}.modifier-card__toggle{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.modifier-card__toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:99px;width:34px;height:20px;transition:background .13s,border-color .13s;display:inline-block;position:relative}.toggle-track:after{content:"";background:var(--text-dim);border-radius:50%;width:12px;height:12px;transition:transform .13s,background .13s;position:absolute;top:3px;left:3px}.modifier-card__toggle input:checked+.toggle-track{background:color-mix(in srgb, var(--modifier-color,var(--success)) 22%, transparent);border-color:var(--modifier-color,var(--success))}.modifier-card__toggle input:checked+.toggle-track:after{background:var(--modifier-color,var(--success));transform:translate(14px)}.modifier-card__toggle input:disabled+.toggle-track{opacity:.4;cursor:not-allowed}.modifier-card__delete{color:var(--text-dim);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:1rem;transition:color .11s,background .11s}.modifier-card__delete:hover:not(:disabled){color:var(--don-light);filter:none;background:#ef3f3f1f}.modifier-card__delete:disabled{opacity:.3;cursor:not-allowed}.modifier-card__settings{border-top:1px solid var(--border-dim);gap:6px;padding:8px 12px 12px;display:grid}.setting-row{align-items:center;gap:10px;min-height:28px;display:flex}.setting-row__label{color:var(--text-mid);flex:1;min-width:0;font-size:.74rem;line-height:1.3}.setting-row__label strong{color:var(--text-bright);font-weight:600}.setting-row__control{flex-shrink:0;align-items:center;gap:6px;display:flex}.setting-row--checkbox{cursor:pointer;gap:8px}.setting-row--checkbox .setting-row__label{cursor:pointer;flex:none}.setting-row--checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--success);cursor:pointer;flex-shrink:0}.setting-row--checkbox input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.modifier-input{background:var(--bg-input);border:1px solid var(--border-mid);color:var(--text-bright);font-size:.74rem;font-family:var(--font-body);text-align:center;border-radius:6px;width:68px;padding:3px 6px;transition:border-color .1s}.modifier-input:focus{border-color:var(--border-bright);outline:none}.modifier-input:disabled{opacity:.45;cursor:not-allowed}.modifier-select{background:var(--bg-input);border:1px solid var(--border-mid);color:var(--text-bright);font-size:.74rem;font-family:var(--font-body);border-radius:6px;padding:3px 8px;transition:border-color .1s}.modifier-select:focus{border-color:var(--border-bright);outline:none}.modifier-select:disabled{opacity:.45;cursor:not-allowed}.modifier-range{width:90px;accent-color:var(--success);cursor:pointer}.modifier-range:disabled{opacity:.45;cursor:not-allowed}.setting-value-badge{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;min-width:30px;font-size:.72rem}.setting-value-badge--hint{color:var(--text-dim);min-width:unset;text-align:right;flex-shrink:0;font-size:.68rem;font-style:italic}.modifier-card__note{color:var(--text-dim);margin:0;padding:4px 2px 0;font-size:.7rem;line-height:1.4}.modifier-add-area{position:relative}.add-modifier-btn{border:1px dashed var(--border-mid);color:var(--text-mid);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:8px;width:100%;padding:8px 14px;font-size:.74rem;font-weight:600;transition:border-color .11s,color .11s,background .11s}.add-modifier-btn:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-bright);filter:none;background:#4aa8ff0f}.add-modifier-btn:disabled{opacity:.35;cursor:not-allowed}.modifier-catalog-picker{background:var(--bg-elevated);border:1px solid var(--border-bright);z-index:20;border-radius:8px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000073}.modifier-catalog-item{color:var(--text-mid);text-align:left;border:none;border-bottom:1px solid var(--border-dim);background:0 0;padding:9px 14px;font-size:.76rem;transition:background 80ms,color 80ms}.modifier-catalog-item:last-child{border-bottom:none}.modifier-catalog-item:hover:not(:disabled){color:var(--text-bright);filter:none;background:#4aa8ff1a}.modifier-catalog-item--disabled{display:none}.modifier-catalog-item--locked{opacity:.5;cursor:not-allowed;justify-content:space-between;align-items:center;display:flex}.modifier-catalog-item--locked:hover{color:var(--text-mid);background:0 0}.modifier-catalog-item__badge{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border-mid);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:600}.modifier-card--locked{opacity:.55;position:relative}.modifier-card__locked-banner{background:var(--bg-elevated);border-bottom:1px solid var(--border-dim);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);justify-content:center;align-items:center;gap:5px;padding:4px 12px;font-size:.68rem;font-weight:700;display:flex}.modifier-manager-modal__overlay{z-index:120;background:#000000b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modifier-manager-modal{border-color:var(--border-bright);background:#060c14fa;width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.modifier-manager-modal__header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.modifier-manager-modal__header h3{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-bright);margin:0;font-size:.8rem}.modifier-manager-modal__close{color:var(--text-dim);background:0 0;border:none;border-radius:6px;width:28px;height:28px;font-size:1rem}.modifier-manager-modal__close:hover{color:var(--text-bright);background:var(--bg-input);filter:none}.modifier-manager-modal__body{gap:8px;display:grid}.modifier-manager-modal__body h4{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.66rem}.modifier-manager-modal__hint{color:var(--text-dim);margin:0 0 4px;font-size:.76rem}.modifier-manager-modal__cards{border:1px solid var(--border-dim);background:var(--bg-card);border-radius:8px;gap:4px;min-height:300px;max-height:60vh;padding:8px;transition:border-color 90ms,box-shadow 90ms;display:grid;overflow-y:auto}.modifier-manager-modal__cards.is-drop-at-end{border-color:#4aa8ffa6;box-shadow:inset 0 -4px #4aa8ffd6}.modifier-manager-modal__card{border:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-mid);border-radius:8px;gap:8px;padding:10px;transition:border-color 90ms,background 90ms,box-shadow 90ms;display:grid}.modifier-manager-modal__card.is-enabled{border-color:#4aa8ff66}.modifier-manager-modal__card.is-locked{opacity:.58}.modifier-manager-modal__card.is-drop-target{box-shadow:inset 4px 0 0 var(--ka-light);background:#4aa8ff24;border-color:#4aa8ffb3}.modifier-manager-modal__card-header{align-items:center;gap:10px;display:flex}.modifier-manager-modal__title-wrap{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.modifier-manager-modal__title-wrap strong{color:var(--text-bright);font-size:.82rem}.modifier-manager-modal__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-mid);border-radius:999px;padding:2px 6px;font-size:.62rem}.modifier-manager-modal__drag{color:var(--text-dim);letter-spacing:-.16em;-webkit-user-select:none;user-select:none}.modifier-manager-modal__card.is-enabled .modifier-manager-modal__drag{cursor:grab}.modifier-manager-modal__card.is-enabled .modifier-manager-modal__drag:active{cursor:grabbing}.modifier-manager-modal__toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.modifier-manager-modal__toggle input:checked+.toggle-track{background:color-mix(in srgb, var(--success) 22%, transparent);border-color:var(--success)}.modifier-manager-modal__toggle input:checked+.toggle-track:after{background:var(--success);transform:translate(14px)}.modifier-manager-modal__toggle input:disabled+.toggle-track{opacity:.4;cursor:not-allowed}.modifier-manager-modal__copy,.modifier-manager-modal__purpose{margin:0;font-size:.76rem;line-height:1.5}.modifier-manager-modal__purpose{color:var(--text-mid)}.modifier-manager-modal__purpose span{color:var(--text-dim);font-weight:700}.modifier-manager-modal__end-drop{border:1px dashed #0000;border-radius:7px;min-height:18px}.modifier-manager-modal__end-drop.is-drop-target{box-shadow:inset 0 -4px 0 var(--ka-light);background:#4aa8ff14;border-color:#4aa8ffb8}.modifier-manager-modal__empty{color:var(--text-dim);margin:0;padding:6px 4px;font-size:.78rem}.about-panel-backdrop{z-index:90;cursor:pointer;background:#000000b3;border:0;margin:0;padding:0;position:fixed;inset:0}:root[data-theme=light] .about-panel-backdrop{background:#17203361}.about-panel{display:none}.about-panel.is-open{z-index:100;border-color:var(--border-bright);background:#060c14fa;flex-direction:column;width:min(700px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}:root[data-theme=light] .about-panel.is-open{background:#fffffffa}.about-panel__header-row{border-bottom:1px solid var(--border-mid);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.about-panel__title{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.72rem;font-weight:700}.about-panel__close{border:1px solid var(--border-mid);width:28px;height:28px;color:var(--text-mid);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.about-panel__close:hover{color:var(--text-bright);background:#122552b8;border-color:#78b7ff61}:root[data-theme=light] .about-panel__close:hover{background:#ebf4fff5}.about-panel__close svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.about-panel__body{gap:18px;padding:18px 20px 20px;display:grid;overflow-y:auto}.about-panel__intro{color:var(--text-mid);margin:0;font-size:.9rem;line-height:1.6}.about-panel__section{gap:8px;display:grid}.about-panel__section h3{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-bright);margin:0;font-size:.82rem}.about-panel__section p{color:var(--text-mid);margin:0;font-size:.86rem;line-height:1.6}.about-panel__list{gap:6px;margin:0;padding:0 0 0 16px;display:grid}.about-panel__list li{color:var(--text-mid);padding-left:4px;font-size:.86rem;line-height:1.55;list-style:outside}.about-panel__list li::marker{color:var(--success)}.about-panel__footer{border-top:1px solid var(--border-dim);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px 18px;display:flex}.about-panel__button{border:1px solid var(--border-mid);color:var(--text-dim);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;border-radius:7px;padding:6px 14px;text-decoration:none}.about-panel__button:hover{color:var(--text-mid);background:#122552b8;border-color:#78b7ff61}:root[data-theme=light] .about-panel__button:hover{background:#ebf4fff5}.lane-panel{gap:10px;display:grid}.count-in-panel{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;padding:0 2px;font-size:.78rem;font-weight:700;display:flex}.count-in-panel__meta{align-items:center;gap:8px;display:flex}.count-in-panel__chip{border:1px solid var(--border-mid);color:var(--text-mid);background:#050b13d1;border-radius:6px;padding:2px 10px;font-size:.62rem}:root[data-theme=light] .count-in-panel__chip{color:var(--text-mid);background:#ffffffd1}.count-in-panel__gear{border:1px solid var(--border-mid);min-height:28px;color:var(--text-mid);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#070e18e6;border-radius:6px;padding:4px 10px;font-size:.63rem}:root[data-theme=light] .count-in-panel__gear{color:var(--text-mid);background:#ffffffdb;box-shadow:inset 0 1px #ffffffd1}:root[data-theme=light] .count-in-panel__gear:hover{color:var(--text-bright);background:#ebf4fff5}.note-queue{pointer-events:none;z-index:5;align-items:center;display:flex;position:absolute;bottom:10px;left:12px}.note-queue__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#b8c2d094;white-space:nowrap;flex-shrink:0;font-size:.63rem;font-weight:700}:root[data-theme=light] .note-queue__label{color:#3d4e6594}.note-queue__dots{align-items:center;display:flex}.note-queue__dot+.note-queue__dot{margin-left:-8px}.note-queue__dot{border:2px solid #f4f7fbb8;border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}:root[data-theme=light] .note-queue__dot{border-color:#ffffffdb}.note-queue__dot--don{background:var(--don);box-shadow:0 0 6px var(--don-glow)}.note-queue__dot--ka{background:var(--ka);box-shadow:0 0 6px var(--ka-glow)}.note-queue__dot--nearest{border-width:2.5px;width:22px;height:22px}.note-queue__dot--nearest.note-queue__dot--don{box-shadow:0 0 10px #ff627eb3,0 0 18px #ff547266}.note-queue__dot--nearest.note-queue__dot--ka{box-shadow:0 0 10px #60c1ffb3,0 0 18px #4aaeff66}.note-queue__empty{color:#b4d2ff4d;font-size:.9rem}:root[data-theme=light] .note-queue__empty{color:#3d4e655c}.lane-status{border:1px solid var(--border-dim);background:#050b13d1;border-radius:8px;padding:10px 12px;overflow:auto hidden;box-shadow:inset 0 1px #ffffff0a}:root[data-theme=light] .lane-status{background:#ffffffc7;box-shadow:inset 0 1px #ffffffd1,0 8px 16px #2b3e5414}.lane-status__line{white-space:nowrap;min-width:max-content;color:var(--text-dim);align-items:center;gap:8px;margin:0;font-size:.78rem;font-weight:600;line-height:1.4;display:inline-flex}.lane-status__item{align-items:center;gap:5px;display:inline-flex}.lane-status__icon{stroke-width:2.1px;flex:none}.lane-status__item--state .lane-status__icon{color:var(--don-light)}.lane-status__item--state.is-stopped .lane-status__icon{color:var(--success)}.lane-status__item--mode .lane-status__icon{color:#ff9b6e}.lane-status__item--bpm .lane-status__icon{color:#ff9d2e}.lane-status__item--scroll .lane-status__icon{color:var(--ka-light)}.lane-status__item--controller .lane-status__icon{color:#b9a4ff}.lane-status__item--controller.is-keyboard .lane-status__icon{color:#73d0ff}.lane-status__item+.lane-status__item:before{content:"";background:#91b0e45c;width:1px;height:14px;margin-right:3px}:root[data-theme=light] .lane-status__item+.lane-status__item:before{background:#3b4b6038}.lane-track{border:1px solid var(--border-mid);background:linear-gradient(#070d15fa 0%,#050a11fc 52%,#060b12fc 100%),#050a11;border-radius:8px;height:190px;transition:height .26s cubic-bezier(.2,.72,.22,1),border-color .26s,box-shadow .26s;position:relative;overflow:hidden;box-shadow:inset 0 0 42px #00000094,inset 0 0 0 1px #96aac314,0 8px 18px #00000080}:root[data-theme=light] .lane-track{background:linear-gradient(#f5fafffa 0%,#ebf6fdfc 52%,#e5f1fafc 100%),#f1f7fc;box-shadow:inset 0 0 34px #2b3e541f,inset 0 0 0 1px #ffffff9e,0 8px 18px #2b3e541f}.lane-panel--expanding .lane-track,.lane-panel--expanded .lane-track{border-color:#4aa8ff7a;height:270px;box-shadow:inset 0 0 56px #0000009e,inset 0 0 0 1px #96aac31a,0 12px 26px #0000008a,0 0 28px #4aa8ff14}:root[data-theme=light] .lane-panel--expanding .lane-track,:root[data-theme=light] .lane-panel--expanded .lane-track{box-shadow:inset 0 0 42px #2b3e5424,inset 0 0 0 1px #ffffffb8,0 12px 26px #2b3e5424,0 0 24px #1976d21f}.lane-panel--shrinking .lane-track{height:190px}@media (prefers-reduced-motion:reduce){.lane-track{transition:none}}.lane-track:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#96aac30b 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#96aac306 0 1px,#0000 1px 54px);position:absolute;inset:0}:root[data-theme=light] .lane-track:before{background-image:repeating-linear-gradient(0deg,#3b4b6012 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#3b4b600a 0 1px,#0000 1px 54px)}.lane-track:after{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.lane-track__guide{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#0000 0 calc(18% - 1px),#6ee16ad1 calc(18% - 1px) calc(18% + 1px),#0000 calc(18% + 1px) 100%);position:absolute;inset:0}.lane-track__pixi{z-index:3;pointer-events:none;will-change:transform;isolation:isolate;position:absolute;inset:0}.lane-track__pixi canvas{width:100%;height:100%;display:block}.hit-zone{z-index:2;background:radial-gradient(circle at 42% 38%,#ffffff14,#1018248f);border:2px solid #f4f7fba3;border-radius:50%;width:84px;height:84px;position:absolute;top:50%;left:18%;transform:translate(-50%,-50%);box-shadow:0 0 10px #f4f7fb1f,inset 0 1px #ffffff14}:root[data-theme=light] .hit-zone{background:radial-gradient(circle at 42% 38%,#ffffffb8,#cbd8eb6b);border-color:#3b4b606b;box-shadow:0 0 10px #2b3e541a,inset 0 1px #ffffffc2}.hit-zone:after{content:"";box-shadow:none;border:1px solid #f4f7fb57;border-radius:50%;position:absolute;inset:7px}:root[data-theme=light] .hit-zone:after{border-color:#3b4b6042}.hit-zone--don{border-color:#b4c8dcb3;box-shadow:inset 0 1px #ffffff14}:root[data-theme=light] .hit-zone--don,:root[data-theme=light] .hit-zone--ka{border-color:#3b4b6075}.hit-zone--ka{border-color:#b4c8dcb3;box-shadow:inset 0 1px #ffffff14}.hit-zone--don:after,.hit-zone--ka:after{opacity:.95;box-shadow:none;border-width:2px}.hit-zone-ripple{pointer-events:none;z-index:8;border:1px solid #0000;border-radius:50%;width:84px;height:84px;position:absolute;top:50%;left:18%;transform:translate(-50%,-50%)scale(1)}.hit-zone-ripple--don,.hit-zone-ripple--ka,.hit-zone-ripple--default{box-shadow:none;border-color:#b4c8dc80;animation:.42s cubic-bezier(.1,.6,.4,1) forwards hit-ripple-expand}.hit-zone-ripple--good{border-color:var(--success);animation:.42s cubic-bezier(.1,.6,.4,1) forwards hit-ripple-expand;box-shadow:0 0 10px #6ee16a7a}.hit-zone-ripple--ok{border-color:#e6f0ffbf;animation:.42s cubic-bezier(.1,.6,.4,1) forwards hit-ripple-expand;box-shadow:0 0 6px #dcebff4d}@keyframes hit-ripple-expand{0%{opacity:.9;border-width:1px;transform:translate(-50%,-50%)scale(1)}60%{opacity:.45;border-width:.7px}to{opacity:0;border-width:.3px;transform:translate(-50%,-50%)scale(2)}}.note{z-index:3;background:0 0;border:4px solid #f4f7fbf5;border-radius:50%;width:54px;height:54px;transition:transform 80ms,filter 80ms;position:absolute;top:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 12px #e1f2ff73,0 2px 8px #00000073}:root[data-theme=light] .note{border-color:#fffffff0}.note:before{content:none}.note:after{content:none;filter:blur(.3px);background:#ffffffbf;border-radius:50%;width:12px;height:12px;position:absolute;top:9px;left:10px}.note--don{background:var(--don);box-shadow:0 0 12px var(--don-glow), 0 0 22px #ef3f3f47, 0 2px 8px #00000073}:root[data-theme=light] .note--don{background:#e03040;box-shadow:0 0 14px #e0304073,0 0 24px #e0304038,0 2px 8px #2b3e542e}.note--ka{background:var(--ka);box-shadow:0 0 12px var(--ka-glow), 0 0 22px #4aa8ff47, 0 2px 8px #00000073}.note__name{font-family:var(--font-display);letter-spacing:.05em;color:#b4d2ffbf;white-space:nowrap;opacity:0;pointer-events:none;font-size:.7rem;font-weight:700;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}:root[data-theme=light] .note--ka{background:#1c88e0;box-shadow:0 0 14px #1c88e073,0 0 24px #1c88e038,0 2px 8px #2b3e542e}:root[data-theme=light] .note__name{color:#3d4e65c7}.note__hand{width:17px;height:17px;color:var(--text-mid);opacity:0;pointer-events:none;background:#1a2848;border:1px solid #ffffff40;border-radius:50%;place-items:center;font-size:.57rem;font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}:root[data-theme=light] .note__hand{color:var(--text-mid);background:#ffffffe0;border-color:#3b4b602e}.note--missed{opacity:.25;filter:grayscale(.7)}.note--dom-hidden{visibility:hidden}.lane-track-wrap{position:relative}.lane-score-label{pointer-events:none;z-index:6;text-align:center;min-width:72px;position:absolute;top:50%;transform:translate(-50%,-50%)}.lane-score-label strong{font-family:var(--font-display);color:#f4f7fbf0;text-shadow:0 2px 6px #000000bf,0 0 12px #6ee16a47;font-size:3rem;font-weight:800;line-height:1;display:block}:root[data-theme=light] .lane-score-label strong{color:#172033eb;text-shadow:0 2px 6px #ffffffd1,0 0 10px #188f3b29}.lane-score-label__value{transform-origin:50%;animation:.22s cubic-bezier(.18,.84,.26,1) lane-score-pop}@keyframes lane-score-pop{0%{opacity:.85;transform:translateY(3px)scale(.82)}55%{opacity:1;transform:translateY(-1px)scale(1.16)}to{opacity:1;transform:translateY(0)scale(1)}}.lane-react-label{pointer-events:none;z-index:7;width:max-content;position:absolute;top:8px;transform:translate(-50%)}.lane-react-label span{transform-origin:50%;text-align:center;white-space:nowrap;font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;color:currentColor;opacity:0;text-shadow:0 0 14px,0 2px 5px #000000b3;font-size:1.05rem;font-weight:800;animation:.3s cubic-bezier(.2,.78,.2,1) forwards lane-react-label-pop;display:block;position:relative;top:0;left:0;transform:scale(.72)}:root[data-theme=light] .lane-react-label span{text-shadow:0 1px 2px #ffffffe6, 0 0 8px color-mix(in srgb, currentColor 26%, transparent)}@keyframes lane-react-label-pop{0%{opacity:0;transform:translateY(12px)scale(.72)}30%{opacity:1;transform:translateY(-3px)scale(1.05)}58%{opacity:1;transform:translateY(-18px)scale(.92)}76%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.9)}}.lane-react-label--good{color:var(--success)}.lane-react-label--ok{color:#e6f0ffeb}.lane-react-label--miss{color:var(--clr-miss)}.lane-react-label--wrong{color:#b4c8ffcc}.lane-react-label--don,.lane-react-label--ka{filter:none}:root[data-theme=light] .lane-react-label--ok{color:var(--text-mid)}:root[data-theme=light] .lane-react-label--wrong{color:#3d4e65db}.lane-input-preview{pointer-events:none;z-index:5;opacity:.9;width:112px;height:112px;position:absolute;top:50%;transform:translate(-50%,-50%)}.lane-input-drum{background:#4aa8ff38;border-radius:50%;position:absolute;inset:0;box-shadow:0 8px 18px #0000002e}:root[data-theme=light] .lane-input-drum{background:#4aa8ff2e;box-shadow:0 8px 16px #2b3e541a}.lane-input-drum__rim,.lane-input-drum__half{opacity:0;position:absolute;top:0;bottom:0}.lane-input-drum__rim--left,.lane-input-drum__half--left{left:0}.lane-input-drum__rim--right,.lane-input-drum__half--right{right:0}.lane-input-drum__half{width:50%}.lane-input-drum__rim--left{background:0 0;border:12px solid #4aa8fffa;border-right:0;border-radius:112px 0 0 112px;width:50%;box-shadow:-10px 0 26px #4aa8ffc7,inset 10px 0 20px #91d4ff4d}.lane-input-drum__rim--right{background:0 0;border:12px solid #4aa8fffa;border-left:0;border-radius:0 112px 112px 0;width:50%;box-shadow:10px 0 26px #4aa8ffc7,inset -10px 0 20px #91d4ff4d}.lane-input-drum__face{background:#ef3f3f3d;border-radius:50%;position:absolute;inset:14px;overflow:hidden;box-shadow:inset 0 8px 18px #ffffff0a}:root[data-theme=light] .lane-input-drum__face{background:#e77d823d}.lane-input-drum__face:after{content:none}.lane-input-drum__half--left{background:var(--don);box-shadow:-8px 0 22px #ef3f3f9e,inset 12px 0 24px #ff847c5c}.lane-input-drum__half--right{background:var(--don);box-shadow:8px 0 22px #ef3f3f9e,inset -12px 0 24px #ff847c5c}.lane-input-preview--left.lane-input-preview--don .lane-input-drum__half--left,.lane-input-preview--right.lane-input-preview--don .lane-input-drum__half--right,.lane-input-preview--left.lane-input-preview--ka .lane-input-drum__rim--left,.lane-input-preview--right.lane-input-preview--ka .lane-input-drum__rim--right{opacity:1;animation:.26s ease-out lane-input-preview-hit}.lane-input-preview--don .lane-input-drum{box-shadow:0 0 24px #ef3f3f57,0 8px 18px #0000002e}.lane-input-preview--ka .lane-input-drum{box-shadow:0 0 18px #4aa8ff3d,0 8px 18px #0000002e}@keyframes lane-input-preview-hit{0%{opacity:0}18%{opacity:1}to{opacity:.56}}.info-panel{align-content:start;gap:12px;display:grid}.info-panel__header{border-bottom:1px solid var(--border-mid);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.info-panel h2{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.72rem;font-weight:700}.info-line{color:var(--text-mid);margin:0 0 6px;font-size:.87rem;font-weight:600}.info-panel .info-line{margin:0}.feedback-banner{border:1px solid var(--border-mid);background:linear-gradient(145deg,#0c1a2ac7 0%,#050b13e0 100%);border-radius:8px;margin-bottom:14px;padding:10px 14px;box-shadow:inset 0 1px #acdbff24,0 10px 20px #040a1e6b}:root[data-theme=light] .feedback-banner{background:linear-gradient(145deg,#ffffffeb 0%,#eff6fff5 100%);box-shadow:inset 0 1px #ffffffdb,0 10px 20px #2b3e541a}.feedback-banner strong{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-bright);margin-bottom:2px;font-size:1.05rem;display:block}.feedback-banner span{color:var(--text-mid);font-size:.82rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:8px;padding:12px;position:relative;box-shadow:inset 0 1px #aedcff14,0 8px 18px #0208195c}:root[data-theme=light] .stat-card{background:var(--bg-card);box-shadow:inset 0 1px #ffffffd1,0 8px 18px #2b3e541a}.stat-card:before{content:"";background:#88b6ffb8;border-radius:10px 0 0 10px;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card--good{background:linear-gradient(120deg,#6ee16a1a,#08101ae6);border-color:#6ee16a5c}:root[data-theme=light] .stat-card--good{background:linear-gradient(120deg,#188f3b1a,#fffffff0)}.stat-card--good:before{background:#6ee16ad1}.stat-card--save{background:linear-gradient(120deg,#4aa8ff1f,#08101ae6);border-color:#4aa8ff66}:root[data-theme=light] .stat-card--save{background:linear-gradient(120deg,#1976d21f,#fffffff0)}.stat-card--save:before{background:#4aa8ffdb}.stat-card--miss{background:linear-gradient(120deg,#ef3f3f1f,#08101ae6);border-color:#ef3f3f66}:root[data-theme=light] .stat-card--miss{background:linear-gradient(120deg,#d735351f,#fffffff0)}.stat-card--miss:before{background:#ef3f3fd6}.stat-card--combo{background:linear-gradient(120deg,#a65cff24,#08101ae6);border-color:#a65cff6b}:root[data-theme=light] .stat-card--combo{background:linear-gradient(120deg,#7c3bd11f,#fffffff0)}.stat-card--combo:before{background:#a65cffe6}.stat-card span{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:3px;font-size:.62rem;font-weight:700;display:block}.stat-card strong{font-family:var(--font-hud);color:var(--text-bright);text-shadow:0 0 12px #6db0ff29;font-size:1.75rem;font-weight:700;line-height:1}:root[data-theme=light] .stat-card strong{text-shadow:none}.performance-card{border:1px solid var(--border-dim);background:linear-gradient(165deg,#0a121deb,#050b13eb);border-radius:8px;gap:10px;padding:12px;display:grid}:root[data-theme=light] .performance-card{border-color:var(--border-mid);background:linear-gradient(165deg,#fffffff5,#f1f7ffeb);box-shadow:inset 0 1px #ffffffd1,0 10px 22px #2b3e541a}.performance-card h3{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ka-light);margin:0;font-size:.73rem}.performance-card__headline{align-items:baseline;gap:8px;display:flex}.performance-card__headline strong{font-family:var(--font-hud);font-size:2.1rem;line-height:1}.performance-card__headline span{color:#bbf7b8;font-family:var(--font-display);letter-spacing:.05em;background:#6ee16a1f;border:1px solid #6ee16a94;border-radius:6px;padding:2px 8px;font-size:.86rem}:root[data-theme=light] .performance-card__headline span{color:#356b45;background:#6fbd8324}.performance-list{gap:5px;display:grid}.performance-list p{color:var(--text-mid);justify-content:space-between;margin:0;font-size:.84rem;display:flex}.performance-list p strong:not(.performance-grade){color:var(--text-bright)}.performance-list p .performance-value{letter-spacing:.01em;font-size:1.02rem;font-weight:800}.performance-judgement{letter-spacing:.01em;font-weight:700}.performance-judgement--good{color:var(--success)}.performance-judgement--ok{color:#e6f0ffe6}:root[data-theme=light] .performance-judgement--ok{color:var(--text-mid)}.performance-judgement--miss{color:var(--don)}.performance-grade{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:1.8rem;font-weight:800;line-height:1}.performance-value--good{color:var(--success)}.performance-value--ok{color:#e6f0ffe6}:root[data-theme=light] .performance-value--ok{color:var(--text-mid)}.performance-value--miss{color:var(--don)}.performance-grade--sss{color:var(--warning)}.performance-grade--ss,.performance-grade--s{color:var(--violet)}.performance-grade--a{color:var(--ka-light)}.performance-grade--b{color:var(--success)}.performance-grade--c,.performance-grade--d{color:var(--warning)}.performance-grade--f{color:var(--don)}.performance-card--secondary h3{color:#76d6ff}:root[data-theme=light] .performance-card--secondary h3{color:var(--ka)}.timing-card{gap:12px}.timing-card h3{color:var(--text-bright);align-items:center;gap:8px;display:flex}.timing-card__live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #6ee16a94}.timing-card--compact{gap:10px}.timing-gauge{justify-items:center;min-height:148px;padding-top:10px;display:grid;position:relative;overflow:hidden}.timing-gauge__arc{background:radial-gradient(circle at 50% 100%, var(--bg-card) 0 46px, transparent 47px), conic-gradient(from 270deg at 50% 100%, var(--don) 0deg 58deg, var(--success) 58deg 122deg, var(--ka-light) 122deg 180deg, transparent 180deg 360deg);filter:drop-shadow(0 0 14px #4aa8ff1f);border-radius:132px 132px 0 0;width:132px;height:70px}:root[data-theme=light] .timing-gauge__arc{background:radial-gradient(circle at 50% 100%, var(--bg-card) 0 46px, transparent 47px), conic-gradient(from 270deg at 50% 100%, var(--don) 0deg 58deg, var(--success) 58deg 122deg, var(--ka-light) 122deg 180deg, transparent 180deg 360deg);filter:drop-shadow(0 8px 14px #2b3e5414)}.timing-gauge__needle{transform-origin:50% 100%;width:4px;height:60px;transform:translate(-50%, -100%) rotate(var(--timing-needle-rotation));background:linear-gradient(#fff,#e6f0ffdb);border-radius:999px;transition:transform .16s;position:absolute;top:70px;left:50%;box-shadow:0 0 12px #e6f0ff40}:root[data-theme=light] .timing-gauge__needle{background:linear-gradient(#172033,#3d4e65d6);box-shadow:0 0 10px #2b3e542e}.timing-gauge__hub{background:var(--bg-input);border-radius:50%;width:15px;height:15px;position:absolute;top:69px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #00000080}:root[data-theme=light] .timing-gauge__hub{box-shadow:0 0 14px #2b3e542e}.timing-gauge__side{font-size:.78rem;font-weight:700;position:absolute;top:76px}.timing-gauge__side--early{color:var(--ka-light);right:18px}.timing-gauge__side--late{color:var(--don);left:18px}.timing-gauge strong{font-family:var(--font-display);color:var(--ka-light);margin-top:10px;font-size:1.05rem}.timing-gauge>span:last-child{color:var(--text-dim);margin-top:2px;font-size:.74rem}.metric-picker__trigger{border:1px solid var(--border-mid);background:var(--bg-input);color:var(--text-bright);min-height:32px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.72rem;font-weight:700;box-shadow:inset 0 1px #aedcff14}.metric-picker__trigger:hover{border-color:var(--border-bright);color:var(--text-bright);filter:none;background:#4aa8ff14}.metric-card{position:relative}.metric-drag-wrap{cursor:grab;border-radius:8px;transition:box-shadow .12s;position:relative}.metric-drag-wrap:active{cursor:grabbing}.metric-drag-wrap--drop-target{background:#4aa8ff1a;border-radius:8px}.metric-drag-wrap--drop-target:before{content:"";z-index:3;background:var(--ka-light);pointer-events:none;border-radius:999px;height:4px;position:absolute;left:8px;right:8px;box-shadow:0 0 0 2px #050b13eb,0 0 18px #4aa8ffe6}:root[data-theme=light] .metric-drag-wrap--drop-target:before{box-shadow:0 0 0 2px #fffffff0,0 0 16px #1976d275}.metric-drag-wrap--drop-before:before{top:-5px}.metric-drag-wrap--drop-after:before{bottom:-5px}.metric-drag-end{border:1px dashed #0000;border-radius:8px;min-height:16px;transition:border-color .12s,background .12s,box-shadow .12s}.metric-drag-end--drop-target{box-shadow:inset 0 -4px 0 var(--ka-light), 0 0 18px #4aa8ff57;background:#4aa8ff24;border-color:#4aa8ffb8}.metric-empty-state{border:1px dashed var(--border-dim);color:var(--text-dim);text-align:center;background:#0a121d80;border-radius:8px;margin:0;padding:12px;font-size:.78rem}:root[data-theme=light] .metric-empty-state{background:#ffffff9e}.metric-manager-modal__overlay{z-index:120;background:#000000b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}:root[data-theme=light] .metric-manager-modal__overlay{background:#17203361}.metric-manager-modal{border-color:var(--border-bright);background:#060c14fa;width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}:root[data-theme=light] .metric-manager-modal{background:#fffffffa}.metric-manager-modal__header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.metric-manager-modal__header h3{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-bright);margin:0;font-size:.8rem}.metric-manager-modal__close{color:var(--text-dim);background:0 0;border:none;border-radius:6px;width:28px;height:28px;font-size:1rem}.metric-manager-modal__close:hover{color:var(--text-bright);background:var(--bg-input);filter:none}.metric-manager-modal__body{gap:8px;display:grid}.metric-manager-modal__body h4{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.66rem}.metric-manager-modal__hint{color:var(--text-dim);margin:0 0 4px;font-size:.76rem}.metric-manager-modal__cards{border:1px solid var(--border-dim);background:var(--bg-card);border-radius:8px;gap:4px;min-height:300px;max-height:60vh;padding:8px;transition:border-color 90ms,box-shadow 90ms;display:grid;overflow-y:auto}.metric-manager-modal__cards.is-drop-at-end{border-color:#4aa8ffa6;box-shadow:inset 0 -4px #4aa8ffd6}.metric-manager-modal__card{border:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-mid);border-radius:8px;gap:8px;padding:14px 58px 12px 10px;transition:border-color 90ms,background 90ms,box-shadow 90ms;display:grid;position:relative}.metric-manager-modal__card.is-enabled{border-color:#4aa8ff66}.metric-manager-modal__card.is-drop-target{box-shadow:inset 4px 0 0 var(--ka-light);background:#4aa8ff24;border-color:#4aa8ffb3}.metric-manager-modal__card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-manager-modal__card-header strong{min-width:0;color:var(--text-bright);font-size:.82rem}.metric-manager-modal__toggle{align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.metric-manager-modal__drag{color:var(--text-dim);letter-spacing:-.16em;-webkit-user-select:none;user-select:none}.metric-manager-modal__card.is-enabled .metric-manager-modal__drag{cursor:grab}.metric-manager-modal__card.is-enabled .metric-manager-modal__drag:active{cursor:grabbing}.metric-manager-modal__toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.metric-manager-modal__toggle input:checked+.toggle-track{background:color-mix(in srgb, var(--success) 22%, transparent);border-color:var(--success)}.metric-manager-modal__toggle input:checked+.toggle-track:after{background:var(--success);transform:translate(14px)}.metric-manager-modal__copy,.metric-manager-modal__purpose{margin:0;font-size:.76rem;line-height:1.5}.metric-manager-modal__purpose{color:var(--text-mid)}.metric-manager-modal__purpose span{color:var(--text-dim);font-weight:700}.metric-manager-modal__end-drop{border:1px dashed #0000;border-radius:7px;min-height:18px}.metric-manager-modal__end-drop.is-drop-target{box-shadow:inset 0 -4px 0 var(--ka-light);background:#4aa8ff14;border-color:#4aa8ffb8}.metric-card h3{grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:28px;padding-right:40px;display:grid}.metric-card__remove{color:var(--text-dim);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:28px;min-height:24px;padding:4px 6px;font-size:1rem;line-height:1;display:inline-flex;position:absolute;top:10px;right:12px}.metric-card__remove:disabled{opacity:.3;cursor:not-allowed}.metric-card__remove:hover{color:var(--don-light);filter:none;background:#ef3f3f1f}.timing-balance,.hand-bias,.timing-strip,.timing-window{gap:8px;display:grid}.timing-balance__bar,.hand-bias__bar{border-radius:999px;height:8px;box-shadow:inset 0 1px #fff3,0 0 14px #4aa8ff1f}.timing-balance__bar{background:linear-gradient(90deg, var(--don) 0 var(--timing-late-percent), var(--ka-light) var(--timing-late-percent) 100%)}.hand-bias__bar{background:linear-gradient(90deg, var(--ka-light) 0 var(--hand-left-percent), var(--don) var(--hand-left-percent) 100%)}.timing-balance__labels,.hand-bias__labels,.timing-strip__labels,.timing-window__labels{color:var(--text-dim);justify-content:space-between;gap:10px;font-size:.75rem;display:flex}.timing-balance__labels strong{align-items:center;gap:6px;display:inline-flex}.timing-balance__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem}.hand-bias__labels{align-items:center}.timing-balance__labels strong:first-child{color:var(--don)}.timing-balance__labels strong:last-child,.hand-bias__labels strong:first-child{color:var(--ka-light)}.hand-bias__labels strong:last-child{color:var(--don)}.hand-bias__labels span{color:var(--text-mid);text-align:center}.timing-strip__track,.timing-window__track{border-radius:999px;height:38px;position:relative}.timing-strip__track:before,.timing-window__track:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#4aa8ff61,#6ee16a9e,#ef3f3f61);height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timing-strip__track:before{background:linear-gradient(90deg,#ef3f3f61,#6ee16a9e,#4aa8ff61)}.timing-strip__zero,.timing-window__center{background:var(--success);border-radius:999px;width:2px;position:absolute;top:7px;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #6ee16a73}.timing-strip__marker{top:50%;left:var(--timing-marker-position);width:3px;height:26px;opacity:var(--timing-marker-opacity);border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.timing-strip__marker--early{background:var(--ka-light);box-shadow:0 0 8px #4aa8ff6b}.timing-strip__marker--late{background:var(--don);box-shadow:0 0 8px #ef3f3f6b}.timing-strip__marker--center{background:var(--success);box-shadow:0 0 8px #6ee16a6b}.timing-strip__marker--ok{height:20px}.timing-window__track{height:30px}.timing-window__bound{border-radius:999px;width:2px;position:absolute;top:4px;bottom:4px;transform:translate(-50%)}.timing-window__bound--early{background:var(--ka-light)}.timing-window__bound--late{background:var(--don)}.timing-window__labels span:first-child{color:var(--ka-light)}.timing-window__labels span:nth-child(2){color:var(--success)}.timing-window__labels span:last-child{color:var(--don)}.session-chart{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;display:grid}.session-chart__dial{width:120px;height:120px;position:relative}.session-chart__dial svg{width:120px;height:120px;transform:rotate(-90deg)}.session-chart__ring-bg{fill:none;stroke:#7d8a9c33;stroke-width:10px}.session-chart__ring-fg{fill:none;stroke:var(--success);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .22s}.session-chart__center{text-align:center;place-content:center;gap:2px;display:grid;position:absolute;inset:0}.session-chart__center strong{font-family:var(--font-hud);color:var(--text-bright);font-size:1.8rem;line-height:1}.session-chart__center span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.64rem}.settings-modal-backdrop{z-index:90;cursor:pointer;background:#000000b3;border:0;margin:0;padding:0;position:fixed;inset:0}:root[data-theme=light] .settings-modal-backdrop{background:#17203361}.settings-panel{display:none}.settings-panel.is-open{z-index:100;border-color:var(--border-bright);background:#060c14fa;width:min(1040px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px;display:block;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}:root[data-theme=light] .settings-panel.is-open{background:#fffffffa}.settings-panel__header-row{border-bottom:1px solid var(--border-mid);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#060c14fa,#060c14eb);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex;position:sticky;top:-16px}.settings-panel h2{border-bottom:1px solid var(--border-mid);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0 0 14px;padding-bottom:8px;font-size:.72rem;font-weight:700}.settings-panel__header-row h2{border-bottom:0;margin:0;padding:0}.settings-panel__title{color:var(--text-bright);letter-spacing:.14em;border-bottom:0;margin:0;padding:0}.settings-panel__close{border:1px solid var(--border-mid);min-height:32px;color:var(--text-mid);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#070e18e6;border-radius:6px;padding:6px 12px;font-size:.66rem}:root[data-theme=light] .settings-panel__close{background:#ffffffdb}:root[data-theme=light] .settings-panel__close:hover{color:var(--text-bright);background:#ebf4fff5}:root[data-theme=light] .settings-panel__header-row{background:linear-gradient(#fffffffa,#ffffffeb)}.settings-panel .settings-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.settings-tabs{border:1px solid var(--border-dim);background:#08101bb8;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:3px;display:grid}.settings-tabs__button{min-height:34px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:8px;font-size:.66rem;font-weight:800}.settings-tabs__button.is-active{color:#dff1ff;background:linear-gradient(#4aa8ff47,#4aa8ff26);border-color:#4aa8ff85;box-shadow:inset 0 1px #bce0ff4d}:root[data-theme=light] .settings-tabs{background:#f7fbfff2}:root[data-theme=light] .settings-tabs__button.is-active{color:#24415d;background:linear-gradient(#8bc8f257,#8bc8f22e);border-color:#6aaedf94}.settings-panel .settings-card{min-height:100%;padding:14px}.settings-panel .settings-card__header{border-bottom:1px solid var(--border-dim);margin-bottom:12px;padding-bottom:10px}.settings-panel .settings-card--wide{grid-column:1/-1}.settings-panel .settings-grid{gap:12px}.settings-panel .field>span{min-height:14px}.settings-panel .field--range{grid-column:1/-1;width:100%}.settings-panel .checkbox-card{min-height:48px}.settings-panel .mapping-inline{border-color:var(--border-mid);margin-top:2px}.settings-theme-toggle{border:1px solid var(--border-dim);background:var(--bg-input);border-radius:6px;grid-template-columns:repeat(2,minmax(88px,1fr));gap:2px;padding:2px;display:inline-grid}.settings-theme-toggle__button{min-height:28px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:4px;padding:2px 10px;font-size:.68rem;font-weight:700}.settings-theme-toggle__button.is-active{color:var(--text-bright);background:#6ee16a24;box-shadow:inset 0 0 0 1px #6ee16a6b}:root[data-theme=light] .settings-theme-toggle__button.is-active{background:#8bc8f238;box-shadow:inset 0 0 0 1px #6aaedf52}.key-remap-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.key-remap-row{border:1px solid var(--border-mid);background:var(--bg-input);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff0a}.key-remap-row--don{background:linear-gradient(90deg, #ff5a6829, transparent 42%), var(--bg-input);border-color:#ff5a686b}.key-remap-row--ka{background:linear-gradient(90deg, #4aa8ff29, transparent 42%), var(--bg-input);border-color:#4aa8ff6b}.key-remap-row--utility{border-color:#94a3b852}.key-remap-row__identity{align-items:center;gap:8px;min-width:0;display:flex}.key-remap-row__tone{text-align:center;min-width:44px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.66rem;font-weight:800}.key-remap-row__tone--don{color:#ffd6da;background:#ff5a683d}.key-remap-row__tone--ka{color:#d8edff;background:#4aa8ff3d}.key-remap-row__label{color:var(--text-mid);text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:600;overflow:hidden}.key-remap-row>span:not(.key-remap-row__identity){color:var(--text-mid);font-size:.83rem;font-weight:600}.key-remap-button{border:1px solid var(--border-mid);background:var(--bg-elevated);min-width:134px;color:var(--text-bright);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:8px 10px;font-size:.74rem;font-weight:700}.key-remap-button.is-listening{background:#6ee16a1f;border-color:#6ee16ab8;box-shadow:inset 0 0 0 1px #6ee16a33}.timing-offset-field{gap:8px}.field-label-with-help{align-items:center;gap:6px;width:fit-content;display:inline-flex}.settings-help{align-items:center;display:inline-flex;position:relative}.settings-help__icon{border:1px solid var(--border-mid);width:17px;height:17px;color:var(--text-mid);font-family:var(--font-display);cursor:help;background:#4aa8ff1a;border-radius:999px;place-items:center;font-size:.62rem;font-weight:800;line-height:1;display:inline-grid}.settings-help__bubble{border:1px solid var(--border-bright);width:min(260px,100vw - 48px);color:var(--text-bright);font-family:var(--font-body);letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;z-index:120;background:#070e18fa;border-radius:8px;padding:9px 10px;font-size:.76rem;font-weight:500;line-height:1.4;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 12px 28px #0000006b}:root[data-theme=light] .settings-help__bubble{background:#fffffffa;box-shadow:0 12px 28px #2b3e5429}.settings-help:hover .settings-help__bubble,.settings-help:focus-within .settings-help__bubble{opacity:1;transform:translate(-50%)translateY(0)}.offset-slider-row{grid-template-columns:minmax(0,1fr) 68px 84px;align-items:center;gap:10px;display:grid}.beat-travel-row,.timing-window-row{grid-template-columns:minmax(0,1fr) 92px 84px;align-items:center;gap:10px;display:grid}.offset-slider-row output,.beat-travel-row output,.timing-window-row output{border:1px solid var(--border-mid);background:var(--bg-elevated);color:var(--text-bright);min-height:34px;font-family:var(--font-display);letter-spacing:.06em;border-radius:6px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.fps-selector{flex-wrap:wrap;gap:4px;display:flex}.fps-selector button{border:1px solid var(--ka);min-width:90px;min-height:36px;color:var(--ka);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:.85rem}.fps-selector button:disabled{opacity:.4;cursor:not-allowed}.fps-selector button.active{background:var(--ka);color:#f4f7fb}.settings-segment button{min-width:90px}.mapping-inline{border:1px solid var(--border-dim);background:var(--bg-card);border-radius:8px;gap:6px;padding:10px 12px;display:grid}.mapping-inline p{color:var(--text-mid);margin:0;font-size:.82rem}.mapping-tone{min-width:38px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;place-items:center;padding:2px 7px;font-size:.62rem;font-weight:800;line-height:1.3;display:inline-grid}.mapping-tone--don{color:#ffd6da;background:#ff5a6833}.mapping-tone--ka{color:#d8edff;background:#4aa8ff33}@media (width<=720px){.settings-panel.is-open{width:min(1040px,100vw - 16px);max-height:calc(100vh - 16px);padding:12px}.settings-panel__header-row{margin-bottom:12px;padding-bottom:10px;top:-12px}.settings-panel .settings-groups{grid-template-columns:1fr;gap:10px}.settings-tabs{grid-template-columns:1fr;gap:4px;margin-bottom:12px}.settings-panel .settings-card--wide{grid-column:auto}.key-remap-list,.key-remap-row{grid-template-columns:1fr}.key-remap-button{width:100%}.offset-slider-row{grid-template-columns:1fr 78px}.beat-travel-row,.timing-window-row{grid-template-columns:1fr 92px}.offset-slider-row input[type=range],.beat-travel-row input[type=range],.timing-window-row input[type=range]{grid-column:1/-1}}