.ui-checklist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-check-item{align-items:center;gap:14px;min-height:46px;padding:8px 0;font-size:15px;display:flex}.ui-check-item+.ui-check-item{border-top:1px solid var(--border)}.ui-check-mark{border:1.5px solid var(--text-faint);width:24px;height:24px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ui-check-item[data-done] .ui-check-mark{border-color:var(--accent-fill);background:var(--accent-fill)}.ui-check-label{flex:1;min-width:0;line-height:1.35}.ui-check-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:600}.ui-page-header{align-items:center;gap:18px;min-width:0;display:flex}.ui-page-header-text{flex:1;min-width:0}.ui-page-header-eyebrow,.ui-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:14px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.ui-page-header-eyebrow:after,.ui-eyebrow:after{content:"";background:var(--accent);width:36px;height:1.5px}.ui-page-header-title{font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:34px;font-weight:800;line-height:1.1}.ui-page-header-subtitle{color:var(--text-2);margin:8px 0 0;font-size:16px;line-height:1.5}.ui-page-header--display .ui-page-header-title{letter-spacing:-.035em;font-size:52px;line-height:1.02}.ui-page-header--display .ui-page-header-subtitle{margin-top:10px;font-size:19px}.ui-page-header-actions{flex:none;align-items:center;gap:8px;display:flex}@media (width<=600px){.ui-page-header-title{font-size:27px}.ui-page-header--display .ui-page-header-title{font-size:36px}.ui-page-header--display .ui-page-header-subtitle{font-size:16px}}.ui-stepper{--dot:30px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;margin:0;padding:0;list-style:none;display:grid}.ui-step{text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.ui-step:not(:last-child):after{content:"";top:calc(var(--dot) / 2 - 1px);left:calc(50% + var(--dot) / 2 + 6px);right:calc(-50% + var(--dot) / 2 + 6px);background:var(--border-strong);border-radius:1px;height:2px;position:absolute}.ui-step--done:not(:last-child):after{background:var(--accent)}.ui-step-dot{width:var(--dot);height:var(--dot);border:2px solid var(--border-strong);color:var(--text);background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ui-step--done .ui-step-dot{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent)}.ui-step--current .ui-step-dot{border-color:var(--text);box-shadow:0 0 0 5px var(--accent-soft)}.ui-step-label{color:var(--text-2);overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.3}.ui-step--current .ui-step-label{color:var(--text);font-weight:700}.ui-theme-toggle svg g{transform-origin:12px 12px;transition:opacity .25s,transform .35s}.ui-theme-toggle[data-theme-now=dark] .ui-theme-sun,.ui-theme-toggle[data-theme-now=light] .ui-theme-moon{opacity:0;transform:rotate(-60deg)scale(.6)}.ui-theme-toggle.ui-icon-btn[aria-pressed=true]{color:var(--text-2);background:0 0}.ui-theme-toggle.ui-icon-btn{color:var(--text-2)}.ui-theme-toggle.ui-icon-btn:hover{background:var(--hover);color:var(--text)}.ui-tooltip-anchor{display:inline-flex;position:relative}.ui-tooltip{z-index:90;background:var(--text);width:max-content;max-width:240px;color:var(--bg);text-align:center;pointer-events:none;box-shadow:var(--shadow-2);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:500;line-height:1.35;position:absolute;left:50%;transform:translate(-50%)}.ui-tooltip--top{bottom:calc(100% + 8px)}.ui-tooltip--bottom{top:calc(100% + 8px)}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(/pian/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(/pian/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--product-accent:#c0582b;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:999px;--paper:#fff;--paper-2:#f6f4f0;--paper-ink:#1a1714;--paper-ink-2:#4a433c;--paper-ink-3:#6a625a;--paper-line:#dcd6cc;--paper-shadow:0 1px 2px #0000002e, 0 8px 24px #00000029;--note-ok:#56664f;--note-bad:#c0582b;--note-bad-soft:#f7e1d4;--note-current:#8f6f2c;--note-late:#c29a4a;--note-missed:#d98b68;--score-cursor:#c0582b38;--key-white:#fff;--key-black:#1a1714;--key-down:#e0864f;--accent-gradient:linear-gradient(135deg, color-mix(in srgb, var(--product-accent) 92%, #000) 0%, color-mix(in srgb, var(--product-accent) 70%, #000) 55%, color-mix(in srgb, var(--product-accent) 42%, #000) 100%)}:root,[data-theme=dark]{--bg:#0e0c0b;--bg-raised:#131110;--surface:#171412;--surface-2:#1f1b18;--surface-3:#2a2420;--border:#2b2521;--border-strong:#3d3530;--text:#f5efe8;--text-2:#cfc5bb;--text-muted:#a09487;--text-faint:#7d7268;--accent:var(--product-accent);--accent-fill:color-mix(in srgb, var(--product-accent) 88%, #000);--accent-fill-hover:color-mix(in srgb, var(--product-accent) 76%, #000);--accent-text:color-mix(in srgb, var(--product-accent) 68%, #fff);--accent-soft:color-mix(in srgb, var(--product-accent) 18%, transparent);--accent-line:color-mix(in srgb, var(--product-accent) 55%, transparent);--on-accent:#fff;--success:#8fc29a;--success-soft:#8fc29a24;--danger:#f08a7a;--danger-soft:#f08a7a24;--danger-fill:#b83a2a;--warning:#e8b65a;--warning-soft:#e8b65a24;--track:#2c2622;--hover:#fff0e10f;--overlay:#050403ad;--shadow-1:0 1px 2px #00000080;--shadow-2:0 12px 32px #00000080;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent-text);--art-wall:#1b1613;--art-wall-2:#120f0d;--art-light:#ff9a5c;--art-glow:#e0703a8c;--art-opening:#f5b27e;--art-cross:#3a1d10}[data-theme=light]{--bg:#f6f1ea;--bg-raised:#faf6f0;--surface:#fffcf8;--surface-2:#f3ece2;--surface-3:#e9e0d3;--border:#e6dccd;--border-strong:#d4c6b3;--text:#1d1915;--text-2:#4a4038;--text-muted:#6b5f54;--text-faint:#8d8174;--accent:var(--product-accent);--accent-fill:color-mix(in srgb, var(--product-accent) 88%, #000);--accent-fill-hover:color-mix(in srgb, var(--product-accent) 76%, #000);--accent-text:color-mix(in srgb, var(--product-accent) 84%, #000);--accent-soft:color-mix(in srgb, var(--product-accent) 13%, #fffcf8);--accent-line:color-mix(in srgb, var(--product-accent) 45%, #fffcf8);--on-accent:#fff;--success:#36693f;--success-soft:#e3eedf;--danger:#b3261e;--danger-soft:#f9e1dc;--danger-fill:#b3261e;--warning:#7a5c18;--warning-soft:#f6ead0;--track:#ebe2d5;--hover:#3c28140d;--overlay:#1d19156b;--shadow-1:0 1px 2px #3c281414;--shadow-2:0 12px 32px #3c281429;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent-text);--art-wall:#efe2d2;--art-wall-2:#e4d3bf;--art-light:#ffb07a;--art-glow:#e8804866;--art-opening:#fff1e2;--art-cross:#8a3f1c}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}a{color:var(--accent-text)}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}::selection{background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.muted{color:var(--text-muted)}.legal-links{flex-wrap:wrap;gap:4px 18px;display:flex}.legal-link{color:var(--text-muted);padding:4px 0;font-size:13.5px;font-weight:500;text-decoration:none}.legal-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.legal-link:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}.auth-consent{flex-direction:column;gap:6px;display:flex}.auth-consent .ui-checkbox{align-items:flex-start;line-height:1.4}.auth-consent .ui-checkbox input{margin-top:2px}.auth-consent--error .ui-checkbox input{outline:2px solid var(--danger);outline-offset:1px;border-radius:3px}.auth-consent .ui-field-hint,.auth-consent .ui-field-error{margin:0 0 0 28px}.standalone{flex-direction:column;gap:20px;max-width:560px;min-height:100dvh;margin:0 auto;padding:48px 16px;display:flex}.standalone-brand{font-family:var(--font-display);letter-spacing:-.015em;align-items:center;gap:12px;font-size:26px;font-weight:700;display:flex}.standalone-mark{color:var(--accent);display:flex}.standalone-title{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 0;font-size:34px;font-weight:700;line-height:1.05}.standalone-head{flex-direction:column;gap:8px;display:flex}.standalone-lead{color:var(--text-2);margin:0;font-size:17px;line-height:1.45}.standalone-foot{justify-content:center;margin-top:auto;padding-top:16px;display:flex}.splash{min-height:100dvh;color:var(--text-2);justify-content:center;align-items:center;gap:12px;font-size:16px;display:flex}.splash-spinner{border:2px solid var(--accent);border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite ui-spin}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-link{color:var(--accent-text);font:600 14px var(--font-sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:flex-end;margin-top:-8px;padding:4px 2px;text-decoration:underline;text-decoration-thickness:1px}.auth-link--center{align-self:center;margin-top:0}.auth-link:hover{color:var(--accent-text)}.auth-link:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}.auth-error{background:var(--danger-soft);color:var(--danger);border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.auth-error svg{flex:none;margin-top:1px}.auth-note{color:var(--text-muted);text-align:center;margin:0;font-size:13px}.auth-staging{border:1px solid var(--border-strong);background:var(--accent-soft);color:var(--text-2);border-radius:10px;margin:0;padding:10px 14px;font-size:14px;line-height:1.45}.auth-sent{color:var(--text-2);align-items:flex-start;gap:8px;margin:0;font-size:15px;line-height:1.45;display:flex}.auth-sent svg{color:var(--accent-text);flex:none;margin-top:2px}.auth-warning{background:var(--warning-soft);color:var(--text);border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;font-size:14.5px;line-height:1.45;display:flex}.auth-warning svg{color:var(--warning);flex:none;margin-top:1px}.auth-demo{flex-direction:column;gap:10px;display:flex}.auth-divider{background:linear-gradient(90deg, transparent, var(--accent-line), transparent);height:1px;margin:4px 0 6px}.auth-demo-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:700}.auth-demo-lead{color:var(--text-2);margin:-4px 0 4px;font-size:15px}.auth-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-demo-btn.ui-btn{text-overflow:ellipsis;justify-content:flex-start;gap:8px;min-width:0;padding:0 14px;overflow:hidden}.auth-switch{color:var(--text-2);text-align:center;margin:0;font-size:15px}.auth-switch a{font-weight:600}@media (width<=480px){.auth-demo-grid{grid-template-columns:1fr}}.acct{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.acct-billing{grid-template-columns:minmax(0,1fr);gap:22px}.acct-col{flex-direction:column;gap:18px;min-width:0;display:flex}.acct-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;min-width:0;padding:20px 22px;display:flex}.acct-section--wide{grid-column:1/-1}.acct-section-head{align-items:center;gap:12px;min-height:36px;display:flex}.acct-section-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.acct-section-title,.acct-h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:21px;font-weight:700;line-height:1.1}.acct-section-title{flex:1;min-width:0}.acct-h2{margin-bottom:12px}.acct-lead,.acct-hint{color:var(--text-muted);margin:0;font-size:15px;line-height:1.45}.acct-hint{font-size:14px}.acct-hint--under{margin-top:-8px;padding-left:30px}.acct-eyebrow,.acct-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-size:13px;font-weight:600}.acct-field{flex-direction:column;gap:8px;display:flex}.acct-value{align-items:center;gap:8px;margin:0;font-weight:600;display:inline-flex}.acct-value svg{color:var(--accent-text)}.acct-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.acct-lang{min-width:5.5em}.acct-save{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:14px;display:inline-flex}.acct-save[data-state=saved]{color:var(--accent-text);font-weight:600}.acct-save[data-state=error]{color:var(--danger);font-weight:600}.acct-error{background:var(--danger-soft);color:var(--danger);border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:15px;display:flex}.acct-error svg{flex:none;margin-top:2px}.ui-btn.acct-danger{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--on-accent)}.ui-btn.acct-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger-fill) 80%, var(--danger));border-color:color-mix(in srgb, var(--danger-fill) 80%, var(--danger))}.ui-btn.acct-danger:disabled{opacity:.5}.acct-section--danger{border-color:var(--accent-line)}.acct-section--danger .acct-section-icon{background:var(--danger-soft);color:var(--danger)}.acct-section--dev .acct-section-icon{background:var(--surface-2);color:var(--text-muted)}.acct-midi-status{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;font-weight:600;display:flex}.acct-midi-status>span:nth-child(2){flex:1;min-width:12em}.acct-dot{background:var(--border-strong);border-radius:50%;flex:none;width:10px;height:10px}.acct-midi-status[data-state=on] .acct-dot{background:var(--accent-fill);box-shadow:0 0 0 4px var(--accent-soft)}.acct-midi-status[data-state=denied] .acct-dot,.acct-midi-status[data-state=unsupported] .acct-dot{background:var(--danger)}.acct-device{max-width:420px}.acct-test{flex-direction:column;gap:6px;display:flex}.acct-notes{background:var(--surface-3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:60px;margin:4px 0 0;padding:12px;list-style:none;display:flex}.acct-note{border:1px solid var(--border-strong);min-width:52px;color:var(--text);text-align:center;font-variant-numeric:lining-nums tabular-nums;border-radius:8px;padding:6px 10px;font-weight:600}.acct-note[data-latest]{background:var(--key-down);border-color:var(--accent-line);color:#2a170c;box-shadow:0 0 14px var(--art-glow)}.acct-notes-empty{color:var(--text-muted);padding:0 4px;font-size:15px}.acct-latency{width:220px}.acct-calibrate{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.acct-calibrate .acct-hint{flex:1;min-width:14em}.acct-volume{flex-direction:column;gap:2px;display:flex}.acct-volume-head{align-items:center;gap:10px;font-weight:600;display:flex}.acct-volume-head label{flex:1}.acct-volume-value{color:var(--accent-text);font-variant-numeric:lining-nums tabular-nums}.acct-volume input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.acct-volume input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));border-radius:3px;height:6px}.acct-volume input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));border-radius:3px;height:6px}.acct-volume input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--on-accent);border:2px solid var(--accent);width:20px;height:20px;box-shadow:var(--shadow-1);border-radius:50%;margin-top:-7px}.acct-volume input[type=range]::-moz-range-thumb{background:var(--on-accent);border:2px solid var(--accent);border-radius:50%;width:16px;height:16px}.acct-volume input[type=range]:focus-visible{outline:none}.acct-volume input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.acct-goals{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;margin:0;display:flex}.acct-goals>div{justify-content:space-between;gap:16px;padding:10px 14px;display:flex}.acct-goals>div+div{border-top:1px solid var(--border)}.acct-goals dt{color:var(--text-2)}.acct-goals dd{color:var(--accent-text);font-variant-numeric:lining-nums tabular-nums;margin:0;font-weight:600}.prof-hero{border:1px solid var(--accent-line);background:linear-gradient(110deg, var(--accent-soft) 0%, var(--surface-2) 60%, var(--surface) 100%);border-radius:18px;align-items:center;gap:20px;padding:22px 24px;display:flex}.prof-hero-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.prof-name{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:700;line-height:1.1}.prof-email{color:var(--text-muted);overflow-wrap:anywhere;margin:0}.prof-tags{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:6px;display:flex}.prof-since{color:var(--text-muted);font-size:14px}.acct-form{flex-direction:column;gap:14px;display:flex}.acct-form-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.prof-name-row{align-items:flex-start;gap:14px;display:flex}.prof-name-row>.ui-field{flex:1;min-width:0}.prof-name-row>.ui-avatar{margin-top:26px}.bill-current{border:1px solid var(--accent-line);background:linear-gradient(110deg, var(--accent-soft) 0%, var(--surface-2) 60%, var(--surface) 100%);box-shadow:var(--shadow-1);border-radius:18px;align-items:center;gap:18px;padding:22px 24px;display:flex}.bill-current-icon{background:var(--surface-2);border:1px solid var(--accent-line);width:60px;height:60px;color:var(--accent-text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.bill-current-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.bill-current-head{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.bill-current-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:27px;font-weight:700;line-height:1.05}.bill-current-text{color:var(--text-2);margin:0;font-size:16px;line-height:1.45}.bill-current-actions{flex:none}.bill-notice{background:var(--success-soft);border:1px solid var(--border);color:var(--accent-text);border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;font-size:15px;line-height:1.45;display:flex}.bill-notice svg{flex:none;margin-top:1px}.bill-notice--inline{margin-top:4px}.bill-plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;margin:0;padding:0;list-style:none;display:grid}.bill-plan{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:20px 20px 18px;display:flex}.bill-plan[data-current]{border-color:var(--accent-fill);box-shadow:0 0 0 1px var(--accent-fill)}.bill-plan-tag{min-height:24px;margin-bottom:-6px;display:flex}.bill-plan-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:700;line-height:1.1}.bill-price{align-items:baseline;gap:6px;display:flex}.bill-price-amount{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:lining-nums;color:var(--text);font-size:32px;font-weight:800;line-height:1}.bill-price-per{color:var(--text-muted);font-size:15px}.bill-save{min-height:54px;color:var(--text-muted);flex-wrap:wrap;align-content:flex-start;align-items:center;gap:6px 10px;margin:0;font-size:14px;display:flex}.bill-features{border-top:1px solid var(--border);color:var(--text-2);flex-direction:column;flex:1;gap:8px;margin:0;padding:12px 0 0;font-size:15px;list-style:none;display:flex}.bill-features li{align-items:flex-start;gap:8px;display:flex}.bill-features svg{color:var(--accent-text);flex:none;margin-top:2px}.bill-plan-action{margin-top:4px}.bill-summary{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;margin:0;display:flex}.bill-summary>div{justify-content:space-between;gap:16px;padding:10px 14px;display:flex}.bill-summary>div+div{border-top:1px solid var(--border)}.bill-summary dt{color:var(--text-muted)}.bill-summary dd{text-align:right;margin:0;font-weight:600}.bill-done{color:var(--text-2);align-items:center;gap:14px;margin:0;font-size:16px;display:flex}.bill-done-icon{background:var(--accent-fill);width:48px;height:48px;color:var(--on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.bill-invoices{flex-direction:column;gap:10px;display:flex}.bill-invoices .acct-h2{margin-bottom:2px}.bill-invoices-empty{border:1px dashed var(--border-strong);color:var(--text-muted);text-align:center;border-radius:14px;margin:0;padding:18px}.bill-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;position:relative;overflow-x:auto}.bill-table{border-collapse:collapse;width:100%;font-size:15px}.bill-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:600}.bill-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.bill-table tr:last-child td{border-bottom:none}.bill-table .num{text-align:right;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.bill-table .mono{font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;color:var(--text-2)}@media (width<=1000px){.bill-plans{grid-template-columns:minmax(0,1fr)}.bill-save{min-height:0}.bill-save:empty,.bill-plan-tag:empty{display:none}}@media (width<=860px){.acct{grid-template-columns:minmax(0,1fr)}.acct-section{padding:16px}.acct-section-title,.acct-h2{font-size:23px}.bill-current,.prof-hero{flex-wrap:wrap;padding:18px}.bill-current-icon{width:48px;height:48px}.bill-current-name{font-size:28px}.bill-current-actions{width:100%}.acct-form-pair{grid-template-columns:minmax(0,1fr)}.acct-latency{width:100%}.bill-current-icon{display:none}.prof-hero{gap:14px 16px}.prof-hero-body{flex:180px}.prof-name{font-size:27px}.bill-table thead{display:none}.bill-table,.bill-table tbody{display:block}.bill-table tr{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px;display:grid}.bill-table tr:last-child{border-bottom:none}.bill-table td{border:none;padding:0}.bill-table td:first-child{font-weight:600}.bill-table td:nth-child(2),.bill-table td:nth-child(4){text-align:right}.bill-table td:nth-child(5){grid-column:1/-1}}.acct-dev-actions{flex-wrap:wrap;gap:10px;display:flex}.ui-apps{flex-direction:column;gap:2px;display:flex}.ui-apps-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px 4px;font-size:11px;font-weight:600}.ui-apps-list{margin:0;padding:0;list-style:none}.ui-apps-item{min-height:40px;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}a.ui-apps-item:hover{background:var(--hover);color:var(--text)}.ui-apps-item[aria-current=true]{color:var(--accent-text);font-weight:700}.ui-apps-item[data-soon]{color:var(--text-muted)}.ui-apps-icon{color:var(--text-muted);display:flex}.ui-apps-item[aria-current=true] .ui-apps-icon{color:var(--accent-text)}.ui-apps-name{flex:1;min-width:0}:root,[data-theme=dark]{--ill-sky:#2b1d16;--ill-sky-2:#4a2c1e;--ill-hill-1:#6b4a38;--ill-hill-2:#4f362b;--ill-hill-3:#3a2a22;--ill-ground:#3a2a22;--ill-wall:#2f221c;--ill-arch:#f5b27e;--ill-arch-mid:#ffd3a8;--ill-arch-line:#8a3f1c;--ill-page:#f3eadf;--ill-page-2:#fff8ef;--ill-shade:#8a6a52;--ill-line:#cdbfa2;--ill-glass:#f7d9b8;--ill-frame:#6b4a38;--ill-floor:#4f362b;--ill-vase:#e8e1d2;--ill-vase-line:#cfc5b0;--ill-stem:#6f7e58;--ill-leaf-1:#7f8f66;--ill-leaf-2:#8e9e73}[data-theme=light]{--ill-sky:#f6e3cf;--ill-sky-2:#fbeee0;--ill-hill-1:#d9b89a;--ill-hill-2:#c49a78;--ill-hill-3:#a97b5c;--ill-ground:#e9d6c1;--ill-wall:#a97b5c;--ill-arch:#fff1e2;--ill-arch-mid:#ffe4c8;--ill-arch-line:#8a3f1c;--ill-page:#fbf5e8;--ill-page-2:#fff9ee;--ill-shade:#cdbb95;--ill-line:#cdbfa2;--ill-glass:#fff7ea;--ill-frame:#efe4cc;--ill-floor:#b79e74;--ill-vase:#e8e1d2;--ill-vase-line:#cfc5b0;--ill-stem:#6f7e58;--ill-leaf-1:#7f8f66;--ill-leaf-2:#8e9e73}.ill{flex:1;min-height:110px;display:block;position:relative;overflow:hidden}.ill-book{background:var(--ill-ground)}.ill-page{box-shadow:0 2px 0 var(--ill-shade);position:absolute;top:22%;bottom:14%}.ill-page--l{background:var(--ill-page);border-radius:4px 0 0 4px;left:18%;right:50%;transform:skewY(4deg)}.ill-page--r{background:var(--ill-page-2);border-radius:0 4px 4px 0;left:50%;right:18%;transform:skewY(-4deg)}.ill-lines{background:repeating-linear-gradient(180deg, var(--ill-line) 0 1px, transparent 1px 7px);height:46%;position:absolute;top:34%}.ill-lines--l{left:24%;right:56%}.ill-lines--r{left:56%;right:24%}.ill-hills{background:linear-gradient(180deg, var(--ill-sky), var(--ill-sky-2))}.ill-hill{border-radius:50%;position:absolute}.ill-hill--1{background:var(--ill-hill-1);width:70%;height:90%;bottom:-40%;left:-10%}.ill-hill--2{background:var(--ill-hill-2);width:75%;height:100%;bottom:-45%;right:-15%}.ill-hill--3{background:var(--ill-hill-3);height:80%;bottom:-55%;left:20%;right:10%}.ill-arches{background:var(--ill-wall);justify-content:center;align-items:flex-end;gap:12px;padding:16px 16px 0;display:flex}.ill-arch{background:var(--ill-arch);width:46px;box-shadow:inset 0 0 0 3px var(--ill-arch-line);border-radius:23px 23px 0 0}.ill-arch--mid{background:var(--ill-arch-mid)}.scene{background:linear-gradient(180deg, var(--ill-sky), var(--ill-sky-2));border-radius:6px;flex:none;width:84px;height:52px;display:block;position:relative;overflow:hidden}.scene-h{border-radius:50%;position:absolute}.scene-h--1{background:color-mix(in srgb, var(--ill-hill-1) 82%, var(--scene-tint));width:80%;height:90%;bottom:-40%;left:-20%}.scene-h--2{background:color-mix(in srgb, var(--ill-hill-2) 82%, var(--scene-tint));width:85%;height:100%;bottom:-50%;right:-25%}.scene-h--3{background:color-mix(in srgb, var(--ill-hill-3) 82%, var(--scene-tint));height:80%;bottom:-60%;left:10%;right:20%}.home-hero{border-radius:0 0 var(--radius-xl) var(--radius-xl);align-items:center;min-height:300px;margin-top:-18px;display:flex;position:relative;overflow:hidden}.hero-art{pointer-events:none;width:62%;height:100%;position:absolute;inset:0 0 0 auto}.home-hero-text{max-width:560px;padding:36px 0 40px;position:relative}.home-hero-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1}.home-hero-lead{color:var(--text-2);margin:14px 0 0;font-size:20px;line-height:1.45}.home-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.home-row--top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}.home-row .ui-card{position:relative}.home-card-action{position:absolute;top:12px;right:12px}.home-card-aside{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:14px;position:absolute;top:20px;right:20px}.home-continue{isolation:isolate;justify-content:flex-end;gap:6px;min-height:230px}.home-continue-arcs{z-index:-1;pointer-events:none;background:radial-gradient(circle at 92% 110%,#0000 150px,#ffffff1a 151px,#0000 153px),radial-gradient(circle at 92% 110%,#0000 210px,#ffffff14 211px,#0000 213px),radial-gradient(circle at 92% 110%,#0000 270px,#ffffff0f 271px,#0000 273px),radial-gradient(at 100% 0,#ffffff24,#0000 55%);position:absolute;inset:0}.home-continue-label{color:#ffffffeb;font-size:15px;font-weight:600}.home-continue-title{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.05}.home-continue-sub{color:#ffffffe6;font-size:15px}.home-continue-foot{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:14px;display:flex}.home-continue-cta{flex:none}.home-continue-progress{white-space:nowrap;flex:1;align-items:center;gap:12px;min-width:140px;font-size:14px;display:flex}.home-continue-progress .ui-bar{flex:1}.home-ring-row{align-items:center;gap:20px;margin-top:4px;display:flex}.home-goal .ui-ring-center{font-size:24px}.home-ring-text{min-width:0;color:var(--text-2);flex-direction:column;gap:6px;font-size:14px;line-height:1.4;display:flex}.home-big{color:var(--text);font-size:16px;font-weight:700}.home-challenges .ui-checklist{margin-top:-2px}.home-challenges .ui-check-item{min-height:42px;padding:6px 0;font-size:14px}.home-more{color:var(--accent-text);align-self:flex-start;align-items:center;gap:2px;margin-top:auto;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.home-more:hover{color:var(--text)}.home-journey{gap:24px}.home-journey-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.home-journey .ui-stepper{padding:0 8px 4px}.home-streak{align-items:baseline;gap:10px;display:flex}.home-streak-n{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent-text);font-size:48px;font-weight:800;line-height:1}.home-streak-unit{font-size:16px;font-weight:600}.home-facts{flex-direction:column;margin:4px 0 0;display:flex}.home-fact{justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;display:flex}.home-fact+.home-fact{border-top:1px solid var(--border)}.home-fact dt{color:var(--text-muted);align-items:center;gap:8px;display:flex}.home-fact dt>svg{color:var(--accent-text)}.home-fact dd{margin:0;font-weight:600}.home-assignment{flex-flow:wrap;align-items:center;gap:18px}.home-assignment-text{flex:1;min-width:200px}.home-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin:0 0 4px;font-size:12px;font-weight:600}.home-assignment-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.15}.home-assignment-meta{color:var(--text-2);margin-top:4px;font-size:14px}.home-next-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.home-next-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.home-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0 0;padding:0;list-style:none;display:grid}.home-next-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);height:100%;color:var(--text);flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.home-next-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-2);color:var(--text);transform:translateY(-2px)}.home-next-card:focus-visible{box-shadow:var(--ui-focus);outline:none}.home-next-card .ill{border-radius:0;height:120px}.home-next-text{flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.home-next-title{letter-spacing:-.01em;font-size:16px;font-weight:700}.home-next-meta{color:var(--text-muted);font-size:13px}.home-skeleton{flex-direction:column;gap:18px;display:flex}@media (width<=1100px){.home-row--top{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.home-row--top .home-challenges{grid-column:1/-1}}@media (width<=760px){.home-hero{align-items:flex-end;min-height:0;margin-top:-16px}.hero-art{opacity:.85;width:100%;height:100%}.home-hero:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 88%, transparent) 55%);pointer-events:none;position:absolute;inset:35% 0 0}.home-hero-text{z-index:1;max-width:100%;padding:150px 0 24px}.home-hero-lead{font-size:17px}.home-row,.home-row--top{grid-template-columns:minmax(0,1fr);gap:14px}.home-next-grid{grid-template-columns:minmax(0,1fr)}.home-journey .ui-stepper{padding:0}.home-journey .ui-step-label{font-size:12px}}.lib-filters{align-items:center;gap:12px;display:flex}.lib-filters .ui-choice{flex:1}.lib-search{flex:none;width:280px}@media (width<=1240px){.lib-search{width:230px}}.lib-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:-6px;display:flex}.lib-tools .ui-select{background-color:var(--surface);border-radius:20px;width:auto;min-width:170px;height:40px;font-size:14px}.lib-count{color:var(--text-muted);margin:0 0 0 auto;font-size:13px}.lib-table[aria-busy=true]{opacity:.6;transition:opacity .2s .1s}.lib-loading{flex-direction:column;gap:10px;display:flex}.lib-row{border-bottom:1px solid var(--border);grid-template-columns:84px minmax(0,2.4fr) 1.4fr .9fr .7fr 54px 72px;align-items:center;gap:14px;min-height:72px;display:grid}.lib-head .lib-row{min-height:40px;color:var(--text-2);border-bottom-color:var(--border);font-size:14px}.lib-c-center{justify-content:center;display:flex}.lib-c-title{flex-direction:column;min-width:0;display:flex}.lib-title{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;font-weight:800;line-height:1.15;text-decoration:none}.lib-title:hover{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.lib-title:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}.lib-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px;font-size:13px;display:flex}.lib-locked-tag{color:var(--accent-text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.lib-c-arr,.lib-c-dur{color:var(--text-2);font-size:14px}.lib-c-dur{font-variant-numeric:lining-nums tabular-nums;font-size:15px}.lib-level{align-items:flex-end;gap:8px;display:inline-flex}.lib-bars{align-items:flex-end;gap:3px;height:18px;display:flex}.lib-bars span{background:var(--border-strong);border-radius:1px;width:5px}.lib-bars span.on{background:var(--accent-fill)}.lib-level-n{color:var(--text-muted);font-size:13px;font-weight:600;line-height:1}.lib-fav{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;display:flex}.lib-fav:hover{background:var(--track)}.lib-fav[aria-pressed=true]{color:var(--accent)}.lib-fav[aria-pressed=true] svg{fill:var(--accent)}.lib-lock{border:1px solid var(--accent-line);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);cursor:pointer;border-radius:22px;justify-content:center;align-items:center;display:flex}.lib-lock:hover{background:var(--accent-soft)}.lib-fav:focus-visible,.lib-lock:focus-visible,.lib-play:focus-visible{box-shadow:var(--focus-ring);outline:none}.lib-play{background:var(--accent-fill);width:44px;height:44px;color:var(--on-accent);border-radius:22px;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.lib-play:hover{background:var(--accent-fill-hover);color:var(--on-accent)}.lib-c-play{justify-content:flex-start;display:flex}@media (width<=1100px){.lib-row{grid-template-columns:72px minmax(0,2.4fr) 1.3fr .9fr .6fr 48px 72px;gap:10px}.lib-c-thumb .scene{width:72px;height:46px}}@media (width<=860px){.lib-filters{flex-direction:column;align-items:stretch}.lib-filters .ui-choice{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px;overflow-x:auto}.lib-search{width:100%}.lib-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.lib-tools .ui-select{width:100%;min-width:0}.lib-count{text-align:right;margin:0}.lib-head{display:none}.lib-row{grid-template-columns:60px minmax(0,1fr) auto auto;grid-template-areas:"thumb title fav play""thumb level fav play";gap:2px 10px;padding:10px 0}.lib-c-thumb{grid-area:thumb}.lib-c-thumb .scene{width:60px;height:60px}.lib-c-title{grid-area:title}.lib-title{font-size:19px}.lib-row>[role=cell]:nth-child(4){grid-area:level}.lib-c-arr,.lib-c-dur{display:none}.lib-row>.lib-c-center{grid-area:fav}.lib-c-play{grid-area:play}}.path-view{margin-top:-8px}.path-body{align-items:flex-start;gap:26px;display:flex}.path-body>.ui-empty{flex:1}.path-steps{flex-direction:column;flex:1;gap:14px;min-width:0;margin:0;padding:0;list-style:none;display:flex;position:relative}.path-steps:before{content:"";background:var(--border-strong);width:2px;position:absolute;top:40px;bottom:40px;left:21px}.path-step{align-items:flex-start;gap:18px;display:flex;position:relative}.path-dot{z-index:1;width:44px;height:44px;color:var(--on-accent);background:var(--border-strong);border-radius:22px;flex:none;justify-content:center;align-items:center;margin-top:22px;display:flex;position:relative}.path-step--completed .path-dot{background:var(--accent-fill)}.path-step--current .path-dot{background:var(--surface);border:3px solid var(--accent)}.path-dot-core{background:var(--accent);border-radius:7px;width:14px;height:14px}.path-step--locked .path-dot{color:var(--text-2)}.path-card{border:1px solid #0000;border-radius:14px;flex:1;min-width:0;padding:16px 20px}.path-card-head{align-items:center;gap:14px;min-height:56px;display:flex}.path-step--current .path-card{background:var(--accent-soft);border-color:var(--accent-line);box-shadow:var(--shadow-1)}.path-step--locked .path-card{background:var(--surface-2)}.path-card-text{flex:1;min-width:0}.path-card-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800;line-height:1.15}.path-step--locked .path-card-title{color:var(--text-2)}.path-card-sub{color:var(--text-2);margin-top:2px;font-size:15px}.path-card-meta{color:var(--text-muted);margin-top:6px;font-size:13px}.path-go{background:var(--accent);width:48px;height:48px;color:var(--on-accent);border-radius:24px;flex:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.path-go:hover{background:var(--accent-fill);color:var(--on-accent)}.path-go:focus-visible{box-shadow:var(--focus-ring);outline:none}.path-lock{color:var(--text-muted);flex:none}.path-toggle{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:18px;flex:none;justify-content:center;align-items:center;transition:background-color .15s,transform .2s;display:flex}.path-toggle:hover{background:var(--hover);color:var(--text)}.path-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.path-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.path-details{border-top:1px solid var(--accent-line);flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;display:flex}.path-details-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin:4px 0 0;font-size:12px;font-weight:600}.path-reqs,.path-songs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.path-reqs li{color:var(--text-2);align-items:center;gap:12px;font-size:15px;display:flex}.path-req-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.path-req-body .ui-bar{max-width:260px}.path-req-mark{border:2px solid var(--border-strong);background:var(--surface-2);width:22px;height:22px;color:var(--on-accent);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.path-req-mark.is-met{border-color:var(--accent-fill);background:var(--accent-fill)}.path-songs li{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:minmax(0,1fr) auto 20px 34px;align-items:center;gap:12px;padding:8px 10px 8px 14px;display:grid}.path-song-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.path-song-title:hover{color:var(--accent-text);text-decoration:underline}.path-song-ok{color:var(--accent-text)}.path-song-play{background:var(--accent-fill);width:34px;height:34px;color:var(--on-accent);border-radius:17px;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.path-song-play:hover{background:var(--accent-fill-hover);color:var(--on-accent)}.path-song-play.is-locked{color:var(--text-muted);border:1px solid var(--border-strong);background:0 0}.path-song-play:focus-visible{box-shadow:var(--focus-ring);outline:none}.path-empty{color:var(--text-muted);margin:0;font-size:14px}.path-reading{flex-direction:column;gap:10px;padding:4px 6px 6px;display:flex}.path-reading-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.path-reading-level{align-items:baseline;gap:10px;display:flex}.path-reading-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent-text);font-size:35px;font-weight:800;line-height:1}.path-reading-label{color:var(--text-2);font-size:14px}.path-reading-last,.path-reading-locked,.path-reading-pass{color:var(--text-muted);margin:0;font-size:14px}.path-reading-pass{font-size:13px}.path-aside{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:none;gap:18px;width:290px;padding:14px;display:flex;position:sticky;top:0}.path-art{background:var(--ill-ground);border-radius:10px;height:210px;position:relative;overflow:hidden}.path-art>span{display:block;position:absolute}.pa-window{background:var(--ill-glass);border:6px solid var(--ill-frame);box-sizing:border-box;width:120px;height:150px;top:16px;right:18px}.pa-mullion-v{background:var(--ill-frame);width:6px;height:150px;top:16px;right:75px}.pa-mullion-h{background:var(--ill-frame);width:120px;height:6px;top:85px;right:18px}.pa-floor{background:var(--ill-floor);height:62px;bottom:0;left:0;right:0}.pa-vase{background:var(--ill-vase);border:2px solid var(--border-strong);box-sizing:border-box;border-radius:4px 4px 10px 10px;width:28px;height:36px;bottom:48px;left:46px}.pa-stem{background:var(--ill-stem);width:2px;height:70px;bottom:82px;left:59px;transform:rotate(-8deg)}.pa-leaf{border-radius:50%}.pa-leaf--1{background:var(--ill-leaf-1);width:30px;height:13px;top:54px;left:34px;transform:rotate(-30deg)}.pa-leaf--2{background:var(--ill-leaf-2);width:32px;height:13px;top:70px;left:62px;transform:rotate(25deg)}.pa-leaf--3{background:var(--ill-leaf-2);width:28px;height:12px;top:92px;left:30px;transform:rotate(-20deg)}.pa-leaf--4{background:var(--ill-leaf-1);width:26px;height:11px;top:40px;left:64px;transform:rotate(35deg)}.pa-book{width:74px;height:46px;box-shadow:0 2px 0 var(--ill-shade);border-radius:3px;bottom:26px}.pa-book--l{background:var(--ill-page);left:92px;transform:skewY(-6deg)}.pa-book--r{background:var(--ill-page-2);left:166px;transform:skewY(6deg)}.path-quote{flex-direction:column;align-items:center;gap:10px;margin:0;padding:0 8px 6px;display:flex}.path-quote blockquote{text-align:center;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:17px;line-height:1.35}.path-quote figcaption{flex-direction:column;align-items:center;gap:8px;display:flex}.path-quote cite{color:var(--text-2);font-size:15px;font-style:normal}.path-quote-rule{background:var(--accent);width:40px;height:2px}@media (width<=1100px){.path-aside{width:240px}.path-art{height:170px}.path-quote blockquote{font-size:19px}}@media (width<=860px){.path-body{flex-direction:column;align-items:stretch}.path-aside{width:auto;position:static}.path-art{display:none}.path-step{gap:12px}.path-card{padding:12px 14px}.path-dot{margin-top:14px}.path-card-head .path-ring{display:none}.path-go{width:40px;height:40px}.path-reqs li{flex-wrap:wrap}.path-reqs li>a{margin-left:34px}.path-songs li{grid-template-columns:minmax(0,1fr) 20px 34px}.path-songs .ui-stars{display:none}.path-card-title{font-size:20px}}.song{flex-direction:column;gap:22px;display:flex}.song-back{color:var(--accent-text);align-self:flex-start;align-items:center;gap:6px;margin:-10px 0 -8px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.song-back:hover{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.song-hero{grid-template-columns:150px minmax(0,1fr) auto;align-items:start;gap:22px;padding:20px 22px;display:grid}.song-hero>.scene{border-radius:10px;width:150px;height:110px}.song-hero-body{flex-direction:column;gap:10px;min-width:0;display:flex}.song-eyebrow,.song-best-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-size:13px;font-weight:600}.song-facts{flex-wrap:wrap;gap:8px 28px;margin:0;display:flex}.song-facts div,.song-arr-facts div{flex-direction:column;gap:2px;display:flex}.song-facts dt,.song-arr-facts dt{color:var(--text-muted);font-size:13px}.song-facts dd,.song-arr-facts dd{color:var(--text);margin:0;font-size:16px}.song-source{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.song-hero-side{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.song-best{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.song-fav[aria-pressed=true]{color:var(--accent-text);border-color:var(--accent-line)}.song-fav[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.song-section{flex-direction:column;gap:12px;display:flex}.song-h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.song-arrs{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.song-arr{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.song-arr-head{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.song-arr-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 auto 0 0;font-size:18px;font-weight:800}.song-arr-facts{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:8px 16px;margin:0;display:grid}.song-arr-best{min-height:24px;color:var(--text-2);align-items:center;gap:10px;font-size:15px;display:flex}.song-arr-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.song-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;position:relative;overflow-x:auto}.song-table{border-collapse:collapse;width:100%;font-size:15px}.song-table th,.song-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 16px}.song-table th{color:var(--text-2);background:var(--surface-2);font-size:13px;font-weight:600}.song-table tbody tr:last-child td,.song-table tr[data-commented] td{border-bottom:0}.song-table .song-comment-row td{white-space:normal;padding-top:0}.song-older{margin:12px 16px 16px}.song-comment{border-left:3px solid var(--accent-line);background:var(--surface-2);color:var(--text-2);border-radius:0 8px 8px 0;align-items:flex-start;gap:8px;padding:8px 12px;font-size:14px;display:flex}.song-comment svg{color:var(--accent-text);flex:none;margin-top:2px}.song-comment-label{color:var(--accent-text);font-weight:600}.song-table td{color:var(--text-2);font-variant-numeric:lining-nums tabular-nums}@media (width<=860px){.song-hero{grid-template-columns:1fr;gap:14px}.song-hero>.scene{width:100%;height:90px}.song-hero-side{flex-direction:row;justify-content:space-between;align-items:center}.song-best{align-items:flex-start}.song-arrs{grid-template-columns:1fr}.song-arr-facts{grid-template-columns:repeat(2,auto);justify-content:start;column-gap:32px}.song-c-hands,.song-c-dur{display:none}}@media (width<=600px){.song-c-stars{display:none}.song-table th,.song-table td{padding:10px;font-size:14px}.song-table td{white-space:normal}}.song-courses{gap:8px;margin:0;padding:0;list-style:none;display:grid}.song-course-link{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);align-items:center;gap:10px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.song-course-link:hover{border-color:var(--accent-line);color:var(--text)}.song-course-link svg{color:var(--accent-text)}.ach{flex-direction:column;gap:26px;display:flex}.ach-section{flex-direction:column;gap:12px;display:flex}.ach-h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.1}.ach-h3{margin:0;font-size:15px;font-weight:600}.ach-empty{color:var(--text-muted);margin:0;font-size:14px}.ach-level{flex-direction:row;align-items:center;gap:26px}.ach-level-n{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:34px;font-weight:700}.ach-level-text{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.ach-eyebrow,.ach-level-stats dt{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);font-size:12px;font-weight:600}.ach-level-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700;line-height:1.05}.ach-level-xp{color:var(--text-2);margin:0;font-size:14px}.ach-level-xp strong{color:var(--text)}.ach-level-stats{border-left:1px solid var(--accent-line);flex-direction:column;gap:14px;margin:0;padding-left:24px;display:flex}.ach-level-stats dd{margin:2px 0 0;font-size:24px;font-weight:600}.ach-ch-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.ach-ch-list,.ach-done-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ach-ch{border-bottom:1px solid var(--border);flex-direction:column;gap:7px;padding:11px 0;display:flex}.ach-ch:last-child{border-bottom:0;padding-bottom:0}.ach-ch-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ach-ch-title{font-size:14.5px;font-weight:600;line-height:1.3}.ach-ch[data-done] .ach-ch-title{color:var(--text-2)}.ach-ch-meta{color:var(--text-muted);align-items:center;gap:4px;font-size:12.5px;display:flex}.ach-ch[data-done] .ach-ch-meta svg{color:var(--accent-text)}.ach-done-list li{border-bottom:1px solid var(--border);grid-template-columns:18px minmax(0,1fr);gap:2px 8px;padding:9px 0;display:grid}.ach-done-list li:last-child{border-bottom:0}.ach-done-icon{color:var(--accent-text);margin-top:2px}.ach-done-title{font-size:14px;font-weight:600}.ach-done-meta{color:var(--text-muted);grid-column:2;font-size:12.5px}.ach-badges-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ach-badges{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ach-badge{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:20px 16px 16px;display:flex}.ach-badge:not([data-unlocked]){background:var(--surface-2)}.ach-medal{background:radial-gradient(circle at 35% 30%, var(--accent-soft) 0%, var(--accent-soft) 70%);border:2px solid var(--accent-line);width:64px;height:64px;box-shadow:inset 0 0 0 4px var(--surface);color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex;position:relative}.ach-badge:not([data-unlocked]) .ach-medal{background:var(--surface-2);border:2px dashed var(--border-strong);box-shadow:none;color:var(--text-muted)}.ach-medal-lock{background:var(--surface);border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.ach-badge-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:700;line-height:1.1}.ach-badge:not([data-unlocked]) .ach-badge-title{color:var(--text-2)}.ach-badge-cond{color:var(--text-2);flex:1;margin:0;font-size:13px;line-height:1.4}.ach-badge-foot{width:100%;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.ach-badge-date{color:var(--accent-text);font-weight:600}.ach-badge-progress{font-variant-numeric:lining-nums tabular-nums}@media (width<=1100px){.ach-ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ach-ch-card--done{grid-column:1/-1}}@media (width<=860px){.ach-level{flex-direction:column;align-items:flex-start;gap:16px}.ach-level-title{font-size:27px}.ach-level-stats{border-left:0;border-top:1px solid var(--accent-line);flex-direction:row;gap:28px;width:100%;padding:14px 0 0}.ach-ch-grid{grid-template-columns:minmax(0,1fr)}.ach-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ach-badge{padding:16px 10px 14px}.ach-badge-title{font-size:18px}}.app{--page-max:1240px;--gutter:32px;--topbar-h:76px;background:var(--bg);min-height:100dvh;position:relative}.skip-link{z-index:200;background:var(--text);color:var(--bg);border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.topbar{z-index:40;height:var(--topbar-h);padding:0 max(var(--gutter), calc((100% - var(--page-max)) / 2 + var(--gutter)));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid #0000;align-items:center;gap:12px;transition:border-color .2s;display:flex;position:sticky;top:0}.topbar-nav{flex:1;align-items:center;gap:12px;min-width:0;height:100%;display:flex}.topbar-brand{color:var(--text);border-radius:10px;flex:none;align-items:center;gap:10px;margin-right:28px;text-decoration:none;display:inline-flex}.topbar-brand:hover{color:var(--text)}.brand-mark{color:var(--accent);flex:none}.topbar-brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:700}.topbar-links{align-items:stretch;gap:4px;min-width:0;height:100%;margin:0;padding:0;list-style:none;display:flex}.topbar-link{height:100%;color:var(--text-2);white-space:nowrap;align-items:center;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s;display:flex;position:relative}.topbar-link:after{content:"";background:var(--accent);border-radius:2px;height:2.5px;transition:transform .2s ease-out;position:absolute;bottom:16px;left:12px;right:12px;transform:scaleX(0)}.topbar-link:hover{color:var(--text)}.topbar-link[aria-current=page]{color:var(--text);font-weight:700}.topbar-link[aria-current=page]:after{transform:none}.topbar-link:focus-visible{outline-offset:-6px;border-radius:12px}.topbar-tools{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.topbar-stat{color:inherit;border-radius:999px;text-decoration:none;display:inline-flex}.topbar-stat .ui-pill{background:var(--surface);height:38px}.topbar-stat:hover .ui-pill{border-color:var(--accent-line);background:var(--surface-2)}.topbar-stat:focus-visible,.topbar-account:focus-visible{box-shadow:var(--ui-focus);outline:none}.topbar-account{border-radius:50%;margin-left:4px;display:inline-flex}.account{margin-left:6px;position:relative}.account-button{color:var(--text-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 2px;display:inline-flex}.account-button:hover{color:var(--text)}.account-button:focus-visible{box-shadow:var(--ui-focus);outline:none}.account-chevron{transition:transform .15s}.account-button[aria-expanded=true] .account-chevron{transform:rotate(180deg)}.account-panel{z-index:50;border:1px solid var(--border-strong);background:var(--surface-2);width:260px;box-shadow:var(--shadow-2);border-radius:18px;padding:8px;animation:.14s ease-out ui-dialog-in;position:absolute;top:calc(100% + 10px);right:0}.account-who{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 14px;display:flex}.account-who-text{flex-direction:column;min-width:0;display:flex}.account-name{overflow-wrap:anywhere;font-size:15px;font-weight:700}.account-role{color:var(--text-muted);font-size:13px}.account-links{margin:0;padding:0;list-style:none}.account-link{width:100%;height:42px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.account-link>svg{color:var(--text-muted)}.account-link:hover{background:var(--hover);color:var(--text)}.account-link[aria-current=page]{color:var(--accent-text)}.account-apps{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.account-signout{border-top:1px solid var(--border);border-radius:0 0 10px 10px;margin-top:6px}.app-main{max-width:var(--page-max);min-width:0;padding:18px var(--gutter) 56px;flex-direction:column;gap:22px;margin:0 auto;display:flex}.app-main:focus{outline:none}.app-foot{max-width:var(--page-max);padding:0 var(--gutter) 28px;margin:0 auto}.app-foot-legal{border-top:1px solid var(--border);justify-content:center;padding-top:16px}.app-pagehead{padding-top:8px}.route-progress{z-index:60;width:100%;height:3px;position:fixed;top:0;left:0;overflow:hidden}.route-progress:after{content:"";background:var(--accent);width:40%;animation:1s ease-in-out infinite route-progress;position:absolute;inset:0}@keyframes route-progress{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (width<=1240px){.app{--gutter:24px}.topbar-brand{margin-right:8px}.topbar-brand-name{font-size:22px}.topbar-link{padding:0 10px;font-size:14.5px}.topbar-tools{gap:4px}.topbar-stat .ui-pill{padding:0 11px;font-size:13.5px}}@media (width<=1120px){.topbar-stat--xp{display:none}}@media (width<=1023px){.app{--gutter:20px;--topbar-h:60px}.topbar--compact{border-bottom-color:var(--border);gap:4px;padding:0 12px 0 6px}.topbar--compact .topbar-brand{gap:8px;min-width:0;margin-right:0}.topbar--compact .topbar-brand-name{font-size:20px}.topbar--compact .topbar-tools{gap:2px}.topbar--compact .ui-pill{height:34px;padding:0 11px;font-size:13px}.app-main{gap:18px;padding-top:16px}}@media (width<=359px){.topbar--compact .topbar-brand-name{display:none}}@media (width<=600px){.app{--gutter:16px}}.sidebar{z-index:70;background:var(--surface);border-right:1px solid var(--border);width:min(300px,86vw);color:var(--text);box-shadow:var(--shadow-2);visibility:hidden;scrollbar-width:none;flex-direction:column;transition:transform .22s ease-out,visibility 0s linear .22s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto;transform:translate(-100%)}.sidebar[data-open]{visibility:visible;transition:transform .22s ease-out;transform:none}.sidebar:focus{outline:none}.sidebar-brand{align-items:center;gap:10px;padding:14px 10px 18px 20px;display:flex}.sidebar-name{font-family:var(--font-display);letter-spacing:-.02em;flex:1;font-size:22px;font-weight:700}.sidebar-list{flex-direction:column;gap:2px;margin:0;padding:0 12px;list-style:none;display:flex}.sidebar-link{height:48px;color:var(--text-2);border-radius:12px;align-items:center;gap:14px;padding:0 14px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.sidebar-link:hover{background:var(--hover);color:var(--text)}.sidebar-link[aria-current=page]{background:var(--accent-soft);color:var(--text);font-weight:700}.sidebar-link[aria-current=page]>svg{color:var(--accent-text)}.sidebar-link:focus-visible,.sidebar-user:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.sidebar-spacer{flex:1;min-height:24px}.sidebar-foot{flex-direction:column;gap:6px;padding:0 0 16px;display:flex}.sidebar-apps{border-bottom:1px solid var(--border);margin:0 12px 10px;padding-bottom:8px}.sidebar-list--small .sidebar-link{height:42px;font-size:15px}.sidebar-account{border-top:1px solid var(--border);align-items:center;gap:4px;margin:6px 12px 0;padding-top:8px;display:flex}.sidebar-user{min-width:0;color:var(--text);border-radius:12px;flex:1;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}.sidebar-user:hover,.sidebar-user[aria-current=page]{background:var(--hover);color:var(--text)}.sidebar-user-text{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.25}.sidebar-user-role{color:var(--text-muted);font-size:13px;line-height:1.3}.drawer-backdrop{z-index:65;background:var(--overlay);animation:.2s ease-out ui-fade-in;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.sidebar,.route-progress:after,.topbar-link:after,.account-panel{transition:none!important;animation:none!important}}