@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=DM+Mono:wght@400;500&display=swap";.songbook-notation{--notation-ink: #000;--notation-paper: #fff;--notation-context-ink: #c7c7c7;--notation-vocal: #000;position:relative;width:100%;min-height:205px;overflow:hidden;background:var(--notation-paper);border-radius:18px;isolation:isolate}.dark .songbook-notation{--notation-ink: #000;--notation-paper: #fff;--notation-vocal: #000}.songbook-notation[data-sing=true]{min-height:280px}.songbook-retry-cue{position:absolute;z-index:8;top:6px;right:12px;width:36px;height:36px;color:var(--sb-navy);opacity:0;pointer-events:none;will-change:opacity}.songbook-retry-start{fill:var(--sb-green);fill-opacity:.22;stroke:none;pointer-events:none;animation:songbook-retry-land 1.2s ease-out both}@keyframes songbook-retry-land{0%{opacity:1}to{opacity:0}}.songbook-notation__viewport{position:relative;width:100%;height:205px;overflow:hidden}.songbook-notation[data-sing=true] .songbook-notation__viewport{height:280px}.songbook-notation__strip{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.songbook-notation__strip svg{display:block;max-width:none;overflow:visible}.songbook-notation__key-context{position:absolute;inset:0 auto auto 0;z-index:4;overflow:hidden;pointer-events:none;background:var(--notation-paper);color:var(--notation-ink)}.songbook-notation__key-context svg{display:block;max-width:none}.songbook-notation__strip .vf-clef,.songbook-notation__strip .vf-keysignature{visibility:hidden}.songbook-fingering-label{font:500 8px Academico,sans-serif;fill:var(--notation-ink);paint-order:stroke;stroke:var(--notation-paper);stroke-width:1.5px;stroke-linejoin:round}.songbook-chord-label{font:600 12px Academico,sans-serif;fill:var(--notation-ink);stroke:none}.songbook-notation__strip svg .vf-stave,.songbook-notation__strip svg .vf-stavenote,.songbook-notation__strip svg .vf-staveconnector{color:var(--notation-ink)}.songbook-notation__playhead{position:absolute;z-index:2;left:33%;top:21px;bottom:21px;width:4px;background:color-mix(in srgb,var(--sb-primary) 72%,transparent);pointer-events:none}.songbook-notation__playhead:after{content:"";position:absolute;top:0;bottom:0;right:4px;width:36px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--sb-primary) 11%,transparent))}.songbook-notation__playhead:before{content:"";position:absolute;top:-2px;left:-2px;width:8px;height:8px;border-radius:50%;background:var(--sb-primary)}.songbook-notation__vocal{stroke:var(--notation-vocal);stroke-width:4;stroke-linecap:round;opacity:.55}.songbook-notation__strip svg .songbook-notation__note--hit{--result-color: var(--sb-success)}.songbook-notation__strip svg .songbook-notation__note--ready{--result-color: var(--sb-primary)}.songbook-notation__strip svg .songbook-notation__note--ready,.songbook-notation__strip svg .songbook-notation__note--ready *{color:var(--result-color);fill:var(--result-color)!important;stroke:var(--result-color)!important}.songbook-notation__strip svg .songbook-notation__note--missed{--result-color: var(--sb-error)}.songbook-notation__strip svg .songbook-notation__note--hit,.songbook-notation__strip svg .songbook-notation__note--hit *,.songbook-notation__strip svg .songbook-notation__note--missed,.songbook-notation__strip svg .songbook-notation__note--missed *{color:var(--result-color);fill:var(--result-color)!important;stroke:var(--result-color)!important}.songbook-notation__note--hit>text:first-of-type,.songbook-notation__note--missed>text:first-of-type{transform:scale(1.075)}.songbook-notation__strip svg .vf-notehead,.songbook-notation__strip svg .vf-notehead *{transform-box:fill-box;transform-origin:center;transition:color .32s ease,fill .32s ease,stroke .32s ease,transform .32s cubic-bezier(.2,.72,.2,1)}.songbook-notation__strip svg .songbook-notation__note--entrance{--result-color: var(--notation-ink)}.songbook-notation__strip svg .songbook-notation__note--entrance,.songbook-notation__strip svg .songbook-notation__note--entrance *{transition:none}.songbook-notation__note--entrance>text:first-of-type{stroke-width:.35px;paint-order:stroke fill}.songbook-notation__strip svg .songbook-notation__count-in-context,.songbook-notation__strip svg .songbook-notation__count-in-context *{color:var(--notation-context-ink)!important;fill:var(--notation-context-ink)!important;stroke:var(--notation-context-ink)!important;transition:none}.songbook-notation__strip svg .songbook-notation__inactive-hand,.songbook-notation__strip svg .songbook-notation__inactive-hand *{color:var(--hand-ink);fill:var(--hand-ink)!important;stroke:var(--hand-ink)!important}.songbook-notation__strip svg .songbook-fingering-label.songbook-notation__inactive-hand{stroke:var(--notation-paper)!important}.songbook-notation__strip svg .songbook-notation__count-in-context *{fill:var(--notation-context-ink)!important;stroke:var(--notation-context-ink)!important}.songbook-notation__strip svg .songbook-fingering-label.songbook-notation__count-in-context{stroke:var(--notation-paper)!important}.songbook-notation__strip svg .songbook-notation__after-section,.songbook-notation__strip svg .songbook-notation__after-section *{color:var(--sb-ink-muted)!important;fill:var(--sb-ink-muted)!important;stroke:var(--sb-ink-muted)!important;transition:none}.songbook-notation__strip svg .songbook-fingering-label.songbook-notation__after-section{stroke:var(--notation-paper)!important}.songbook-notation__lyric{fill:var(--notation-ink);font:500 19px/1 var(--app-font-serif);letter-spacing:-.02em;opacity:.5;transition:opacity .25s ease,fill .25s ease}.songbook-notation__lyric.is-active{opacity:.96;fill:var(--sb-ink-muted)}.songbook-notation__lyric.is-past{opacity:.42}.songbook-notation__lyric.is-future{opacity:.58}@media(max-width:640px){.songbook-notation__lyric{font-size:18px}}.songbook-notation__feedback-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.songbook-notation__feedback{position:absolute;border:.75px solid;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:songbook-incorrect-hit .75s ease-out both}.songbook-notation__feedback[data-correct=false]{color:color-mix(in srgb,var(--sb-error) 32%,transparent);background:color-mix(in srgb,var(--sb-error) 14%,transparent);box-shadow:0 0 5px 2px color-mix(in srgb,var(--sb-error) 4%,transparent)}@keyframes songbook-incorrect-hit{0%{opacity:.55;transform:translate(-50%,-50%) scale(.94)}35%{opacity:.45;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@media(max-width:640px){.songbook-notation{border-radius:14px}}@media(prefers-reduced-motion:reduce){.songbook-notation__strip svg .vf-notehead,.songbook-notation__strip svg .vf-notehead *,.songbook-notation__lyric{transition:none}.songbook-notation__feedback{animation:songbook-incorrect-hit .75s linear both}.songbook-retry-start{animation:none;opacity:.7}}.mini-lesson{--ml-ink: hsl(var(--sb-ink-hsl));--ml-muted: hsl(var(--sb-muted-ink-hsl));--ml-line: hsl(var(--sb-outline-hsl));--ml-accent: hsl(var(--sb-primary-hsl));--ml-active: hsl(var(--sb-primary-hover-hsl));color:var(--ml-ink);font-family:var(--app-font-sans)}.mini-lesson__progress{display:grid;gap:.8rem;width:100%}.mini-lesson__progress-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.mini-lesson__section{overflow:hidden;color:var(--ml-ink);font-size:.875rem;font-weight:650;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.mini-lesson__count{flex:0 0 auto;color:var(--ml-muted);font-family:var(--app-font-mono);font-size:.7rem;font-variant-numeric:tabular-nums;letter-spacing:.045em}.mini-lesson__navigation,.mini-lesson__navigation>[role=group]{display:flex;align-items:center;flex:0 0 auto;gap:.25rem}.mini-lesson__navigation{gap:.5rem}.mini-lesson__arrow{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--ml-line);border-radius:12px;color:var(--ml-ink);background:transparent;cursor:pointer}.mini-lesson__arrow:hover:not(:disabled){color:var(--ml-accent);background:color-mix(in srgb,var(--ml-accent) 10%,transparent)}.mini-lesson__arrow:focus-visible{outline:2px solid var(--ml-accent);outline-offset:3px}.mini-lesson__arrow:disabled{opacity:.3;cursor:default}.mini-lesson__segments{display:flex;gap:.3rem;min-height:.3rem}.mini-lesson__segment{flex:1 1 0;min-width:.28rem;height:.25rem;border-radius:999px;background:var(--ml-line);transition:background-color .24s ease,opacity .24s ease}.mini-lesson__segment[data-state=completed]{background:hsl(var(--sb-success-hsl))}.mini-lesson__segment[data-state=current]{background:var(--ml-accent)}.mini-lesson__step{color:var(--ml-muted);font-size:.75rem;line-height:1.4;letter-spacing:.01em}.mini-lesson__controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem}.mini-lesson__grooves{display:flex;align-items:center;gap:.35rem;padding:.2rem;border:1px solid var(--ml-line);border-radius:.85rem;background:hsl(var(--sb-muted-surface-hsl))}.mini-lesson__groove{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;padding:0 .65rem;border:1px solid transparent;border-radius:.65rem;background:transparent;color:var(--ml-muted);font:600 .75rem/1 var(--app-font-sans);cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.mini-lesson__groove:hover{color:var(--ml-ink)}.mini-lesson__groove:active{transform:scale(.97)}.mini-lesson__groove[aria-pressed=true]{border-color:var(--ml-line);background:hsl(var(--sb-surface-hsl));color:var(--ml-ink);box-shadow:0 1px 2px hsl(var(--sb-ink-hsl) / .08)}.mini-lesson__groove:focus-visible,.mini-lesson__mute:focus-visible,.mini-lesson__volume:focus-visible{outline:2px solid var(--ml-active);outline-offset:3px}.mini-lesson__volume-group{display:flex;min-height:2.75rem;align-items:center;gap:.65rem;flex:1 1 9rem;max-width:15rem}.mini-lesson__mute{display:inline-grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border:1px solid var(--ml-line);border-radius:.75rem;background:hsl(var(--sb-surface-hsl));color:var(--ml-muted);cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.mini-lesson__mute:hover{border-color:hsl(var(--sb-primary-hsl) / .45);color:var(--ml-ink)}.mini-lesson__mute:active{transform:scale(.96)}.mini-lesson__volume{width:100%;height:2.75rem;margin:0;accent-color:var(--ml-accent);cursor:pointer}.mini-lesson__volume-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.mini-lesson__controls{gap:.65rem}.mini-lesson__grooves{width:100%;justify-content:space-between}.mini-lesson__groove{flex:1 1 auto;min-width:2.5rem;padding-inline:.45rem}.mini-lesson__volume-group{max-width:none}}@media(prefers-reduced-motion:reduce){.mini-lesson__segment,.mini-lesson__groove,.mini-lesson__mute{transition:none}}.section-learning-progress{width:min(100%,870px);min-height:48px;flex:0 0 auto;margin:15px auto 0;padding:2px;visibility:hidden;opacity:0;transition:opacity .18s ease,visibility .18s ease}.section-learning-progress.is-visible{visibility:visible;opacity:1}.section-learning-progress__summary{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;color:var(--sb-ink-muted);font:11px var(--app-font-sans, sans-serif)}.section-learning-progress__summary strong{color:var(--sb-ink);font:600 12px var(--app-font-mono, monospace);font-variant-numeric:tabular-nums}.section-learning-progress__track{height:5px;overflow:hidden;border-radius:999px;background:var(--sb-surface-muted)}.section-learning-progress__fill{display:block;height:100%;border-radius:inherit;background:var(--sb-primary);transition:width .42s cubic-bezier(.2,.7,.25,1)}.is-dark .section-learning-progress__summary{color:var(--sb-ink-muted)}.is-dark .section-learning-progress__summary strong{color:var(--sb-ink)}.is-dark .section-learning-progress__track{background:var(--sb-surface-muted)}.is-dark .section-learning-progress__fill{background:var(--sb-primary)}@media(prefers-reduced-motion:reduce){.section-learning-progress,.section-learning-progress__fill{transition:none}}.lst-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));background:var(--sb-canvas);color:var(--sb-ink);overflow-y:auto;font-family:var(--sb-font-body)}.lst-panel{display:grid;gap:14px;justify-items:center;text-align:center;max-width:520px}.lst-dot{width:12px;height:12px;border-radius:50%;background:var(--sb-green)}.lst-panel h2{margin:0;font-family:var(--sb-font-display);font-size:clamp(26px,6vw,44px);line-height:1.1;font-weight:700;color:var(--sb-ink);text-wrap:balance}.lst-panel p{margin:0;font-size:clamp(15px,2.4vw,18px);line-height:1.5;color:var(--sb-ink-muted);text-wrap:balance}.lst-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.lst-btn{min-height:44px;padding:0 22px;border-radius:99px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--sb-primary);background:var(--sb-surface);color:var(--sb-primary-hover)}.lst-next{background:var(--sb-primary);border-color:var(--sb-primary);color:#fff}@media(max-height:420px){.lst-panel{gap:8px}.lst-panel h2{font-size:24px}}.guided-panel{width:min(100%,980px);margin:0 auto 16px;padding:18px clamp(14px,2.4vw,24px);border:1px solid hsl(var(--border) / .72);border-radius:20px;background:hsl(var(--card) / .94);color:hsl(var(--foreground));display:grid;gap:14px;animation:practice-enter .25s ease both}.guided-panel.is-idle{grid-auto-flow:column;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}.guided-idle-copy{display:grid;gap:2px;font-size:12px;color:hsl(var(--muted-foreground))}.guided-idle-copy strong{font:400 18px/1.1 var(--app-font-serif);color:hsl(var(--foreground))}.guided-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.guided-eyebrow{font:500 10px var(--app-font-mono);text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--muted-foreground))}.guided-title{margin-top:4px;font:400 clamp(22px,2.4vw,28px)/1.1 var(--app-font-serif)}.guided-range{margin-top:5px;font:11px var(--app-font-mono);color:hsl(var(--muted-foreground))}.guided-exit,.guided-ghost,.guided-primary{min-height:38px;padding:0 14px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease}.guided-exit{color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border) / .72)}.guided-exit:hover,.guided-ghost:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.guided-ghost{color:hsl(var(--muted-foreground))}.guided-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.guided-primary:hover{transform:translateY(-1px)}.guided-primary:active,.guided-ghost:active{transform:scale(.96)}.guided-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.guided-steps button{width:100%;min-height:40px;padding:6px 10px;border-radius:12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-align:left;color:hsl(var(--muted-foreground));background:hsl(var(--secondary) / .5);transition:background-color .2s ease,color .2s ease}.guided-steps button:hover{color:hsl(var(--foreground))}.guided-steps button[aria-current=step]{background:hsl(var(--accent) / .13);color:hsl(var(--accent));box-shadow:inset 0 0 0 1px hsl(var(--accent) / .36)}.guided-steps button[data-done=true]{color:hsl(var(--foreground))}.guided-step-n{flex:none;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:500 10px var(--app-font-mono);border:1px solid currentColor}.guided-progress{display:flex;align-items:center;gap:12px;font:11px var(--app-font-mono);color:hsl(var(--muted-foreground))}.guided-bar{flex:1;height:4px;border-radius:99px;background:hsl(var(--border));overflow:hidden}.guided-bar span{display:block;height:100%;background:hsl(var(--accent));transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.guided-message{padding:10px 14px;border-radius:12px;background:hsl(var(--accent) / .1);font-size:13px;line-height:1.45}.guided-orient{font-size:12px;line-height:1.5;color:hsl(var(--muted-foreground))}.guided-groups{display:flex;flex-wrap:wrap;gap:12px 20px}.guided-group{display:grid;gap:5px}.guided-label{font:500 10px var(--app-font-mono);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground))}.guided-groups .practice-segmented button:disabled{opacity:.4;cursor:default}.guided-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.guided-actions .guided-primary{margin-left:auto}.guided-auto{display:flex;align-items:center;gap:9px;font-size:12px;color:hsl(var(--muted-foreground));cursor:pointer;min-height:32px}.guided-auto input{width:16px;height:16px;accent-color:hsl(var(--accent))}.guided-auto span{display:inline-flex;align-items:center;gap:6px}@media(max-width:700px){.guided-steps{grid-template-columns:1fr 1fr}.guided-panel.is-idle{grid-auto-flow:row;justify-items:stretch}.guided-head{flex-direction:column}.guided-actions .guided-primary{margin-left:0;flex:1 0 100%}.guided-actions .guided-ghost{flex:1 1 40%;border:1px solid hsl(var(--border) / .72)}}.yp-brand{display:inline-flex;align-items:center;gap:.55rem;line-height:1;vertical-align:middle;--yp-you: #0B1830;--yp-piano: #086DFF;--yp-tile: #0B1830;--yp-key: #F7FAFC;--yp-sharp: #086DFF;--yp-phrase: #16D6A2}.yp-icon{flex:none;display:block;--yp-tile: #0B1830;--yp-key: #F7FAFC;--yp-sharp: #086DFF;--yp-phrase: #16D6A2}.yp-icon-tile{fill:var(--yp-tile)}.yp-icon-key{fill:var(--yp-key)}.yp-icon-sharp{fill:var(--yp-sharp)}.yp-icon-phrase{stroke:var(--yp-phrase)}.yp-wordmark{font-family:var(--sb-font-display, "Manrope", sans-serif);font-weight:800;font-size:1.22em;letter-spacing:-.045em;white-space:nowrap}.yp-brand--compact .yp-wordmark{font-size:1.05em}.yp-you{color:var(--yp-you)}.yp-piano{color:var(--yp-piano)}.dark .yp-tone-auto,.yp-tone-dark,[data-sb-theme=dark] .yp-tone-auto{--yp-you: #F8FCFF;--yp-piano: #80B6FF;--yp-tile: #086DFF;--yp-key: #FFFFFF;--yp-sharp: #0B1830}.yp-light .yp-tone-auto{--yp-you: #0B1830;--yp-piano: #086DFF;--yp-tile: #0B1830;--yp-key: #F7FAFC;--yp-sharp: #086DFF}.yp-tone-mono{--yp-you: currentColor;--yp-piano: currentColor;--yp-tile: currentColor;--yp-key: var(--sb-canvas, #F7FAFC);--yp-sharp: currentColor;--yp-phrase: var(--sb-canvas, #F7FAFC)}.contextual-keyboard-guide{margin:12px 0 0;color:var(--sb-ink)}.ckg-show{display:block;margin:0 auto;border:0;background:transparent;color:var(--sb-primary-hover);font:600 12px var(--sb-font-body);min-height:44px;padding:0 14px}.ckg-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:opacity .24s ease,grid-template-rows .24s ease}[data-visible=true]>.ckg-reveal{grid-template-rows:1fr;opacity:1}.ckg-content{min-height:0;overflow:hidden;padding:0 5px}.ckg-caption{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:6px}.ckg-caption p{margin:0;font:600 12px var(--sb-font-body)}.ckg-caption p span{margin-left:10px;color:var(--sb-ink-muted);font-size:11px;font-weight:400}.ckg-caption label{display:flex;align-items:center;gap:5px;color:var(--sb-ink-muted);font-size:10px}.ckg-caption select{max-width:160px;min-height:44px;border:0;background:transparent;color:var(--sb-ink);font:inherit}.ckg-keys{position:relative;display:flex;width:100%;height:72px;margin-top:4px}.ckg-key{position:relative;flex:1 1 0;min-width:0;height:72px;box-sizing:border-box;background:var(--sb-dark-ink);border:1px solid var(--sb-outline);border-top:0;border-radius:0 0 2px 2px}.ckg-black{position:absolute;top:0;height:47px;flex:none;background:var(--sb-navy);border:0;transform:translate(-50%);z-index:2}.ckg-key[data-target=true]{z-index:1;background:var(--sb-green);box-shadow:inset 0 0 0 2px var(--sb-green-ink),0 0 0 1px var(--sb-surface),0 0 0 3px var(--sb-primary-hover)}.ckg-black[data-target=true]{z-index:3}.ckg-key[data-target=true][data-held=true]{background:var(--sb-green-soft);box-shadow:inset 0 0 0 2px var(--sb-green-ink),0 0 0 3px var(--sb-primary-hover)}[data-finding-notes=true] .ckg-key[data-target=true]{background:var(--sb-blue-soft);box-shadow:inset 0 0 0 2px var(--sb-primary-hover),0 0 0 3px var(--sb-primary-hover)}[data-finding-notes=true] .ckg-key[data-correct=true]{z-index:1;background:var(--sb-green);box-shadow:inset 0 0 0 2px var(--sb-green-ink)}.ckg-key[data-target=true][data-correct=true]{box-shadow:inset 0 0 0 2px var(--sb-green-ink),0 0 0 3px var(--sb-primary-hover)}.ckg-black[data-correct=true]{z-index:3}.ckg-labels{position:relative;color:var(--sb-primary-hover);font:750 10px/1.2 var(--sb-font-mono);white-space:nowrap}.ckg-labels span{position:absolute;transform:translate(-50%)}.ckg-range-note{color:var(--sb-ink-muted);font-size:11px;text-align:center;margin:5px 0 0}@media(max-width:520px){.ckg-caption{flex-wrap:wrap;gap:0 10px}.ckg-caption p{font-size:11px}.ckg-keys,.ckg-key{height:64px}.ckg-black{height:40px}}@media(prefers-reduced-motion:reduce){.ckg-reveal{transition:none}}.practice-score-column>.mini-lesson__progress{flex:0 0 auto;padding:0 2px 14px;gap:6px}.practice-page .contextual-keyboard-guide[data-visible=true]{background:var(--practice-panel);border:1px solid var(--practice-rule);border-radius:var(--sb-radius-md);box-shadow:var(--sb-shadow-float)}.practice-loop-selection{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:8px 0;font-size:12px;color:var(--sb-primary-hover)}.practice-loop-selection button{min-height:36px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--sb-primary) 25%,transparent);border-radius:18px}.practice-loop-progress{position:absolute;top:0;height:8px;border-radius:6px;background:color-mix(in srgb,var(--sb-warning) 50%,transparent);pointer-events:none;z-index:2}.practice-checkpoints{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.practice-checkpoints button{flex:0 0 auto;border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:12px}.practice-checkpoints button[aria-current=location]{background:color-mix(in srgb,var(--sb-error) 15%,transparent)}.practice-page{--practice-ink: hsl(var(--foreground));--practice-muted: hsl(var(--muted-foreground));--practice-rule: hsl(var(--border) / .72);--practice-panel: hsl(var(--card) / .94);min-height:100dvh;background:hsl(var(--background));color:var(--practice-ink)}.practice-shell{min-height:100dvh;display:flex;flex-direction:column;max-width:1720px;margin:auto}.practice-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px clamp(18px,3.3vw,56px) 16px;border-bottom:1px solid var(--practice-rule);transition:opacity .35s ease,padding .35s ease}.practice-identity{display:flex;align-items:center;gap:16px;min-width:0}.practice-back,.practice-icon-button{width:42px;height:42px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--practice-muted);transition:color .2s ease,background-color .2s ease,transform .2s ease}.practice-back:hover,.practice-icon-button:hover{color:var(--practice-ink);background:hsl(var(--secondary))}.practice-back:active,.practice-icon-button:active{transform:scale(.94)}.practice-header-title{min-width:0}.practice-header-title h1{font-size:clamp(17px,1.5vw,23px);font-weight:600;line-height:1.16;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-header-title p{margin-top:3px;font-size:12px;color:var(--practice-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.practice-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none}.practice-tempo{font:500 11px var(--app-font-mono);letter-spacing:.04em;color:var(--practice-muted);white-space:nowrap}.practice-midi{display:inline-flex;align-items:center;gap:8px;color:var(--practice-muted);font-size:12px;white-space:nowrap}.practice-midi-dot{width:7px;height:7px;flex:none;border-radius:50%;background:hsl(var(--muted-foreground) / .5)}.practice-midi[data-connected=true] .practice-midi-dot{background:var(--sb-success)}.practice-sing{min-height:36px;padding:0 12px;border:1px solid var(--practice-rule);border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.practice-sing:hover{background:hsl(var(--secondary))}.practice-sing[aria-pressed=true]{background:hsl(var(--accent) / .13);border-color:hsl(var(--accent) / .36);color:hsl(var(--accent))}.practice-settings-wrap{position:relative}.practice-settings{position:absolute;top:calc(100% + 12px);right:0;z-index:45;width:230px;padding:7px;border:1px solid var(--practice-rule);border-radius:17px;background:hsl(var(--card));box-shadow:0 18px 48px hsl(var(--foreground) / .13);animation:practice-enter .2s ease both}.practice-settings button{width:100%;display:flex;align-items:center;gap:10px;padding:11px;border-radius:11px;text-align:left;font-size:13px}.practice-settings button:hover{background:hsl(var(--secondary))}.practice-settings button svg:last-child:not(:first-child){margin-left:auto}.practice-settings .practice-segmented button{width:auto;justify-content:center}.practice-main{flex:1;display:flex;flex-direction:column;min-height:0}.practice-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;padding:18px clamp(18px,4.5vw,76px) 0}.practice-position{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}.practice-section-name{font-family:var(--app-font-serif);font-size:clamp(20px,2vw,27px);line-height:1}.practice-measure{font:11px var(--app-font-mono);color:var(--practice-muted);letter-spacing:.015em}.practice-section-nav{display:flex;align-items:center;gap:3px;max-width:100%;overflow-x:auto}.practice-section-nav button{min-height:32px;padding:0 12px;border-radius:99px;font-size:11px;font-weight:600;color:var(--practice-muted);white-space:nowrap;transition:background-color .2s ease,color .2s ease}.practice-section-nav button:hover,.practice-section-nav button[aria-current=true]{color:var(--practice-ink);background:hsl(var(--secondary))}.practice-page.is-playing .practice-section-nav{opacity:.48;transition:opacity .3s ease}.practice-page.is-playing .practice-section-nav:hover,.practice-page.is-playing .practice-section-nav:focus-within{opacity:1}.practice-score-area{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:350px;padding:clamp(20px,4vh,46px) clamp(12px,3.3vw,56px) 22px}.practice-score-frame{position:relative;width:100%;max-width:1550px;margin:0 auto}.practice-score-frame .songbook-notation{box-shadow:0 18px 65px hsl(var(--foreground) / .055)}.practice-score-frame .songbook-notation__viewport{margin:auto}.practice-count-overlay{position:absolute;z-index:12;top:50%;left:50%;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsl(var(--primary-foreground));background:hsl(var(--primary) / .95);box-shadow:0 12px 32px hsl(var(--foreground) / .16);pointer-events:none;transform:translate(-50%,-50%);animation:practice-count .34s cubic-bezier(.2,.8,.2,1) both}.practice-count-overlay strong{font:500 39px/1 var(--app-font-serif)}.practice-count-overlay small{margin-top:4px;font:500 9px var(--app-font-mono);text-transform:uppercase;letter-spacing:.15em}.practice-loading{width:min(90%,950px);margin:25px auto;display:grid;gap:24px}.practice-loading span{height:2px;border-radius:2px;background:hsl(var(--border));animation:practice-loading 1.6s ease-in-out infinite alternate}.practice-loading span:nth-child(2){animation-delay:.25s}.practice-loading span:nth-child(3){animation-delay:.5s}.practice-message{margin:auto;text-align:center;color:var(--practice-muted);font-size:14px}.practice-message button{margin-top:16px;border-radius:99px;padding:10px 18px;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.practice-under-score{padding:0 clamp(18px,4.5vw,76px) 15px}.practice-feedback-row{min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:var(--practice-muted)}.practice-feedback-row>:first-child{min-width:0}.practice-note-results{display:inline-flex;flex-wrap:wrap;gap:4px 14px}.practice-feedback-row>:last-child{flex:none;font:10px var(--app-font-mono)}.practice-page.is-playing .practice-feedback-row{opacity:.68}.practice-keyboard-wrap{padding-bottom:16px}.practice-footer{position:sticky;z-index:20;bottom:0;border-top:1px solid var(--practice-rule);background:var(--practice-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:9px clamp(15px,3.3vw,56px) max(13px,env(safe-area-inset-bottom))}.practice-footer-inner{width:min(100%,1300px);margin:auto}.practice-scrub-row{display:flex;align-items:center;gap:12px;height:19px}.practice-scrub-row input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer}.practice-scrub-row input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(to right,hsl(var(--accent)) 0 var(--scrub-progress),hsl(var(--border)) var(--scrub-progress) 100%)}.practice-scrub-row input[type=range]::-moz-range-track{height:3px;border-radius:99px;background:hsl(var(--border))}.practice-scrub-row input[type=range]::-moz-range-progress{height:3px;border-radius:99px;background:hsl(var(--accent))}.practice-scrub-row input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;border:2px solid hsl(var(--card));background:hsl(var(--accent));box-shadow:0 0 0 1px hsl(var(--accent));transition:transform .18s ease}.practice-scrub-row input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:2px solid hsl(var(--card));background:hsl(var(--accent))}.practice-scrub-row input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.22)}.practice-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px}.practice-control-left,.practice-control-right{display:flex;align-items:center;gap:clamp(5px,1.2vw,16px);flex:1;min-width:0}.practice-control-right{justify-content:flex-end}.practice-transport{display:flex;align-items:center;justify-content:center;gap:9px;flex:none}.practice-play-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:88px;min-height:44px;padding:10px 18px;border:0;border-radius:999px;color:#fff;background:var(--sb-primary);font:inherit;font-weight:600;cursor:pointer}.practice-play-button:hover{background:var(--sb-primary-hover)}.practice-play-button:disabled{opacity:.45;cursor:default}.practice-play{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--primary-foreground));background:hsl(var(--primary));box-shadow:0 7px 18px hsl(var(--primary) / .15);transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .2s ease}.practice-play:hover{transform:scale(1.045)}.practice-play:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}.practice-play:active{transform:scale(.96)}.practice-play svg{animation:practice-play-icon .22s ease both}.practice-segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;background:hsl(var(--secondary) / .7);border-radius:99px}.practice-segmented button{min-height:34px;min-width:38px;padding:0 9px;border-radius:99px;color:var(--practice-muted);font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.practice-segmented button[aria-pressed=true]{color:var(--practice-ink);background:hsl(var(--card));box-shadow:0 1px 5px hsl(var(--foreground) / .09)}.practice-segmented button:hover:not([aria-pressed=true]){color:var(--practice-ink)}.practice-loop{position:relative;min-height:38px;padding:0 11px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;color:var(--practice-muted);font-size:12px;font-weight:600;transition:background-color .2s ease,color .2s ease,transform .2s ease}.practice-loop:hover{background:hsl(var(--secondary));color:var(--practice-ink)}.practice-loop[aria-pressed=true]{color:hsl(var(--accent));background:hsl(var(--accent) / .12)}.practice-loop[aria-pressed=true] svg{animation:practice-loop-on .4s ease both}.practice-loop-cue{position:absolute;inset:-3px;border:1px solid hsl(var(--accent) / .4);border-radius:inherit;pointer-events:none;animation:practice-loop-cue .7s ease-out both}.practice-footer-label{display:none}@media(min-width:801px)and (max-height:820px){.practice-context{padding-top:12px}.practice-score-area{padding-top:12px;padding-bottom:8px}.practice-under-score{padding-bottom:6px}}@keyframes practice-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes practice-count{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes practice-loading{0%{opacity:.28}to{opacity:.75}}@keyframes practice-play-icon{0%{opacity:.45;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes practice-loop-on{0%{transform:rotate(-25deg)}to{transform:rotate(0)}}@keyframes practice-loop-cue{0%{opacity:.7;transform:scale(.94)}to{opacity:0;transform:scale(1.18)}}@media(max-width:800px){.practice-header-actions{gap:5px}.practice-midi-label,.practice-tempo{display:none}.practice-score-area{min-height:350px}.practice-controls{gap:5px}.practice-control-left,.practice-control-right{gap:3px}}@media(max-width:600px){.practice-header{padding:12px 14px;gap:6px}.practice-identity{gap:4px}.practice-back,.practice-icon-button{width:36px;height:36px}.practice-header-title h1{font-size:16px}.practice-header-title p{font-size:11px}.practice-sing{padding:0 8px;min-height:34px;font-size:0;gap:0}.practice-sing svg{width:16px}.practice-midi{padding:8px}.practice-context{padding-top:14px}.practice-section-nav{width:100%}.practice-score-area{min-height:390px;padding-top:19px;padding-bottom:14px}.practice-footer{padding:8px 10px max(10px,env(safe-area-inset-bottom))}.practice-controls{flex-wrap:wrap;justify-content:center;gap:6px}.practice-transport{order:0;width:100%}.practice-control-left{order:1;justify-content:flex-end}.practice-control-right{order:2;justify-content:flex-start}.practice-control-left,.practice-control-right{flex:0 1 auto}.practice-play{width:50px;height:50px}.practice-loop{padding:0 7px}.practice-segmented button{min-width:34px;padding:0 8px}.practice-feedback-row{font-size:11px}}@media(prefers-reduced-motion:reduce){.practice-page *,.practice-page *:before,.practice-page *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.kg-range{display:grid;gap:10px}.practice-header-actions .practice-controls-trigger{width:auto;padding:0 16px 0 13px;gap:8px;border-radius:99px;font-size:13px;font-weight:600;background:hsl(var(--secondary));color:var(--practice-ink)}.practice-controls-trigger[aria-expanded=true]{background:hsl(var(--accent) / .14);color:hsl(var(--accent))}.practice-phase-cue{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:0 auto 8px;font-size:12px;color:var(--practice-muted)}.practice-phase-cue strong{color:var(--practice-ink);font-weight:600}.practice-phase-cue button{min-height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--practice-rule);display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--practice-ink)}.practice-phase-cue button:hover{background:hsl(var(--secondary))}.practice-footer .practice-controls{justify-content:center;min-height:54px}.practice-footer .practice-transport{gap:14px}.pc-layer{position:fixed;inset:0;z-index:60;visibility:hidden;pointer-events:none;transition:visibility 0s linear .28s}.pc-layer[data-open=true]{visibility:visible;pointer-events:auto;transition-delay:0s}.pc-scrim{position:absolute;inset:0;background:hsl(var(--foreground) / .22);opacity:0;transition:opacity .25s ease}.pc-layer[data-open=true] .pc-scrim{opacity:1}.pc-panel{position:absolute;top:14px;right:14px;bottom:14px;width:min(430px,calc(100vw - 28px));display:flex;flex-direction:column;overflow:hidden;border-radius:26px;border:1px solid var(--practice-rule);background:hsl(var(--card));color:var(--practice-ink);box-shadow:0 28px 80px hsl(var(--foreground) / .22);opacity:0;transform:translate(28px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.pc-layer[data-open=true] .pc-panel{opacity:1;transform:none}.pc-handle{display:none}.pc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 8px 22px}.pc-head h2{font-family:var(--app-font-serif);font-size:24px;line-height:1}.pc-head-actions{display:flex;align-items:center;gap:6px}.pc-quick{min-height:40px;padding:0 13px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:hsl(var(--secondary))}.pc-quick:disabled{opacity:.4}.pc-close{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--practice-muted)}.pc-close:hover{background:hsl(var(--secondary));color:var(--practice-ink)}.pc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;margin:4px 18px 10px;border-radius:18px;background:hsl(var(--secondary) / .7)}.pc-tabs button{min-height:52px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--practice-muted);transition:background-color .2s,color .2s}.pc-tabs button[aria-selected=true]{background:hsl(var(--card));color:var(--practice-ink);box-shadow:0 1px 6px hsl(var(--foreground) / .1)}.pc-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 18px 22px}.pc-group{display:grid;gap:14px;align-content:start}.pc-group[hidden]{display:none}.pc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pc-label{font:500 10px var(--app-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--practice-muted)}.pc-hint{font-size:12px;line-height:1.5;color:var(--practice-muted)}.pc-sections{display:grid;gap:8px}.pc-sections nav{display:flex;flex-wrap:wrap;gap:6px}.pc-sections button{min-height:36px;padding:0 13px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid var(--practice-rule)}.pc-sections button[aria-current=true]{background:hsl(var(--secondary))}.pc-group .guided-panel,.pc-group .lgc{border:0;box-shadow:none;background:transparent;padding:0;margin:0;max-width:none}.pc-group section{margin-bottom:0!important;max-width:none!important}@media(max-width:700px){.pc-panel{inset:auto 0 0;width:100%;max-height:min(88dvh,720px);border-radius:26px 26px 0 0;border-bottom:0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom)}.pc-layer[data-open=true] .pc-panel{transform:none}.pc-handle{display:block;width:38px;height:4px;border-radius:4px;margin:9px auto 0;background:hsl(var(--border))}.pc-head{padding-top:8px}.pc-quick span,.pc-quick{padding:0 11px}}@media(prefers-reduced-motion:reduce){.pc-panel,.pc-scrim{transition-duration:.01ms!important;transform:none!important}}.practice-page{--practice-ink: var(--sb-ink);--practice-muted: var(--sb-ink-muted);--practice-rule: var(--sb-outline);--practice-panel: color-mix(in srgb, var(--sb-surface) 90%, transparent);min-height:100dvh;color:var(--practice-ink);background:var(--sb-canvas);font-family:var(--app-font-sans)}.practice-page.is-dark{--practice-ink: var(--sb-ink);--practice-muted: var(--sb-ink-muted);--practice-rule: var(--sb-outline);--practice-panel: color-mix(in srgb, var(--sb-surface) 94%, transparent);background:var(--sb-canvas)}.practice-page .practice-header{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4vw,54px);border-bottom-color:color-mix(in srgb,var(--sb-outline) 65%,transparent)}.practice-page.is-dark .practice-header{border-bottom-color:color-mix(in srgb,var(--sb-dark-outline) 70%,transparent)}.practice-page .practice-identity{justify-self:start}.practice-page .practice-header-title{min-width:0;text-align:center}.practice-page .practice-header-title h1{font-family:var(--app-font-serif);font-weight:400;letter-spacing:-.015em}.practice-page .practice-header-title p{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.practice-page .practice-header-actions{justify-self:end;gap:8px}.practice-page .practice-midi{width:14px;justify-content:center}.practice-page .practice-midi-dot{width:8px;height:8px;background:var(--sb-ink-muted)}.practice-page .practice-audio-trigger{height:38px;padding:0 11px;border:1px solid transparent;border-radius:99px;display:inline-flex;align-items:center;gap:6px;color:var(--practice-muted);font-size:12px;font-weight:550;transition:background .18s ease,color .18s ease}.practice-page .practice-audio-trigger:hover{background:var(--sb-primary-soft);color:var(--practice-ink)}.practice-page .practice-controls-trigger{width:42px;padding:0;border-radius:50%;background:transparent;color:var(--practice-muted)}.practice-page .practice-context{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,auto);align-items:center;gap:14px;padding:17px clamp(16px,4vw,55px) 0}.practice-player-switch{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:13px;background:var(--sb-primary-soft)}.practice-player-switch button{min-height:36px;padding:0 17px;border-radius:10px;color:var(--sb-ink-muted);font-size:13px;font-weight:600;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.practice-player-switch button[aria-pressed=true]{background:var(--sb-surface);color:var(--sb-ink);box-shadow:0 2px 9px #0b183014}.practice-page.is-dark .practice-player-switch{background:var(--sb-surface-muted)}.practice-page.is-dark .practice-player-switch button[aria-pressed=true]{background:var(--sb-primary);color:#fff}.practice-page .practice-position{justify-self:center;gap:8px 12px}.practice-page .practice-section-name{color:var(--practice-ink);font-size:18px}.practice-page .practice-measure{color:var(--practice-muted);font-size:10px}.practice-learning-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.practice-select-wrap{min-width:0}.practice-select{max-width:min(240px,30vw);min-height:39px;padding:0 31px 0 12px;border:1px solid var(--practice-rule);border-radius:11px;color:var(--practice-ink);background:color-mix(in srgb,var(--sb-surface) 82%,transparent);font-size:12px;cursor:pointer}.practice-page.is-dark .practice-select{background:var(--sb-surface)}.practice-learning-note{color:var(--practice-muted);font-size:12px}.practice-page .practice-score-area{min-height:0;padding:clamp(20px,4vh,44px) clamp(12px,3.3vw,56px) 20px}.practice-page .practice-score-frame .songbook-notation{border:1px solid color-mix(in srgb,var(--sb-outline) 70%,transparent);border-radius:20px;box-shadow:0 13px 34px #0b18300e}.practice-page .practice-under-score{padding-bottom:10px}.practice-page .practice-feedback-row{font-size:11px}.practice-page .practice-footer{border-top-color:color-mix(in srgb,var(--sb-outline) 70%,transparent);background:var(--practice-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.practice-page .practice-scrub-row{position:relative}.practice-page .practice-scrub-row>input{position:relative;z-index:1}.practice-page .practice-checkpoints{position:absolute;inset:0;z-index:2;overflow:visible;pointer-events:none}.practice-page .practice-checkpoints>span{position:absolute;top:5px;width:9px;height:9px;min-height:0;padding:0;border:2px solid var(--sb-surface);border-radius:50%;background:var(--sb-ink-muted);box-shadow:0 0 0 1px var(--sb-ink-muted);transform:translate(-50%);pointer-events:none;transition:transform .16s ease,background-color .16s ease}.practice-page .practice-checkpoints>span[data-current=true]{background:var(--sb-error);box-shadow:0 0 0 1px var(--sb-error);transform:translate(-50%) scale(1.2)}.practice-page .practice-footer .practice-controls{justify-content:center}.practice-page .practice-footer .practice-transport{gap:14px}.practice-page .practice-play{color:#fff;background:var(--sb-primary);box-shadow:0 5px 14px color-mix(in srgb,var(--sb-primary) 15%,transparent)}.practice-page .practice-icon-button:hover,.practice-page .practice-back:hover{background:var(--sb-primary-soft)}.pc-settings{display:grid}.pc-primary-settings{display:grid;gap:14px;padding:8px 1px 18px}.pc-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.pc-setting-row>span:first-child,.pc-speed-row>span:first-child{flex:1;min-width:0}.pc-setting-row small,.pc-speed-row small{display:block;margin-top:3px;color:var(--practice-muted);font-size:11px}.pc-speed-range{width:min(145px,35vw);accent-color:var(--sb-primary)}.pc-switch{width:39px;height:23px;flex:none;padding:3px;border:0;border-radius:20px;background:var(--sb-outline);cursor:pointer;transition:background .18s ease}.pc-switch>span{display:block;width:17px;height:17px;border-radius:50%;background:var(--sb-surface);box-shadow:0 1px 4px #0b183033;transition:transform .18s ease}.pc-switch[aria-checked=true]{background:var(--sb-primary)}.pc-switch[aria-checked=true]>span{transform:translate(16px)}.pc-switch:disabled{opacity:.4;cursor:not-allowed}.pc-disclosure{border-top:1px solid var(--practice-rule)}.pc-disclosure:last-child{border-bottom:1px solid var(--practice-rule)}.pc-disclosure>summary{min-height:56px;display:flex;align-items:center;gap:8px;list-style:none;color:var(--practice-ink);font-size:13px;font-weight:600;cursor:pointer}.pc-disclosure>summary::-webkit-details-marker{display:none}.pc-disclosure>summary svg{margin-left:auto;color:var(--practice-muted);transition:transform .18s ease}.pc-disclosure[open]>summary svg{transform:rotate(180deg)}.pc-disclosure-body{display:grid;gap:14px;padding:0 0 17px}.pc-fingering-disclosure{padding-top:2px}.pc-fingering-disclosure>summary{min-height:34px;display:flex;align-items:center;gap:7px;list-style:none;color:var(--practice-muted);font-size:11px;cursor:pointer}.pc-fingering-disclosure>summary::-webkit-details-marker{display:none}.pc-fingering-disclosure>summary svg{transition:transform .18s ease}.pc-fingering-disclosure[open]>summary svg{transform:rotate(180deg)}.pc-fingering-disclosure .pc-hint{margin:0 0 7px}.pc-fingering-disclosure [data-testid=text-fingering-disclaimer]{color:var(--practice-muted)}.pc-disclosure-body .guided-panel,.pc-disclosure-body .lgc{max-width:none;margin:0}.pc-disclosure-body .guided-panel{box-shadow:none}.pc-advanced-settings{gap:17px}.pc-advanced-settings .practice-segmented button{min-height:33px}.pc-label{color:var(--practice-muted);font-size:10px}.pc-hint{color:var(--practice-muted);font-size:11px;line-height:1.5}.pc-fingering-limits{margin:0;padding-left:20px;color:var(--practice-muted);font-size:11px;line-height:1.5}.pc-sections nav{gap:6px}.pc-sections button{border-color:var(--practice-rule);color:var(--practice-ink)}.pc-sections button:hover,.pc-sections button[aria-current=true]{background:var(--sb-primary-soft)}.pc-theme{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--practice-muted);transition:background .18s ease}.pc-theme:hover{background:var(--sb-primary-soft)}.practice-step-trigger{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:5px 12px;border:1px solid var(--practice-rule);border-radius:12px;text-align:left;font-size:12px;background:var(--practice-panel);color:var(--practice-ink)}.practice-step-trigger small{display:block;font-size:10px;color:var(--practice-muted);margin-top:2px}.practice-context-message{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-bottom:12px;font-size:12px;color:var(--practice-muted)}.practice-context-message button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 13px;border:1px solid var(--practice-rule);border-radius:99px;color:var(--practice-ink)}.pc-disclosure-body .guided-compact{padding:0;border:0;background:transparent;animation:none;gap:16px}.guided-compact .guided-actions{gap:6px}.guided-compact .guided-actions button{min-height:40px;padding:0 10px}.guided-learning-details>summary{min-height:40px;cursor:pointer;font-size:12px;color:var(--practice-muted)}.guided-learning-details .pc-disclosure-body{padding:10px 0 0}.pc-setting-row .practice-select{max-width:65%}.practice-page.is-dark .pc-panel{background:var(--sb-surface)}.practice-page.is-dark .pc-disclosure>summary{color:var(--practice-ink)}.practice-page.is-dark .pc-switch{background:var(--sb-outline)}@media(max-width:800px){.practice-page .practice-context{grid-template-columns:auto minmax(0,1fr)}.practice-page .practice-position{justify-self:end}.practice-learning-tools{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}}@media(max-width:600px){.practice-page .practice-header{min-height:68px;grid-template-columns:36px minmax(0,1fr) auto;padding:0 12px}.practice-page .practice-header-title h1{font-size:18px}.practice-page .practice-header-title p{font-size:9px}.practice-page .practice-header-actions{gap:3px}.practice-page .practice-audio-trigger{width:36px;height:36px;padding:0;justify-content:center}.practice-page .practice-audio-trigger span{display:none}.practice-page .practice-context{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:12px 13px 0}.practice-page .practice-position{justify-self:end;flex-direction:column;align-items:flex-end;gap:3px}.practice-page .practice-section-name{font-size:14px}.practice-page .practice-measure{font-size:9px}.practice-player-switch button{min-height:34px;padding:0 13px;font-size:12px}.practice-learning-tools{gap:6px}.practice-select{max-width:min(240px,58vw);min-height:36px;font-size:11px}.practice-page .practice-score-area{min-height:0;padding-top:14px;padding-bottom:10px}.practice-page .practice-score-frame .songbook-notation{border-radius:15px}.practice-page .practice-footer{padding:7px 12px max(10px,env(safe-area-inset-bottom))}.practice-page .practice-footer .practice-controls{min-height:48px}}@media(prefers-reduced-motion:reduce){.practice-page .practice-player-switch *,.practice-page .practice-select,.practice-page .practice-checkpoints>span,.pc-settings *,.pc-settings *:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.practice-page{--practice-ink: var(--sb-ink);--practice-muted: var(--sb-ink-muted);--practice-rule: var(--sb-outline);--practice-panel: var(--sb-surface);min-height:100dvh;color:var(--practice-ink);background:var(--sb-canvas);font-family:var(--app-font-sans)}.practice-page.is-dark{--practice-ink: var(--sb-dark-ink);--practice-muted: var(--sb-dark-ink-muted);--practice-rule: var(--sb-dark-outline);--practice-panel: var(--sb-dark-surface);background:var(--sb-dark-canvas)}.practice-page .practice-shell{width:100%;max-width:1720px;height:100dvh;min-height:100dvh;padding:0 clamp(16px,4vw,48px)}.practice-page .practice-header{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:9px 0;border-bottom:0}.practice-page .practice-topline-start{min-width:0;gap:16px}.practice-page .practice-back{width:32px;height:32px;color:var(--practice-muted)}.practice-page .practice-brand{color:var(--practice-ink);font-size:10px;line-height:1;letter-spacing:.17em;font-weight:750;white-space:nowrap}.practice-page .practice-player-switch{padding:3px;border-radius:11px;background:var(--sb-surface-muted)}.practice-page .practice-player-switch button{min-height:32px;padding:0 15px;border-radius:8px;color:var(--sb-ink-muted);font-size:12px}.practice-page .practice-player-switch button[aria-pressed=true]{color:var(--sb-ink);background:var(--sb-surface);box-shadow:0 1px 4px #0b18301a}.practice-page.is-dark .practice-player-switch{background:var(--sb-dark-surface-muted)}.practice-page.is-dark .practice-player-switch button[aria-pressed=true]{color:#fff;background:var(--sb-primary)}.practice-page .practice-header-actions{gap:12px}.practice-page .practice-progress-label{color:var(--practice-muted);font-size:10px;white-space:nowrap}.practice-page .practice-controls-trigger{width:34px;height:34px;color:var(--practice-muted)}.practice-page .practice-controls-trigger:hover,.practice-page .practice-controls-trigger[aria-expanded=true]{background:var(--sb-primary-soft);color:var(--practice-ink)}.practice-page.is-dark .practice-controls-trigger:hover,.practice-page.is-dark .practice-controls-trigger[aria-expanded=true]{background:var(--sb-dark-surface-muted)}.practice-page .practice-midi-dot{background:var(--sb-ink-muted)}.practice-page .practice-midi[data-connected=true] .practice-midi-dot{background:var(--sb-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--sb-success) 13%,transparent)}.practice-page .practice-main{flex:1;display:flex;flex-direction:column;min-height:0}.practice-page .practice-context{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0 0}.practice-lesson-heading{min-width:0;display:grid;gap:3px}.practice-lesson-heading h2{overflow:hidden;color:var(--practice-ink);font-size:clamp(15px,1.5vw,18px);line-height:1.2;font-weight:650;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.practice-lesson-heading p{overflow:hidden;color:var(--practice-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.practice-lesson-heading .practice-measure{color:var(--practice-muted);font:10px var(--app-font-mono)}.practice-page .practice-learning-tools{justify-content:flex-end}.practice-learning-mode{display:inline-flex;flex:0 0 auto;padding:3px;gap:2px;border:1px solid var(--practice-rule);border-radius:11px;background:color-mix(in srgb,var(--sb-success) 8%,transparent)}.practice-learning-mode button{min-height:36px;min-width:58px;padding:0 12px;border-radius:8px;color:var(--practice-muted);font-size:12px;font-weight:600;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.practice-learning-mode button[aria-pressed=true]{background:var(--sb-surface);color:var(--sb-ink);box-shadow:0 1px 4px #0b183017}.practice-page.is-dark .practice-learning-mode button[aria-pressed=true]{background:var(--sb-dark-surface-muted);color:var(--sb-dark-ink)}@media(max-width:640px){.practice-page .practice-context[data-learning=true]{flex-direction:column;align-items:stretch}.practice-page .practice-context[data-learning=true] .practice-learning-tools{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.practice-learning-mode button{transition:none}}.practice-phrase-select{position:relative;display:block;min-width:0}.practice-phrase-select>svg{position:absolute;top:50%;right:11px;transform:translateY(-50%);color:var(--practice-muted);pointer-events:none}.practice-page .practice-phrase-select .practice-select{width:min(210px,34vw);max-width:100%;min-height:36px;padding:0 32px 0 11px;border-color:transparent;border-radius:10px;background:var(--sb-surface);color:var(--practice-ink);font-size:11px;appearance:none}.practice-page.is-dark .practice-phrase-select .practice-select{background:var(--sb-dark-surface);border-color:var(--practice-rule);color:var(--practice-ink)}.practice-page .practice-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 236px;align-items:stretch;gap:clamp(14px,2vw,22px);padding:10px 0 12px}.practice-page .practice-workspace[data-panel-open=false],.practice-page .practice-workspace[data-learning=false]{grid-template-columns:minmax(0,1fr)}.practice-score-column{min-width:0;min-height:0;display:flex;flex-direction:column}.practice-page .practice-score-area{flex:1;min-height:0;padding:0;display:flex;align-items:center;justify-content:center}.practice-page .practice-score-frame{--notation-fit-to-frame: 1;width:100%;height:clamp(200px,calc(100dvh - 390px),560px);flex:none;max-width:none;margin:0}.practice-page .practice-score-frame .songbook-notation{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--sb-outline);border-radius:17px;background:var(--notation-paper);box-shadow:0 8px 22px #0b18300e;--notation-paper: #fff}.practice-page.is-dark .practice-score-frame .songbook-notation{border-color:var(--sb-dark-outline);background:var(--notation-paper);--notation-paper: #fff}.practice-page .practice-under-score{flex:none;height:104px;overflow-y:auto;min-height:24px;padding:6px 2px 0}.practice-wait-cue-slot{flex:0 0 40px;height:40px;overflow-y:auto}.practice-page .contextual-keyboard-guide{position:fixed;z-index:40;left:max(12px,calc((100vw - 1624px)/2));right:max(12px,calc((100vw - 1624px)/2));bottom:max(80px,calc(env(safe-area-inset-bottom) + 64px));margin:0;padding:8px 10px}.practice-page .ckg-reveal{transform:translateY(12px);transition:opacity .24s ease,transform .24s ease,grid-template-rows .24s ease}.practice-page [data-visible=true]>.ckg-reveal{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.practice-page .ckg-reveal{transition:none;transform:none}}.practice-page .practice-under-score>[data-testid=playback-ready]{margin:0;font-size:11px;color:var(--practice-muted)}.practice-page .practice-feedback-row{min-height:20px;justify-content:center;font-size:10px}.practice-page .practice-side-panel{align-self:center;width:100%;max-height:min(100%,520px);overflow-y:auto;padding:12px;border:1px solid var(--sb-outline);border-radius:17px;background:var(--sb-surface);color:var(--practice-ink);box-shadow:0 9px 26px #0b183014;animation:practice-side-arrive .26s cubic-bezier(.2,.8,.2,1) both}.practice-page.is-dark .practice-side-panel{border-color:var(--sb-dark-outline);background:var(--sb-dark-surface)}.practice-side-head{min-height:28px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.practice-ready-dot{width:7px;height:7px;margin-left:2px;display:inline-block;border-radius:50%;background:var(--sb-success)}.practice-side-close,.practice-side-link{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;color:var(--practice-muted)}.practice-side-close{margin-left:auto;background:var(--sb-surface-muted)}.practice-page.is-dark .practice-side-close{background:var(--sb-dark-surface-muted)}.practice-side-close:hover,.practice-side-link:hover{background:var(--sb-primary-soft);color:var(--practice-ink)}.practice-start-prompt{margin:7px 0 12px;padding:9px 10px;border-radius:10px;background:var(--sb-primary-soft);color:var(--sb-ink);font-size:10px;line-height:1.45}.practice-page.is-dark .practice-start-prompt{background:var(--sb-dark-surface-muted);color:var(--sb-dark-ink)}.practice-side-current-step{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.practice-side-current-step strong{display:block;font-size:11px}.practice-side-current-step small,.practice-fingering-row small{display:block;margin-top:2px;color:var(--practice-muted);font-size:9px}.practice-speed-control{padding:9px 0 12px;border-top:1px solid var(--sb-outline)}.practice-page.is-dark .practice-speed-control{border-color:var(--practice-rule)}.practice-speed-control label{display:flex;justify-content:space-between;gap:8px;color:var(--practice-muted);font-size:9px}.practice-speed-control label strong{color:var(--sb-primary-hover);font-size:10px}.practice-speed-control input{width:100%;margin:9px 0 0;accent-color:var(--sb-primary)}.practice-stage-picker{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--sb-outline);border-bottom:1px solid var(--sb-outline)}.practice-page.is-dark .practice-stage-picker{border-color:var(--practice-rule)}.practice-side-eyebrow{margin-bottom:3px;color:var(--practice-muted);font:600 8px var(--app-font-mono);text-transform:uppercase;letter-spacing:.12em}.practice-stage-option{min-height:37px;display:grid;grid-template-columns:21px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:4px 6px;border-radius:9px;text-align:left;color:var(--practice-ink);font-size:9px;font-weight:650}.practice-stage-option:hover{background:var(--sb-surface-muted)}.practice-stage-option[aria-current=step]{background:var(--sb-primary-soft);color:var(--sb-primary-hover)}.practice-page.is-dark .practice-stage-option:hover{background:var(--sb-dark-surface-muted)}.practice-page.is-dark .practice-stage-option[aria-current=step]{background:var(--sb-dark-surface-muted);color:var(--sb-dark-primary)}.practice-stage-option>span:nth-child(2){min-width:0}.practice-stage-option small{display:block;margin-top:2px;color:var(--practice-muted);font-size:8px;font-weight:400}.practice-stage-option[aria-current=step] small{color:inherit;opacity:.78}.practice-stage-number{width:19px;height:19px;border:1px solid var(--sb-outline);border-radius:50%;display:grid;place-items:center;color:var(--practice-muted);font-size:8px;font-weight:500}.practice-stage-option[aria-current=step] .practice-stage-number{border-color:var(--sb-primary);background:var(--sb-primary-soft);color:var(--sb-primary-hover)}.practice-fingering-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--sb-outline)}.practice-page.is-dark .practice-fingering-row{border-color:var(--practice-rule)}.practice-fingering-row strong{font-size:10px}.practice-inline-switch{width:34px;height:20px;padding:2px;border-radius:99px;background:var(--sb-outline);transition:background .18s ease}.practice-inline-switch>span{display:block;width:16px;height:16px;border-radius:50%;background:var(--sb-surface);box-shadow:0 1px 4px #0b18302b;transition:transform .18s ease}.practice-inline-switch[aria-checked=true]{background:var(--sb-primary)}.practice-inline-switch[aria-checked=true]>span{transform:translate(14px)}.practice-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:10px}.practice-side-actions button{min-height:31px;padding:0 8px;border:1px solid var(--sb-outline);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--practice-ink);background:var(--sb-surface);font-size:9px;font-weight:600}.practice-side-actions button:hover{background:var(--sb-primary-soft);border-color:var(--sb-primary)}.practice-page.is-dark .practice-side-actions button{border-color:var(--practice-rule);background:var(--sb-dark-surface-muted)}.practice-show-controls{position:absolute;top:8px;right:0;min-height:34px;padding:0 11px;border:1px solid var(--practice-rule);border-radius:10px;display:inline-flex;align-items:center;gap:6px;color:var(--practice-ink);background:var(--practice-panel);font-size:11px}.practice-page .practice-footer{position:relative;z-index:5;flex:none;border-top:1px solid var(--sb-outline);padding:7px 0 max(9px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--sb-surface) 90%,transparent)}.practice-page.is-dark .practice-footer{border-color:var(--practice-rule);background:color-mix(in srgb,var(--sb-dark-surface) 94%,transparent)}.practice-page .practice-footer-inner{width:100%}.practice-page .practice-scrub-row{height:15px}.practice-page .practice-controls{height:44px;min-height:44px;justify-content:center;gap:12px}.practice-page .practice-transport{gap:9px}.practice-page .practice-transport .practice-icon-button{width:32px;height:32px}.practice-page .practice-play{width:36px;height:36px;color:#fff;background:var(--sb-primary);box-shadow:0 4px 11px color-mix(in srgb,var(--sb-primary) 20%,transparent)}.practice-page .practice-footer .practice-play{color:#fff;background:var(--sb-primary);box-shadow:0 4px 11px color-mix(in srgb,var(--sb-primary) 20%,transparent)}.practice-page .practice-ready-footer{color:var(--practice-muted);font-size:10px}.practice-page .practice-checkpoints>span{width:7px;height:7px;top:4px;border-color:#fff}.practice-active-pause,.practice-active-menu{display:none}@keyframes practice-side-arrive{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.practice-page.is-active .practice-header,.practice-page.is-active .practice-context,.practice-page.is-active .practice-under-score,.practice-page.is-active .practice-footer{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.practice-page.is-active .practice-side-panel{visibility:hidden;opacity:0;pointer-events:none}.practice-page.is-active .practice-active-pause{position:fixed;z-index:50;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:42px;height:42px;border:1px solid color-mix(in srgb,var(--sb-outline) 70%,transparent);border-radius:50%;display:grid;place-items:center;color:var(--sb-ink);background:color-mix(in srgb,var(--sb-surface) 86%,transparent);box-shadow:0 3px 12px #0b18301a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.practice-page.is-active .practice-active-menu{position:fixed;z-index:50;top:max(16px,env(safe-area-inset-top));right:max(66px,calc(env(safe-area-inset-right) + 66px));width:42px;height:42px;border:1px solid color-mix(in srgb,var(--sb-outline) 70%,transparent);border-radius:50%;display:grid;place-items:center;color:var(--sb-ink);background:color-mix(in srgb,var(--sb-surface) 86%,transparent);box-shadow:0 3px 12px #0b18301a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.practice-page.is-active .practice-active-pause:hover,.practice-page.is-active .practice-active-menu:hover{background:var(--sb-surface);transform:scale(1.04)}.practice-page.is-dark.is-active .practice-active-pause,.practice-page.is-dark.is-active .practice-active-menu{color:var(--sb-dark-ink);background:color-mix(in srgb,var(--sb-dark-surface) 86%,transparent)}@media(max-width:700px){.practice-page .practice-shell{padding:0 12px}.practice-page .practice-header{min-height:50px;padding:7px 0;gap:7px}.practice-page .practice-topline-start{gap:8px}.practice-page .practice-back{width:27px;height:30px}.practice-page .practice-back svg{width:16px}.practice-page .practice-brand{font-size:8px;letter-spacing:.12em}.practice-page .practice-player-switch{padding:2px}.practice-page .practice-player-switch button{min-height:29px;padding:0 10px;font-size:10px}.practice-page .practice-progress-label{display:none}.practice-page .practice-header-actions{gap:2px}.practice-page .practice-context{gap:8px;padding-top:5px}.practice-lesson-heading h2{font-size:14px}.practice-lesson-heading p{font-size:9px}.practice-lesson-heading .practice-measure{font-size:8px}.practice-page .practice-phrase-select .practice-select{width:min(170px,42vw);min-height:33px;font-size:9px}.practice-page .practice-workspace{display:flex;flex-direction:column;gap:9px;padding:10px 0 8px;overflow-y:auto}.practice-score-column{flex:none}.practice-page .practice-score-area{min-height:clamp(300px,43dvh,390px)}.practice-page .practice-score-frame{--notation-fit-to-frame: 0;height:auto;min-height:clamp(300px,43dvh,390px)}.practice-page .practice-score-frame .songbook-notation{min-height:0;height:auto;border-radius:14px}.practice-page .practice-under-score{padding-top:4px}.practice-page .practice-side-panel{align-self:stretch;max-height:none;padding:11px;border-radius:15px}.practice-stage-option{min-height:35px}.practice-page .practice-footer{padding-top:5px}.practice-page .practice-controls{min-height:35px}.practice-page .practice-ready-footer{font-size:9px}.practice-page.is-active .practice-active-menu{right:max(62px,calc(env(safe-area-inset-right) + 62px))}}@media(prefers-reduced-motion:reduce){.practice-page .practice-side-panel,.practice-page .practice-stage-option,.practice-page .practice-active-pause,.practice-page .practice-active-menu{animation-duration:.01ms!important;transition-duration:.01ms!important}.practice-page.is-active .practice-header,.practice-page.is-active .practice-context,.practice-page.is-active .practice-under-score,.practice-page.is-active .practice-footer{transition-duration:.01ms!important}}@media(max-width:700px){.practice-page .practice-shell{height:auto;min-height:100dvh;overflow:visible}.practice-page .practice-workspace{flex:none;grid-template-columns:minmax(0,1fr)}.practice-page .practice-score-area{flex:none;height:clamp(280px,44dvh,420px)}.practice-page .practice-score-frame{--notation-fit-to-frame: 1;height:100%;min-height:0}.practice-page .practice-score-frame .songbook-notation{height:100%}.practice-page .practice-under-score{height:auto;overflow:visible;min-height:64px}.practice-page .practice-side-panel{max-height:none;overflow:visible}.practice-page .practice-footer{position:static;height:auto;flex:none}}.songbook-import-progress{min-height:100dvh;background:var(--sb-canvas);color:var(--sb-ink);font-family:var(--sb-font-body)}.ip-shell *,.ip-shell *:before,.ip-shell *:after{box-sizing:border-box}.ip-shell .ip-topbar{min-height:68px;border-bottom:var(--sb-border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5.6vw,82px);position:relative;background:var(--sb-surface)}.ip-shell .ip-back{min-height:44px;display:inline-flex;gap:9px;align-items:center;color:var(--sb-ink-muted);font-size:13px}.ip-shell .ip-brand{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:9px;align-items:center;font:800 18px var(--sb-font-display);letter-spacing:-.04em;min-height:44px}.ip-shell .ip-brand-mark-legacy{width:28px;height:28px;border-radius:9px;background:var(--sb-primary-soft);color:var(--sb-primary);display:grid;place-items:center}.ip-shell .ip-private{display:flex;gap:7px;align-items:center;color:var(--sb-ink-muted);font-size:11px}.ip-shell .ip-private svg{color:var(--sb-green-ink)}.ip-shell .ip-layout{max-width:760px;margin:0 auto;padding:52px 28px 50px;display:flex;flex-direction:column;align-items:center;text-align:center}.ip-shell .ip-kicker{display:flex;gap:10px;align-items:center;color:var(--sb-ink-muted);font:500 10px var(--sb-font-mono);letter-spacing:.12em}.ip-shell .ip-kicker>span{width:22px;height:3px;border-radius:2px;background:var(--sb-green)}.ip-shell .ip-heading{margin:15px 0 8px;font:750 clamp(33px,5vw,45px)/1.08 var(--sb-font-display);letter-spacing:-.055em;outline:none}.ip-shell .ip-heading em{color:var(--sb-primary);font-style:normal}.ip-shell .ip-intro{margin:0 0 25px;color:var(--sb-ink-muted);font-size:14px;line-height:1.65;max-width:540px}.ip-shell .ip-progress-card{width:min(100%,640px);border:var(--sb-border);border-radius:18px;background:var(--sb-surface);box-shadow:var(--sb-shadow-float);padding:20px 22px 17px}.ip-shell .ip-card-head{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0}.ip-shell .ip-file-icon{width:60px;height:76px;display:grid;place-items:center;background:var(--sb-primary-soft);color:var(--sb-primary);border:var(--sb-border);border-radius:5px;margin-bottom:8px}.ip-shell .ip-small-label{font:500 9px var(--sb-font-mono);color:var(--sb-ink-muted);letter-spacing:.1em}.ip-shell .ip-file-name{font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;max-width:100%}.ip-shell .ip-source-label{font-size:11px;color:var(--sb-ink-muted)}.ip-shell .ip-rule{height:1px;background:var(--sb-outline);margin:19px 0}.ip-shell .ip-current-status{display:flex;flex-direction:column;gap:11px;align-items:center;padding:5px 0 13px}.ip-shell .ip-state-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--sb-primary-soft);color:var(--sb-primary)}.ip-shell .ip-state-error{background:var(--sb-error-soft);color:var(--sb-error)}.ip-shell .ip-state-ready{background:var(--sb-green-soft);color:var(--sb-green-ink)}.ip-shell .ip-eyebrow{margin:0 0 6px;color:var(--sb-primary-hover);font:500 9px var(--sb-font-mono);letter-spacing:.1em}.ip-shell .ip-current-status h2{margin:0;font:750 20px/1.3 var(--sb-font-display);letter-spacing:-.03em}.ip-shell .ip-status-body{margin:6px auto 0;color:var(--sb-ink-muted);font-size:13px;line-height:1.55;max-width:570px;overflow-wrap:anywhere}.ip-shell .ip-state-fade{animation:sb-import-fade .22s ease both}@keyframes sb-import-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.ip-shell .ip-orbit{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--sb-outline);border-top-color:var(--sb-primary);position:relative;animation:sb-import-turn 3.2s linear infinite}.ip-shell .ip-orbit:before{content:"";position:absolute;width:6px;height:6px;left:-2px;top:5px;background:var(--sb-primary);border-radius:50%}@keyframes sb-import-turn{to{transform:rotate(360deg)}}.ip-shell .ip-note{padding:10px 12px;border-radius:9px;background:var(--sb-surface-muted);color:var(--sb-ink-muted);font-size:12px;line-height:1.5}.ip-shell .ip-note-error{background:var(--sb-error-soft);color:var(--sb-error)}.ip-shell .ip-steps{list-style:none;padding:0;width:min(100%,440px);margin:0 auto}.ip-shell .ip-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 2px}.ip-shell .ip-step-icon{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;color:var(--sb-ink-muted)}.ip-shell .ip-complete .ip-step-icon{background:var(--sb-green-soft);color:var(--sb-green-ink)}.ip-shell .ip-step-dot{width:8px;height:8px;border-radius:50%;background:var(--sb-primary);box-shadow:0 0 0 4px var(--sb-primary-soft)}.ip-shell .ip-step strong{font-size:13px;line-height:1.35;font-weight:600;color:var(--sb-ink-muted)}.ip-shell .ip-step small{font-size:11px;line-height:1.4;color:var(--sb-ink-muted)}.ip-shell .ip-current strong,.ip-shell .ip-last-confirmed strong{color:var(--sb-ink)}.ip-shell .ip-step-now{color:var(--sb-primary-hover);font:500 9px var(--sb-font-mono);letter-spacing:.08em;padding-top:2px}.ip-shell .ip-attention .ip-step-now,.ip-shell .ip-attention .ip-step-icon{color:var(--sb-error)}.ip-shell .ip-actions{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ip-shell .ip-primary-button,.ip-shell .ip-secondary-button{min-height:44px;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:600;cursor:pointer}.ip-shell .ip-primary-button{background:var(--sb-primary);color:var(--sb-canvas)}.ip-shell .ip-primary-button:hover{background:var(--sb-primary-hover)}.ip-shell .ip-secondary-button{border:var(--sb-border);color:var(--sb-ink);background:var(--sb-surface)}.ip-shell .ip-save-note,.ip-shell .ip-footnote{color:var(--sb-ink-muted);font-size:10px;line-height:1.55;margin:16px 0 0}.ip-shell .ip-footnote{max-width:620px}@media(max-width:600px){.ip-shell .ip-topbar{min-height:60px;padding:0 17px}.ip-shell .ip-brand{font-size:16px}.ip-shell .ip-private span{display:none}.ip-shell .ip-layout{padding:27px 16px 28px}.ip-shell .ip-heading{font-size:clamp(32px,9vw,41px);margin-top:13px}.ip-shell .ip-intro{margin-bottom:20px;font-size:13px}.ip-shell .ip-progress-card{padding:15px 14px 14px;border-radius:15px}.ip-shell .ip-file-icon{width:49px;height:66px}.ip-shell .ip-current-status h2{font-size:18px}.ip-shell .ip-status-body{font-size:12px}.ip-shell .ip-step small{max-width:260px;font-size:10px}.ip-shell .ip-step strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.ip-shell *,.ip-shell *:before,.ip-shell *:after{animation:none!important;transition:none!important}}.score-import__preview .songbook-notation__playhead{display:none}.score-import__preview .songbook-notation__viewport{background:hsl(var(--card))}.score-import__preview .songbook-notation{border-radius:1rem;overflow:hidden}.score-import__measure{transition:background-color .2s ease,border-color .2s ease}.score-import__measure[data-selected=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.score-import__pdf{width:100%;min-height:460px;height:min(72vh,820px);border:0;border-radius:14px;background:hsl(var(--secondary))}.score-import__drop{border:1.5px dashed hsl(var(--border));transition:border-color .2s ease,background-color .2s ease}.score-import__drop[data-dragging=true]{border-color:hsl(var(--accent));background:hsl(var(--accent) / .08)}.score-import__field{width:100%;min-height:42px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));padding:8px 11px;color:hsl(var(--foreground));outline:none}.score-import__field:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 2px hsl(var(--accent) / .16)}.score-import__field:disabled{opacity:.55}.ai-entry-dialog{width:calc(100% - 32px);max-width:1100px;max-height:calc(100dvh - 32px);padding:0;gap:0;border-radius:22px;border-color:var(--sb-dark-outline);color:var(--sb-dark-ink);background:var(--sb-dark-canvas);overflow-x:hidden}.ai-entry-dialog>button{color:var(--sb-dark-ink);min-width:44px;min-height:44px;display:grid;place-items:center;top:8px;right:8px}.ai-entry{color:var(--sb-dark-ink);background:radial-gradient(ellipse at 18% 42%,color-mix(in srgb,var(--sb-dark-surface-muted) 60%,transparent),transparent 39%),var(--sb-dark-canvas);font-family:var(--sb-font-body)}.ai-entry *,.ai-entry *:before,.ai-entry *:after{box-sizing:border-box}.ai-entry-layout{width:calc(100% - 64px);margin:auto;display:flex;flex-direction:column}.ai-entry-topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-right:30px;border-bottom:1px solid var(--sb-dark-outline)}.ai-entry-brand{display:flex;align-items:center;gap:9px;font:800 16px/1 var(--sb-font-display);letter-spacing:-.055em}.ai-entry-brand>span.ai-legacy{display:grid;place-items:center;width:26px;height:26px;color:var(--sb-dark-canvas);background:var(--sb-green);border-radius:9px}.ai-entry-step{display:flex;align-items:center;gap:9px;color:var(--sb-dark-ink-muted);font-size:9px;letter-spacing:.14em}.ai-entry-step i,.ai-entry-song-foot i{width:7px;height:7px;display:block;background:var(--sb-green);border-radius:50%;flex-shrink:0}.ai-entry-content{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(0,1.35fr);align-items:center;gap:clamp(32px,6vw,90px);padding:56px 2% 68px}.ai-entry-song{position:relative;display:flex;min-height:398px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:29px;border:1px solid var(--sb-dark-outline);border-radius:22px;background:linear-gradient(155deg,var(--sb-dark-surface-muted),var(--sb-dark-surface) 70%)}.ai-entry-art{position:absolute;inset:0 0 auto;height:235px;overflow:hidden;background:radial-gradient(ellipse at 51% 54%,color-mix(in srgb,var(--sb-green) 13%,transparent),transparent 56%)}.ai-entry-orbit{position:absolute;top:32px;left:50%;width:198px;height:198px;border:1px solid color-mix(in srgb,var(--sb-green) 24%,transparent);border-radius:50%;transform:translate(-50%)}.ai-entry-orbit.inner{top:53px;width:156px;height:156px;border-color:color-mix(in srgb,var(--sb-dark-primary) 22%,transparent)}.ai-entry-art-core{position:absolute;top:94px;left:50%;display:grid;place-items:center;width:72px;height:72px;color:var(--sb-green);border:1px solid color-mix(in srgb,var(--sb-green) 35%,transparent);border-radius:50%;background:var(--sb-dark-canvas);transform:translate(-50%)}.ai-entry-song-copy{position:relative;z-index:1}.ai-entry-eyebrow{color:var(--sb-dark-ink-muted);font-size:9px;letter-spacing:.16em}.ai-entry-song-copy h2{margin:11px 0 5px;font:700 clamp(25px,2.4vw,34px)/1.12 var(--sb-font-display);letter-spacing:-.055em;overflow-wrap:anywhere}.ai-entry-song-foot{position:relative;display:flex;align-items:center;gap:9px;margin-top:28px;padding-top:18px;color:var(--sb-dark-ink-muted);border-top:1px solid var(--sb-dark-outline);font-size:11px}.ai-entry-heading{margin-bottom:28px}.ai-entry-heading h2{margin:0;font:700 clamp(34px,4vw,49px)/1.08 var(--sb-font-display);letter-spacing:-.065em}.ai-entry-heading h2 em{color:var(--sb-green);font-style:normal}.ai-entry-heading p{margin:13px 0 0;color:var(--sb-dark-ink-muted);font-size:14px;line-height:1.6}.ai-entry-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-entry-choice{display:flex;flex-direction:column;min-width:0;min-height:140px;padding:17px;color:var(--sb-dark-ink);background:var(--sb-dark-surface);border:1px solid var(--sb-dark-outline);border-radius:14px;text-align:left;cursor:pointer;transition:background .16s,border-color .16s}.ai-entry-choice:hover{background:var(--sb-dark-surface-muted)}.ai-entry-choice.selected{border-color:color-mix(in srgb,var(--sb-green) 65%,transparent);background:color-mix(in srgb,var(--sb-green) 10%,var(--sb-dark-surface))}.ai-entry-choice-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:13px;color:var(--sb-dark-ink-muted)}.ai-entry-choice.selected .ai-entry-choice-top{color:var(--sb-green)}.ai-entry-check{display:grid;place-items:center;width:19px;height:19px;border:1px solid var(--sb-dark-ink-muted);border-radius:50%}.selected .ai-entry-check{background:var(--sb-green);border-color:var(--sb-green);color:var(--sb-navy)}.ai-entry-choice-title{font:600 14px/1.4 var(--sb-font-display)}.ai-entry-choice-description{margin-top:6px;color:var(--sb-dark-ink-muted);font-size:12px;line-height:1.4}.ai-entry-bottom{display:flex;align-items:center;flex-direction:column;gap:16px;margin-top:24px}.ai-entry-bottom p{order:1;display:flex;align-items:center;gap:7px;margin:0;color:var(--sb-dark-ink-muted);font-size:11px}.ai-entry-bottom p svg{color:var(--sb-green)}.ai-entry-cta{display:flex;width:100%;min-height:49px;align-items:center;justify-content:space-between;gap:13px;padding:0 18px;color:#fff;border:0;border-radius:12px;background:var(--sb-action-blue);font:700 13px/1.4 var(--sb-font-display);cursor:pointer}.ai-entry-cta:hover{background:var(--sb-action-blue-hover)}.ai-entry button:focus-visible{outline:3px solid var(--sb-dark-primary);outline-offset:3px}.ai-entry-footer{display:flex;justify-content:space-between;gap:16px;padding:17px 0 22px;color:var(--sb-dark-ink-muted);border-top:1px solid var(--sb-dark-outline);font-size:10px}.ai-entry-footer>span:first-child{letter-spacing:.15em}@media(max-width:700px){.ai-entry-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.ai-entry-layout{width:calc(100% - 36px)}.ai-entry-topbar{min-height:64px}.ai-entry-step{font-size:7px;letter-spacing:.08em}.ai-entry-content{grid-template-columns:1fr;gap:26px;padding:24px 0 32px}.ai-entry-song{min-height:130px;padding:22px 18px}.ai-entry-art{left:48%;height:135px;opacity:.5}.ai-entry-orbit{top:-30px;width:170px;height:170px}.ai-entry-orbit.inner{top:-9px;width:128px;height:128px}.ai-entry-art-core{top:33px;width:50px;height:50px}.ai-entry-song-copy h2{font-size:22px;margin-top:7px}.ai-entry-song-foot{margin-top:12px;padding-top:0;border:0;font-size:10px}.ai-entry-heading{margin-bottom:20px}.ai-entry-heading h2{font-size:clamp(34px,9vw,42px)}.ai-entry-heading p{margin-top:9px;font-size:12px}.ai-entry-choices{gap:8px}.ai-entry-choice{min-height:124px;padding:12px;border-radius:12px}.ai-entry-choice-top{margin-bottom:9px}.ai-entry-choice-title{font-size:12px}.ai-entry-choice-description{font-size:11px}}@media(prefers-reduced-motion:reduce){.ai-entry *{transition:none!important}}.cs-preview{overflow:hidden;border:1px solid var(--sb-outline);border-radius:14px;background:var(--sb-surface)}.cs-preview-heading{padding:16px 16px 0}.cs-preview-heading h3{margin:0;font-size:16px;font-weight:600;color:var(--sb-ink)}.cs-preview-heading p{margin:5px 0 0;font-size:12px;color:var(--sb-ink-muted)}.cz-preview>.cz-changes{margin-top:14px}.cs-preview-score{position:relative;min-width:0;background:#fff;color:#000}.cs-preview-controls{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--sb-outline);min-width:0}.cs-preview-controls button{display:inline-flex;align-items:center;gap:6px;background:var(--sb-surface-muted);border-radius:9px;padding:8px 10px;font-size:12px}.cs-preview-controls input{flex:1 1 0%;width:0;min-width:20px;accent-color:var(--sb-primary)}.cs-preview-controls span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--sb-ink-muted)}.cs-preview>p{font-size:12px;color:var(--sb-error);padding:0 12px 12px}.cz-content>*{min-width:0;max-width:100%}.cz-content{overflow-x:hidden;min-width:0}.cz-status,.cz-warn,.cz-note{overflow-wrap:anywhere}.cs-preview{min-width:0;max-width:100%}.cs-preview-controls button{flex-shrink:0;white-space:nowrap}.cz-content{background:var(--sb-canvas)!important;color:var(--sb-ink);font-family:var(--sb-font-body);max-width:560px!important;width:calc(100% - 24px)!important;padding:22px!important;border-radius:16px!important;border-color:var(--sb-outline)!important}.cz-content h2{font:700 28px/1.1 var(--sb-font-display);margin:0}.cz-sub{font-size:12px;color:var(--sb-ink-muted);margin:6px 0 0}.cz-group{border:0;padding:0;margin:14px 0 0;min-width:0}.cz-group legend,.cz-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--sb-ink-muted);padding:0;margin-bottom:7px}.cz-seg{display:flex;gap:6px;flex-wrap:wrap}.cz-seg label{flex:1 1 0;min-width:84px}.cz-seg input{position:absolute;opacity:0;pointer-events:none}.cz-seg span{display:block;text-align:center;padding:10px 8px;min-height:44px;border:1px solid var(--sb-outline);background:var(--sb-surface);border-radius:10px;font-size:13px;cursor:pointer}.cz-seg input:checked+span{border-color:var(--sb-primary);background:var(--sb-primary-soft);color:var(--sb-ink)}.cz-seg input:focus-visible+span,.cz-select:focus-visible,.cz-btn:focus-visible,.cz-check input:focus-visible{outline:3px solid var(--sb-focus);outline-offset:2px}.cz-seg input:disabled+span{opacity:.5;cursor:default}.cz-select{width:100%;min-height:44px;padding:0 10px;border:1px solid var(--sb-outline);background:var(--sb-surface);border-radius:10px;font:inherit;font-size:13px;color:inherit}.cz-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin-top:8px;min-height:32px}.cz-adv{margin-top:14px;font-size:12px;color:var(--sb-primary-hover)}.cz-adv summary{cursor:pointer;min-height:32px;display:flex;align-items:center}.cz-note{font-size:11px;line-height:1.5;color:var(--sb-ink-muted);margin:12px 0 0}.cz-status{margin-top:14px;padding:11px 12px;border-radius:10px;background:var(--sb-surface);border:1px solid var(--sb-outline);font-size:13px}.cz-err{border-color:var(--sb-error);background:var(--sb-error-soft);color:var(--sb-error)}.cz-warn{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--sb-warning)}.cz-bar{height:3px;background:var(--sb-surface-muted);border-radius:2px;overflow:hidden;margin-top:8px}.cz-bar i{display:block;height:100%;width:40%;background:var(--sb-primary);animation:cz-slide 1.4s ease-in-out infinite}@keyframes cz-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.cz-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.cz-btn{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--sb-outline);background:var(--sb-surface);font:inherit;font-size:13px;color:inherit;cursor:pointer}.cz-btn.primary{background:var(--sb-primary);border-color:var(--sb-primary);color:#fff}.cz-btn:disabled{opacity:.5;cursor:default}.cz-preview{margin-top:14px}.cz-changes{padding:18px 20px;background:var(--sb-green-soft);border:1px solid var(--sb-outline);border-radius:14px;color:var(--sb-ink)}.cz-changes h3{font-size:16px;font-weight:600;margin:0 0 10px}.cz-changes ul{padding-left:18px;margin:0;display:grid;gap:8px;font-size:14px;line-height:1.5}.cz-changes p{font-size:12px;margin:12px 0 0;color:var(--sb-ink-muted)}@media(prefers-reduced-motion:reduce){.cz-bar i{animation:none;width:100%}}.sj-page{--sj-paper:var(--sb-canvas);--sj-ink:var(--sb-ink);--sj-muted:var(--sb-ink-muted);min-height:100dvh;background:var(--sj-paper);color:var(--sj-ink);font-family:var(--sb-font-body);padding:clamp(22px,5vw,64px) clamp(18px,6vw,80px);box-sizing:border-box;display:flex;align-items:center;justify-content:center}.sj-page *{box-sizing:border-box}.sj-shell{width:100%;max-width:960px;margin:auto}.sj-back{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--sb-primary-hover);text-decoration:none;padding:12px 0}.sj-title-block{padding:clamp(36px,7vh,70px) 0 0;text-align:center}.sj-title{font:750 clamp(42px,6vw,72px)/1.02 var(--sb-font-display);letter-spacing:-.045em;margin:0}.sj-artist{font-size:15px;color:var(--sj-muted);margin:14px 0 0;letter-spacing:.015em}.sj-rating{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px auto 0;font-size:12px;color:var(--sb-ink-muted)}.sj-stars{display:flex;align-items:center;gap:5px;color:var(--sb-warning)}.sj-stars svg{width:20px;height:20px}.sj-divider{width:56px;height:1px;background:var(--sb-outline);margin:45px auto 34px}.sj-heading{font:700 21px/1.2 var(--sb-font-display);text-align:center;margin:0 0 28px;color:var(--sb-ink)}.sj-sections{display:flex;align-items:flex-start;justify-content:center;gap:clamp(8px,3vw,40px)}.sj-section{display:flex;flex:1 1 0;max-width:140px;min-width:0;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.sj-bubble{width:62px;height:62px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--sb-surface);border:1px solid var(--sb-outline);color:var(--sb-primary-hover);transition:transform .18s ease,border-color .18s ease}.sj-section:hover .sj-bubble{transform:translateY(-2px);border-color:var(--sb-primary)}.sj-section-name{font-size:12px;line-height:1.35;text-align:center;overflow-wrap:anywhere}.sj-range{font-size:10px;line-height:1;color:var(--sj-muted)}.sj-footer{margin-top:38px;text-align:center}.sj-play{display:inline-flex;align-items:center;gap:7px;padding:12px 15px;font-size:12px;color:var(--sb-primary-hover);text-decoration:none}.sj-note{font-size:10px;line-height:1.5;color:var(--sb-ink-muted);margin:12px 0 0}.sj-page a:focus-visible,.sj-page button:focus-visible{outline:3px solid var(--sb-focus);outline-offset:6px;border-radius:10px}.sj-message{text-align:center;padding:70px 0;max-width:460px;margin:auto;font-size:14px;color:var(--sb-ink-muted)}.sj-message h1{font:700 38px/1.1 var(--sb-font-display);color:var(--sj-ink);margin-bottom:20px}.sj-message button,.sj-message>a{display:inline-block;margin:20px 8px;padding:10px 16px;background:var(--sb-surface);border:1px solid var(--sb-outline);border-radius:10px;cursor:pointer;color:inherit}@media(max-width:600px){.sj-page{padding:20px 16px max(26px,env(safe-area-inset-bottom))}.sj-back{font-size:9px}.sj-title-block{padding-top:clamp(36px,8vh,68px)}.sj-title{font-size:clamp(39px,10vw,54px)}.sj-artist{font-size:14px;margin-top:10px}.sj-rating{margin-top:25px;gap:9px}.sj-stars{gap:3px}.sj-stars svg{width:18px;height:18px}.sj-divider{margin:38px auto 29px}.sj-heading{font-size:20px;margin-bottom:26px}.sj-sections{gap:4px;justify-content:space-around}.sj-bubble{width:44px;height:44px}.sj-section{gap:9px}.sj-section-name{font-size:10px}.sj-range{font-size:9px}.sj-note{font-size:10px}.sj-footer{margin-top:30px}}@media(prefers-reduced-motion:reduce){.sj-page *{transition:none!important}}.sm-listen,.sm-sheet{max-width:560px;margin:34px auto 0;text-align:center;color:var(--sb-ink);font-family:var(--sb-font-body)}.sm-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 18px;font:inherit;font-size:13px;color:var(--sb-ink);background:var(--sb-surface);border:1px solid var(--sb-outline);border-radius:22px;cursor:pointer;text-decoration:none}.sm-btn:hover{border-color:var(--sb-primary)}.sm-btn:disabled{opacity:.5;cursor:default}.sm-btn.sm-icon{padding:0;width:44px}.sm-scrub{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:var(--sb-ink-muted);font-variant-numeric:tabular-nums}.sm-scrub input{flex:1;min-width:0;height:44px;margin:0;accent-color:var(--sb-primary);cursor:pointer}.sm-scrub input:disabled{cursor:default;opacity:.5}.sm-note{font-size:10px;line-height:1.5;color:var(--sb-ink-muted);margin:8px 0 0}.sm-note a,.sm-link{color:var(--sb-primary-hover);text-decoration:underline;text-underline-offset:2px}.sm-error{font-size:12px;color:var(--sb-error);margin:10px 0 0}.sm-sheet{border-top:1px solid var(--sb-outline);padding-top:14px}.sm-sheet-body{margin-top:12px;text-align:left}.sm-frame{display:block;width:100%;height:min(70vh,640px);border:1px solid var(--sb-outline);border-radius:8px;background:var(--sb-surface)}.sm-open{margin-top:12px;text-align:center}.sm-open .sm-btn{background:var(--sb-primary);color:#fff;border-color:var(--sb-primary);font-weight:600}.sm-help{font-size:11px;line-height:1.5;color:var(--sb-ink-muted);margin:10px 0 0;text-align:center}.sm-skel{height:120px;border-radius:8px;background:var(--sb-surface-muted)}.sm-muted{font-size:12px;color:var(--sb-ink-muted);margin:0}.sm-restore{max-width:560px;margin:14px auto;text-align:center;font-family:var(--sb-font-body)}.sm-restore h3{font-size:16px;font-weight:500}.sm-file{display:block;margin:18px 0;font-size:13px}.sm-file input{display:block;max-width:100%;margin:10px auto}.sm-confirm{display:flex;align-items:flex-start;gap:10px;margin:18px 0;text-align:left;font-size:13px;line-height:1.5}.sm-confirm input{margin-top:4px;accent-color:var(--sb-primary)}.sm-listen button:focus-visible,.sm-listen input:focus-visible,.sm-listen a:focus-visible,.sm-sheet button:focus-visible,.sm-sheet a:focus-visible{outline:3px solid var(--sb-focus);outline-offset:3px;border-radius:10px}@media(max-width:600px){.sm-frame{display:none}.sm-open .sm-btn{width:100%}}@media(prefers-reduced-motion:reduce){.sm-listen *,.sm-sheet *{transition:none!important;animation:none!important}}.sec-page{min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 24px max(26px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 13% 8%,color-mix(in srgb,var(--sb-primary) 7%,transparent),transparent 32%),var(--sb-canvas);color:var(--sb-ink);font-family:var(--sb-font-body)}.sec-page,.sec-page *{box-sizing:border-box}.sec-shell{width:min(100%,1040px);margin:0 auto}.sec-nav{height:54px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--sb-outline)}.sec-back{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--sb-outline);background:var(--sb-surface)}.sec-brand{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:750;letter-spacing:-.025em}.sec-brandmark{width:24px;height:24px;display:grid;place-items:center;background:var(--sb-primary-soft);color:var(--sb-primary);border-radius:8px}.sec-nav-caption{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--sb-ink-muted)}.sec-intro{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1fr);align-items:center;gap:clamp(34px,6vw,76px);padding:clamp(36px,6vw,63px) 0 42px}.sec-cover{overflow:hidden;min-height:278px;border-radius:24px;padding:21px 23px 19px;color:var(--sb-dark-ink);background:radial-gradient(ellipse at 76% 23%,color-mix(in srgb,var(--sb-primary) 42%,transparent),transparent 38%),linear-gradient(135deg,var(--sb-navy-soft),var(--sb-navy));box-shadow:0 20px 44px #0b18302b}.sec-cover-top,.sec-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.12em;color:var(--sb-dark-ink-muted)}.sec-cover-top span:last-child{border:1px solid var(--sb-dark-outline);border-radius:999px;padding:6px 9px}.sec-staff-art{width:100%;height:154px;margin:23px 0 17px}.sec-art-lines{stroke:var(--sb-dark-ink-muted);opacity:.24;fill:none}.sec-art-notes{stroke:var(--sb-dark-primary);fill:var(--sb-dark-primary)}.sec-art-accent{stroke:var(--sb-green);fill:var(--sb-green)}.sec-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--sb-ink-muted);font-size:10px;font-weight:700;letter-spacing:.15em}.sec-eyebrow>span,.sec-key-note>span{width:7px;height:7px;border-radius:50%;background:var(--sb-green)}.sec-heading h1{margin:19px 0 0;font-family:var(--sb-font-display);font-size:clamp(36px,5.25vw,61px);font-weight:750;letter-spacing:-.046em;line-height:1.07;text-wrap:balance;overflow-wrap:anywhere}.sec-artist{margin:15px 0 0;font-size:14px;color:var(--sb-ink-muted)}.sec-key-note{display:inline-flex;align-items:center;gap:8px;margin-top:30px;padding:9px 12px;color:var(--sb-ink-muted);border:1px solid var(--sb-outline);border-radius:999px;background:var(--sb-surface);font-size:12px}.sec-choices{max-width:780px;margin:0 auto}.sec-choice-heading{margin-bottom:17px}.sec-choice-heading h2{margin:8px 0 0;font-size:clamp(20px,2.2vw,24px);font-weight:650;letter-spacing:-.035em}.sec-learn{display:flex;align-items:center;gap:17px;width:100%;min-height:100px;padding:18px 21px;text-align:left;color:var(--sb-dark-ink);border:1px solid var(--sb-dark-outline);border-radius:17px;background:var(--sb-navy);box-shadow:0 10px 22px #0b18301c}.sec-learn-icon{flex:0 0 47px;height:47px;display:grid;place-items:center;border:1px solid var(--sb-dark-outline);border-radius:14px;background:var(--sb-navy-soft);color:var(--sb-dark-primary)}.sec-learn-copy,.sec-option-copy{min-width:0;display:flex;flex:1;flex-direction:column}.sec-learn-copy>span{color:var(--sb-dark-primary);font-size:9px;letter-spacing:.15em}.sec-learn-copy strong{margin-top:5px;font-size:18px;font-weight:650}.sec-learn-copy i,.sec-option-copy i{margin-top:4px;color:var(--sb-dark-ink-muted);font-size:12px;line-height:1.4;font-style:normal}.sec-learn-arrow{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--sb-primary);color:#fff}.sec-other-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.sec-option{display:flex;min-width:0;min-height:84px;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--sb-outline);border-radius:14px;background:var(--sb-surface);color:var(--sb-ink);text-align:left;cursor:pointer}.sec-option-icon{height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:var(--sb-primary-soft);color:var(--sb-primary)}.sec-ai{background:var(--sb-green-soft)}.sec-ai .sec-option-icon{background:var(--sb-success-soft);color:var(--sb-success)}.sec-option-copy strong{font-size:14px;font-weight:670}.sec-option-copy i{color:var(--sb-ink-muted)}.sec-option-meta{font-size:9px;white-space:nowrap;color:var(--sb-ink-muted)}.sec-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px auto 0;color:var(--sb-ink-muted);font-size:12px}.sec-learn,.sec-option,.sec-back{text-decoration:none;transition:transform .18s,box-shadow .18s}.sec-learn:hover,.sec-option:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0b18301f}.sec-page a:focus-visible,.sec-page button:focus-visible{outline:3px solid var(--sb-focus);outline-offset:4px}@media(max-width:650px){.sec-page{padding-left:20px;padding-right:20px}.sec-intro{grid-template-columns:1fr;gap:25px;padding:26px 0 30px}.sec-cover{min-height:210px;padding:18px 20px}.sec-staff-art{height:120px;margin:14px 0}.sec-heading h1{font-size:40px}.sec-key-note{margin-top:18px}.sec-other-modes{grid-template-columns:1fr}.sec-footer{align-items:flex-start;line-height:1.5}}@media(prefers-reduced-motion:reduce){.sec-page *{transition:none!important}}.smart-song-search{--sss-ink: hsl(var(--foreground));--sss-muted: hsl(var(--muted-foreground));--sss-blue: hsl(var(--primary));--sss-blue-soft: color-mix(in srgb, hsl(var(--primary)) 10%, hsl(var(--card)));--sss-green: var(--sb-green, #16d6a2);--sss-border: hsl(var(--border));--sss-surface: hsl(var(--card));width:100%;color:var(--sss-ink);font-family:var(--app-font-sans, inherit);position:relative}.smart-song-search *,.smart-song-search *:before,.smart-song-search *:after{box-sizing:border-box}.smart-song-search__label{display:block;margin:0 0 9px 2px;color:var(--sss-ink);font-size:.9rem;font-weight:700;letter-spacing:-.015em}.smart-song-search__field{display:flex;align-items:center;min-height:56px;gap:12px;padding:0 15px;border:1px solid var(--sss-border);border-radius:16px;background:var(--sss-surface);box-shadow:0 2px 5px #0b183008;transition:border-color .16s ease,box-shadow .16s ease,border-radius .16s ease}.smart-song-search__field:focus-within,.smart-song-search__field.is-open{border-color:var(--sss-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--sss-blue) 12%,transparent),0 7px 22px #0b18300d}.smart-song-search__search-icon{flex:0 0 auto;color:var(--sss-blue)}.smart-song-search__input{min-width:0;flex:1;height:54px;border:0;outline:0;background:transparent;color:var(--sss-ink);font:inherit;font-size:1rem}.smart-song-search__input::placeholder{color:var(--sss-muted);opacity:.82}.smart-song-search__clear,.smart-song-search__popover-foot button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:0;border-radius:11px;color:var(--sss-muted);background:transparent;cursor:pointer}.smart-song-search__clear:hover{color:var(--sss-ink);background:var(--sss-blue-soft)}.smart-song-search__hint{margin:8px 2px 0;color:var(--sss-muted);font-size:.78rem;line-height:1.45}.smart-song-search__popover{position:absolute;z-index:40;top:90px;left:0;right:0;overflow:hidden;margin-top:9px;border:1px solid var(--sss-border);border-radius:18px;background:var(--sss-surface);box-shadow:0 18px 52px #0b183026,0 3px 9px #0b18300d;animation:sss-drop-in .17s cubic-bezier(.2,.8,.2,1) both}.smart-song-search__results-head,.smart-song-search__popover-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;color:var(--sss-muted);font-size:.72rem}.smart-song-search__results-head{border-bottom:1px solid color-mix(in srgb,var(--sss-border) 72%,transparent);font-weight:700;letter-spacing:.075em;text-transform:uppercase}.smart-song-search__source{display:inline-flex;gap:5px;align-items:center;font-size:.68rem;letter-spacing:0;text-transform:none}.smart-song-search__results{max-height:min(390px,55vh);overflow:auto;padding:5px}.smart-song-search__option{display:flex;width:100%;min-height:66px;align-items:center;gap:12px;padding:9px 10px;border:0;border-radius:12px;text-align:left;color:var(--sss-ink);background:transparent;cursor:pointer;transition:background .14s ease,transform .14s ease}.smart-song-search__option:hover,.smart-song-search__option.is-active{background:var(--sss-blue-soft)}.smart-song-search__option:active{transform:scale(.995)}.smart-song-search__cover,.smart-song-search__selected-cover,.smart-song-search__empty-mark{display:grid;flex:0 0 auto;place-items:center;color:var(--sss-blue);background:linear-gradient(145deg,var(--sss-blue-soft),color-mix(in srgb,var(--sss-green) 19%,var(--sss-blue-soft)))}.smart-song-search__cover{width:42px;height:42px;border-radius:12px}.smart-song-search__song-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.smart-song-search__song-title{overflow:hidden;font-size:.91rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.smart-song-search__song-meta{overflow:hidden;color:var(--sss-muted);font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.smart-song-search__availability{flex:0 0 auto;border-radius:999px;padding:5px 8px;color:var(--sss-muted);background:color-mix(in srgb,var(--sss-border) 38%,transparent);font-size:.66rem;font-weight:700;white-space:nowrap}.smart-song-search__availability.is-library,.smart-song-search__availability.is-songbook{color:#07543e;background:#e3faf1}.smart-song-search__availability.is-metadata{color:#375574;background:#eff4f9}.smart-song-search__loading{display:flex;align-items:center;justify-content:center;gap:7px;min-height:88px}.smart-song-search__loading span{width:7px;height:7px;border-radius:50%;background:var(--sss-blue);animation:sss-bob .9s ease-in-out infinite alternate}.smart-song-search__loading span:nth-child(2){animation-delay:.13s}.smart-song-search__loading span:nth-child(3){animation-delay:.26s}.smart-song-search__empty{display:flex;align-items:center;flex-direction:column;padding:21px 18px 22px;text-align:center}.smart-song-search__empty-mark{width:42px;height:42px;border-radius:14px;margin-bottom:10px}.smart-song-search__empty-title{font-size:.9rem;font-weight:750}.smart-song-search__empty-copy{margin-top:4px;color:var(--sss-muted);font-size:.78rem;line-height:1.45}.smart-song-search__empty-action{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin-top:14px;padding:0 14px;border:0;border-radius:11px;color:#fff;background:var(--sss-blue);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.smart-song-search__empty-action:hover,.smart-song-search__musicnotes:hover{background:var(--sb-primary-hover, #005ed6)}.smart-song-search__popover-foot{border-top:1px solid color-mix(in srgb,var(--sss-border) 72%,transparent)}.smart-song-search__popover-foot button{flex:0 0 auto;gap:6px;color:var(--sss-blue);font-size:.75rem;font-weight:700}.smart-song-search__popover-foot button:hover{background:var(--sss-blue-soft)}.smart-song-search__live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.smart-song-search__selected{margin-top:16px;padding:16px;border:1px solid var(--sss-border);border-radius:18px;background:linear-gradient(125deg,var(--sss-surface) 45%,color-mix(in srgb,var(--sss-green) 8%,var(--sss-surface)));box-shadow:0 5px 20px #0b18300a}.smart-song-search__selected-main{display:flex;align-items:center;gap:12px}.smart-song-search__selected-cover{width:48px;height:48px;border-radius:14px}.smart-song-search__selected-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.smart-song-search__selected-copy strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.smart-song-search__selected-copy>span:last-child{overflow:hidden;color:var(--sss-muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.smart-song-search__selected-eyebrow{color:var(--sss-muted);font-size:.67rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.smart-song-search__rights-note{margin:12px 0 14px;color:var(--sss-muted);font-size:.75rem;line-height:1.5}.smart-song-search__actions{display:flex;flex-wrap:wrap;gap:9px}.smart-song-search__actions button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:11px;font:inherit;font-size:.79rem;font-weight:750;cursor:pointer;transition:background .15s ease,transform .15s ease}.smart-song-search__actions button:active{transform:translateY(1px)}.smart-song-search__musicnotes{border:1px solid var(--sss-blue);color:#fff;background:var(--sss-blue)}.smart-song-search__upload{border:1px solid var(--sss-border);color:var(--sss-ink);background:var(--sss-surface)}.smart-song-search__upload:hover{background:var(--sss-blue-soft);border-color:color-mix(in srgb,var(--sss-blue) 35%,var(--sss-border))}.smart-song-search__singing-tip{margin:12px 0 0;padding-left:11px;border-left:3px solid var(--sss-green);color:var(--sss-muted);font-size:.77rem;line-height:1.5}.smart-song-search button:focus-visible,.smart-song-search__input:focus-visible{outline:3px solid color-mix(in srgb,var(--sss-blue) 55%,transparent);outline-offset:2px}@keyframes sss-drop-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes sss-bob{0%{opacity:.4;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}@media(max-width:560px){.smart-song-search__popover{left:-2px;right:-2px;border-radius:15px}.smart-song-search__option{gap:9px;padding:8px}.smart-song-search__availability{max-width:88px;overflow:hidden;text-overflow:ellipsis}.smart-song-search__popover-foot{align-items:flex-start;font-size:.67rem}.smart-song-search__selected{padding:13px}.smart-song-search__selected-main{gap:9px}.smart-song-search__selected-main>.smart-song-search__availability{display:none}.smart-song-search__actions{flex-direction:column}.smart-song-search__actions button{width:100%}}@media(prefers-reduced-motion:reduce){.smart-song-search *,.smart-song-search *:before,.smart-song-search *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.obp-shell{--obp-canvas: var(--sb-canvas, #f7fafc);--obp-surface: var(--sb-surface, #fff);--obp-ink: var(--sb-ink, #0b1830);--obp-muted: var(--sb-ink-muted, #64748b);--obp-line: var(--sb-outline, #dce5ed);--obp-blue: var(--sb-primary, #086dff);--obp-blue-soft: var(--sb-primary-soft, #e8f1ff);--obp-green: var(--sb-green, #16d6a2);min-height:100dvh;padding:0 28px 32px;color:var(--obp-ink);background:var(--obp-canvas);font-family:var(--sb-font-body)}.obp-header{width:min(100%,1080px);height:76px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--obp-line)}.obp-brand{display:inline-flex;width:max-content;align-items:center;gap:10px;color:var(--obp-ink);text-decoration:none;font:750 16px var(--sb-font-display);letter-spacing:-.045em}.obp-brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:10px 10px 10px 3px;color:var(--obp-ink);background:var(--obp-green);font:800 20px var(--sb-font-display)}.obp-progress{display:flex;gap:6px;align-items:center}.obp-progress span{width:34px;height:3px;border-radius:9px;background:#d5e0e9}.obp-progress span.done{background:var(--obp-green)}.obp-progress span.current{background:var(--obp-blue)}.obp-time{justify-self:end;color:var(--obp-muted);font:500 11px var(--sb-font-mono);letter-spacing:.03em}.obp-layout{width:min(100%,720px);min-height:calc(100dvh - 112px);margin:0 auto;padding:clamp(38px,8vh,82px) 0 18px}.obp-main{min-width:0}.obp-footer{width:min(100%,720px);margin:0 auto;padding-top:12px;display:flex;justify-content:space-between;gap:18px}.obp-panel{display:flex;flex-direction:column;gap:23px;padding:clamp(25px,5vw,52px);color:var(--obp-ink);background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:18px;box-shadow:0 14px 42px #0b18300d;animation:obp-enter .28s ease-out both}@keyframes obp-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.obp-kicker{margin:0;color:var(--obp-blue);font:650 11px var(--sb-font-mono);letter-spacing:.09em;text-transform:uppercase}.obp-panel h1{max-width:640px;margin:0;color:var(--obp-ink);font:720 clamp(30px,5vw,44px)/1.1 var(--sb-font-display);letter-spacing:-.055em}.obp-lede{max-width:600px;margin:-11px 0 0;color:var(--obp-muted);font-size:15px;line-height:1.55}.obp-goals{gap:17px}.obp-goal-grid{display:grid;gap:8px;margin:4px 0 3px}.obp-goal{position:relative;display:grid;min-height:67px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:13px;padding:11px 14px;text-align:left;color:var(--obp-ink);background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.obp-goal:hover{border-color:var(--obp-blue);transform:translateY(-1px)}.obp-goal[aria-pressed=true]{background:var(--obp-blue-soft);border-color:var(--obp-blue)}.obp-goal-icon{display:grid;width:36px;height:36px;place-items:center;color:var(--obp-blue);background:var(--obp-blue-soft);border-radius:9px}.obp-goal[aria-pressed=true] .obp-goal-icon{color:var(--obp-ink);background:var(--obp-green)}.obp-goal-copy{display:grid;gap:3px}.obp-goal-copy strong{font:650 14px/1.3 var(--sb-font-display)}.obp-goal-copy small{color:var(--obp-muted);font-size:11px;line-height:1.35}.obp-radio{width:16px;height:16px;border:1px solid #aebdca;border-radius:50%}.obp-goal[aria-pressed=true] .obp-radio{border:4px solid var(--obp-blue);background:#fff}.obp-primary,.obp-secondary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:0 21px;color:#fff;background:var(--sb-action-blue, var(--obp-blue));border:1px solid transparent;border-radius:9px;font:650 14px var(--sb-font-display);cursor:pointer;transition:background-color .15s ease,transform .15s ease,opacity .15s ease}.obp-primary:hover{background:var(--sb-action-blue-hover, #005ed6);transform:translateY(-1px)}.obp-primary:disabled,.obp-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.obp-secondary{color:var(--obp-ink);background:var(--obp-surface);border-color:var(--obp-line)}.obp-secondary:hover{border-color:var(--obp-blue)}.obp-goals>.obp-primary{align-self:end;min-width:170px}.obp-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.obp-heading-row>div{display:grid;gap:13px}.obp-text-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 9px;color:var(--sb-primary-hover, #0759c7);background:transparent;border:0;border-radius:8px;font:600 12px var(--sb-font-display);text-decoration:none;cursor:pointer}.obp-text-button:hover{background:var(--obp-blue-soft)}.obp-discovery{gap:18px}.obp-discovery-choices{display:grid;gap:9px}.obp-discovery-choice{display:grid;min-height:76px;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:14px;padding:14px 16px;color:var(--obp-ink);text-align:left;background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:11px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.obp-discovery-choice:hover,.obp-discovery-choice.is-active{border-color:var(--obp-blue);background:var(--obp-blue-soft)}.obp-discovery-choice:hover{transform:translateY(-1px)}.obp-discovery-choice>span:nth-child(2){display:grid;gap:4px}.obp-discovery-choice strong{font:680 15px var(--sb-font-display);letter-spacing:-.02em}.obp-discovery-choice small{color:var(--obp-muted);font-size:12px;line-height:1.4}.obp-choice-number{color:var(--obp-blue);font:600 11px var(--sb-font-mono)}.obp-skip-choice{border-style:dashed}.obp-disconnected-note{display:flex;align-items:baseline;gap:8px;padding:10px 0 0;color:var(--obp-muted);font-size:11px;line-height:1.5}.obp-disconnected-note strong{color:var(--obp-ink);font-weight:650;white-space:nowrap}.obp-path{display:flex;min-width:0;flex-direction:column;gap:13px;padding:17px;background:var(--obp-canvas);border:1px solid var(--obp-line);border-radius:11px;animation:obp-enter .22s ease-out both}.obp-path .obp-section-title{align-items:center}.obp-path .obp-section-title h2{margin:0;font:700 15px var(--sb-font-display)}.obp-path-description{margin:-5px 0 0;color:var(--obp-muted);font-size:12px;line-height:1.5}.obp-search{display:flex;min-height:50px;align-items:center;gap:11px;padding:0 14px;color:var(--obp-muted);background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:9px}.obp-search:focus-within{border-color:var(--obp-blue);box-shadow:0 0 0 3px #086dff1f}.obp-search input{width:100%;min-width:0;color:var(--obp-ink);background:none;border:0;outline:0;font:14px var(--sb-font-body)}.obp-search input::placeholder{color:#78889b}.obp-owned,.obp-upload-block{display:grid;gap:12px}.obp-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.obp-score-list{display:grid;gap:7px}.obp-score-row{display:grid;min-height:62px;grid-template-columns:38px minmax(0,1fr) auto 20px;align-items:center;gap:11px;padding:9px 12px;text-align:left;color:var(--obp-ink);background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:9px;cursor:pointer}.obp-score-row:hover,.obp-score-row.is-selected{border-color:var(--obp-blue);background:var(--obp-blue-soft)}.obp-score-mark{display:grid;width:36px;height:36px;place-items:center;color:var(--obp-blue);background:var(--obp-blue-soft);border-radius:9px}.obp-score-info{display:grid;min-width:0;gap:3px}.obp-score-info strong{overflow:hidden;font:650 13px var(--sb-font-display);text-overflow:ellipsis;white-space:nowrap}.obp-score-info small,.obp-score-difficulty{color:var(--obp-muted);font-size:11px}.obp-score-difficulty{padding:5px 7px;background:var(--obp-canvas);border-radius:6px}.obp-row-check{display:grid;width:20px;height:20px;place-items:center;color:var(--obp-blue)}.obp-empty,.obp-library-note{display:grid;gap:4px;padding:14px;color:var(--obp-muted);background:var(--obp-surface);border:1px dashed var(--obp-line);border-radius:9px;font-size:12px;line-height:1.5}.obp-empty strong{color:var(--obp-ink)}.obp-skeleton{display:grid;gap:7px}.obp-skeleton i{height:58px;border-radius:9px;background:linear-gradient(90deg,#eaf0f5,#f5f8fb,#eaf0f5);background-size:200% 100%;animation:obp-shimmer 1.4s ease infinite}@keyframes obp-shimmer{to{background-position:-200% 0}}.obp-inline-error{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;color:#8c273b;background:#fff0f2;border:1px solid #f1c5cd;border-radius:9px;font-size:12px;line-height:1.5}.obp-inline-error button{flex:none;min-height:40px;padding:6px 9px;color:#8c273b;background:transparent;border:0;text-decoration:underline;cursor:pointer}.obp-upload-block{padding-top:16px}.obp-upload-block .ob-source{display:grid;gap:10px}.obp-upload-block .ob-url-label{display:flex;align-items:center;gap:7px;color:var(--obp-muted);font-size:12px}.obp-upload-block .ob-url{display:flex;gap:8px}.obp-upload-block .ob-url input{flex:1;min-width:0;min-height:44px;padding:0 12px;background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:8px}.obp-upload-block .ob-source>.ob-opt{display:flex;min-height:52px;align-items:center;gap:12px;padding:11px 13px;color:var(--obp-ink);background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:9px;font-size:13px;cursor:pointer}.obp-upload-block .ob-source>.ob-opt:hover{border-color:var(--obp-blue)}.obp-upload-block .ob-source>.ob-opt small{margin-left:auto;color:var(--obp-muted);font-size:10px}.obp-upload-block .ob-card{display:grid;gap:6px;padding:12px;background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:9px}.obp-upload-block .ob-card strong{font-size:13px}.obp-upload-block .ob-cta{min-height:44px}.obp-upload-block .ob-link{min-height:40px;color:#0759c7}.obp-upload-block .ob-sub,.obp-upload-block .ob-exercise-caption{color:var(--obp-muted);font-size:11px;line-height:1.5}.obp-caveat{margin:0;padding:10px 12px;color:#705000;background:#fff7e3;border-radius:8px;font-size:11px;line-height:1.5}.obp-sticky-actions{display:grid;gap:7px;margin:0 -4px -5px;padding:10px 4px 0}.obp-sticky-actions>span{color:var(--obp-muted);text-align:center;font-size:10px}.obp-recommendation{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:12px;padding:14px;background:var(--sb-green-soft, #e5fbf4);border:1px solid #b5ead8;border-radius:10px}.obp-recommendation-mark{display:grid;width:33px;height:33px;place-items:center;color:var(--sb-green-ink, var(--obp-ink));background:var(--obp-green);border-radius:9px}.obp-recommendation strong{font:700 13px var(--sb-font-display)}.obp-recommendation p{margin:4px 0 0;color:var(--obp-muted);font-size:12px;line-height:1.5}.obp-mode-tabs{display:flex;gap:5px;padding:5px;background:#edf2f6;border-radius:9px}.obp-mode-tabs button{display:inline-flex;min-height:44px;flex:1;align-items:center;justify-content:center;gap:8px;padding:0 9px;color:#506176;background:transparent;border:0;border-radius:7px;font:600 12px var(--sb-font-display);cursor:pointer}.obp-mode-tabs button.is-active{color:var(--obp-ink);background:#fff;box-shadow:0 1px 4px #0b18301f}.obp-notice{margin:0;padding:11px 13px;color:var(--obp-ink);background:var(--obp-blue-soft);border-left:3px solid var(--obp-blue);border-radius:5px;font-size:12px;line-height:1.5}.obp-exercise-wrap{min-width:0;padding:14px;background:#edf2f6;border-radius:11px}.obp-catalog-note{margin:-5px 0 0;color:var(--obp-muted);font-size:10px;line-height:1.5}.obp-fallback{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:var(--obp-canvas);border:1px dashed var(--obp-line);border-radius:9px}.obp-fallback>div{display:grid;gap:3px}.obp-fallback strong{color:var(--obp-ink);font:650 12px var(--sb-font-display)}.obp-fallback span{color:var(--obp-muted);font-size:10px;line-height:1.4}.obp-try-invite{display:grid;gap:10px;padding:14px;background:var(--obp-blue-soft);border:1px solid #c5dcfa;border-radius:10px}.obp-try-invite p{margin:0;color:var(--obp-ink);font-size:12px;line-height:1.55}.obp-listening-player{display:grid;gap:12px}.obp-listening-player .ob-sheet,.obp-exercise-wrap .ob-sheet{min-height:220px;overflow:hidden;background:#fff;border:1px solid #d6dfe8;border-radius:8px}.obp-listening-player .sm-listen{margin:0;padding:12px;background:var(--obp-surface);border:1px solid var(--obp-line);border-radius:9px}.obp-exercise-wrap .ob-exercise{display:grid;gap:8px}.obp-exercise-wrap .ob-exercise-caption{margin:0}.obp-exercise-wrap [role=status]{margin:0;padding:8px 0;color:var(--obp-muted);font-size:12px}.obp-exercise-wrap .ob-exercise-actions{flex-wrap:wrap;gap:8px;margin:0}.obp-exercise-wrap .ob-exercise-actions .ob-cta{min-height:44px;flex:1;padding:0 15px;background:var(--sb-action-blue, var(--obp-blue));border-radius:8px;font:650 12px var(--sb-font-display)}.obp-exercise-wrap .ob-link{min-height:42px;padding:0 11px;color:#0759c7;font-size:12px}.obp-exercise-wrap .ob-touch-keys{justify-content:flex-start;gap:3px;margin:3px 0 8px}.obp-exercise-wrap .ob-touch-keys button{height:67px;color:var(--obp-ink);background:#fff;border-color:#d3dce5;box-shadow:0 3px #cbd5df}.obp-exercise-wrap .ob-touch-keys button.is-pressed{background:var(--obp-blue-soft)}.obp-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.obp-privacy{color:var(--obp-muted);font-size:11px;line-height:1.5}.obp-ready{align-items:flex-start;padding-top:clamp(32px,5vw,60px)}.obp-ready-stamp{display:grid;width:50px;height:50px;place-items:center;color:var(--obp-ink);background:var(--obp-green);border-radius:15px 15px 15px 4px}.obp-next-card{display:flex;width:100%;align-items:center;gap:13px;padding:14px;background:#fff;border:1px solid var(--obp-line);border-radius:10px}.obp-next-card>span:last-child{display:grid;gap:4px}.obp-next-card strong{font:650 13px var(--sb-font-display)}.obp-next-card small{color:var(--obp-muted);font-size:11px}.obp-auth-box{display:grid;width:100%;justify-items:stretch;gap:9px;padding:17px;background:var(--obp-canvas);border:1px solid var(--obp-line);border-radius:11px}.obp-auth-box p{margin:0 0 5px;color:var(--obp-muted);font-size:12px;line-height:1.55}.obp-auth-box .obp-text-button{justify-self:center}.obp-start-actions{display:grid;width:100%;gap:9px}.obp-back-ready{margin-top:4px}.obp-panel :focus-visible,.obp-header :focus-visible,.obp-footer :focus-visible{outline:3px solid #48a2ff;outline-offset:3px}@media(max-width:600px){.obp-shell{padding:0 14px 26px}.obp-header{height:64px;grid-template-columns:1fr auto}.obp-brand{font-size:14px}.obp-brand-mark{width:27px;height:27px}.obp-progress{grid-column:2;grid-row:1;gap:4px}.obp-progress span{width:18px}.obp-time{display:none}.obp-layout{min-height:calc(100dvh - 86px);padding-top:22px}.obp-panel{gap:18px;padding:23px 17px;border-radius:14px}.obp-panel h1{font-size:clamp(29px,8vw,36px)}.obp-lede{font-size:13px}.obp-goal{min-height:68px;grid-template-columns:36px minmax(0,1fr) 18px;padding:10px}.obp-goal-icon{width:34px;height:34px}.obp-heading-row{display:grid}.obp-heading-row .obp-text-button{justify-self:start}.obp-discovery-choice{min-height:73px;grid-template-columns:27px minmax(0,1fr) 20px;gap:10px;padding:12px}.obp-discovery-choice strong{font-size:13px}.obp-discovery-choice small{font-size:11px}.obp-disconnected-note{display:grid;gap:2px}.obp-path{padding:13px}.obp-fallback{align-items:flex-start}.obp-fallback .obp-text-button{align-self:center}.obp-score-row{grid-template-columns:34px minmax(0,1fr) 20px}.obp-score-mark{width:34px;height:34px}.obp-score-difficulty{display:none}.obp-upload-block .ob-source>.ob-opt{align-items:flex-start;flex-wrap:wrap}.obp-upload-block .ob-source>.ob-opt small{width:100%;margin:-5px 0 0 32px}.obp-mode-tabs{gap:2px}.obp-mode-tabs button{gap:5px;padding:0 5px;font-size:10px}.obp-exercise-wrap{padding:9px}.obp-exercise-wrap .ob-sheet{min-height:185px}.obp-exercise-wrap .ob-touch-keys button{height:58px;font-size:10px}.obp-preview-foot{align-items:stretch;flex-direction:column}.obp-preview-foot .obp-primary{width:100%}}@media(prefers-reduced-motion:reduce){.obp-panel,.obp-skeleton i,.obp-path{animation:none}.obp-primary,.obp-secondary,.obp-goal,.obp-discovery-choice{transition:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}:root{--sb-action-blue:#086dff;--sb-action-blue-hover:#0058d3;--sb-canvas:#f7fafc;--sb-surface:#fff;--sb-surface-muted:#eff4f9;--sb-ink:#0b1830;--sb-ink-muted:#54647a;--sb-primary:#086dff;--sb-primary-hover:#0058d3;--sb-primary-active:#0049ab;--sb-primary-soft:#eaf3ff;--sb-green:#16d6a2;--sb-green-hover:#0cb98b;--sb-green-soft:#e3faf1;--sb-green-ink:#07543e;--sb-mint:var(--sb-green);--sb-mint-soft:var(--sb-green-soft);--sb-blue:var(--sb-primary);--sb-coral:var(--sb-green);--sb-coral-soft:var(--sb-green-soft);--sb-navy:#0b1830;--sb-navy-soft:#142840;--sb-blue-soft:#eaf3ff;--sb-outline:#d9e7f4;--sb-focus:#0058d3;--sb-progress-color:var(--sb-primary);--sb-success:#067a5a;--sb-success-soft:#e1f8f0;--sb-error:#ad2843;--sb-error-soft:#fdedf0;--sb-warning:#805700;--sb-warning-soft:#fff6db;--sb-dark-canvas:#071526;--sb-dark-surface:#10263c;--sb-dark-surface-muted:#1a344d;--sb-dark-ink:#f8fcff;--sb-dark-ink-muted:#b8cadb;--sb-dark-outline:#2a4259;--sb-dark-primary:#80b6ff;--sb-canvas-hsl:204 45.4545% 97.8431%;--sb-surface-hsl:0 0% 100%;--sb-muted-surface-hsl:210 45.4545% 95.6863%;--sb-ink-hsl:218.919 62.7119% 11.5686%;--sb-muted-ink-hsl:214.737 18.4466% 40.3922%;--sb-primary-hsl:215.466 100% 51.5686%;--sb-primary-soft-hsl:214 100% 95.9%;--sb-primary-hover-hsl:214.9 100% 41.4%;--sb-green-hsl:163.75 81.3559% 46.2745%;--sb-outline-hsl:209 55.6% 90.4%;--sb-success-hsl:163 90.6% 25.1%;--sb-error-hsl:347.82 62.4413% 41.7647%;--sb-warning-hsl:40.7813 100% 25.098%;--sb-navy-hsl:218.919 62.7119% 11.5686%;--sb-font-display:"Manrope", sans-serif;--sb-font-body:"Inter", sans-serif;--sb-font-mono:"DM Mono", ui-monospace, SFMono-Regular, monospace;--sb-text-xs:.75rem;--sb-text-sm:.875rem;--sb-text-base:1rem;--sb-text-lg:1.125rem;--sb-text-xl:1.375rem;--sb-text-2xl:1.75rem;--sb-text-3xl:clamp(2.125rem, 4.4vw, 3.25rem);--sb-text-hero:clamp(2.875rem, 6.5vw, 5.25rem);--sb-space-1:.25rem;--sb-space-2:.5rem;--sb-space-3:.75rem;--sb-space-4:1rem;--sb-space-5:1.25rem;--sb-space-6:1.5rem;--sb-space-8:2rem;--sb-space-10:2.5rem;--sb-space-12:3rem;--sb-space-16:4rem;--sb-space-24:6rem;--sb-radius-sm:.75rem;--sb-radius-md:1rem;--sb-radius-lg:1.375rem;--sb-radius-xl:1.75rem;--sb-radius-pill:9999px;--sb-border:1px solid var(--sb-outline);--sb-shadow-float:0 6px 30px #0b18300e;--sb-ease:cubic-bezier(.2, .8, .2, 1);--sb-duration-fast:.16s;--sb-duration-standard:.26s;--sb-max-width:1200px;--yp-blue:#086dff;--yp-blue-hover:#0058d3;--yp-green:#16d6a2;--yp-navy:#0b1830;--yp-soft-white:#f7fafc;--yp-white:#fff;--yp-slate:#54647a;--yp-pale-blue:#eaf3ff;--yp-border:#d9e7f4;--yp-success-text:#067a5a;--sb-duration-button:.15s;--sb-duration-ui:.22s;--sb-shadow-card:0 1px 2px #0b18300a, 0 10px 32px #0b18300f}[data-sb-theme=dark]{--sb-canvas:#071526;--sb-surface:#10263c;--sb-surface-muted:#1a344d;--sb-ink:#f8fcff;--sb-ink-muted:#b8cadb;--sb-primary:#80b6ff;--sb-primary-hover:#a3caff;--sb-primary-active:#c4dbff;--sb-primary-soft:#153d65;--sb-green:#42e9b9;--sb-green-hover:#75f1d0;--sb-green-soft:#103a37;--sb-green-ink:#071526;--sb-mint:var(--sb-green);--sb-mint-soft:var(--sb-green-soft);--sb-blue:var(--sb-primary);--sb-coral:var(--sb-green);--sb-coral-soft:var(--sb-green-soft);--sb-navy:#071526;--sb-navy-soft:#10263c;--sb-blue-soft:#153d65;--sb-outline:#2a4259;--sb-focus:#98c9ff;--sb-success:#7ce5ba;--sb-success-soft:#153e37;--sb-error:#ff9fb1;--sb-error-soft:#522432;--sb-warning:#f5d286;--sb-warning-soft:#403319;--sb-dark-canvas:#071526;--sb-dark-surface:#10263c;--sb-dark-surface-muted:#1a344d;--sb-dark-ink:#f8fcff;--sb-dark-ink-muted:#b8cadb;--sb-dark-outline:#2a4259;--sb-dark-primary:#80b6ff;--sb-canvas-hsl:212.903 68.8889% 8.8235%;--sb-surface-hsl:210 57.8947% 14.902%;--sb-muted-surface-hsl:209.412 49.5146% 20.1961%;--sb-ink-hsl:205.714 100% 98.6275%;--sb-muted-ink-hsl:209.143 32.7103% 79.0196%;--sb-primary-hsl:214.488 100% 75.098%;--sb-primary-soft-hsl:210 65.5738% 23.9216%;--sb-primary-hover-hsl:214.565 100% 81.9608%;--sb-green-hsl:162.755 79.1469% 58.6275%;--sb-outline-hsl:209.362 35.8779% 25.6863%;--sb-success-hsl:155.429 66.879% 69.2157%;--sb-error-hsl:348.75 100% 81.1765%;--sb-warning-hsl:41.0811 84.7328% 74.3137%;--sb-navy-hsl:212.903 68.8889% 8.8235%}.dark{--sb-canvas:var(--sb-dark-canvas);--sb-surface:var(--sb-dark-surface);--sb-surface-muted:var(--sb-dark-surface-muted);--sb-ink:var(--sb-dark-ink);--sb-ink-muted:var(--sb-dark-ink-muted);--sb-primary:var(--sb-dark-primary);--sb-primary-hover:#a3caff;--sb-primary-active:#c4dbff;--sb-primary-soft:#153d65;--sb-green:#42e9b9;--sb-green-hover:#75f1d0;--sb-green-soft:#103a37;--sb-green-ink:#071526;--sb-navy:#071526;--sb-navy-soft:#10263c;--sb-blue-soft:#153d65;--sb-outline:var(--sb-dark-outline);--sb-focus:#98c9ff;--sb-success:#7ce5ba;--sb-success-soft:#153e37;--sb-error:#ff9fb1;--sb-error-soft:#522432;--sb-warning:#f5d286;--sb-warning-soft:#403319;--sb-canvas-hsl:212.903 68.8889% 8.8235%;--sb-surface-hsl:210 57.8947% 14.902%;--sb-muted-surface-hsl:209.412 49.5146% 20.1961%;--sb-ink-hsl:205.714 100% 98.6275%;--sb-muted-ink-hsl:209.143 32.7103% 79.0196%;--sb-primary-hsl:214.488 100% 75.098%;--sb-primary-soft-hsl:210 65.5738% 23.9216%;--sb-primary-hover-hsl:214.565 100% 81.9608%;--sb-green-hsl:162.755 79.1469% 58.6275%;--sb-outline-hsl:209.362 35.8779% 25.6863%;--sb-success-hsl:155.429 66.879% 69.2157%;--sb-error-hsl:348.75 100% 81.1765%;--sb-warning-hsl:41.0811 84.7328% 74.3137%;--sb-navy-hsl:212.903 68.8889% 8.8235%}.sb-ui{color:var(--sb-ink);background:var(--sb-canvas);font-family:var(--sb-font-body)}.sb-container{width:min(calc(100% - 2rem),var(--sb-max-width));margin-inline:auto}.sb-display,.sb-heading{font-family:var(--sb-font-display);letter-spacing:-.045em;margin:0}.sb-display{font-size:var(--sb-text-hero);font-weight:750;line-height:1.04}.sb-heading{font-size:var(--sb-text-3xl);font-weight:730;line-height:1.15}.sb-subheading{font-family:var(--sb-font-display);font-size:var(--sb-text-xl);letter-spacing:-.025em;font-weight:700;line-height:1.3}.sb-body{font-size:var(--sb-text-base);color:var(--sb-ink-muted);line-height:1.65}.sb-eyebrow{font-size:var(--sb-text-xs);text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:.5rem;font-weight:750;display:inline-flex}.sb-section{padding-block:clamp(3.5rem,7vw,6rem)}.sb-card{background:var(--sb-surface);border:var(--sb-border);border-radius:var(--sb-radius-xl);box-shadow:var(--sb-shadow-float);padding:var(--sb-space-8)}.sb-card--flat{box-shadow:none}.sb-btn{font:700 var(--sb-text-sm)/1.25 var(--sb-font-body);border-radius:var(--sb-radius-pill);cursor:pointer;min-height:44px;transition:transform var(--sb-duration-fast) var(--sb-ease),background-color var(--sb-duration-standard) var(--sb-ease),border-color var(--sb-duration-standard) var(--sb-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.375rem;text-decoration:none;display:inline-flex}.sb-btn:hover{transform:translateY(-1px)}.sb-btn:active{transform:translateY(0)}.sb-btn--primary{background:var(--sb-action-blue);color:#fff}.sb-btn--primary:hover{background:var(--sb-action-blue-hover)}.sb-btn--secondary{background:var(--sb-surface);border-color:var(--sb-outline);color:var(--sb-ink)}.sb-btn--secondary:hover{background:var(--sb-surface-muted)}.sb-btn--accent{background:var(--sb-green);color:var(--sb-navy)}.sb-btn--accent:hover{background:var(--sb-green-hover)}.sb-btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.sb-chip{border:1px solid var(--sb-outline);border-radius:var(--sb-radius-pill);background:var(--sb-surface);color:var(--sb-ink);font-size:var(--sb-text-sm);align-items:center;gap:.35rem;padding:.5rem .875rem;font-weight:650;display:inline-flex}.sb-chip--green{background:var(--sb-green-soft);color:var(--sb-navy);border-color:#0000}.sb-input{border:var(--sb-border);border-radius:var(--sb-radius-md);background:var(--sb-surface);width:100%;min-height:44px;color:var(--sb-ink);font:500 var(--sb-text-base)/1.4 var(--sb-font-body);padding:.75rem 1rem;display:block}.sb-input::placeholder{color:var(--sb-ink-muted)}.sb-input:focus-visible,.sb-btn:focus-visible,.sb-chip:focus-visible,.sb-nav-link:focus-visible{outline:3px solid var(--sb-focus);outline-offset:3px}.sb-divider{border:0;border-top:var(--sb-border);margin-block:var(--sb-space-8)}.sb-nav-link{color:var(--sb-ink-muted);font-size:var(--sb-text-sm);border-radius:var(--sb-radius-sm);padding:.5rem .75rem;font-weight:650;text-decoration:none}.sb-nav-link[aria-current=page]{color:var(--sb-ink);background:var(--sb-primary-soft)}.sb-progress{background:var(--sb-surface-muted);border-radius:var(--sb-radius-pill);width:100%;height:7px;overflow:hidden}.sb-progress>span{background:var(--sb-progress-color);border-radius:inherit;height:100%;transition:width var(--sb-duration-standard) var(--sb-ease);display:block}.sb-message{border-radius:var(--sb-radius-md);border:1px solid #0000;padding:1rem 1.125rem;font-weight:600}.sb-message--success{color:var(--sb-success);background:var(--sb-success-soft)}.sb-message--error{color:var(--sb-error);background:var(--sb-error-soft)}.sb-message--warning{color:var(--sb-warning);background:var(--sb-warning-soft)}.sb-kbd{font:600 .75rem/1.2 var(--sb-font-body);background:var(--sb-surface-muted);border:var(--sb-border);border-radius:.4rem;padding:.2rem .4rem}@media(max-width:640px){.sb-container{width:min(calc(100% - 1.5rem),var(--sb-max-width))}.sb-card{padding:var(--sb-space-6);border-radius:var(--sb-radius-lg)}.sb-btn{padding:.75rem 1rem}}@media(prefers-reduced-motion:reduce){.sb-btn,.sb-progress>span{transition:none}.sb-btn:hover{transform:none}}.sb-btn--tertiary{color:var(--sb-primary-hover);background:0 0;padding-inline:.75rem}.sb-btn--tertiary:hover{background:var(--sb-primary-soft)}.sb-btn--destructive{background:var(--sb-error);color:#fff}.sb-btn--destructive:hover{filter:brightness(.94)}.sb-btn{transition-duration:var(--sb-duration-button,.15s)}.sb-chip[aria-pressed=true],.sb-chip.is-selected{background:var(--sb-primary-soft);border-color:var(--sb-primary);color:var(--sb-ink)}.sb-input[aria-invalid=true]{border-color:var(--sb-error)}.yp-light{color-scheme:light;--sb-canvas:#f7fafc;--sb-surface:#fff;--sb-surface-muted:#eff4f9;--sb-ink:#0b1830;--sb-ink-muted:#54647a;--sb-primary:#086dff;--sb-primary-hover:#0058d3;--sb-primary-active:#0049ab;--sb-primary-soft:#eaf3ff;--sb-green:#16d6a2;--sb-green-hover:#0cb98b;--sb-green-soft:#e3faf1;--sb-green-ink:#07543e;--sb-navy:#0b1830;--sb-blue-soft:#eaf3ff;--sb-outline:#d9e7f4;--sb-focus:#0058d3;--sb-success:#067a5a;--sb-success-soft:#e1f8f0;--sb-error:#ad2843;--sb-error-soft:#fdedf0;--sb-warning:#805700;--sb-warning-soft:#fff6db;--background:204 45.5% 97.8%;--foreground:218.9 62.7% 11.6%;--card:0 0% 100%;--card-foreground:218.9 62.7% 11.6%;--popover:0 0% 100%;--popover-foreground:218.9 62.7% 11.6%;--primary:215.5 100% 51.6%;--primary-foreground:0 0% 100%;--secondary:210 45.5% 95.7%;--secondary-foreground:218.9 62.7% 11.6%;--muted:210 45.5% 95.7%;--muted-foreground:214.7 18.4% 40.4%;--accent:215.5 100% 51.6%;--accent-foreground:0 0% 100%;--border:209 55.6% 90.4%;--input:209 55.6% 90.4%;--ring:214.9 100% 41.4%;--destructive:347.8 62.4% 41.8%;--destructive-foreground:0 0% 100%;--shadow-soft:var(--sb-shadow-card);background-color:var(--sb-canvas);color:var(--sb-ink)}@layer theme{:root,:host{--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-700:oklch(50.8% .118 165.612);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-600:oklch(58.6% .253 17.585);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--app-font-sans);--default-mono-font-family:var(--app-font-mono);--color-border:hsl(var(--border))}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:hsl(var(--border))}html{scroll-behavior:smooth}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--app-font-sans)}button,a,input{-webkit-tap-highlight-color:transparent}}@layer components;@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:0}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-1\/4{right:-25%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-1\/4{bottom:-25%}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\/4{left:-25%}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.order-first{order:-9999}.order-last{order:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:0!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:0}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-9{margin-block:calc(var(--spacing) * 9)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-3\/4{height:75%}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[76px\]{height:76px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[85vh\]{max-height:85vh}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[34px\]{min-height:34px}.min-h-\[60px\]{min-height:60px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[70dvh\]{min-height:70dvh}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[300px\]{min-height:300px}.min-h-\[650px\]{min-height:650px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[100px\]{width:100px}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[180px\]{max-width:180px}.max-w-\[620px\]{max-width:620px}.max-w-\[740px\]{max-width:740px}.max-w-\[1050px\]{max-width:1050px}.max-w-\[1080px\]{max-width:1080px}.max-w-\[1176px\]{max-width:1176px}.max-w-\[1240px\]{max-width:1240px}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8\.5rem\]{min-width:8.5rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[660px\]{min-width:660px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:--radix-menubar-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[22px\]{border-radius:22px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\[border-color\:var\(--badge-outline\)\]{border-color:var(--badge-outline)}.border-\[--color-border\]{border-color:--color-border}.border-\[var\(--sb-success\)\]{border-color:var(--sb-success)}.border-accent,.border-accent\/30{border-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.border-accent\/30{border-color:color-mix(in oklab,hsl(var(--accent)) 30%,transparent)}}.border-accent\/40{border-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.border-accent\/40{border-color:color-mix(in oklab,hsl(var(--accent)) 40%,transparent)}}.border-amber-600\/15{border-color:#dd740026}@supports (color:color-mix(in lab,red,red)){.border-amber-600\/15{border-color:color-mix(in oklab,var(--color-amber-600) 15%,transparent)}}.border-amber-600\/40{border-color:#dd740066}@supports (color:color-mix(in lab,red,red)){.border-amber-600\/40{border-color:color-mix(in oklab,var(--color-amber-600) 40%,transparent)}}.border-border,.border-border\/50{border-color:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.border-input{border-color:hsl(var(--input))}.border-primary,.border-primary\/25{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-primary\/25{border-color:color-mix(in oklab,hsl(var(--primary)) 25%,transparent)}}.border-primary\/50{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[--color-bg\]{background-color:--color-bg}.bg-\[var\(--sb-action-blue\)\]{background-color:var(--sb-action-blue)}.bg-\[var\(--sb-error-soft\)\]{background-color:var(--sb-error-soft)}.bg-\[var\(--sb-primary-soft\)\]{background-color:var(--sb-primary-soft)}.bg-\[var\(--sb-success-soft\)\]{background-color:var(--sb-success-soft)}.bg-\[var\(--sb-warning-soft\)\]{background-color:var(--sb-warning-soft)}.bg-accent,.bg-accent\/10{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,hsl(var(--accent)) 10%,transparent)}}.bg-amber-50\/90{background-color:#fffbebe6}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/90{background-color:color-mix(in oklab,var(--color-amber-50) 90%,transparent)}}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border{background-color:hsl(var(--border))}.bg-card,.bg-card\/70{background-color:hsl(var(--card))}@supports (color:color-mix(in lab,red,red)){.bg-card\/70{background-color:color-mix(in oklab,hsl(var(--card)) 70%,transparent)}}.bg-card\/80{background-color:hsl(var(--card))}@supports (color:color-mix(in lab,red,red)){.bg-card\/80{background-color:color-mix(in oklab,hsl(var(--card)) 80%,transparent)}}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-50{background-color:var(--color-gray-50)}.bg-input{background-color:hsl(var(--input))}.bg-muted,.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.bg-primary,.bg-primary\/5{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,hsl(var(--primary)) 5%,transparent)}}.bg-primary\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.bg-primary\/20{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.bg-secondary,.bg-secondary\/60{background-color:hsl(var(--secondary))}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/60{background-color:color-mix(in oklab,hsl(var(--secondary)) 60%,transparent)}}.bg-secondary\/70{background-color:hsl(var(--secondary))}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/70{background-color:color-mix(in oklab,hsl(var(--secondary)) 70%,transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--sb-green\)\]{--tw-gradient-from:var(--sb-green);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--sb-green-soft\)\]{--tw-gradient-from:var(--sb-green-soft);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--sb-primary-soft\)\]{--tw-gradient-from:var(--sb-primary-soft);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[var\(--sb-green\)\]{--tw-gradient-via:var(--sb-green);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[var\(--sb-navy-soft\)\]{--tw-gradient-via:var(--sb-navy-soft);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[var\(--sb-primary\)\]{--tw-gradient-via:var(--sb-primary);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[var\(--sb-navy\)\]{--tw-gradient-to:var(--sb-navy);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--sb-navy-soft\)\]{--tw-gradient-to:var(--sb-navy-soft);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--sb-primary\)\]{--tw-gradient-to:var(--sb-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[1px\]{padding:1px}.p-\[3px\]{padding:3px}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[--cell-size\]{padding-inline:--cell-size}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:0}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--app-font-mono)}.font-sans{font-family:var(--app-font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[clamp\(3\.5rem\,6vw\,5\.5rem\)\]{font-size:clamp(3.5rem,6vw,5.5rem)}.leading-\[\.9\]{--tw-leading:.9;line-height:.9}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[-\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--sb-error\)\]{color:var(--sb-error)}.text-\[var\(--sb-primary-hover\)\]{color:var(--sb-primary-hover)}.text-\[var\(--sb-success\)\]{color:var(--sb-success)}.text-\[var\(--sb-warning\)\]{color:var(--sb-warning)}.text-accent{color:hsl(var(--accent))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-950{color:var(--color-amber-950)}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground,.text-foreground\/50{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,hsl(var(--foreground)) 50%,transparent)}}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-muted-foreground,.text-muted-foreground\/50{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,hsl(var(--muted-foreground)) 50%,transparent)}}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{color:var(--color-red-500)}.text-rose-600{color:var(--color-rose-600)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-accent{accent-color:hsl(var(--accent))}.accent-primary{accent-color:hsl(var(--primary))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-soft\)\]{--tw-shadow:var(--shadow-soft);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-transparent{outline-color:#0000}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.delay-1{--tw-animation-delay: 1ms ;animation-delay:1ms}.delay-2{--tw-animation-delay: 2ms ;animation-delay:2ms}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:2rem\]{--cell-size:2rem}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:h-8\!:is(:where(.group)[data-collapsible=icon] *){height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px)}.group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:hsl(var(--ring))}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,hsl(var(--muted)) 40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:hsl(var(--muted))}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:hsl(var(--primary))}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:hsl(var(--muted-foreground))}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:hsl(var(--primary-foreground))}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:hsl(var(--border))}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:hsl(var(--background))}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:hsl(var(--foreground))}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder,.placeholder\:text-muted-foreground\/70::placeholder{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-muted-foreground\/70::placeholder{color:color-mix(in oklab,hsl(var(--muted-foreground)) 70%,transparent)}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:var(--spacing)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:0}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-ring:focus-within{--tw-ring-color:hsl(var(--ring))}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-primary:hover{border-color:hsl(var(--primary))}.hover\:bg-\[var\(--sb-action-blue-hover\)\]:hover{background-color:var(--sb-action-blue-hover)}.hover\:bg-\[var\(--sb-primary-hover\)\]:hover{background-color:var(--sb-primary-hover)}.hover\:bg-accent:hover,.hover\:bg-accent\/20:hover{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/20:hover{background-color:color-mix(in oklab,hsl(var(--accent)) 20%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_12px_40px_rgba\(38\,43\,67\,\.1\)\]:hover{--tw-shadow:0 12px 40px var(--tw-shadow-color,#262b431a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_18px_55px_rgb\(11_24_48_\/_13\%\)\]:hover{--tw-shadow:0 18px 55px var(--tw-shadow-color,#0b183021);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:hsl(var(--ring))}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:hsl(var(--primary))}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 5%,transparent)}}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:hsl(var(--ring))}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:0}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-pressed\:bg-card[aria-pressed=true]{background-color:hsl(var(--card))}.aria-pressed\:text-foreground[aria-pressed=true]{color:hsl(var(--foreground))}.aria-pressed\:shadow-sm[aria-pressed=true]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:var(--spacing)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:hsl(var(--primary))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:hsl(var(--primary-foreground))}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100% }@media(hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:hsl(var(--accent))}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:hsl(var(--accent))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media(min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:mt-0{margin-top:0}.sm\:ml-auto{margin-left:auto}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:text-left{text-align:left}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100% }}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[minmax\(280px\,390px\)_1fr\]{grid-template-columns:minmax(280px,390px) 1fr}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media(min-width:64rem){.lg\:mx-auto{margin-inline:auto}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pt-14{padding-top:calc(var(--spacing) * 14)}.lg\:pt-16{padding-top:calc(var(--spacing) * 16)}.lg\:pt-20{padding-top:calc(var(--spacing) * 20)}.lg\:pb-24{padding-bottom:calc(var(--spacing) * 24)}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input))}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,hsl(var(--input)) 30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:text-emerald-400:is(.dark *){color:var(--color-emerald-400)}.dark\:text-rose-400:is(.dark *){color:var(--color-rose-400)}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:hsl(var(--primary))}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,hsl(var(--background)) 20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:hsl(var(--background))}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,hsl(var(--background)) 10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:var(--sb-canvas-hsl);--foreground:var(--sb-ink-hsl);--card:var(--sb-surface-hsl);--card-foreground:var(--sb-ink-hsl);--popover:var(--sb-surface-hsl);--popover-foreground:var(--sb-ink-hsl);--primary:var(--sb-primary-hsl);--primary-foreground:0 0% 100%;--secondary:var(--sb-muted-surface-hsl);--secondary-foreground:var(--sb-ink-hsl);--muted:var(--sb-muted-surface-hsl);--muted-foreground:var(--sb-muted-ink-hsl);--accent:var(--sb-primary-hsl);--accent-foreground:0 0% 100%;--border:var(--sb-outline-hsl);--input:var(--sb-outline-hsl);--ring:var(--sb-primary-hover-hsl);--destructive:var(--sb-error-hsl);--destructive-foreground:0 0% 100%;--success:var(--sb-success-hsl);--warning:var(--sb-warning-hsl);--app-font-sans:var(--sb-font-body);--app-font-display:var(--sb-font-display);--app-font-mono:var(--sb-font-mono);--app-font-serif:var(--sb-font-display);--radius:1rem;--shadow-soft:var(--sb-shadow-float)}.dark{--background:var(--sb-canvas-hsl);--foreground:var(--sb-ink-hsl);--card:var(--sb-surface-hsl);--card-foreground:var(--sb-ink-hsl);--popover:var(--sb-surface-hsl);--popover-foreground:var(--sb-ink-hsl);--primary:var(--sb-primary-hsl);--primary-foreground:212 55% 9%;--secondary:var(--sb-muted-surface-hsl);--secondary-foreground:var(--sb-ink-hsl);--muted:var(--sb-muted-surface-hsl);--muted-foreground:var(--sb-muted-ink-hsl);--accent:var(--sb-primary-hsl);--accent-foreground:212 55% 9%;--border:var(--sb-outline-hsl);--input:var(--sb-outline-hsl);--ring:var(--sb-primary-hsl);--destructive:var(--sb-error-hsl);--destructive-foreground:var(--sb-navy-hsl);--success:var(--sb-success-hsl);--warning:var(--sb-warning-hsl);--shadow-soft:0 18px 55px #00000047}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-line{0%,to{opacity:.35}50%{opacity:1}}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.animate-rise{animation:.55s cubic-bezier(.22,1,.36,1) both rise}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.skeleton{background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsl(var(--card)),hsl(var(--muted)) 75%);background-size:1000px 100%;animation:1.5s infinite shimmer}.noise:after{content:"";pointer-events:none;opacity:.025;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:fixed;inset:0}.display{font-family:var(--app-font-display);letter-spacing:-.045em;font-weight:800}h1,h2,h3{font-family:var(--app-font-display)}.mono{font-family:var(--app-font-mono)}.surface{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-soft)}.focus-ring:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:3px}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.yp-hero{align-items:center;gap:3rem;display:grid;position:relative}@media(min-width:900px){.yp-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.yp-hero h1{font-family:var(--sb-font-display);letter-spacing:-.05em;color:var(--sb-ink);margin:0;font-size:clamp(2.75rem,6.2vw,5rem);font-weight:800;line-height:1.02}.yp-hero h1 em{color:var(--sb-primary);font-style:normal}.yp-lede{max-width:34rem;color:var(--sb-ink-muted);margin-top:1.5rem;font-size:1.125rem;line-height:1.6}.yp-cta{background:var(--sb-action-blue);color:#fff;border-radius:999px;align-items:center;gap:.5rem;min-height:48px;padding:0 1.5rem;font-size:.95rem;font-weight:700;transition:background-color .15s ease-out,transform .15s ease-out;display:inline-flex}.yp-cta:hover{background:var(--sb-action-blue-hover);transform:translateY(-1px)}.yp-cta:active{transform:translateY(0)}.yp-keys-art{aspect-ratio:5/4;background:var(--sb-surface);border:1px solid var(--sb-outline);box-shadow:var(--sb-shadow-card);border-radius:2rem;position:relative;overflow:hidden}.yp-keys-art svg{width:100%;height:100%;position:absolute;inset:0}.yp-values{gap:1rem;margin-top:4.5rem;display:grid}@media(min-width:768px){.yp-values{grid-template-columns:1.2fr 1fr 1fr}}.yp-value{background:var(--sb-surface);border:1px solid var(--sb-outline);border-radius:1.375rem;padding:1.5rem 1.5rem 1.6rem;transition:transform .2s ease-out,box-shadow .2s ease-out;position:relative}.yp-value:hover{box-shadow:var(--sb-shadow-card);transform:translateY(-2px)}.yp-value:first-child{background:var(--sb-primary-soft);border-color:#0000}.yp-value-key{gap:3px;margin-bottom:1.25rem;display:flex}.yp-value-key i{background:var(--sb-outline);border-radius:3px;width:10px;height:22px}.yp-value-key i.on{background:var(--sb-primary)}.yp-value-key i.go{background:var(--sb-green)}.yp-value h3{font-family:var(--sb-font-display);letter-spacing:-.03em;color:var(--sb-ink);font-size:1.3rem;font-weight:800}.yp-value p{color:var(--sb-ink-muted);margin-top:.35rem;font-size:.95rem}.yp-eyebrow{color:var(--sb-primary-hover);align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.yp-eyebrow:before{content:"";background:var(--sb-green);border-radius:3px;width:18px;height:3px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}