@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/etude/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2)format("woff2"),url(/etude/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/etude/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2)format("woff2"),url(/etude/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/etude/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2)format("woff2"),url(/etude/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/etude/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2)format("woff2"),url(/etude/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/etude/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2)format("woff2"),url(/etude/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/etude/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2)format("woff2"),url(/etude/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/etude/assets/instrument-sans-latin-ext-700-normal-ClYbKGw-.woff2)format("woff2"),url(/etude/assets/instrument-sans-latin-ext-700-normal-BQc-7cTM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/etude/assets/instrument-sans-latin-700-normal-CYfAanHo.woff2)format("woff2"),url(/etude/assets/instrument-sans-latin-700-normal-DfAjL1vF.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Instrument Sans", system-ui, sans-serif;--ink-0:#141a25;--ink-1:#1a212e;--ink-2:#222b3b;--ink-3:#2d384c;--row-in:#1d2533;--row-out:#161c27;--row-hover:#ffffff0b;--line-faint:#ffffff09;--line:#ffffff13;--line-strong:#ffffff26;--text:#ece6d9;--text-dim:#8e98ab;--playhead:#f4ead2;--loop:#5fbfae;--loop-off:#5fbfae4d;--loop-wash:#5fbfae0f;--note-text:#141a25;--key-white:#d8d3c6;--key-black:#252e3d;--key-gap:#00000047;--key-label:#3e4555;--focus:#9cc4ff;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--ink-0);font-variant-numeric:tabular-nums;font-size:13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}canvas{touch-action:none;width:100%;display:block}.app{grid-template-columns:minmax(0,1fr);height:100%;display:grid}.toolbar{background:var(--ink-1);border-bottom:1px solid var(--line-strong);z-index:5;align-items:center;gap:14px;min-width:0;padding:8px 14px;display:flex;position:relative}.brand{white-space:nowrap;letter-spacing:.01em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.title-input{border-radius:var(--radius);width:180px;color:var(--text-dim);background:0 0;border:1px solid #0000;padding:4px 8px;font-weight:500}.title-input:hover,.title-input:focus{border-color:var(--line-strong);color:var(--text);outline:none}.group{border-left:1px solid var(--line);align-items:center;gap:6px;padding-left:14px;display:flex}.btn,.icon-btn,.toggle,.seg button{background:var(--ink-2);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer}.btn{padding:5px 12px;font-weight:500}.btn:hover,.icon-btn:hover:not(:disabled),.toggle:hover,.seg button:hover{background:var(--ink-3)}.icon-btn{width:30px;height:30px;color:var(--text-dim);place-items:center;padding:0;display:inline-grid}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn[aria-pressed=true]{color:var(--loop);border-color:var(--loop);background:#5fbfae1f}.play-btn{border-radius:var(--radius);border:1px solid var(--playhead);background:var(--playhead);width:40px;height:32px;color:var(--ink-0);cursor:pointer;place-items:center;display:inline-grid}.play-btn:hover{filter:brightness(1.08)}.play-btn.is-playing{color:var(--playhead);background:0 0}.mini-field{color:var(--text-dim);align-items:center;gap:6px;display:flex}.mini-field input,.mini-field select,.field select,.lane-timbre{background:var(--ink-2);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);padding:4px 6px}.mini-field input[type=number]{width:58px}.slash{margin:0 -2px}.master-volume input[type=range]{width:96px;accent-color:var(--playhead)}.volume-pct{width:34px;color:var(--text-dim);font-size:12px}.sound-loading{min-width:32px;font-size:12px}.sound-error{width:18px;height:18px;color:var(--ink-0);background:#c9604f;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.insp-sound{color:var(--text-dim);opacity:.85;margin-top:5px;font-size:11px;line-height:1.35}.toast{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}.file-menu{position:relative}.menu{background:var(--ink-2);border:1px solid var(--line-strong);z-index:20;border-radius:8px;min-width:190px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 32px #00000073}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:flex-start;gap:10px;width:100%;padding:7px 10px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--ink-3)}.demos-menu{width:min(380px,100vw - 24px);max-height:70vh;overflow-y:auto}.menu-composer{color:var(--text-dim);margin-left:4px;font-weight:400}.menu-sep{background:var(--line);height:1px;margin:4px 6px}.menu-label{font-weight:600;display:block}.menu-hint{color:var(--text-dim);margin-top:1px;font-size:11.5px;display:block}.dot{background:var(--lane);border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}.lanes{background:var(--ink-0);min-height:0;display:flex;overflow:hidden auto}.lane-heads{background:var(--ink-1);border-right:1px solid var(--line-strong);flex:none;width:252px}.lane-head{border-bottom:1px solid var(--line);cursor:default;align-items:stretch;gap:8px;padding:6px 8px 6px 0;display:flex}.lane-head.is-selected{background:color-mix(in srgb, var(--lane) 9%, var(--ink-1))}.lane-head.is-muted .lane-swatch,.lane-head.is-muted .lane-name{opacity:.45}.lane-swatch{background:var(--lane);border-radius:0 3px 3px 0;flex:none;width:5px}.lane-head.is-selected .lane-swatch{width:7px}.lane-main{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.lane-name{background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:1px 4px;font-weight:600}.lane-name:hover,.lane-name:focus{border-color:var(--line-strong);outline:none}.lane-timbre{color:var(--text-dim);background:0 0;border-color:#0000;align-self:flex-start;padding:1px 4px;font-size:12px}.lane-timbre:hover{border-color:var(--line-strong)}.lane-controls{flex-direction:column;justify-content:center;gap:6px;width:88px;display:flex}.lane-buttons{justify-content:flex-end;gap:4px;display:flex}.toggle{width:24px;height:22px;color:var(--text-dim);padding:0;font-size:11px;font-weight:700}.toggle[aria-pressed=true]{color:var(--ink-0);background:#c9604f;border-color:#c9604f}.toggle-solo[aria-pressed=true]{background:var(--playhead);border-color:var(--playhead)}.lane-delete{opacity:.6;background:0 0;border-color:#0000;width:22px;height:22px}.lane-delete:hover{opacity:1}.lane-volume{width:100%;height:14px;accent-color:var(--lane)}.add-lane{padding:8px 10px 10px;position:relative}.add-lane-btn{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.add-lane-btn:hover{color:var(--text);border-color:var(--text-dim)}.add-lane-menu{width:300px;margin-top:4px;position:fixed;top:auto;left:10px}.lane-canvas-wrap{flex:1;min-width:0}.splitter{background:var(--ink-1);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);cursor:row-resize}.splitter:hover{background:var(--ink-3)}.roll{background:var(--ink-0);min-height:0;display:flex}.inspector{background:var(--ink-1);border-right:1px solid var(--line-strong);flex-direction:column;flex:none;gap:12px;padding:12px;display:flex;overflow-y:auto}.insp-lane{gap:9px;display:flex}.insp-name{font-size:14px;font-weight:700}.insp-role{color:var(--text-dim);margin-top:2px;font-size:11.5px;line-height:1.4}.field{color:var(--text-dim);justify-content:space-between;align-items:center;gap:8px;display:flex}.field select{max-width:100px;padding:3px 4px}.field output{color:var(--text);font-weight:500}.seg{display:flex}.seg button{width:28px;height:24px;padding:0;line-height:1}.seg button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.seg button:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:0}.check{color:var(--text-dim);cursor:pointer;align-items:center;gap:7px;display:flex}.readout{background:var(--ink-2);border-radius:8px;margin-top:auto;padding:10px}.readout-main{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:20px;font-weight:700;line-height:1.15;display:flex}.readout-sub{color:var(--text-dim);margin-top:3px;font-size:12px}.numeral{color:var(--playhead);opacity:.85;font-family:Georgia,Times New Roman,serif;font-size:.92em;font-weight:400}.hint{color:var(--text-dim);margin:auto 0 0;font-size:12px;line-height:1.45}.roll-keys{border-right:1px solid var(--line-strong);flex-direction:column;flex:none;display:flex}.roll-corner{background:var(--ink-1);border-bottom:1px solid var(--line-strong);flex:none}.keys-canvas{cursor:pointer;flex:1;min-height:0}.vel-label{color:var(--text-dim);background:var(--ink-1);border-top:1px solid var(--line-strong);flex:none;place-items:center;font-size:10.5px;display:grid}.roll-main{flex-direction:column;flex:1;min-width:0;display:flex}.ruler{cursor:text;flex:none}.grid-canvas{flex:1;min-height:0}.vel-canvas{cursor:ns-resize;flex:none}.overview{cursor:ew-resize;border-bottom:1px solid var(--line-strong)}.view-toggle{display:flex}.view-toggle button{background:var(--ink-2);border:1px solid var(--line-strong);color:var(--text-dim);cursor:pointer;padding:5px 10px;font-weight:500}.view-toggle button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.view-toggle button:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:0}.view-toggle button[aria-pressed=true]{background:var(--ink-3);color:var(--text)}.score{--paper:#ebe6da;--paper-ink:#22262e;background:var(--paper);min-height:0;color:var(--paper-ink);overflow:auto}.score-loading{place-items:center;display:grid}.score-sheet{cursor:text;position:relative}.score-chunk{position:absolute;top:0}.score-chunk svg{display:block}.score-labels{z-index:2;background:linear-gradient(to right, var(--paper) 85%, transparent);position:sticky;left:0}.score-label{cursor:pointer;align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex;position:absolute;left:10px;right:8px;transform:translateY(-50%)}.score-label .dot{margin-top:0;box-shadow:0 0 0 1px #00000040}.score-label-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-label.is-selected .score-label-name{text-underline-offset:3px;text-decoration:underline}.score-cursor,.score-playhead{pointer-events:none;z-index:1;width:2px;margin-left:-1px;position:absolute;top:0;left:0}.score-cursor{border-left:1px dashed #22262e73}.score-playhead{background:#c9604fbf;display:none}.main{min-height:0;display:flex}.main>.workspace,.main>.score{flex:1;min-width:0}.workspace{grid-template-columns:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.ex-panel{z-index:1;background:var(--ink-1);border-left:1px solid var(--line-strong);flex:none;width:330px;padding:16px 16px 24px;font-size:13px;line-height:1.5;position:relative;overflow-y:auto}.ex-number{color:var(--text-dim);font-size:12px}.ex-title{margin:2px 0 8px;font-size:16px;font-weight:700;line-height:1.3}.ex-brief{margin:0 0 10px}.ex-rules{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 8px;padding:6px 10px}.ex-rules summary{cursor:pointer;color:var(--text-dim);font-weight:600}.ex-rules ul{margin:6px 0 2px;padding-left:18px}.ex-rules li+li{margin-top:3px}.ex-rules p{color:var(--text-dim);margin:6px 0 2px}.ex-actions{gap:8px;margin:12px 0 6px;display:flex}.ex-check{border-radius:var(--radius);border:1px solid var(--playhead);background:var(--playhead);color:var(--ink-0);cursor:pointer;flex:1;padding:7px 12px;font-weight:700}.ex-check:hover{filter:brightness(1.06)}.ex-best{color:var(--text-dim);font-size:12px}.ex-blocking{border-radius:var(--radius);background:#e8b04a14;border:1px solid #e8b04a80;margin-top:12px;padding:10px 12px}.ex-result{margin-top:14px}.ex-result.is-stale .ex-score,.ex-result.is-stale .ex-issues{opacity:.55}.ex-score{align-items:baseline;gap:6px;display:flex}.ex-score-num{font-size:34px;font-weight:700;line-height:1}.ex-score-of{color:var(--text-dim)}.ex-badge{border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:700}.ex-badge.is-pass{color:var(--loop);background:#5fbfae2e}.ex-badge.is-fail{color:#ef6b5a;background:#ef6b5a26}.ex-summary{color:var(--text-dim);margin:6px 0}.ex-stale{color:#e8b04a;margin-bottom:6px;font-size:12px}.ex-issues{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ex-issue{border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;gap:9px;width:100%;padding:7px 8px;display:flex}.ex-issue:hover{background:var(--ink-2)}.ex-issue.is-active{background:var(--ink-2);border-color:var(--line-strong)}.ex-issue-dot{border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.ex-issue.is-error .ex-issue-dot{background:#ef6b5a}.ex-issue.is-warning .ex-issue-dot{background:#e8b04a}.ex-issue-body{min-width:0}.ex-issue-rule{gap:8px;font-weight:600;display:flex}.ex-issue-bar{color:var(--text-dim);white-space:nowrap;margin-left:auto;font-weight:400}.ex-issue-detail{color:var(--text-dim);margin-top:2px;font-size:12px;display:block}.ex-issue:not(.is-active) .ex-issue-detail{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ex-next{width:100%;margin-top:12px}.menu-heading{color:var(--text-dim);padding:6px 10px 2px;font-size:12px}.menu-num{width:26px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none}.menu-status{color:var(--text-dim);flex:none;align-self:center;font-size:12px}.menu-status.is-pass{color:var(--loop);font-weight:600}.menu-item.is-disabled{cursor:default;opacity:.55}.menu-item.is-disabled:hover{background:0 0}.lane-lock{width:22px;height:22px;color:var(--text-dim);place-items:center;display:inline-grid}.insp-locked{color:#e8b04a;margin-top:5px;font-size:11px}.drill{flex:1;min-width:0;padding:24px 24px 40px;overflow-y:auto}.drill-head{justify-content:space-between;align-items:flex-start;gap:16px;max-width:760px;margin:0 auto 16px;display:flex}.drill-number{color:var(--text-dim);font-size:12px}.drill-title{margin:2px 0 0;font-size:22px;font-weight:700}.drill-card{border:1px solid var(--line-strong);background:var(--ink-1);border-radius:10px;max-width:760px;margin:0 auto;padding:20px 22px}.drill-brief{margin:0 0 12px;font-size:14px;line-height:1.55}.drill-pass{color:var(--text-dim);margin:0 0 8px}.drill-start{flex:none;min-width:160px;margin-top:8px}.drill-progress{color:var(--text-dim);gap:16px;font-size:12px;display:flex}.drill-clock{font-variant-numeric:tabular-nums;margin-left:auto}.drill-bar{background:var(--ink-3);border-radius:2px;height:4px;margin:8px 0 16px;overflow:hidden}.drill-bar>div{background:var(--loop);height:100%;transition:width .2s}.drill-prompt{margin:0 0 12px;font-size:18px;font-weight:600}.drill-paper{background:#ebe6da;border-radius:8px;justify-content:center;margin:0 0 16px;padding:6px 0;display:flex}.drill-staff svg{display:block}.drill-replay{margin:0 0 16px}.drill-steps{color:var(--text-dim);gap:16px;margin:0 0 10px;display:flex}.drill-steps .is-current{color:var(--text);font-weight:600}.drill-row{flex-wrap:wrap;gap:6px;display:flex}.drill-grid{gap:6px;display:grid}.drill-grid .drill-choice,.drill-intervals .drill-choice{min-width:0;padding-left:2px;padding-right:2px}.drill-intervals{grid-template-columns:auto repeat(7,minmax(0,1fr));align-items:center;gap:6px;display:grid}.drill-axis{color:var(--text-dim);text-align:center;font-size:11.5px}.drill-axis.is-row{text-align:right;padding-right:6px}.drill-choice{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--ink-2);cursor:pointer;min-width:52px;padding:10px 8px;font-size:15px;font-weight:600}.drill-row .drill-choice{flex:1}.drill-choice.is-wide{font-size:13px}.drill-choice:hover:not(:disabled){background:var(--ink-3);border-color:var(--text-dim)}.drill-choice:disabled{cursor:default;opacity:.6}.drill-choice.is-right{opacity:1;border-color:var(--loop);background:#5fbfae33}.drill-choice.is-wrong{opacity:1;background:#ef6b5a2e;border-color:#ef6b5a}.drill-feedback{border-radius:var(--radius);margin-top:14px;padding:12px 14px;line-height:1.55}.drill-feedback.is-right{color:var(--loop);font-weight:600}.drill-feedback.is-wrong{background:#ef6b5a14;border:1px solid #ef6b5a73}.drill-continue{margin-top:10px}.drill-criteria{margin:10px 0 0;padding-left:0;list-style:none}.drill-criteria li{margin:4px 0}.drill-criteria li:before{width:18px;font-weight:700;display:inline-block}.drill-criteria .is-met:before{content:"✓";color:var(--loop)}.drill-criteria .is-unmet:before{content:"✗";color:#ef6b5a}.drill-missed-title{margin:18px 0 6px;font-size:14px}.drill-missed{color:var(--text-dim);margin:0;padding-left:18px;line-height:1.5}.drill-missed li+li{margin-top:6px}.drill-missed-q{color:var(--text)}.brand-link{color:inherit;text-decoration:none}a.btn{color:inherit;white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.btn,.view-toggle button{white-space:nowrap}.pr-crumb{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.pr-studio-link{margin-left:auto}.pr-scroll{min-height:0;overflow-y:auto}.pr-home{max-width:920px;margin:0 auto;padding:28px 24px 56px}.pr-hero h1{margin:0 0 6px;font-size:28px;font-weight:700}.pr-hero p{max-width:62ch;color:var(--text-dim);margin:0;font-size:14px;line-height:1.55}.pr-overall{color:var(--text-dim);align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.pr-overall-bar{background:var(--ink-3);border-radius:3px;flex:0 260px;height:6px;overflow:hidden}.pr-overall-bar>div{background:var(--loop);height:100%}.pr-h2{margin:30px 0 6px;font-size:16px;font-weight:700}.pr-blurb{color:var(--text-dim);margin:0 0 10px;font-size:13px}.pr-next{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px;display:grid}.pr-next-card{border:1px solid var(--line-strong);background:var(--ink-1);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.pr-next-card:hover{border-color:var(--text-dim);background:var(--ink-2)}.pr-kind{color:var(--loop);font-size:12px;font-weight:600}.pr-next-title{font-size:15px;font-weight:700}.pr-next-summary{color:var(--text-dim);margin-bottom:4px;font-size:12.5px}.pr-list{border:1px solid var(--line);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.pr-list li+li{border-top:1px solid var(--line)}.pr-row{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.pr-row:hover{background:var(--ink-1)}.pr-row.is-disabled{cursor:default;opacity:.55}.pr-row.is-disabled:hover{background:0 0}.pr-num{width:34px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none}.pr-row-main{flex:1;min-width:0}.pr-row-title{font-weight:600;display:block}.pr-row-summary{color:var(--text-dim);margin-top:1px;font-size:12.5px;display:block}.pr-status{color:var(--text-dim);white-space:nowrap;flex:none;font-size:12px}.pr-status.is-pass{color:var(--loop);font-weight:600}.tr-chips{flex-wrap:wrap;gap:4px;margin:0 0 10px;display:flex}.pr-row .tr-chips{justify-content:flex-end;margin:0}.tr-chip{border:1px solid var(--line-strong);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11px}.tr-listen{flex-wrap:wrap;gap:6px;margin:4px 0 12px;display:flex}.tr-listen .ex-check{flex:100%}.pr-error{color:#e08a8a}.pr-weak-list{flex-wrap:wrap;gap:8px;display:flex}.pr-weak-item{border-radius:var(--radius);background:#e8b04a14;border:1px solid #e8b04a73;padding:6px 10px;font-size:13px}.pr-status.is-due{color:var(--warn,#e8b04a);font-weight:600}.cards-options{grid-template-columns:auto 1fr;align-items:center;gap:10px 16px;margin:14px 0 16px;display:grid}.cards-opt-label{color:var(--text-dim);font-size:12px}.cards-seg{border:1px solid var(--line-strong);border-radius:var(--radius);flex-wrap:wrap;justify-self:start;display:inline-flex;overflow:hidden}.cards-seg button{border:0;border-right:1px solid var(--line-strong);color:var(--text-dim);cursor:pointer;background:0 0;padding:5px 12px}.cards-seg button:last-child{border-right:0}.cards-seg button.is-on{background:var(--ink-3);color:var(--text);font-weight:600}.cards-checks{flex-wrap:wrap;gap:6px 18px;display:flex}.cards-checks label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.cards-key{background:var(--ink-2);text-align:center;border-radius:8px;margin:0 0 16px;padding:26px 0;font-size:30px;font-weight:700}.cards-recall{gap:10px;display:flex}.cards-recall>*{flex:1;min-height:44px}.cards-recall kbd{border:1px solid var(--line-strong);font:inherit;color:var(--text-dim);border-radius:4px;margin-right:6px;padding:0 5px;font-size:11px}.cards-again{border-color:#e05c5c8c}.cards-pass{border-color:#5ac87899}.cards-answer{border:1px solid var(--line-strong);background:var(--ink-2);border-radius:8px;margin:0 0 14px;padding:14px 16px}.cards-answer-main{font-size:22px;font-weight:700}.cards-answer-why{color:var(--text-dim);margin-top:4px;font-size:13px;line-height:1.5}.cards-foot{justify-content:flex-end;margin-top:14px;display:flex}.cards-grid-wrap{overflow-x:auto}.cards-grid{border-collapse:separate;border-spacing:3px;font-size:12px}.cards-grid th{color:var(--text-dim);white-space:nowrap;font-weight:500}.cards-grid th[scope=row]{text-align:right;padding-right:8px}.cards-cell{text-align:center;white-space:nowrap;border-radius:4px;min-width:34px;padding:5px 4px;font-weight:600}.is-new.cards-cell,.cards-swatch.is-new{background:var(--ink-2);color:var(--text-dim)}.is-learning.cards-cell,.cards-swatch.is-learning{background:#e05c5c52}.is-familiar.cards-cell,.cards-swatch.is-familiar{background:#e8b04a57}.is-strong.cards-cell,.cards-swatch.is-strong{background:#78be7857}.is-mastered.cards-cell,.cards-swatch.is-mastered{color:#0d1a10;background:#5ac878b3}.cards-legend{color:var(--text-dim);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;display:flex}.cards-legend span{align-items:center;gap:5px;display:inline-flex}.cards-swatch{border-radius:3px;width:12px;height:12px;display:inline-block}@media (width<=600px){.cards-options{grid-template-columns:1fr;gap:4px}.cards-opt-label{margin-top:8px}}.status{background:var(--ink-1);border-top:1px solid var(--line-strong);white-space:nowrap;align-items:center;gap:24px;min-width:0;padding:6px 14px;display:flex}.status-now{align-items:baseline;gap:10px;min-width:260px;display:flex}.status-pos{color:var(--text-dim);min-width:40px}.status-chord{font-size:15px;font-weight:700}.status-dim,.status-hover,.status-hint{color:var(--text-dim)}.status-hint{text-overflow:ellipsis;margin-left:auto;font-size:12px;overflow:hidden}@media (width<=1100px){.pr-crumb,.volume-pct{display:none}}@media (width<=900px){.pr-crumb,.pr-row .tr-chips{display:none}.drill{padding:16px 12px 32px}.drill-card{padding:16px 12px}.main{flex-direction:column}.ex-panel{border-left:0;border-top:1px solid var(--line-strong);width:auto;max-height:45vh}.status-hint,.title-input{display:none}}