:root{--paper: #f3ede1;--paper-2: #e9e0d0;--paper-card: #f7f2e8;--paper-input: #fffaf2;--page-glow: #f7f2e8;--nav-bg: #efe7d8;--choice-on: #e7efe4;--mic-warn: #f6eee4;--btn-ink: #f6f1e6;--shell-sheen: rgba(255, 255, 255, .35);--ink: #2a2418;--ink-soft: #5c5346;--ink-muted: #6b6356;--rule: #d4cbb8;--surface: var(--paper-card);--border: var(--rule);--muted: var(--ink-muted);--moss: #3f5a45;--sage: #7a9474;--leaf: #5b7f5e;--bark: #6a4e3a;--gold: #c4a35a;--wilt: #a67c52;--flower: #b56b63;--danger: #8a4a3a;--trace: #9c3a32;--accent: #3f5a45;--accent-quiet: #c5d4c4;--staff-ghost: color-mix(in srgb, var(--accent) 52%, var(--ink) 48%);--shadow: rgba(42, 36, 24, .08);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);line-height:1.45}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 50% -10%,var(--page-glow),var(--paper))}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,.serif{font-family:Georgia,Palatino Linotype,Palatino,Times New Roman,serif;font-weight:500;letter-spacing:-.02em}a{color:var(--accent)}.app-shell{max-width:440px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--shell-sheen),transparent 180px),var(--paper);box-shadow:0 0 0 1px var(--rule)}.top{padding:1.1rem 1.15rem .6rem}.kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bark)}h1{font-size:1.7rem;margin:.15rem 0 .35rem}.lede{color:var(--ink-soft);font-size:.95rem;margin:0 0 .8rem}.main{flex:1;padding:0 1.15rem 5.5rem}.nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);background:var(--nav-bg);border-top:1px solid var(--rule);padding:.35rem .15rem calc(.45rem + env(safe-area-inset-bottom))}.nav a{text-decoration:none;text-align:center;font-size:.6rem;letter-spacing:.03em;color:var(--ink-soft);padding:.35rem .05rem}.nav a.active{color:var(--accent);font-weight:600}.card{background:var(--paper-card);border:1px solid var(--rule);border-radius:14px;padding:.9rem 1rem;margin:.7rem 0;box-shadow:0 8px 20px var(--shadow)}.card h2,.card h3{margin:0 0 .4rem}.muted{color:var(--ink-soft);font-size:.88rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--btn-ink);border-radius:999px;padding:.55rem 1rem;cursor:pointer;touch-action:manipulation}.btn.secondary{background:transparent;color:var(--accent)}.btn.ghost{background:transparent;border-color:var(--rule);color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}.field{display:flex;flex-direction:column;gap:.25rem;margin:.55rem 0}.field input,.field select,.field textarea{border:1px solid var(--rule);background:var(--paper-input);border-radius:10px;padding:.5rem .65rem}.field input[type=file]{border:0;background:transparent;padding:0}.file-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:fit-content;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.file-btn-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}.file-btn:has(.file-btn-input:disabled){opacity:.5;cursor:default}.file-btn:has(.file-btn-input:disabled) .file-btn-input{cursor:default}.file-btn-row{margin:.35rem 0 .55rem;flex-wrap:wrap}.draft-preview{margin:.35rem 0 .7rem}.draft-note-editor{display:flex;flex-direction:column;gap:.35rem}.staff-editor-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.35rem .55rem;margin-top:.15rem}.staff-editor-field{margin:0;min-width:7.5rem}.staff-editor-field select{width:100%}.markings-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.35rem 0 .15rem}.markings-toolbar-label{font-size:.82rem;color:var(--muted);margin-right:.15rem}.marking-chip{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:.2rem .55rem;font-size:.78rem;cursor:pointer}.marking-chip.on{background:var(--accent);border-color:var(--accent);color:var(--btn-ink)}.marking-chip.suggested{border-style:dashed;color:var(--ink-soft)}.marking-chip:disabled{opacity:.45;cursor:not-allowed}.vexflow-staff{min-height:160px}.vexflow-staff svg{display:block;max-width:none;margin-inline:auto}.vexflow-staff .vf-stave{stroke:var(--ink);fill:var(--ink)}.vexflow-staff .vf-stave path{stroke:var(--ink);stroke-width:1.25}.vexflow-staff-stemless .vf-stem,.vexflow-staff-stemless .vf-flag,.vexflow-staff-stemless .vf-beam{display:none}.vexflow-tempo-layer{position:absolute;top:0;left:0;height:100%;pointer-events:none;z-index:3}.vexflow-tempo-hit{pointer-events:auto;position:absolute;border:none;background:transparent;padding:0;cursor:pointer;border-radius:4px}.vexflow-tempo-hit:hover,.vexflow-tempo-hit:focus-visible{background:color-mix(in srgb,var(--accent, #4a6670) 18%,transparent);outline:none}.vexflow-tempo-popover{pointer-events:auto;position:absolute;display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;border-radius:8px;background:var(--paper-card, #f7f2e8);color:var(--ink, #2a2418);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:0 4px 14px color-mix(in srgb,#000 16%,transparent);z-index:4}.vexflow-tempo-step,.vexflow-tempo-done{border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--paper-input, #fffaf2);color:var(--ink, #2a2418);border-radius:6px;min-width:1.75rem;height:1.75rem;cursor:pointer;font:inherit}.vexflow-tempo-step:hover,.vexflow-tempo-done:hover{background:color-mix(in srgb,var(--accent, #4a6670) 14%,var(--paper-input, #fffaf2))}.vexflow-tempo-done{padding:0 .55rem;min-width:auto;font-size:.85em;font-weight:600}.vexflow-tempo-input{width:3.25rem;height:1.75rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:var(--paper-input, #fffaf2);color:var(--ink, #2a2418);text-align:center;font:inherit}.vexflow-tempo-input:focus{outline:2px solid color-mix(in srgb,var(--accent, #4a6670) 45%,transparent);outline-offset:1px}.vexflow-tempo-popover-range{flex-wrap:wrap;max-width:16rem;row-gap:.4rem}.vexflow-tempo-field{display:flex;flex-direction:column;gap:.15rem;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft, #5c5346)}.vexflow-tempo-field .vexflow-tempo-input{font-size:.95rem;font-weight:500;text-transform:none;letter-spacing:normal}.vexflow-hit-row{position:absolute;top:0;left:0;height:100%;pointer-events:none}.vexflow-hit{pointer-events:auto;position:absolute;top:0;height:100%;border:none;background:transparent;padding:0;cursor:pointer}.vexflow-hit.on{background:color-mix(in srgb,var(--accent, #4a6670) 12%,transparent)}.vexflow-hit.range{background:color-mix(in srgb,var(--accent, #4a6670) 18%,transparent)}.vexflow-selected-note{pointer-events:none;stroke:var(--accent, #4a6670)}.staff-block-editable .staff-note-editable,.staff-note-hit{cursor:pointer}.staff-note-hit:focus-visible .staff-head,.staff-note-hit:focus-visible .staff-rest{outline:2px solid var(--accent);outline-offset:2px}.staff-head.selected{fill:var(--accent);stroke:var(--accent)}.staff-rest.selected{fill:var(--accent)}.chip{font-size:.75rem;border:1px solid var(--rule);border-radius:999px;padding:.15rem .55rem;color:var(--ink-soft)}.chip.wilt{color:var(--wilt);border-color:var(--wilt)}.chip.wood{color:var(--bark)}.dyn-row{display:flex;justify-content:center;gap:.35rem;margin:.55rem 0 .35rem}.chip.on{border-color:var(--accent);color:var(--accent)}.chip.flower{color:var(--flower)}.pill-field{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);border-radius:999px;padding:.35rem 1.7rem .35rem .75rem;background:var(--paper-input) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%235c5346' d='M1 1l5 5 5-5'/></svg>") no-repeat right .65rem center;color:var(--ink);font-size:.95rem;letter-spacing:0;text-transform:none;min-width:5.5rem}.play-time{font-size:2rem;line-height:1;margin:.15rem 0 .2rem}.play-list{list-style:none;margin:.7rem 0 0;padding:0}.play-list li{display:flex;justify-content:space-between;gap:.8rem;padding:.28rem 0;border-top:1px solid var(--rule);font-variant-numeric:tabular-nums}.play-list+.list-link,.muted+.list-link{margin-top:.65rem}.why{font-style:italic;color:var(--ink-soft);margin:.25rem 0 0}.practice-home-main{padding-top:.35rem}.practice-home{display:grid;gap:.85rem;grid-template-columns:1fr;grid-template-areas:"welcome" "week" "stage" "session" "shape" "goal" "fav";width:min(100%,28rem);max-width:28rem;margin:0 auto;align-items:start}.home-welcome{grid-area:welcome;padding:.75rem 0 .15rem;text-align:left}.home-welcome h1{margin-bottom:.2rem}.greeting{margin:0;color:var(--ink-soft);font-size:.98rem}.week-strip{grid-area:week;margin:0}.musician-stage{grid-area:stage;text-align:center;padding:1.1rem 1rem 1.15rem;margin:0}.session-card{grid-area:session;padding:1.15rem 1.1rem 1.2rem;border-radius:16px;margin:0}.taking-shape{grid-area:shape;margin:0}.pinned-goal{grid-area:goal;margin:0}.home-favorites{grid-area:fav;margin:0}.quiet-card{box-shadow:none;background:color-mix(in srgb,var(--paper-card) 88%,var(--sage) 12%);border-color:color-mix(in srgb,var(--rule) 80%,transparent)}.week-strip-days{display:flex;justify-content:space-between;gap:.25rem;margin-bottom:.45rem}.day-marker{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.day-marker-label{font-size:.68rem;letter-spacing:.04em;color:var(--ink-muted);text-transform:uppercase}.day-marker-dot{width:.7rem;height:.7rem;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--sage) 55%,var(--rule));background:transparent}.day-marker.completed .day-marker-dot{background:var(--accent);border-color:var(--accent)}.day-marker.today .day-marker-label{color:var(--ink);font-weight:600}.week-strip-summary{margin:0;text-align:center}.musician-stage-art{display:flex;align-items:center;justify-content:center;width:min(7.5rem,42vw);height:min(7.5rem,42vw);margin:0 auto .75rem}.musician-stage-art img,.musician-stage-art svg{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.musician-stage-placeholder{width:100%;height:100%;border-radius:18px;border:1.5px dashed color-mix(in srgb,var(--sage) 55%,var(--rule));background:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--accent) 18%,transparent) 0 28%,transparent 30%),color-mix(in srgb,var(--paper-card) 70%,var(--sage) 30%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.1rem}.musician-stage-placeholder-mark{width:1.85rem;height:2.4rem;border-radius:999px 999px 8px 8px;background:color-mix(in srgb,var(--accent) 55%,var(--sage));box-shadow:inset 0 -6px color-mix(in srgb,var(--bark) 35%,transparent);opacity:.85}.musician-stage-name{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:600;margin:0 0 .3rem;line-height:1.25}.musician-stage-caption{margin:0 auto;max-width:18rem;color:var(--ink-soft);font-size:.92rem;line-height:1.4}.session-card-kicker{font-size:.78rem;margin-bottom:.35rem}.session-card-title{font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:600;margin:0 0 .35rem;line-height:1.25}.session-card-why{margin:0 0 .85rem;color:var(--ink-soft);font-size:.95rem}.session-primary{display:block;width:100%;text-align:center;box-sizing:border-box;padding:.75rem 1rem;font-size:1.02rem;text-decoration:none}.session-secondary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .15rem;margin-top:.75rem;font-size:.88rem}.linkish{background:none;border:none;padding:.15rem .25rem;color:var(--accent);font:inherit;cursor:pointer;text-decoration:none}.linkish:hover{text-decoration:underline}a.linkish{color:var(--accent)}.dot-sep{color:var(--ink-muted);opacity:.7;padding:0 .1rem}.session-adjust,.session-exercises{margin-top:.9rem;padding-top:.85rem;border-top:1px solid var(--rule)}.compact-field{margin-bottom:.55rem}.session-exercise{margin-bottom:.75rem}.session-exercise:last-child{margin-bottom:0}.session-hint{margin:.85rem 0 0}.taking-shape h2,.pinned-goal h2,.home-favorites h2{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:600}.taking-shape-entry{margin-bottom:.75rem}.taking-shape-entry:last-child{margin-bottom:0}.taking-shape-entry p{margin:.15rem 0 0}.taking-shape-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bark)}.goal-text{margin:0 0 .35rem;font-size:1.02rem}.home-favorites p{margin:.25rem 0}@media(min-width:640px){.practice-home{width:min(100%,32rem);max-width:32rem;gap:1rem}.home-welcome{padding-top:.9rem}.musician-stage{padding:1.25rem 1.15rem 1.3rem}.musician-stage-art{width:8.25rem;height:8.25rem}.musician-stage-name{font-size:1.28rem}}@media(min-width:960px){.practice-home{width:min(100%,34rem);max-width:34rem;gap:1.1rem}.session-card{padding:1.3rem 1.25rem 1.35rem}.musician-stage-art{width:9rem;height:9rem}}.bars{display:grid;gap:.35rem;margin-top:.6rem}.bar-row{display:grid;grid-template-columns:6.5rem 1fr 2.6rem;gap:.4rem;align-items:center;font-size:.8rem}.bar-track{height:.45rem;background:var(--paper-2);border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--leaf);border-radius:99px}.listen-pitch{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin:.35rem 0 .1rem}.listen-note{font-size:2.1rem;line-height:1;text-align:center;margin:0}.tuner-compact .listen-note{font-size:1.15rem}.listen-note-row{display:flex;align-items:baseline;justify-content:center;gap:.45rem}.listen-dyn{font-size:1.15rem;font-style:italic;color:var(--ink-soft)}.listen-heard{margin:0;font-size:.88rem}.note-picker{position:relative;display:flex;align-items:center;gap:.1rem}.note-picker-arrow{border:none;background:transparent;color:var(--ink-soft);font-size:1.6rem;line-height:1;padding:.1rem .35rem;cursor:pointer}.note-picker-name{border:none;background:transparent;color:inherit;cursor:pointer;padding:.1rem .15rem}.note-menu{position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);z-index:8;max-height:14rem;overflow-y:auto;min-width:7.5rem;margin:0;padding:.3rem;list-style:none;background:var(--paper-card);border:1px solid var(--rule);border-radius:12px;box-shadow:0 8px 20px var(--shadow)}.note-menu button{display:block;width:100%;text-align:left;border:none;background:transparent;color:inherit;padding:.35rem .55rem;border-radius:8px;cursor:pointer;font-family:Georgia,Palatino Linotype,Palatino,Times New Roman,serif;font-size:1.05rem}.note-menu button.on,.note-menu button:hover{background:var(--choice-on);color:var(--accent)}.cents{text-align:center;font-variant-numeric:tabular-nums;font-size:1.4rem}.status{text-align:center;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;color:var(--sage)}.garden-svg{width:100%;height:auto}.list-link{display:block;text-decoration:none;color:inherit}.spark{width:100%;height:64px}.q{margin:.8rem 0}.choice{display:block;width:100%;text-align:left;margin:.3rem 0;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--rule);background:var(--paper-input);cursor:pointer}.choice.on{border-color:var(--accent);background:var(--choice-on)}.footer-note{font-size:.78rem;color:var(--ink-soft);margin-top:1.2rem}.mic-denied{margin-top:.85rem;padding:.7rem .8rem;border-radius:10px;border:1px solid var(--wilt);background:var(--mic-warn);text-align:left}.mic-denied p{margin:0;color:var(--ink-soft);font-size:.88rem}.pitch-graph{margin:.35rem 0 .2rem}.pitch-graph-plot{position:relative;height:3.5rem}.pitch-graph-vertical .pitch-graph-plot{height:12.5rem}.pitch-graph-scroll{overflow:hidden;height:100%}.pitch-graph-scroll.can-scroll{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;-webkit-overflow-scrolling:touch;cursor:grab}.pitch-graph-vertical .pitch-graph-scroll.can-scroll{overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.pitch-graph-scroll svg{display:block;background:transparent;border:none}.listen-stage{display:flex;flex-direction:column;gap:.25rem;width:100%}.listen-stage-vertical{flex-direction:row;align-items:stretch;gap:.55rem}.listen-stage-vertical .pitch-graph,.listen-stage-vertical .staff-block{flex:1;min-width:0;margin:0}.listen-stage-vertical .staff-block{justify-content:center}.pitch-graph-chrome{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pitch-graph-target{stroke:var(--accent);stroke-width:1.6}.pitch-graph-fill{stroke:none;opacity:.22}.pitch-graph-line{stroke-width:3.2}.pitch-graph-label{fill:var(--ink-soft);font-size:9px;font-family:Georgia,Times New Roman,serif}.fingering{margin:0;opacity:.45}.fingering svg{display:block;height:14px;width:auto;margin:0 auto;overflow:visible;background:transparent}.fingering-trigger{stroke:var(--ink);stroke-width:4.2;stroke-linecap:square}.fingering-valve{fill:none;stroke:var(--ink);stroke-width:2.4}.fingering-valve.on{fill:var(--ink)}.eval-q{margin:.7rem 0 .15rem}.eval-q p{margin:0 0 .35rem;font-size:.95rem}.eval-choices{display:flex;flex-wrap:wrap;gap:.35rem}.eval-choices .chip{background:transparent;cursor:pointer;touch-action:manipulation}.theme-switch{display:flex;align-items:center;gap:.55rem;margin:.15rem 0 .35rem;color:var(--ink-soft);font-size:.88rem;cursor:pointer}.theme-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.45rem;height:1.35rem;border-radius:99px;border:1px solid var(--rule);background:var(--paper-2);position:relative;cursor:pointer;flex-shrink:0}.theme-switch input:after{content:"";position:absolute;top:2px;left:2px;width:.95rem;height:.95rem;border-radius:50%;background:var(--ink)}.theme-switch input:checked{background:var(--accent);border-color:var(--accent)}.theme-switch input:checked:after{left:auto;right:2px;background:var(--btn-ink)}html[data-theme=dark]{--paper: #1c1a16;--paper-2: #2c2822;--paper-card: #26221c;--paper-input: #1a1814;--page-glow: #252018;--nav-bg: #141210;--choice-on: #2a3328;--mic-warn: #2a241c;--btn-ink: #1c1a16;--shell-sheen: rgba(255, 255, 255, .04);--ink: #efe6d4;--ink-soft: #b7ab96;--ink-muted: #9a9080;--rule: #3d372e;--moss: #8faf8a;--sage: #9aaf90;--leaf: #7d9a72;--bark: #c4a07a;--gold: #d4b56a;--wilt: #c49a72;--flower: #d48980;--danger: #d09080;--trace: #e07a70;--accent: #8faf8a;--accent-quiet: #3a4639;--staff-ghost: color-mix(in srgb, var(--accent) 62%, #ffffff 38%);--shadow: rgba(0, 0, 0, .35);color-scheme:dark}html[data-accent=moss]{--accent: #3f5a45;--accent-quiet: #c5d4c4}html[data-accent=leaf]{--accent: #5b7f5e;--accent-quiet: #c9dcc8}html[data-accent=bark]{--accent: #6a4e3a;--accent-quiet: #dccfc4}html[data-accent=gold]{--accent: #c4a35a;--accent-quiet: #efe3c4}html[data-accent=flower]{--accent: #b56b63;--accent-quiet: #ebd4d1}html[data-accent=custom]{--accent: var(--accent-custom, #4a6670);--accent-quiet: color-mix(in srgb, var(--accent-custom, #4a6670) 32%, var(--paper))}html[data-theme=dark][data-accent=moss]{--accent: #8faf8a;--accent-quiet: #3a4639}html[data-theme=dark][data-accent=leaf]{--accent: #7d9a72;--accent-quiet: #3a4638}html[data-theme=dark][data-accent=bark]{--accent: #c4a07a;--accent-quiet: #4a3c32}html[data-theme=dark][data-accent=gold]{--accent: #d4b56a;--accent-quiet: #4a422e}html[data-theme=dark][data-accent=flower]{--accent: #d48980;--accent-quiet: #4a3532}html[data-theme=dark][data-accent=custom]{--accent: color-mix(in srgb, var(--accent-custom, #4a6670) 70%, #efe6d4);--accent-quiet: color-mix(in srgb, var(--accent-custom, #4a6670) 22%, var(--paper))}.tuner-mic{text-align:center;margin:.35rem 0 .55rem}.tuner-mic-row{justify-content:center;margin-bottom:.25rem}.staff-block{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;margin:.35rem 0 .15rem;width:100%}.staff-note{margin:0;width:100%}.staff-note svg{display:block;width:100%;height:auto;overflow:visible;min-width:16rem}.staff-scroll-editor .vexflow-staff svg,.draft-note-editor-scroll-track .staff-note svg{width:auto;max-width:none}.staff-scroll{overflow-x:auto;width:100%;position:relative;scrollbar-width:none;-ms-overflow-style:none}.staff-scroll::-webkit-scrollbar{display:none}.staff-scroll-editor{width:100%;position:relative;overflow-x:visible}.draft-note-editor-scroll{overflow-x:auto;overflow-y:hidden;width:100%;position:relative;scrollbar-width:thin;scrollbar-color:var(--ink-soft) transparent;-ms-overflow-style:auto;-webkit-overflow-scrolling:touch}.draft-note-editor-scroll::-webkit-scrollbar{height:3px;display:block}.draft-note-editor-scroll::-webkit-scrollbar-track{background:transparent}.draft-note-editor-scroll::-webkit-scrollbar-thumb{background:var(--ink-soft);border-radius:0}.draft-note-editor-scroll .vexflow-staff svg{margin-inline:0}.staff-scroll-practice{max-width:100%;margin-inline:auto;display:flex;justify-content:center}.staff-block-practice{align-items:center;width:100%}.staff-block-practice .staff-note{display:flex;justify-content:center;width:100%}.staff-block-practice .vexflow-staff{margin-inline:auto;flex:0 1 auto}.staff-block-practice .staff-note svg{min-width:0;margin-inline:auto}.practice-tempo-meter{margin-right:.65rem;font-variant-numeric:tabular-nums}.practice-stage{display:flex;flex-direction:column;align-items:center;text-align:center}.practice-stage .slur-range-picker{justify-content:center;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.practice-goal-card{width:100%;max-width:26rem;margin:.15rem 0 .85rem;padding:.85rem 1rem .9rem;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--paper-card));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--rule));box-shadow:0 10px 28px var(--shadow);text-align:left;animation:practice-goal-in .45s ease-out}.practice-goal-kicker{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem;font-weight:600}.practice-objectives{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.practice-objectives li{position:relative;padding-left:1.25rem;font-size:.98rem;line-height:1.35;color:var(--ink)}.practice-objectives li:before{content:"";position:absolute;left:.15rem;top:.45rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.practice-goal-lead{margin:0;font-size:1.02rem;color:var(--ink)}.practice-goal-criteria{margin:.65rem 0 0;font-size:.86rem;font-style:italic;color:var(--ink-soft);line-height:1.4}.practice-staff-shell{width:100%;position:relative;transition:transform .35s ease}.practice-staff-shell.flash-ok{animation:practice-ok-pulse .5s ease-out}.practice-staff-shell.flash-miss{animation:practice-miss-shake .45s ease-out}.practice-progress{height:4px;width:100%;margin-top:.15rem;border-radius:99px;background:color-mix(in srgb,var(--rule) 70%,transparent);overflow:hidden}.practice-progress-fill{height:100%;border-radius:99px;background:color-mix(in srgb,var(--accent) 70%,var(--flower));transition:width .35s ease}.vexflow-practice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.vexflow-attempt-mark{position:absolute;top:.35rem;margin-left:-.55rem;width:1.1rem;height:1.1rem;display:grid;place-items:center;font-size:.85rem;font-weight:700;border-radius:50%;animation:practice-mark-in .35s ease-out}.vexflow-attempt-mark.ok{color:var(--leaf);background:color-mix(in srgb,var(--leaf) 18%,var(--paper))}.vexflow-attempt-mark.miss{color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,var(--paper))}.vexflow-detected-label{position:absolute;top:.15rem;transform:translate(-50%);padding:.12rem .4rem;border-radius:999px;font-size:.72rem;letter-spacing:.04em;background:color-mix(in srgb,var(--accent) 16%,var(--paper));color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--rule));animation:practice-label-float 1.8s ease-in-out infinite;white-space:nowrap}.practice-pitch-compare{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem .75rem;align-items:start;width:100%;max-width:24rem;margin:0 auto .65rem;text-align:center}.practice-pitch-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.2rem}.practice-pitch-value{font-size:1.85rem;line-height:1.05;min-height:1.1em}.practice-pitch-status{font-size:.78rem;align-self:center;padding-top:1.1rem;text-align:right;white-space:nowrap}.practice-pitch-hint{font-size:.78rem;margin-top:.15rem}.practice-tuner-extras{margin-bottom:.35rem}.listen-lede{font-size:.78rem;line-height:1.35;margin:0 0 .45rem;color:var(--ink-muted)}.listen-dynamics-card{padding:.75rem .9rem;margin-bottom:.65rem}.listen-dynamics-card h2{font-size:1.05rem;margin:0 0 .25rem}.listen-dynamics-copy{font-size:.78rem;line-height:1.35;color:var(--ink-muted);margin:0 0 .65rem}.listen-staff-shell{width:100%;max-width:100%;overflow-x:hidden}.listen-staff-shell .staff-scroll-practice{overflow-x:hidden;max-width:100%;width:100%}.listen-staff-shell .vexflow-staff,.listen-staff-shell .vexflow-staff svg{max-width:100%}@media(max-width:720px){.listen-page .top h1{font-size:1.4rem}.listen-lede,.listen-dynamics-copy{font-size:.72rem;line-height:1.3}.listen-dynamics-card{padding:.6rem .75rem}.listen-dynamics-card h2{font-size:.98rem}}.listen-target-picker{display:flex;justify-content:center;width:100%}.listen-target-picker .note-picker{justify-content:center}.listen-target-picker .note-picker-name{font-family:var(--font-serif, Georgia, "Times New Roman", serif);min-width:4.75ch;text-align:center;font-size:1.45rem;line-height:1.05}.listen-pitch-compare{display:flex;flex-direction:column;align-items:center;width:100%;max-width:24rem;margin:0 auto .65rem;text-align:center;gap:.15rem}.listen-detected-row{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-top:.35rem;min-height:1.1em}.listen-detected-value{font-size:1.15rem}.listen-pitch-compare .practice-pitch-status{padding-top:0;text-align:center;align-self:center}@media(max-width:720px){.listen-target-picker .note-picker-name{font-size:1.2rem;min-width:4.25ch}.listen-target-picker .note-picker-arrow{font-size:1.2rem;padding:.1rem .25rem}.listen-detected-value{font-size:1rem}.practice-pitch-value{font-size:1.25rem}}.practice-attack-hint{margin:.35rem 0 0;font-size:.85rem;text-align:center}.practice-hold-meter{width:100%;max-width:16rem;margin:.45rem auto 0;text-align:center}.practice-hold-meter .muted{margin:0 0 .2rem}.practice-hold-meter .bar-track{margin:0 auto;max-width:260px}.practice-cents-bar{width:100%;max-width:22rem;margin:.35rem auto .15rem;padding:.15rem .25rem 0}.practice-cents-track{position:relative;height:1.25rem}.practice-cents-line{position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,var(--ink-muted) 55%,transparent);transform:translateY(-50%)}.practice-cents-center{position:absolute;left:50%;top:50%;width:1px;height:.7rem;background:var(--ink-soft);transform:translate(-50%,-50%)}.practice-cents-needle{position:absolute;top:50%;width:2px;height:.95rem;margin-left:-1px;background:var(--ink);border-radius:1px;transform:translateY(-50%);transition:left .08s linear}.practice-cents-labels{display:flex;justify-content:space-between;margin-top:.2rem;font-size:.72rem;color:var(--ink-soft)}.practice-tool-links{display:flex;justify-content:center;gap:1.35rem;margin:.55rem 0 .35rem}.practice-tool-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:.25rem 0;font-size:.92rem;color:var(--ink);cursor:pointer;text-decoration:none}.practice-tool-link:hover,.practice-tool-link.on{color:var(--accent)}.practice-tools-panel{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;width:100%;max-width:26rem;margin:0 auto .55rem;padding:.75rem .85rem;border-radius:12px;background:var(--paper-card);border:1px solid var(--rule);box-shadow:0 1px color-mix(in srgb,var(--ink) 6%,transparent);animation:practice-goal-in .25s ease-out}.practice-tools-section{display:flex;flex-direction:column;gap:.45rem;width:100%;text-align:center}.practice-tools-heading{margin:0;font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.practice-tools-group{display:flex;flex-wrap:wrap;gap:.4rem .55rem;align-items:center;justify-content:center}.practice-tools-divider{height:1px;width:100%;background:var(--rule);opacity:.65;margin:0}.practice-tools-panel .chip{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 28%,var(--rule));background:color-mix(in srgb,var(--paper) 70%,var(--paper-card))}.practice-tools-panel .chip.on{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--paper-card));font-weight:600}.practice-tools-panel .chip:disabled{opacity:.45}.practice-tools-panel .practice-drone-panel{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%}.practice-tools-panel .practice-drone-chips{display:flex;flex-wrap:wrap;gap:.4rem .55rem;align-items:center;justify-content:center;width:100%}.practice-tools-panel .practice-drone-vol{display:flex;align-items:center;gap:.55rem;width:100%;max-width:100%;color:var(--ink);font-size:.85rem}.practice-tools-panel .practice-drone-vol-label{flex:0 0 auto;color:var(--ink-soft);font-size:.78rem;font-weight:600;letter-spacing:.02em}.practice-tools-panel .practice-drone-vol input[type=range]{flex:1 1 auto;width:100%;min-width:0;height:1.25rem;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.practice-tools-panel .practice-drone-vol input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:color-mix(in srgb,var(--ink) 35%,var(--rule))}.practice-tools-panel .practice-drone-vol input[type=range]::-moz-range-track{height:2px;border-radius:999px;background:color-mix(in srgb,var(--ink) 35%,var(--rule))}.practice-tools-panel .practice-drone-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;border:none;background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--paper-card) 80%,transparent)}.practice-tools-panel .practice-drone-vol input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--paper-card) 80%,transparent)}.practice-tools-panel .clef-switch{display:inline-flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.practice-controls{width:100%}.practice-primary-actions{flex-wrap:wrap;gap:.45rem}.practice-btn-primary{min-width:8.5rem;transition:transform .15s ease,box-shadow .15s ease}.practice-btn-primary:hover{transform:translateY(-1px)}.practice-btn-primary:active{transform:translateY(0) scale(.98)}.practice-btn-secondary{min-width:7.5rem;transition:transform .15s ease,opacity .15s ease}.practice-btn-secondary:disabled{opacity:.45}@keyframes practice-goal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes practice-mark-in{0%{opacity:0;transform:translateY(-8px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes practice-label-float{0%,to{transform:translate(-50%) translateY(0);opacity:.95}50%{transform:translate(-50%) translateY(-3px);opacity:1}}@keyframes practice-ok-pulse{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes practice-miss-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}html[data-theme=dark] .practice-goal-card{background:color-mix(in srgb,var(--accent) 18%,var(--paper-card));border-color:color-mix(in srgb,var(--accent) 30%,var(--rule))}.practice-tempo-strip{margin:.5rem 0;text-align:center}.practice-lede{max-width:28rem}.practice-lede-hint{color:var(--ink-muted)}.practice-tempo-bpm{font-weight:600;margin-right:.5rem}.practice-focus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:calc(.75rem + env(safe-area-inset-top)) calc(.75rem + env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) calc(.75rem + env(safe-area-inset-left));background:var(--paper);min-height:100dvh;min-height:100svh;overflow:hidden}.practice-focus-body{width:min(100%,42rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem}.practice-focus-exit{position:absolute;top:calc(.5rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right));z-index:2}.practice-focus-mic{margin-top:.15rem}.practice-focus-staff{width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.practice-focus-staff-inner,.practice-focus-staff .staff-block-practice{width:100%}.practice-focus-tempo{width:100%;text-align:center}.practice-focus-drone{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.practice-focus-drone .practice-drone-panel{width:min(100%,28rem)}.practice-drone-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.practice-drone-chips{display:flex;flex-wrap:wrap;gap:.4rem .65rem;align-items:center;justify-content:center}.practice-drone-panel .practice-drone-vol{display:flex;align-items:center;gap:.55rem;width:100%;font-size:.85rem}.practice-drone-panel .practice-drone-vol-label{flex:0 0 auto;color:var(--ink-soft);font-size:.78rem;font-weight:600}.practice-drone-panel input[type=range]{flex:1 1 auto;width:100%;min-width:0;height:1.25rem;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.practice-drone-panel input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:color-mix(in srgb,var(--ink) 35%,var(--rule))}.practice-drone-panel input[type=range]::-moz-range-track{height:2px;border-radius:999px;background:color-mix(in srgb,var(--ink) 35%,var(--rule))}.practice-drone-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;border:none;background:var(--accent)}.practice-drone-panel input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;background:var(--accent)}.practice-drone-hint{margin:.35rem 0 0;font-size:.85rem}.practice-focus-tuner{width:100%;max-width:28rem;overflow:hidden}@media(orientation:landscape){.practice-focus-body{width:min(92vw,56rem);max-height:calc(100dvh - 2rem);overflow:hidden}.practice-focus-staff{flex:1 1 auto;min-height:0}.practice-focus-tuner{max-width:100%}}body.practice-focus-active{overflow:hidden}body.practice-focus-active .nav{display:none}.staff-line{stroke:var(--ink);stroke-width:1.2;stroke-linecap:square}.staff-ledger{stroke:var(--ink);stroke-width:1;stroke-linecap:butt}.staff-stem{stroke:var(--ink);stroke-width:1.2;stroke-linecap:butt}.staff-stem.on{stroke:var(--accent)}.staff-clef{fill:var(--ink)}.staff-head{fill:var(--ink);stroke:var(--ink);stroke-width:1.1}.staff-head.on{fill:var(--accent);stroke:var(--accent)}.staff-rest{fill:var(--ink)}.staff-accidental{fill:var(--ink);font-size:13px;font-family:Georgia,Times New Roman,serif}.clef-switch{display:flex;justify-content:center;gap:.3rem}.staff-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .75rem}.tuner{text-align:center;margin:.2rem 0 .85rem;padding:0;background:none;border:none;box-shadow:none}.fingering-wrap{display:flex;align-items:center;justify-content:center;gap:.15rem;touch-action:pan-y}.fingering-arrow{border:none;background:transparent;color:var(--ink-soft);font-size:1.15rem;line-height:1;padding:.1rem .3rem;cursor:pointer}.fingering-editor{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.swatch-row{display:flex;gap:.55rem;flex-wrap:wrap}.swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--rule);cursor:pointer;padding:0}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--accent)}.swatch[data-accent=moss]{background:#3f5a45}.swatch[data-accent=leaf]{background:#5b7f5e}.swatch[data-accent=bark]{background:#6a4e3a}.swatch[data-accent=gold]{background:#c4a35a}.swatch[data-accent=flower]{background:#b56b63}.swatch-custom{position:relative;overflow:hidden;background:var(--accent-custom, #4a6670)}.swatch-custom:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--btn-ink);font-size:1rem;line-height:1;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.35)}.swatch-custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.exercise-draft{margin:.85rem 0 0;padding-top:.7rem;border-top:1px solid var(--rule)}.draft-warn{color:var(--danger);font-size:.88rem}.folder-pills{margin:.35rem 0 .55rem}.folder-pill{--folder: var(--accent);border-color:var(--folder);color:var(--folder);cursor:pointer;background:transparent}.folder-pill.on{background:color-mix(in srgb,var(--folder) 18%,var(--paper));border-color:var(--folder);color:var(--folder)}.slot-chip{cursor:pointer;background:transparent}.slot-chip[data-slot=roots]{--slot: #3f5a45}.slot-chip[data-slot=flexibility]{--slot: #5b7f5e}.slot-chip[data-slot=targeted]{--slot: #c4a35a}.slot-chip[data-slot=retrieval]{--slot: #4a6670}.slot-chip[data-slot=music]{--slot: #b56b63}.slot-chip[data-slot=cooldown]{--slot: #a67c52}.slot-chip.on{border-color:var(--slot, var(--accent));color:var(--slot, var(--accent));background:color-mix(in srgb,var(--slot, var(--accent)) 16%,var(--paper))}.ex-category .ex-group{padding:0 1.1rem 1rem;margin-top:0}.ex-group{margin-top:.7rem}.ex-category{padding:0}.ex-category-summary{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;cursor:pointer;list-style:none;padding:1rem 1.1rem}.ex-category-summary::-webkit-details-marker{display:none}.ex-category-summary:before{content:"▸";color:var(--muted, #666);font-size:.85rem;transition:transform .15s ease}.ex-category[open] .ex-category-summary:before{transform:rotate(90deg)}.ex-category-summary h2{margin:0;flex:1 1 auto}.ex-category-count{font-size:.85rem}.ex-empty{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.15rem 0}.ex-empty p{margin:0;font-size:.9rem}.library-header{display:flex;align-items:center;gap:.55rem;margin:0 0 .85rem}.library-search{position:relative;flex:1 1 auto;display:block}.library-search input[type=search]{width:100%;box-sizing:border-box;padding:.55rem 2rem .55rem .75rem;border:1px solid var(--rule);border-radius:10px;background:var(--paper-input, var(--paper-card));color:var(--ink);font-size:.95rem}.library-search input[type=search]::-webkit-search-cancel-button{display:none}.library-search-clear{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-soft);font-size:1.25rem;line-height:1;padding:.2rem .4rem;cursor:pointer}.library-shelf-config{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);border-radius:10px;background:var(--paper-card);color:var(--ink);font-size:1.15rem;width:2.5rem;height:2.5rem;cursor:pointer}.library-shelf-config:hover{border-color:var(--accent);color:var(--accent)}.library-shelf{margin:0 0 .45rem;border:1px solid var(--rule);border-radius:10px;background:var(--paper-card);overflow:hidden}.library-bookmarked-shelf{background:color-mix(in srgb,var(--accent) 12%,var(--paper-card));border-color:color-mix(in srgb,var(--accent) 35%,var(--rule))}.library-book-spine{display:flex;align-items:center;gap:.5rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink);text-align:left;padding:.65rem .85rem;cursor:pointer;font:inherit}.library-bookmarked-spine{cursor:default;font-size:1rem;font-weight:650;margin:0}.library-book-spine:before{content:"";width:.4rem;height:1.15rem;border-radius:2px;background:var(--folder, var(--accent));flex:0 0 auto}.library-bookmarked-spine:before{background:var(--accent)}.library-book-title{flex:1 1 auto;font-weight:650;font-size:1rem}.library-book-count{font-size:.82rem}.library-book-chevron{color:var(--ink-muted);font-size:.8rem}.library-book-open{padding:.45rem .75rem .65rem .9rem;display:flex;flex-direction:column;gap:.3rem;border-top:1px solid color-mix(in srgb,var(--rule) 70%,transparent)}.library-exercise-item{display:flex;align-items:flex-start;gap:.3rem;padding:.35rem .2rem .35rem .3rem;border-radius:8px}.library-exercise-item:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.library-exercise-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.25rem}.library-exercise-link{color:inherit;text-decoration:none}.library-exercise-link:hover strong{color:var(--accent)}.library-exercise-chips{margin-top:0;gap:.4rem;flex-wrap:wrap}.library-chip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;font:inherit}.library-chip-btn:hover{border-color:var(--accent);color:var(--accent)}.library-chip-input{width:4.5rem;padding:.15rem .4rem;border:1px solid var(--accent);border-radius:999px;background:var(--paper-input, var(--paper-card));color:var(--ink);font-size:.78rem}.library-tag-input{width:8.5rem}.library-exercise-actions{display:flex;flex:0 0 auto;align-items:center;gap:.1rem}.library-copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--rule) 80%,transparent);background:transparent;color:var(--ink-soft);font-size:.72rem;letter-spacing:.02em;line-height:1;padding:.28rem .45rem;border-radius:6px;cursor:pointer}.library-copy-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--rule))}.library-bookmark-star{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-muted);font-size:1.15rem;line-height:1;padding:.2rem .35rem;cursor:pointer}.library-bookmark-star.on,.library-bookmark-star:hover{color:var(--accent)}.library-create-btn{align-self:flex-start;margin-top:.2rem;padding:.28rem .7rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--rule));border-radius:999px;color:var(--accent);background:transparent;font-size:.82rem;font-weight:600;text-decoration:none;line-height:1.2}.library-create-btn:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.library-no-results{margin:.5rem 0 1rem;padding:.75rem .85rem;border-radius:10px;border:1px dashed var(--rule)}.library-shelf-config-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:color-mix(in srgb,#000 45%,transparent)}.library-shelf-config-panel{width:min(100%,22rem);max-height:min(80dvh,32rem);overflow:auto;padding:1rem 1.1rem 1.15rem;border-radius:14px;background:var(--paper-card);color:var(--ink);border:1px solid var(--rule);box-shadow:0 12px 32px var(--shadow, rgba(0, 0, 0, .25))}.library-shelf-config-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.library-shelf-config-header h2{margin:0;font-size:1.15rem}.library-shelf-config-lede{margin:0 0 .65rem;font-size:.9rem}.library-shelf-config-actions{display:flex;gap:.45rem;margin-bottom:.65rem}.library-shelf-config-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.library-shelf-config-item{display:flex;align-items:center;gap:.55rem;padding:.35rem .15rem;cursor:pointer}@media(min-width:520px){.library-shelf-config-overlay{align-items:center}}.ex-create-btn{text-decoration:none}.ex-group .choice{margin-top:.35rem}.choice .folder-pill{margin-right:.2rem;vertical-align:middle}.folder-color-row{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.scan-finish-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 35%,transparent);display:flex;align-items:center;justify-content:center;z-index:40;padding:1rem}.scan-finish-modal{width:min(480px,100%);max-height:min(90vh,720px);overflow:auto;margin:0}.scan-finish-actions{margin-top:.5rem;justify-content:flex-end}