:root{--primary:#415d43;--highlight:#f4c95d;--background-base:#0a100d;--surface:#3f4739;--surface-elevated:#523f38;--border-muted:#717568;--text-primary:#f4f4f4;--success:#598b2c;--warning:#f4c095;--danger:#d64933;--info:#e7e393;--soft-light-surface:#e6ebe0;--muted-secondary-accent:#c8d6af;--subtle-hover:#b6c197;--tertiary-olive:#8a9b68;--warm-tertiary:#937b63;--soft-highlight-bg:#f2d0a4;--cream-content:#ffeccc;--background:var(--background-base);--foreground:var(--text-primary);--muted:var(--muted-secondary-accent);--panel:var(--surface);--panel-soft:color-mix(in srgb, var(--surface) 78%, var(--background-base));--input-surface:color-mix(in srgb, var(--background-base) 72%, var(--surface));--input-border:color-mix(in srgb, var(--border-muted) 45%, var(--background-base));--table-row:color-mix(in srgb, var(--surface) 88%, var(--background-base));--table-row-hover:color-mix(in srgb, var(--surface) 82%, var(--primary));--line:color-mix(in srgb, var(--border-muted) 56%, var(--background-base));--accent:var(--primary);--accent-strong:var(--highlight);--accent-soft:color-mix(in srgb, var(--primary) 55%, var(--surface) 45%);--accent-warm:var(--warm-tertiary);--accent-warm-soft:color-mix(in srgb, var(--soft-highlight-bg) 12%, var(--surface));--danger-soft:color-mix(in srgb, var(--danger) 20%, var(--surface));--success-soft:color-mix(in srgb, var(--success) 32%, var(--surface));--warning-soft:color-mix(in srgb, var(--warning) 18%, var(--surface));--info-soft:color-mix(in srgb, var(--info) 25%, var(--surface));--shadow-soft:#00000047;--shadow:#0000005c;--ink:var(--text-primary);--font-body:var(--font-inter), Arial, Helvetica, sans-serif;--font-display:var(--font-azeret-mono), "Courier New", "Yu Gothic", "Hiragino Kaku Gothic ProN", monospace;--font-accent:var(--font-stylish), var(--font-body);--content-wide:1120px;--radius-control:7px;--radius-panel:8px;--space-page:32px}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,textarea,select{font:inherit}.app-shell{width:min(var(--content-wide), calc(100% - var(--space-page)));margin:0 auto;padding:20px 0 48px}.topbar{grid-template-columns:minmax(150px,1fr) auto minmax(280px,1fr);align-items:center;gap:18px;min-height:58px;display:grid;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--line) 72%, transparent), color-mix(in srgb, var(--highlight) 20%, var(--line)), color-mix(in srgb, var(--line) 48%, transparent));height:1px;position:absolute;bottom:0;left:0;right:0}.brand,.nav-links,.account-menu,.account-form,.account-name-preference,.hero-actions,.mode-grid{align-items:center;display:flex}.brand{color:var(--ink);font-family:var(--font-display);gap:10px;font-size:15px;font-weight:760}.brand span{align-items:center;min-height:30px;display:inline-flex}.nav-links{color:color-mix(in srgb, var(--muted) 72%, var(--background-base));flex-wrap:wrap;justify-content:center;gap:6px;font-size:13px;font-weight:720}.nav-links a{border:1px solid #0000;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;transition:background .12s,border-color .12s,color .12s,transform .12s;display:inline-flex}.nav-links a:hover,.nav-links a:focus-visible{background:color-mix(in srgb, var(--panel-soft) 56%, transparent);color:var(--ink);outline:none}.nav-links a.active{border-color:color-mix(in srgb, var(--highlight) 26%, var(--primary));background:color-mix(in srgb, var(--primary) 42%, var(--panel));color:var(--accent-strong)}.account-menu{color:color-mix(in srgb, var(--muted) 72%, var(--background-base));flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:13px}.account-form,.account-name-preference{gap:8px}.account-name-preference{grid-template-columns:none;font-size:13px}.account-name-preference span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:color-mix(in srgb, var(--ink) 84%, var(--muted));font-weight:680;overflow:hidden}.account-name-preference select{border-color:color-mix(in srgb, var(--line) 52%, transparent);background:color-mix(in srgb, var(--panel-soft) 50%, var(--background-base));width:auto;min-height:34px;color:var(--ink);border-radius:7px;padding:0 28px 0 10px;font-size:12px;font-weight:750}.account-logout{cursor:pointer;border:1px solid color-mix(in srgb, var(--line) 52%, transparent);min-height:36px;color:color-mix(in srgb, var(--accent-strong) 74%, var(--muted));background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:760;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.account-link{border:1px solid color-mix(in srgb, var(--line) 52%, transparent);min-height:36px;color:color-mix(in srgb, var(--muted) 86%, var(--ink));justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:760;display:inline-flex}.account-logout:hover,.account-logout:focus-visible,.account-link:hover,.account-link:focus-visible{border-color:color-mix(in srgb, var(--accent-strong) 44%, var(--line));background:color-mix(in srgb, var(--panel-soft) 42%, transparent);color:var(--accent-strong);outline:none}.auth-shell{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:22px;width:min(560px,100%);padding:28px;display:grid}.auth-wordmark{color:var(--accent-strong);font-family:var(--font-display);font-size:15px;font-weight:760}.auth-card h1{font-size:clamp(34px,6vw,48px);line-height:1.05}.auth-form{gap:14px;display:grid}.auth-form label{gap:8px;display:grid}.auth-form label span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:750}.access-code-control{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.access-code-control button{cursor:pointer;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-soft) 76%, var(--background-base));min-height:44px;color:var(--accent-strong);padding:0 12px;font-size:13px;font-weight:760}.access-code-control button:hover,.access-code-control button:focus-visible{border-color:var(--accent-strong);outline:none}.auth-helper-link{width:fit-content;color:var(--accent-strong);font-size:13px;font-weight:760}.public-shell{background:radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--highlight) 16%, transparent), transparent 28%), linear-gradient(180deg, #101712 0%, var(--background-base) 72%);min-height:100vh}.public-topbar,.landing-section,.public-footer{width:min(1120px,100% - 32px);margin:0 auto}.public-topbar{justify-content:space-between;align-items:center;gap:18px;min-height:64px;display:flex}.public-topbar nav,.public-footer,.public-footer nav{color:color-mix(in srgb, var(--muted) 78%, var(--background-base));align-items:center;gap:16px;font-size:13px;font-weight:760;display:flex}.public-topbar a:hover,.public-topbar a:focus-visible,.public-footer a:hover,.public-footer a:focus-visible{color:var(--accent-strong);outline:none}.landing-hero{isolation:isolate;align-items:end;min-height:min(760px,100vh - 88px);padding:80px max(16px,50vw - 560px) 86px;display:grid;position:relative;overflow:hidden}.landing-hero:after{content:"";z-index:-1;background:linear-gradient(180deg, transparent, var(--background-base));height:34%;position:absolute;inset:auto 0 0}.landing-hero-scene{z-index:-2;border:1px solid color-mix(in srgb, var(--line) 42%, transparent);background:linear-gradient(135deg, #0a100d57, #0a100de6), repeating-linear-gradient(180deg, color-mix(in srgb, var(--cream-content) 10%, transparent) 0 1px, transparent 1px 54px), linear-gradient(120deg, color-mix(in srgb, var(--surface-elevated) 58%, var(--background-base)), var(--surface));border-radius:14px;position:absolute;inset:24px max(16px,50vw - 560px) 44px;box-shadow:0 28px 70px #0006}.lyric-line-card,.lyric-target-note,.review-mini-card{border:1px solid color-mix(in srgb, var(--cream-content) 18%, transparent);-webkit-backdrop-filter:blur(10px);background:#0a100db8;border-radius:8px;position:absolute;box-shadow:0 18px 42px #00000047}.lyric-line-card{grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:18px;width:min(680px,100% - 42px);padding:22px;display:grid;top:22%;left:26px}.lyric-line-card span,.review-mini-card span{color:var(--accent-strong);font-family:var(--font-display);font-size:13px;font-weight:760}.lyric-line-card p{color:var(--ink);font-size:clamp(22px,4.8vw,48px);line-height:1.3}.lyric-line-card p span{background:color-mix(in srgb, var(--danger) 34%, transparent);color:var(--cream-content);font:inherit;border-radius:6px;padding:0 .12em;display:inline}.lyric-target-note{gap:5px;padding:16px 18px;display:grid;bottom:34%;right:38px}.lyric-target-note strong{color:var(--ink);font-size:26px}.lyric-target-note span{color:var(--muted);font-size:14px}.review-mini-card{gap:8px;width:min(310px,100% - 36px);padding:16px;display:grid;bottom:76px;right:74px}.review-mini-card p{color:var(--ink);line-height:1.45}.landing-hero-copy{gap:18px;max-width:720px;display:grid}.landing-hero-copy h1{margin:0;font-size:clamp(44px,7vw,86px)}.landing-hero-copy>p:not(.eyebrow){max-width:650px;color:color-mix(in srgb, var(--ink) 84%, var(--muted));font-size:19px;line-height:1.6}.landing-section{gap:24px;padding:56px 0;display:grid}.section-kicker{gap:8px;display:grid}.section-kicker h2{max-width:760px;font-size:clamp(28px,4vw,44px);line-height:1.08}.landing-loop ol,.proof-grid,.trust-grid{gap:14px;display:grid}.landing-loop ol{counter-reset:landing-loop;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none}.landing-loop li{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, var(--background-base));counter-increment:landing-loop;border-radius:8px;align-content:space-between;min-height:190px;padding:20px;display:grid}.landing-loop li:before{content:counter(landing-loop, decimal-leading-zero);color:var(--accent-strong);font-family:var(--font-display);font-size:14px;font-weight:760}.landing-loop span{color:var(--ink);font-family:var(--font-display);font-size:22px;font-weight:650}.landing-loop p,.trust-grid p{color:var(--muted);line-height:1.55}.proof-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.proof-grid article{border-top:1px solid var(--line);min-height:112px;color:var(--ink);align-items:end;padding-top:16px;font-weight:760;display:flex}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid p{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-soft) 68%, var(--background-base));border-radius:8px;padding:18px}.public-footer{border-top:1px solid var(--line);justify-content:space-between;padding:24px 0 40px}.demo-shell{background:linear-gradient(180deg, #101712 0%, var(--background-base) 74%), var(--background-base);min-height:100vh}.demo-topbar{border-bottom:1px solid color-mix(in srgb, var(--line) 56%, transparent)}.demo-hero,.demo-workflow,.demo-boundary{width:min(1120px,100% - 32px);margin:0 auto}.demo-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;min-height:360px;padding:58px 0 34px;display:grid}.demo-hero div{gap:16px;max-width:760px;display:grid}.demo-hero h1{font-size:clamp(40px,6vw,72px)}.demo-hero p:not(.eyebrow),.demo-boundary p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.6}.demo-workflow{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:16px;display:grid}.demo-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--surface) 86%, var(--background-base));gap:18px;padding:18px;display:grid}.demo-lyrics-panel{min-height:420px}.demo-target-panel,.demo-review-panel{background:color-mix(in srgb, var(--surface) 78%, var(--background-base))}.demo-review-panel{grid-column:1/-1}.demo-lyric-list,.demo-target-list{gap:12px;display:grid}.demo-lyric-list{list-style:none}.demo-lyric-list li{border:1px solid color-mix(in srgb, var(--line) 68%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--background-base) 46%, var(--surface));grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:14px;padding:14px;display:grid}.demo-lyric-list span{color:var(--accent-strong);font-family:var(--font-display);font-size:13px;font-weight:760}.demo-lyric-list p{color:var(--ink);font-size:24px;line-height:1.45}.demo-lyric-list mark{background:color-mix(in srgb, var(--highlight) 34%, transparent);color:var(--cream-content);border-radius:5px;padding:0 .12em}.demo-target-list section{border-top:1px solid var(--line);gap:12px;padding-top:12px;display:grid}.demo-target-list section:first-child{border-top:0;padding-top:0}.demo-target-list section>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.demo-target-list strong{color:var(--ink);font-family:var(--font-display);font-size:21px}.demo-target-list span,.demo-target-list dt,.demo-target-list small,.demo-review-card dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.demo-target-list dl,.demo-review-card dl{gap:8px;display:grid}.demo-target-list dl{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-target-list dd,.demo-review-card dd{color:color-mix(in srgb, var(--ink) 90%, var(--muted));margin-top:3px;line-height:1.45}.demo-target-list small{border:1px solid color-mix(in srgb, var(--highlight) 24%, var(--line));border-radius:var(--radius-control);width:fit-content;min-height:24px;color:var(--accent-strong);align-items:center;padding:0 8px;display:inline-flex}.demo-review-card{border:1px solid color-mix(in srgb, var(--highlight) 24%, var(--line));border-radius:var(--radius-panel);background:color-mix(in srgb, var(--background-base) 44%, var(--surface));gap:14px;padding:18px;display:grid}.demo-review-card>p{color:var(--ink);font-size:22px;font-weight:760}.demo-review-card blockquote{border-left:3px solid var(--accent-strong);color:var(--cream-content);padding-left:14px;font-size:26px;line-height:1.45}.demo-boundary{gap:10px;padding:28px 0 54px;display:grid}.policy-shell{background:linear-gradient(180deg, #101712 0%, var(--background-base) 70%), var(--background-base);min-height:100vh}.policy-hero,.policy-grid,.pricing-grid,.policy-note{width:min(1120px,100% - 32px);margin:0 auto}.policy-hero{gap:16px;padding:64px 0 30px;display:grid}.policy-hero h1{font-size:clamp(40px,6vw,72px)}.policy-hero p:not(.eyebrow),.policy-grid p,.pricing-grid p,.policy-note p{color:var(--muted);font-size:16px;line-height:1.6}.policy-hero p:not(.eyebrow){max-width:760px;font-size:18px}.policy-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 0 52px;display:grid}.policy-grid article,.pricing-grid article,.policy-note{border:1px solid var(--line);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--surface) 84%, var(--background-base));gap:14px;padding:18px;display:grid}.pricing-grid article{align-content:start;min-height:260px}.pricing-grid span{border:1px solid color-mix(in srgb, var(--highlight) 24%, var(--line));border-radius:var(--radius-control);width:fit-content;min-height:24px;color:var(--accent-strong);text-transform:uppercase;align-items:center;padding:0 8px;font-size:11px;font-weight:820;display:inline-flex}.pricing-grid strong{color:var(--ink);font-family:var(--font-display);font-size:34px}.policy-note{background:color-mix(in srgb, var(--warning) 12%, var(--surface));margin-bottom:54px}.settings-heading{padding-bottom:18px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-panel{align-content:start;gap:16px;display:grid}.settings-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.settings-metrics div{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-soft);gap:4px;padding:12px;display:grid}.settings-metrics dt,.delete-account-form label span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.settings-metrics dd{color:var(--ink);font-size:24px;font-weight:820}.danger-panel{border-color:color-mix(in srgb, var(--danger) 42%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.delete-account-form{gap:12px;display:grid}.delete-account-form label{gap:8px;display:grid}.settings-link-list{flex-wrap:wrap;gap:8px;display:flex}.settings-link-list a{border:1px solid color-mix(in srgb, var(--line) 68%, transparent);border-radius:var(--radius-control);min-height:34px;color:var(--accent-strong);align-items:center;padding:0 10px;font-size:13px;font-weight:760;display:inline-flex}.settings-link-list a:hover,.settings-link-list a:focus-visible{border-color:color-mix(in srgb, var(--accent-strong) 42%, var(--line));background:color-mix(in srgb, var(--primary) 30%, transparent);outline:none}.learner-home-heading{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:24px;padding:46px 0 22px;display:grid}.learn-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:46px 0 22px;display:grid}.learn-heading h1{max-width:760px;font-size:clamp(36px,5vw,64px)}.learn-focus-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;display:grid}.learn-summary-panel{align-content:start;gap:18px;display:grid}.lesson-list-section{gap:16px;margin-top:16px;display:grid}.section-heading-row{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:16px;padding-top:18px;display:flex}.section-heading-row h2{font-size:24px}.lesson-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lesson-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);gap:14px;padding:16px;display:grid}.lesson-card-title{gap:5px;min-width:0;display:grid}.lesson-card-title h3{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:20px}.lesson-card-title p{color:var(--muted);font-size:13px}.lesson-state-pill{border:1px solid color-mix(in srgb, var(--highlight) 24%, var(--line));border-radius:var(--radius-control);background:color-mix(in srgb, var(--highlight) 12%, var(--panel-soft));width:fit-content;min-height:24px;color:color-mix(in srgb, var(--highlight) 80%, var(--ink));text-transform:uppercase;align-items:center;padding:0 8px;font-size:11px;font-weight:820;display:inline-flex}.lesson-card-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.lesson-card-metrics dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.lesson-card-metrics dd{color:var(--ink);margin-top:2px;font-size:15px;font-weight:780}.lesson-type-list{flex-wrap:wrap;gap:6px;display:flex}.lesson-type-list span{border:1px solid color-mix(in srgb, var(--line) 62%, transparent);border-radius:var(--radius-control);min-height:24px;color:color-mix(in srgb, var(--muted) 80%, var(--ink));align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.lesson-step-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;display:grid}.lesson-step-list li{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-soft);min-height:42px;color:color-mix(in srgb, var(--ink) 84%, var(--muted));text-transform:uppercase;place-items:center;font-size:12px;font-weight:800;display:grid}.lesson-workload-actions{flex-wrap:wrap;gap:6px;display:flex}.lesson-workload-actions a{border:1px solid color-mix(in srgb, var(--line) 68%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel-soft) 62%, transparent);min-height:30px;color:color-mix(in srgb, var(--muted) 84%, var(--ink));align-items:center;padding:0 9px;font-size:12px;font-weight:760;display:inline-flex}.lesson-workload-actions a:hover,.lesson-workload-actions a:focus-visible{border-color:color-mix(in srgb, var(--highlight) 34%, var(--line));background:color-mix(in srgb, var(--primary) 34%, var(--panel));color:var(--ink);outline:none}.learner-home-heading h1{max-width:780px;font-size:clamp(38px,6vw,72px)}.quick-add-form{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.quick-add-form label{gap:7px}.quick-add-form label span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.command-grid,.home-activity-grid{gap:16px;display:grid}.command-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)}.home-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.command-card{align-content:start;gap:18px;display:grid}.continue-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 88%, var(--background-base)), var(--panel)), var(--panel);min-height:360px}.continue-card>p,.muted-copy{color:var(--muted);line-height:1.55}.target-progress{background:color-mix(in srgb, var(--background-base) 62%, var(--surface));border-radius:999px;height:10px;overflow:hidden}.target-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent-strong));min-width:4px;max-width:100%;height:100%;display:block}.command-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.command-metrics.compact{grid-template-columns:1fr}.command-metrics div{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;padding:12px;display:grid}.command-metrics dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.command-metrics dd{color:var(--ink);font-size:24px;font-weight:820}.recent-learning-list{gap:8px;list-style:none;display:grid}.recent-learning-list li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:12px;display:grid}.recent-learning-list a{gap:4px;min-width:0;display:grid}.recent-learning-list strong{color:var(--ink);font-family:var(--font-display);font-size:17px;font-weight:650}.recent-learning-list span,.recent-learning-list small{color:var(--muted)}.recent-learning-list small{text-transform:uppercase;font-size:12px;font-weight:800}.learner-empty-state{margin-top:16px}.dashboard-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:56px 0 32px;display:grid}.home-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:stretch;gap:28px;padding:58px 0 24px;display:grid}.home-hero-copy{align-content:end;display:grid}.home-hero h1{max-width:820px;font-size:clamp(40px,6.4vw,76px);line-height:.98}.home-hero .hero-actions{margin-top:26px}.beta-focus-card{border:1px solid color-mix(in srgb, var(--line) 58%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, var(--background-base)), color-mix(in srgb, var(--surface) 78%, var(--background-base)));border-radius:8px;align-content:start;gap:14px;padding:22px;display:grid}.beta-focus-card h2{max-width:320px;font-size:22px}.beta-focus-card p{color:var(--muted);line-height:1.55}.beta-focus-card ul,.loop-list,.direction-list{gap:10px;list-style:none;display:grid}.beta-focus-card li{border-top:1px solid color-mix(in srgb, var(--line) 52%, transparent);color:color-mix(in srgb, var(--ink) 86%, var(--muted));padding-top:10px;line-height:1.4}.page-heading{justify-content:space-between;align-items:end;gap:24px;padding:48px 0 28px;display:flex}.eyebrow{color:var(--muted);font-family:var(--font-accent);letter-spacing:0;text-transform:uppercase;font-size:14px;font-weight:400}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:760px;color:var(--ink);font-family:var(--font-display);margin-top:10px;font-size:clamp(40px,7vw,84px);font-weight:700;line-height:.95}h2{color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:650;line-height:1.2}h3{color:var(--ink);font-family:var(--font-display);font-size:18px;font-weight:650}.songs-list-title{flex-wrap:wrap;align-items:baseline;gap:.28em;display:inline-flex}.hero-copy{max-width:680px;color:var(--muted);margin-top:18px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px}.add-song-menu{position:relative}.add-song-menu>.primary-action{cursor:pointer;min-width:132px}.add-song-menu-panel{z-index:20;visibility:hidden;border:1px solid color-mix(in srgb, var(--line) 64%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, var(--background-base)), color-mix(in srgb, var(--surface) 78%, var(--background-base)));opacity:0;pointer-events:none;border-radius:10px;gap:3px;width:max-content;min-width:156px;padding:6px;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 18px 34px #00000057}.add-song-menu:hover .add-song-menu-panel,.add-song-menu:focus-within .add-song-menu-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.add-song-menu-panel a{min-height:34px;color:var(--ink);border-radius:6px;align-items:center;padding:0 12px;font-size:13px;font-weight:760;display:flex}.add-song-menu-panel a:hover,.add-song-menu-panel a:focus-visible{background:color-mix(in srgb, var(--primary) 42%, transparent);outline:none}.primary-action,.secondary-action,.tertiary-action,.danger-action{border:1px solid var(--accent-strong);justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.primary-action{border-color:var(--accent);background:var(--accent);color:var(--text-primary)}.secondary-action{border-color:var(--accent-strong);color:var(--accent-strong);background:0 0}.tertiary-action{color:var(--muted);background:0 0;border-color:#0000}.danger-action{cursor:pointer;border-color:var(--danger);color:var(--danger);background:0 0;font-weight:700}.metric-grid,.workspace-grid,.home-grid{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.panel,.setup-banner,.song-form{border:1px solid var(--line);background:var(--panel);border-radius:8px}.metric-card{flex-direction:column;justify-content:space-between;min-height:118px;padding:18px;display:flex}.metric-card span,.empty-state p{color:var(--muted)}.metric-card strong{color:var(--ink);font-size:30px}.workspace-grid{grid-template-columns:1fr 1fr;margin-top:16px}.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:16px}.loop-list{counter-reset:study-loop;grid-template-columns:repeat(4,minmax(0,1fr))}.loop-list li{border-top:1px solid color-mix(in srgb, var(--line) 58%, transparent);counter-increment:study-loop;align-content:start;gap:12px;min-height:132px;padding-top:14px;display:grid}.loop-list span{color:var(--accent-strong);font-family:var(--font-display);align-items:center;gap:8px;font-size:15px;font-weight:760;display:flex}.loop-list span:before{content:counter(study-loop, decimal-leading-zero);color:color-mix(in srgb, var(--muted) 68%, var(--background-base));font-family:var(--font-body);font-size:12px;font-weight:800}.loop-list p,.direction-list li,.suggestion-list p,.feedback-submit p{color:color-mix(in srgb, var(--ink) 82%, var(--muted));line-height:1.5}.direction-list{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-list li{border-top:1px solid color-mix(in srgb, var(--line) 54%, transparent);min-height:44px;padding:12px 0 0 24px;position:relative}.direction-list li:before{content:"->";color:var(--accent-strong);font-weight:900;position:absolute;top:12px;left:0}.feedback-panel{gap:18px;display:grid}.suggestion-list{gap:0;display:grid}.suggestion-list p{border-top:1px solid color-mix(in srgb, var(--line) 54%, transparent);padding:14px 0}.suggestion-list p:last-child{border-bottom:1px solid color-mix(in srgb, var(--line) 54%, transparent)}.feedback-submit{background:color-mix(in srgb, var(--panel-soft) 72%, var(--background-base));border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.feedback-submit p{max-width:720px}.feedback-submit span{color:var(--muted);font-size:13px;font-weight:750}.detail-grid{grid-template-columns:360px minmax(0,1fr);gap:16px;display:grid}.song-detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding:28px 0 16px;display:flex}.song-title-block{gap:8px;min-width:0;display:grid}.song-back-link{color:var(--accent-strong);font-size:13px;font-weight:800;text-decoration:none}.song-detail-header h1{max-width:none;margin:0;font-size:clamp(34px,5vw,58px);line-height:1}.song-detail-subtitle{color:var(--muted);flex-wrap:wrap;gap:8px 12px;font-size:16px;line-height:1.35;display:flex}.song-detail-subtitle span+span{border-left:1px solid var(--line);padding-left:12px}.song-header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.song-header-actions .secondary-action{color:var(--muted);border-color:#0000}.song-workspace-tabs{border-bottom:1px solid var(--line);gap:8px;padding:12px 0;display:flex;overflow-x:auto}.song-workspace-tabs a{border:1px solid color-mix(in srgb, var(--line) 62%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel-soft) 58%, transparent);min-height:34px;color:color-mix(in srgb, var(--muted) 84%, var(--ink));flex:none;align-items:center;padding:0 11px;font-size:13px;font-weight:760;display:inline-flex}.song-workspace-tabs a:hover,.song-workspace-tabs a:focus-visible{border-color:color-mix(in srgb, var(--highlight) 34%, var(--line));background:color-mix(in srgb, var(--primary) 30%, var(--panel));color:var(--ink);outline:none}.processing-alert{border:1px solid color-mix(in srgb, var(--warning) 58%, var(--line));border-radius:var(--radius-panel);background:var(--warning-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:16px;padding:16px;display:grid}.processing-alert h2{margin-top:3px;font-size:22px}.processing-alert p:not(.eyebrow){max-width:760px;color:color-mix(in srgb, var(--ink) 84%, var(--muted));margin-top:7px;line-height:1.5}.processing-alert-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.song-detail-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;margin-top:16px;display:grid}.song-detail-main,.song-detail-sidebar,.song-tool-list{gap:14px;display:grid}.song-detail-sidebar{position:sticky;top:88px}.panel.song-section-panel{padding:18px;scroll-margin-top:18px}.panel.song-side-panel{padding:16px;scroll-margin-top:18px}.song-section-panel .panel-heading,.song-side-panel .panel-heading{margin-bottom:14px}.panel-heading.song-panel-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-panel-pill{border:1px solid var(--line);min-height:28px;color:var(--muted);text-transform:uppercase;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.compact-action{min-height:34px;padding:0 10px;font-size:13px}.song-lyrics-list{gap:2px;max-height:560px;padding-right:4px;overflow:auto}.lyrics-list.song-lyrics-list li{border-bottom:0;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:2px 0}.lyrics-list.song-lyrics-list span{color:color-mix(in srgb, var(--muted) 68%, transparent);font-size:11px;line-height:1.55}.lyrics-list.song-lyrics-list p{line-height:1.45}.quality-grid.compact-quality-grid{gap:10px}.quality-grid.compact-quality-grid section{padding:12px}.song-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.song-analysis-grid>.song-section-panel{grid-template-rows:auto minmax(0,1fr);height:560px;display:grid;overflow:hidden}.token-table.song-token-table{grid-template-columns:1fr}.song-analysis-grid .song-token-table,.song-analysis-grid .grammar-pattern-summary-list{align-content:start;min-height:0;padding-right:4px;overflow-y:auto}.study-cta-metrics.song-study-metrics{gap:8px;margin-top:12px}.study-cta-metrics.song-study-metrics div{text-align:center;justify-items:center;padding:10px;display:grid}.study-cta-metrics.song-study-metrics dd{text-align:center;font-size:22px}.study-cta-actions.song-cta-actions{grid-template-columns:1fr;display:grid}.study-cta-actions.song-cta-actions form,.song-tool-list form{display:grid}.study-cta-actions.song-cta-actions .primary-action,.study-cta-actions.song-cta-actions .secondary-action,.song-tool-list .primary-action,.song-tool-list .secondary-action{width:100%;min-height:38px}.mode-link-list.compact-mode-list{gap:6px}.mode-link-list.compact-mode-list a{min-height:36px;padding:7px 10px}.song-readiness-list{gap:7px;list-style:none;display:grid}.song-readiness-list li{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-soft);min-height:34px;color:var(--muted);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:5px 9px 5px 5px;font-size:13px;font-weight:720;display:grid}.song-readiness-list span{border-radius:var(--radius-control);background:color-mix(in srgb, var(--background-base) 48%, var(--surface));min-height:24px;color:color-mix(in srgb, var(--muted) 72%, var(--background-base));place-items:center;font-size:11px;font-weight:850;display:grid}.song-readiness-list li.complete{border-color:color-mix(in srgb, var(--success) 45%, var(--line));background:color-mix(in srgb, var(--success) 16%, var(--panel-soft));color:var(--ink)}.song-readiness-list li.complete span{background:color-mix(in srgb, var(--success) 48%, var(--background-base));color:var(--ink)}.processing-run-list{gap:10px;display:grid}.processing-run-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel-soft);gap:9px;padding:12px;display:grid}.processing-run-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.processing-run-heading small{color:var(--muted);font-size:11px;font-weight:760}.processing-stage-pill{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--surface) 76%, var(--background-base));min-height:24px;color:var(--muted);text-transform:uppercase;align-items:center;padding:0 8px;font-size:11px;font-weight:850;display:inline-flex}.processing-stage-pill.stage-ready{border-color:color-mix(in srgb, var(--success) 46%, var(--line));background:var(--success-soft);color:var(--ink)}.processing-stage-pill.stage-needs-review,.processing-stage-pill.stage-unsupported{border-color:color-mix(in srgb, var(--warning) 48%, var(--line));background:var(--warning-soft);color:color-mix(in srgb, var(--warning) 82%, var(--ink))}.processing-stage-pill.stage-failed{border-color:color-mix(in srgb, var(--danger) 56%, var(--line));background:var(--danger-soft);color:color-mix(in srgb, var(--danger) 80%, var(--ink))}.processing-run-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.processing-run-counts div{border-top:1px solid var(--line);gap:2px;padding-top:7px;display:grid}.processing-run-counts dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:820}.processing-run-counts dd{color:var(--ink);font-size:14px;font-weight:820}.processing-warning,.processing-error{border-left:3px solid var(--warning);color:color-mix(in srgb, var(--ink) 84%, var(--muted));padding-left:9px;font-size:13px;line-height:1.45}.processing-error{border-left-color:var(--danger)}.metadata-list.compact-metadata-list{gap:8px}.metadata-list.compact-metadata-list div{padding-bottom:8px}.metadata-list.compact-metadata-list dd{font-size:14px}.panel{padding:22px}.panel-wide{grid-column:1/-1}.panel-heading{gap:6px;margin-bottom:18px;display:grid}.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quality-grid section{border:1px solid var(--line);background:var(--panel-soft);align-content:start;gap:12px;padding:16px;display:grid}.quality-list{gap:8px;display:grid}.quality-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:8px;display:flex}.quality-list div:last-child{border-bottom:0;padding-bottom:0}.quality-list dt{color:var(--muted)}.quality-list dd{color:var(--ink);font-size:22px;font-weight:800}.empty-state{border:1px dashed var(--line);background:var(--panel-soft);align-content:center;gap:8px;min-height:190px;padding:22px;display:grid}.empty-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.milestone-list{gap:10px;list-style:none;display:grid}.milestone-list li{color:var(--foreground);align-items:center;gap:10px;display:flex}.milestone-list span{border:1px solid var(--line);width:28px;height:28px;color:var(--accent-strong);flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.mode-grid{flex-wrap:wrap;gap:10px}.mode-grid span{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);padding:10px 12px;font-weight:650}.idea-grid,.suggestion-grid{gap:10px;display:grid}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idea-grid article,.suggestion-grid p{border:1px solid var(--line);background:var(--panel-soft);padding:14px}.idea-grid article{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.idea-grid span{color:var(--accent-strong);font-weight:850}.idea-grid p,.suggestion-grid p{color:var(--ink);line-height:1.45}.library-default-section{gap:16px;display:grid}.song-library-summary{border-top:1px solid color-mix(in srgb, var(--line) 42%, transparent);justify-content:space-between;align-items:end;gap:18px;min-height:72px;padding-top:16px;display:flex}.song-library-summary h2{font-size:24px}.song-library-summary p{max-width:420px;color:var(--muted);line-height:1.45}.song-library-list{gap:12px;display:grid}.song-library-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);grid-template-columns:minmax(220px,1.2fr) minmax(320px,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.song-library-card h2{font-size:18px}.song-library-card h2 a{color:var(--ink);text-decoration:none}.song-library-card p{color:var(--muted);margin-top:4px;font-size:13px}.song-library-meta{grid-template-columns:minmax(130px,1.25fr) repeat(3,minmax(72px,.7fr));gap:6px;display:grid}.song-library-meta div{border-left:1px solid var(--line);min-width:0;padding-left:10px}.song-library-meta dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:750}.song-library-meta dd{color:var(--ink);margin:2px 0 0;font-size:13px;font-weight:750}.song-library-actions{justify-content:flex-end;gap:6px;display:flex}.song-library-actions form{display:contents}.song-library-actions .primary-action,.song-library-actions .secondary-action,.song-library-actions .danger-action{white-space:nowrap;min-height:36px;padding:0 10px;font-size:13px}.song-library-title{min-width:0}.song-library-title h2,.song-library-title p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-source-pill{border:1px solid var(--input-border);background:var(--table-row);min-height:22px;color:var(--muted);text-transform:uppercase;align-items:center;margin-bottom:4px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.advanced-library-panel{gap:14px;margin-top:16px;display:grid}.advanced-library-panel>summary{border:1px solid var(--line);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel-soft) 58%, transparent);width:fit-content;min-height:34px;color:var(--muted);cursor:pointer;align-items:center;padding:0 10px;font-size:13px;font-weight:760;display:inline-flex}.advanced-library-panel>summary:hover,.advanced-library-panel>summary:focus-visible{border-color:color-mix(in srgb, var(--highlight) 32%, var(--line));color:var(--ink);outline:none}.advanced-library-panel[open]>summary{margin-bottom:14px}.song-table-shell{gap:16px;display:grid;position:relative}.song-library-anchor{border-top:1px solid color-mix(in srgb, var(--line) 42%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 28%, transparent);justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:12px 2px;display:flex}.song-library-anchor div{align-items:baseline;gap:12px;display:flex}.song-library-anchor span{color:color-mix(in srgb, var(--muted) 58%, var(--background-base));text-transform:uppercase;font-size:12px;font-weight:800}.song-library-anchor strong{color:var(--ink);font-family:var(--font-display);font-size:18px;font-weight:650}.song-library-anchor p{color:color-mix(in srgb, var(--muted) 62%, var(--background-base));font-size:13px;font-weight:640}.song-filter-grid{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);align-items:end;gap:7px 18px;display:grid}.song-filter-grid label{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px}.song-filter-grid label span{color:color-mix(in srgb, var(--muted) 72%, var(--background-base));text-transform:uppercase;font-size:12px;font-weight:800}.song-filter-grid input,.song-filter-grid select{border-color:color-mix(in srgb, var(--input-border) 72%, transparent);background:color-mix(in srgb, var(--background-base) 82%, var(--surface));min-height:32px;color:color-mix(in srgb, var(--ink) 88%, var(--muted));border-radius:7px;padding:0 10px;font-size:13px;transition:border-color .12s,background .12s,box-shadow .12s}.song-filter-grid select{height:32px}.song-filter-grid input:focus,.song-filter-grid select:focus{border-color:var(--accent-strong);background:color-mix(in srgb, var(--background-base) 74%, var(--surface));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-strong) 16%, transparent)}.song-filter-combo{min-width:0;position:relative}.song-filter-options{z-index:30;border:1px solid color-mix(in srgb, var(--line) 64%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, var(--background-base)), color-mix(in srgb, var(--surface) 78%, var(--background-base)));border-radius:10px;gap:3px;width:100%;max-height:218px;padding:6px;display:grid;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 18px 34px #00000057}.song-filter-options button{min-height:30px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:13px;font-weight:650}.song-filter-options button:hover,.song-filter-options button:focus-visible{background:color-mix(in srgb, var(--primary) 42%, transparent);outline:none}.song-filter-options p{color:var(--muted);padding:8px 9px;font-size:12px}.filter-summary{gap:8px;padding-top:2px;display:grid}.filter-summary-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.filter-summary-heading span{color:color-mix(in srgb, var(--muted) 58%, var(--background-base));text-transform:uppercase;font-size:12px;font-weight:800}.filter-summary-heading strong{color:color-mix(in srgb, var(--muted) 66%, var(--background-base));font-size:12px;font-weight:660}.active-filter-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.active-filter-pill,.clear-filter-action{cursor:pointer;border:0;border-radius:10px;align-items:center;min-height:28px;font-size:12px;transition:background .12s,color .12s,transform .12s;display:inline-flex}.active-filter-pill{background:color-mix(in srgb, var(--surface) 82%, var(--primary));max-width:100%;color:color-mix(in srgb, var(--muted) 78%, var(--ink));gap:8px;padding:0 9px;font-weight:680}.active-filter-pill.metadata{background:color-mix(in srgb, var(--surface) 90%, var(--background-base));color:color-mix(in srgb, var(--muted) 64%, var(--background-base))}.active-filter-pill.origin{background:color-mix(in srgb, var(--border-muted) 18%, var(--surface))}.active-filter-pill.status{background:color-mix(in srgb, var(--success) 15%, var(--surface))}.active-filter-pill.cards{background:color-mix(in srgb, var(--highlight) 13%, var(--surface));color:color-mix(in srgb, var(--muted) 70%, var(--highlight))}.active-filter-pill span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.active-filter-pill span:last-child{color:color-mix(in srgb, var(--muted) 54%, var(--background-base));font-weight:850}.active-filter-pill:hover,.active-filter-pill:focus-visible{background:color-mix(in srgb, var(--primary) 36%, var(--surface));color:var(--ink);outline:none;transform:translateY(-1px)}.clear-filter-action{color:color-mix(in srgb, var(--muted) 60%, var(--background-base));background:0 0;padding:0 4px;font-weight:720}.clear-filter-action:hover,.clear-filter-action:focus-visible{color:var(--accent-strong);outline:none}.active-filter-empty{color:color-mix(in srgb, var(--muted) 50%, var(--background-base));font-size:12px;font-weight:650}.song-table{gap:5px;margin-bottom:-148px;padding-bottom:148px;display:grid;overflow:auto visible}.song-table-header,.song-table-row{grid-template-columns:minmax(260px,2fr) minmax(130px,.9fr) minmax(105px,.65fr) minmax(128px,.85fr) 64px 76px 82px 60px 44px;align-items:center;gap:0;min-width:1020px;display:grid}.song-table-header{padding:0 10px}.song-table-header button,.song-table-header>span{min-height:32px;color:color-mix(in srgb, var(--muted) 72%, var(--background-base));cursor:pointer;text-align:left;text-transform:uppercase;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0 10px;font-size:12px;font-weight:820;display:flex}.song-table-header button:nth-child(5),.song-table-header button:nth-child(8){text-align:center;justify-content:center}.song-table-header button.active{color:color-mix(in srgb, var(--ink) 88%, var(--muted))}.song-table-header button.active span:after{content:"";background:color-mix(in srgb, var(--muted-secondary-accent) 76%, var(--primary));border-radius:999px;width:100%;height:2px;margin-top:3px;display:block}.song-table-row{background:linear-gradient(90deg, color-mix(in srgb, var(--table-row) 92%, var(--primary)), var(--table-row) 68%);min-height:48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 22%, transparent);color:var(--muted);border-radius:7px;font-size:13px;transition:background .12s,box-shadow .12s,transform .12s}.song-table-row:nth-of-type(2n){background:linear-gradient(90deg, color-mix(in srgb, var(--table-row) 88%, var(--primary)), color-mix(in srgb, var(--table-row) 96%, var(--background-base)) 68%)}.song-table-row.clickable{cursor:pointer}.song-table-row.clickable:hover,.song-table-row.clickable:focus-visible{background:linear-gradient(90deg, color-mix(in srgb, var(--table-row-hover) 88%, var(--primary)), var(--table-row-hover) 72%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--muted-secondary-accent) 26%, transparent), 0 10px 22px #00000029;outline:none;transform:translateY(-1px)}.song-table-row>span,.song-table-title,.song-progress-cell,.song-row-actions{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 10px;overflow:hidden}.song-table-centered{text-align:center}.song-table-title{color:var(--ink);font-family:var(--font-display);font-size:14px;font-weight:650;transition:color .14s}.song-table-artist{color:color-mix(in srgb, var(--muted) 76%, var(--ink));font-weight:690}.song-table-muted{color:color-mix(in srgb, var(--muted) 44%, var(--background-base));font-size:11.5px;font-weight:560}.song-table-row.clickable:hover .song-table-title,.song-table-row.clickable:focus-visible .song-table-title{color:color-mix(in srgb, var(--ink) 84%, var(--highlight))}.song-table-count{color:color-mix(in srgb, var(--ink) 88%, var(--muted));font-weight:820}.song-status-cell{background:color-mix(in srgb, var(--muted-secondary-accent) 9%, transparent);width:fit-content;max-width:calc(100% - 20px);min-height:24px;color:color-mix(in srgb, var(--muted) 72%, var(--background-base));border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:780;display:inline-flex}.song-status-cell.needs{background:color-mix(in srgb, var(--warning) 12%, transparent);color:color-mix(in srgb, var(--warning) 74%, var(--muted))}.song-status-cell.ready{background:color-mix(in srgb, var(--success) 15%, transparent);color:color-mix(in srgb, var(--muted-secondary-accent) 78%, var(--success))}.song-progress-cell{color:var(--ink);justify-items:center;gap:3px;font-weight:850;display:grid}.song-progress-cell i{background:var(--accent);border-radius:999px;width:0;height:3px;display:block}.song-row-actions{justify-content:center;gap:6px;display:flex;position:relative;overflow:visible}.song-row-actions form{display:contents}.song-row-menu{position:relative}.song-row-menu summary{cursor:pointer;width:36px;min-height:32px;color:var(--ink);background:0 0;border:0;border-radius:6px;place-items:center;font-weight:900;list-style:none;display:grid}.song-row-menu summary::-webkit-details-marker{display:none}.song-row-menu[open] summary{background:color-mix(in srgb, var(--primary) 34%, transparent)}.song-row-menu-panel{z-index:20;border:1px solid color-mix(in srgb, var(--line) 64%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, var(--background-base)), color-mix(in srgb, var(--surface) 78%, var(--background-base)));transform-origin:100% 0;-webkit-backdrop-filter:blur(8px);border-radius:10px;gap:4px;width:152px;padding:8px;animation:.15s cubic-bezier(.16,1,.3,1) song-menu-emerge;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 22px 46px #00000047}.song-row-menu-panel a,.song-row-menu-panel button{min-height:34px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 10px;font-size:13px;font-weight:750;transition:background .12s,color .12s,transform .12s;display:flex}.song-row-menu-panel a:hover,.song-row-menu-panel button:hover{background:color-mix(in srgb, var(--primary) 42%, transparent);transform:translate(1px)}.song-row-menu-panel button{width:100%;color:var(--danger)}.song-row-menu-panel button:hover{background:color-mix(in srgb, var(--danger) 18%, transparent)}@keyframes song-menu-emerge{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.song-table-empty{border:1px dashed var(--line);background:var(--panel-soft);min-height:120px;color:var(--muted);border-radius:8px;place-items:center;font-weight:750;display:grid}.setup-banner{border-color:var(--warning);background:var(--warning-soft);gap:8px;margin-bottom:16px;padding:18px;display:grid}.setup-banner p{color:var(--muted);line-height:1.55}.private-beta-notice{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:700}.onboarding-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:16px;padding:22px;display:grid}.onboarding-panel p{max-width:680px;color:var(--muted);line-height:1.55}.onboarding-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.setup-checklist{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;display:grid}.setup-checklist li{border:1px solid var(--line);background:var(--panel-soft);min-height:46px;color:var(--muted);align-items:center;gap:10px;padding:10px 12px;font-weight:650;display:flex}.setup-checklist li.complete{border-color:var(--success);background:var(--success-soft);color:var(--ink)}.setup-checklist span{color:var(--accent-strong);font-weight:900}.song-form{gap:18px;padding:22px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}label{color:var(--ink);gap:8px;font-size:14px;font-weight:700;display:grid}input,textarea,select{border:1px solid var(--input-border);background:var(--input-surface);width:100%;color:var(--foreground);border-radius:6px;font-weight:500}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 58%, var(--background-base))}input:focus,textarea:focus,select:focus{border-color:var(--accent-strong);outline:none}input{min-height:44px;padding:0 12px}textarea{resize:vertical;padding:12px;line-height:1.5}input:disabled,textarea:disabled,select:disabled,button:disabled{cursor:not-allowed;opacity:.58}.lyrics-field,.form-actions{grid-column:1/-1}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}button.primary-action,button.secondary-action,button.danger-action{cursor:pointer}.search-provider-form{margin-top:16px}.metadata-list{gap:12px;display:grid}.metadata-list div{border-bottom:1px solid var(--line);gap:4px;padding-bottom:12px;display:grid}.metadata-list dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750}.metadata-list dd{color:var(--ink);font-weight:650}.lyrics-list,.recent-song-list{gap:10px;list-style:none;display:grid}.lyrics-list li{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding-bottom:10px;display:grid}.lyrics-list span{color:var(--muted);font-size:13px;font-weight:750}.lyrics-list p{color:var(--ink);line-height:1.55}.recent-song-list a{background:color-mix(in srgb, var(--panel-soft) 70%, var(--background-base));border-radius:6px;gap:4px;padding:13px 14px;transition:background .12s,color .12s,transform .12s;display:grid}.recent-song-list a:hover,.recent-song-list a:focus-visible{background:color-mix(in srgb, var(--primary) 32%, var(--panel-soft));outline:none;transform:translate(2px)}.recent-song-list strong{color:var(--ink);font-family:var(--font-display);font-weight:650}.recent-song-list span{color:var(--muted)}.match-list{gap:16px;display:grid}.import-result-overlay{z-index:80;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.import-result-dialog{border:1px solid var(--line);background:var(--panel);width:min(460px,100%);box-shadow:0 24px 48px var(--shadow);text-align:center;border-radius:8px;justify-items:center;gap:14px;padding:22px;display:grid}.import-result-dialog h2,.import-result-dialog p{color:var(--ink)}.import-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.match-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:18px;padding:22px;display:grid}.match-main{grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;display:grid}.match-main p{color:var(--muted);margin-top:6px}.match-meta{gap:10px;display:grid}.match-meta div{gap:3px;display:grid}.match-meta dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750}.match-meta dd{color:var(--ink);font-weight:650}.match-evidence-list{flex-wrap:wrap;gap:7px;display:flex}.match-evidence-list span{border:1px solid color-mix(in srgb, var(--line) 68%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel-soft) 72%, var(--background-base));min-height:28px;color:color-mix(in srgb, var(--muted) 84%, var(--ink));align-items:center;padding:0 9px;font-size:12px;font-weight:740;display:inline-flex}.lyric-preview{border-left:3px solid var(--accent);background:var(--panel-soft);gap:6px;padding:14px;display:grid}.lyric-preview p{color:var(--ink);line-height:1.45}.token-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grammar-hit-list,.grammar-pattern-summary-list,.target-card-list{gap:10px;display:grid}.target-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel-soft);grid-template-columns:minmax(0,1.15fr) minmax(220px,.7fr) minmax(260px,.95fr);align-items:start;gap:12px;padding:14px;display:grid}.target-card-copy{gap:4px;min-width:0;display:grid}.target-card-copy span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:820}.target-card-copy h3{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:18px}.target-card-copy p{color:var(--muted);font-size:13px;line-height:1.4}.target-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.target-card-metrics div{border-left:1px solid var(--line);padding-left:9px}.target-card-metrics dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.target-card-metrics dd{color:var(--ink);margin-top:2px;font-size:14px;font-weight:780}.target-state-form{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.target-state-form button{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel) 72%, transparent);min-height:32px;color:color-mix(in srgb, var(--muted) 80%, var(--ink));cursor:pointer;padding:0 9px;font-size:12px;font-weight:760}.target-state-form button:hover,.target-state-form button:focus-visible{border-color:color-mix(in srgb, var(--highlight) 34%, var(--line));background:color-mix(in srgb, var(--primary) 34%, var(--panel));color:var(--ink);outline:none}.target-edit-form{gap:8px;display:grid}.target-edit-form label{gap:4px;font-size:12px}.target-edit-form label span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:820}.target-edit-form input{min-height:34px;padding-inline:9px;font-size:13px}.target-edit-form button{border:1px solid color-mix(in srgb, var(--accent-strong) 58%, var(--line));border-radius:var(--radius-control);background:var(--accent-strong);min-height:34px;color:var(--background-base);cursor:pointer;font-size:12px;font-weight:820}.target-edit-form button:hover,.target-edit-form button:focus-visible{background:color-mix(in srgb, var(--accent-strong) 82%, var(--ink));outline:none}.grammar-pattern-summary-list article{border:1px solid var(--line);background:var(--panel-soft);gap:10px;padding:14px;display:grid}.grammar-pattern-summary-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.grammar-pattern-summary-heading div{gap:4px;display:grid}.grammar-pattern-summary-heading strong{color:var(--ink);font-size:18px}.grammar-pattern-summary-heading p,.grammar-pattern-summary-heading span{color:var(--muted)}.grammar-pattern-summary-heading span{border:1px solid var(--line);background:var(--panel);text-transform:uppercase;border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-weight:800}.grammar-line-details{border-top:1px solid var(--line);padding-top:8px}.grammar-line-details summary{color:var(--accent-strong);cursor:pointer;font-size:13px;font-weight:800}.grammar-line-details ol{gap:8px;margin-top:10px;list-style:none;display:grid}.grammar-line-details li{border-left:3px solid var(--accent);background:var(--panel);gap:3px;padding:8px 10px;display:grid}.grammar-line-details span,.grammar-line-details small{color:var(--muted);font-size:12px;font-weight:750}.grammar-line-details p{color:var(--ink);line-height:1.45}.study-item-list{gap:10px;display:grid}.study-item-list article{border:1px solid var(--line);background:var(--panel-soft);gap:8px;padding:14px;display:grid}.study-item-list div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.study-item-list strong{color:var(--ink);text-transform:capitalize}.study-item-list span,.study-item-list small{color:var(--muted)}.study-item-list p{color:var(--ink);line-height:1.45}.study-cta-panel{align-content:start}.study-cta-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.study-cta-metrics div{border:1px solid var(--line);background:var(--panel-soft);padding:12px}.study-cta-metrics dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.study-cta-metrics dd{color:var(--ink);font-size:26px;font-weight:850}.study-cta-actions{flex-wrap:wrap;gap:10px;display:flex}.study-mode-section{gap:10px;display:grid}.study-mode-section h3{color:var(--ink);margin:0;font-size:16px}.mode-link-list{gap:8px;display:grid}.mode-link-list a{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.mode-link-list strong{color:var(--accent-strong)}.mode-link-list .disabled-link{opacity:.55;pointer-events:none}.study-layout{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.review-card{border:1px solid color-mix(in srgb, var(--muted-secondary-accent) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, var(--primary)), var(--panel));border-radius:10px;gap:18px;padding:28px;scroll-margin-top:18px;display:grid;box-shadow:0 22px 46px #0000002e}.review-card-heading{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;gap:18px;display:grid}.review-card-heading .eyebrow{color:color-mix(in srgb, var(--muted) 70%, var(--background-base))}.review-card-heading h2{margin-top:2px}.review-source-context{border-left:2px solid color-mix(in srgb, var(--muted-secondary-accent) 28%, transparent);max-width:300px;color:color-mix(in srgb, var(--muted) 72%, var(--background-base));justify-self:end;gap:7px;padding-left:12px;display:grid}.review-source-context span{color:color-mix(in srgb, var(--muted) 66%, var(--background-base));font-size:12px;font-weight:760}.review-source-context p{color:color-mix(in srgb, var(--ink) 82%, var(--muted));font-size:14px;line-height:1.45}.review-prompt{color:var(--ink);max-width:760px;margin:10px 0 8px;font-size:clamp(22px,2.55vw,30px);line-height:1.44}.review-target-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.review-target-strip div{border:1px solid color-mix(in srgb, var(--line) 56%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel-soft) 58%, var(--background-base));gap:3px;padding:10px;display:grid}.review-target-strip dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:820}.review-target-strip dd{color:var(--ink);margin:0;font-size:14px;font-weight:780}.review-form,.answer-field,.queue-list{gap:12px;display:grid}.study-filter-form{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1fr) minmax(220px,1.2fr) auto auto auto;align-items:end;gap:12px;padding-bottom:16px;display:grid}.study-filter-form label{gap:8px;display:grid}.study-filter-form label span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700}.study-filter-form .checkbox-label{align-items:center;gap:8px;min-height:44px;display:flex}.study-filter-form .checkbox-label input{width:auto}.answer-field span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choice-grid label{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-soft) 82%, var(--background-base)), color-mix(in srgb, var(--panel-soft) 72%, var(--background-base)));min-height:64px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent), 0 8px 18px #00000014;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:15px 16px;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:flex;position:relative}.choice-grid input{opacity:0;pointer-events:none;position:absolute}.choice-marker{border:1px solid color-mix(in srgb, var(--muted) 62%, var(--background-base));width:14px;height:14px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--panel-soft) 80%, var(--background-base));border-radius:999px;flex:none;display:inline-flex;position:relative}.choice-marker:after{content:"";background:var(--accent-strong);opacity:0;border-radius:999px;width:6px;height:6px;transition:opacity .12s,transform .12s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.65)}.choice-grid span{color:var(--ink)}.choice-grid label:hover,.choice-grid label:focus-within{border-color:color-mix(in srgb, var(--muted-secondary-accent) 32%, transparent);background:color-mix(in srgb, var(--panel-soft) 70%, var(--primary));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent), 0 14px 28px #00000024;transform:translateY(-1px)}.choice-grid label:has(input:checked){border-color:color-mix(in srgb, var(--highlight) 56%, var(--primary));background:color-mix(in srgb, var(--primary) 36%, var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--highlight) 16%, transparent), 0 14px 28px #00000024}.choice-grid label:has(input:checked) .choice-marker{border-color:var(--accent-strong);background:color-mix(in srgb, var(--primary) 72%, var(--panel));box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--primary) 84%, var(--panel))}.choice-grid label:has(input:checked) .choice-marker:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.result-banner{border:0;border-left:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 13%, transparent);padding:12px 14px}.result-banner.success{border-left-color:color-mix(in srgb, var(--success) 82%, var(--muted));background:color-mix(in srgb, var(--success) 13%, transparent)}.answer-feedback{border:0;border-left:2px solid var(--line);background:color-mix(in srgb, var(--panel-soft) 46%, transparent);gap:7px;padding:9px 12px;animation:.16s ease-out feedback-enter;display:grid}.answer-feedback.correct{border-left-color:color-mix(in srgb, var(--success) 82%, var(--muted));background:color-mix(in srgb, var(--success) 13%, transparent)}.answer-feedback.incorrect{border-left-color:color-mix(in srgb, var(--danger) 84%, var(--warning));background:color-mix(in srgb, var(--danger) 12%, transparent)}.feedback-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-heading h2{color:var(--ink);font-size:15px}.feedback-prompt,.feedback-list dd{color:var(--ink)}.feedback-prompt{color:color-mix(in srgb, var(--muted) 78%, var(--ink));font-size:13px;line-height:1.35}.feedback-list{gap:8px;margin:0;display:grid}.feedback-list div{background:color-mix(in srgb, var(--panel) 54%, var(--background-base));border:0;align-items:baseline;gap:10px;padding:8px 10px;display:flex}.feedback-list dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.feedback-list dd{margin:0;font-size:14px;font-weight:780}.feedback-explanation{border-left:3px solid color-mix(in srgb, var(--highlight) 55%, var(--line));color:color-mix(in srgb, var(--ink) 86%, var(--muted));padding-left:10px;font-size:14px;line-height:1.5}.feedback-context-panel{border:1px solid color-mix(in srgb, var(--line) 54%, transparent);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--panel) 54%, var(--background-base));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.feedback-context-panel div{gap:4px;display:grid}.feedback-context-panel p:not(.eyebrow){color:var(--ink);font-size:14px;line-height:1.45}.feedback-action-form{gap:8px;margin-top:2px;display:grid}.feedback-action-grid{flex-wrap:wrap;gap:6px;display:flex}.feedback-action-grid button{border:1px solid color-mix(in srgb, var(--line) 68%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel-soft) 62%, transparent);min-height:30px;color:color-mix(in srgb, var(--muted) 84%, var(--ink));cursor:pointer;padding:0 9px;font-size:12px;font-weight:760;transition:background .12s,border-color .12s,color .12s,transform .12s}.feedback-action-grid button:hover,.feedback-action-grid button:focus-visible{border-color:color-mix(in srgb, var(--highlight) 34%, var(--line));background:color-mix(in srgb, var(--primary) 34%, var(--panel-soft));color:var(--ink);outline:none;transform:translateY(-1px)}.result-banner span,.result-banner strong{color:var(--muted)}.review-form>.primary-action{border-color:color-mix(in srgb, var(--primary) 78%, var(--highlight));background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 88%, var(--muted-secondary-accent)), var(--primary));min-height:48px;transition:background .14s,box-shadow .14s,transform .14s}.review-form>.primary-action:hover,.review-form>.primary-action:focus-visible{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 78%, var(--muted-secondary-accent)), color-mix(in srgb, var(--primary) 92%, var(--background-base)));box-shadow:0 0 0 2px color-mix(in srgb, var(--highlight) 12%, transparent), 0 14px 30px #00000029;outline:none;transform:translateY(-1px)}.review-form>.primary-action:active{transform:translateY(0)}@keyframes feedback-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.queue-panel{align-self:start}.queue-list{margin:0;padding:0;list-style:none}.queue-list li{border:1px solid var(--line);background:var(--panel-soft)}.queue-list li.current{border-color:var(--accent-strong)}.queue-list a{gap:4px;padding:12px;display:grid}.queue-list strong{color:var(--ink);text-transform:capitalize}.queue-list span{color:var(--muted);font-size:13px}.study-page-heading{padding:30px 0 14px}.study-page-heading h1{font-size:clamp(34px,5vw,52px);line-height:1.05}.study-page-heading .hero-copy{margin-top:10px;font-size:15px}.study-workspace{grid-template-columns:minmax(0,1fr) minmax(210px,250px);align-items:start;gap:24px;display:grid}.study-main{gap:0;min-width:0;display:grid}.study-mode-tabs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.study-mode-tabs a{border:1px solid color-mix(in srgb, var(--line) 54%, transparent);background:color-mix(in srgb, var(--panel-soft) 70%, transparent);min-height:30px;color:color-mix(in srgb, var(--muted) 74%, var(--background-base));border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:760;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.study-mode-tabs a.current{background:color-mix(in srgb, var(--primary) 45%, var(--panel));border-color:color-mix(in srgb, var(--highlight) 32%, var(--primary));color:var(--accent-strong)}.study-mode-tabs a:hover,.study-mode-tabs a:focus-visible{background:color-mix(in srgb, var(--primary) 34%, var(--panel));color:var(--ink);outline:none}.active-card-pool{border:1px solid color-mix(in srgb, var(--line) 48%, transparent);background:color-mix(in srgb, var(--panel-soft) 55%, transparent);border-radius:8px;gap:0;margin-top:18px;display:grid;overflow:hidden}.pool-summary{cursor:pointer;min-height:46px;color:color-mix(in srgb, var(--muted) 72%, var(--background-base));align-items:center;gap:10px;padding:0 14px;font-weight:800;list-style:none;display:flex}.pool-summary::-webkit-details-marker{display:none}.pool-summary:before{content:"▸";color:var(--accent-strong);font-size:12px}.active-card-pool[open] .pool-summary:before{content:"▾"}.pool-summary strong{background:color-mix(in srgb, var(--primary) 36%, var(--panel));min-width:28px;min-height:24px;color:var(--ink);border-radius:999px;place-items:center;font-size:12px;font-weight:850;display:inline-grid}.pool-body{border-top:1px solid color-mix(in srgb, var(--line) 46%, transparent);gap:14px;padding:16px;display:grid}.pool-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;display:grid}.pool-title{min-width:0}.pool-title h2{color:var(--ink);text-transform:uppercase;font-size:24px;font-weight:850;line-height:1.08}.pool-title h2 span{white-space:nowrap}.pool-heading>.secondary-action{white-space:nowrap;min-height:42px}.pool-search-row{grid-column:1/-1;grid-template-columns:repeat(2,minmax(180px,1fr));justify-self:center;gap:8px;width:min(560px,100%);display:grid}.review-card input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.study-rail input,.study-rail select,.active-card-pool input{border-color:color-mix(in srgb, var(--input-border) 74%, transparent);background:color-mix(in srgb, var(--background-base) 66%, var(--surface));min-height:38px;color:color-mix(in srgb, var(--ink) 90%, var(--muted))}.review-card input:not([type=radio]):not([type=checkbox]):not([type=hidden]):focus,.study-rail input:focus,.study-rail select:focus,.active-card-pool input:focus{background:color-mix(in srgb, var(--background-base) 58%, var(--surface));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-strong) 14%, transparent)}.active-card-table{border-top:1px solid color-mix(in srgb, var(--line) 48%, transparent);overflow-x:auto}.active-card-row{border-bottom:1px solid color-mix(in srgb, var(--line) 42%, transparent);min-width:760px;min-height:50px;color:var(--muted);grid-template-columns:minmax(260px,1.55fr) minmax(140px,.85fr) minmax(130px,.75fr) 84px 82px;align-items:center;gap:10px;font-size:13px;transition:background .13s,opacity .13s,box-shadow .13s;display:grid}.active-card-row.header{min-height:38px;color:var(--ink);text-transform:uppercase;font-size:12px;font-weight:800}.active-card-row.header span:nth-child(4),.active-card-row.header span:nth-child(5),.active-card-accuracy{text-align:center}.active-card-row.current{background:color-mix(in srgb, var(--primary) 26%, transparent)}.active-card-row:not(.header):hover{background:color-mix(in srgb, var(--primary) 16%, transparent);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--accent-strong) 42%, transparent)}.active-card-row.inactive{opacity:.52}.active-card-row.inactive a,.active-card-row.inactive span{color:color-mix(in srgb, var(--muted) 56%, var(--background-base))}.active-card-row a{color:var(--ink);font-weight:750}.active-card-empty{border-bottom:1px solid var(--line);min-height:58px;color:var(--muted);place-items:center;font-size:13px;display:grid}.active-card-toggle{justify-items:center;display:grid}.active-card-toggle input{width:18px;height:18px;min-height:0;accent-color:var(--accent-strong);cursor:pointer}.rail-filter-form .checkbox-label input{width:auto}.study-rail{opacity:.82;align-self:start;gap:8px;min-width:0;margin-top:40px;display:grid;position:sticky;top:16px}.rail-accordion{gap:7px;display:grid}.rail-accordion details{border:1px solid color-mix(in srgb, var(--line) 32%, transparent);background:color-mix(in srgb, var(--panel-soft) 42%, transparent);border-radius:8px;overflow:hidden}.rail-accordion summary{cursor:pointer;min-height:40px;color:color-mix(in srgb, var(--ink) 72%, var(--muted));justify-content:space-between;align-items:center;gap:10px;padding:8px 11px;font-size:13px;font-weight:780;list-style:none;display:flex}.rail-accordion summary::-webkit-details-marker{display:none}.rail-accordion summary:after{content:"+";color:color-mix(in srgb, var(--accent-strong) 70%, var(--muted));font-weight:900}.rail-accordion details[open] summary{border-bottom:1px solid color-mix(in srgb, var(--line) 42%, transparent)}.rail-accordion details[open] summary:after{content:"-"}.rail-accordion summary small{color:color-mix(in srgb, var(--muted) 58%, var(--background-base));margin-left:auto;font-size:12px}.rail-accordion details>input,.rail-accordion details>.rail-empty{margin:12px}.rail-accordion details>input{width:calc(100% - 24px)}.rail-filter-form,.rail-song-list,.rail-collection-list{gap:7px;margin:10px;display:grid}.rail-filter-form label{font-size:13px}.rail-filter-form .checkbox-label{align-items:center;gap:8px;display:flex}.rail-filter-form .secondary-action{width:100%;min-height:36px}.rail-song-list,.rail-collection-list{padding:0;list-style:none}.rail-song-list li,.rail-collection-list li{background:color-mix(in srgb, var(--panel-soft) 42%, transparent);border:0;transition:background .12s,transform .12s}.rail-song-list a,.rail-collection-list li{gap:4px;padding:9px;display:grid}.rail-song-list li:hover{background:color-mix(in srgb, var(--panel-soft) 58%, var(--primary));transform:translate(1px)}.rail-song-list strong,.rail-collection-list strong{color:color-mix(in srgb, var(--ink) 82%, var(--muted));font-family:var(--font-display);font-size:13px;font-weight:650}.rail-song-list span,.rail-collection-list span,.rail-empty{color:var(--muted);font-size:12px}.rail-song-list span,.rail-collection-list span{display:none}.rail-filter-form{margin:10px}.session-summary{gap:22px}.summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-metrics article{border:1px solid var(--line);background:var(--panel-soft);gap:6px;padding:14px;display:grid}.summary-metrics span,.summary-section h3,.summary-list dt,.weak-item-list span,.muted-copy{color:var(--muted)}.summary-metrics span,.summary-list dt,.weak-item-list span{text-transform:uppercase;font-size:13px;font-weight:700}.summary-metrics strong{color:var(--ink);font-size:28px}.summary-section{gap:12px;display:grid}.summary-section h3{text-transform:uppercase;font-size:14px}.summary-list{gap:10px;margin:0;display:grid}.summary-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:10px;display:flex}.summary-list dd{color:var(--ink);margin:0;font-weight:800}.weak-item-list{gap:10px;display:grid}.weak-item-list article{border:1px solid var(--line);background:var(--panel-soft);gap:6px;padding:12px;display:grid}.weak-item-list strong{color:var(--ink);font-size:20px}.weak-item-list p,.muted-copy{line-height:1.45}.session-actions{flex-wrap:wrap;gap:10px;display:flex}.grammar-hit-list article{border:1px solid var(--line);background:var(--panel-soft);gap:8px;padding:14px;display:grid}.grammar-hit-list div,.pattern-card-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.grammar-hit-list strong,.pattern-card strong{color:var(--ink)}.grammar-hit-list span,.grammar-hit-list small{color:var(--muted)}.grammar-hit-list p{color:var(--ink);line-height:1.45}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pattern-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:16px;padding:22px;display:grid}.pattern-card>p{color:var(--muted);line-height:1.5}.pattern-card-heading strong{font-size:34px}.pattern-examples{gap:8px;display:grid}.pattern-examples a{border:1px solid var(--line);background:var(--panel-soft);gap:4px;padding:12px;display:grid}.pattern-examples span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750}.pattern-examples p{color:var(--ink);line-height:1.45}.vocab-layout{gap:16px;margin-top:16px;display:grid}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.vocab-card{border:1px solid var(--line);background:var(--panel-soft);gap:14px;padding:16px;display:grid}.vocab-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vocab-card-heading div{gap:2px;display:grid}.vocab-card strong{color:var(--ink);font-size:24px}.vocab-card span,.vocab-card small,.vocab-card>p{color:var(--muted)}.vocab-card>p{font-size:13px}.vocab-examples{gap:8px;display:grid}.vocab-examples a{border:1px solid var(--line);background:var(--panel);gap:4px;padding:12px;display:grid}.vocab-examples span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750}.vocab-examples p{color:var(--ink);line-height:1.45}.compact-empty{min-height:auto}.token-table article{border:1px solid var(--line);background:var(--panel-soft);grid-template-columns:1fr 1fr;gap:6px 10px;padding:12px;display:grid}.token-table strong{color:var(--ink);font-size:18px}.token-table span,.token-table p{color:var(--muted);font-size:13px}.token-table p{grid-column:1/-1}@media (max-width:1120px){.song-detail-layout,.song-analysis-grid,.target-card{grid-template-columns:1fr}.song-detail-sidebar{position:static}}@media (max-width:1040px){.study-workspace{grid-template-columns:1fr}.study-rail{margin-top:0;position:static}}@media (max-width:760px){.topbar,.page-heading,.song-detail-header,.processing-alert{align-items:flex-start}.topbar{grid-template-columns:1fr;gap:10px;padding-bottom:14px}.nav-links,.account-menu{justify-content:flex-start}.dashboard-hero,.learn-heading,.learner-home-heading,.quick-add-form,.command-grid,.learn-focus-grid,.lesson-card-grid,.lesson-card-metrics,.lesson-step-list,.home-activity-grid,.home-hero,.landing-loop ol,.proof-grid,.trust-grid,.demo-hero,.demo-workflow,.demo-target-list dl,.policy-grid,.pricing-grid,.settings-grid,.settings-metrics,.metric-grid,.workspace-grid,.home-grid,.detail-grid,.form-grid,.idea-grid,.loop-list,.direction-list,.song-filter-grid,.onboarding-panel,.match-main,.song-library-card,.song-library-summary,.song-library-meta,.token-table,.pattern-grid,.vocab-grid,.quality-grid,.summary-metrics,.review-target-strip,.feedback-context-panel,.study-layout,.compact-quality-grid,.processing-alert,.processing-run-counts,.setup-checklist{grid-template-columns:1fr}.song-header-actions{flex-direction:column;justify-content:stretch;width:100%}.processing-alert-actions{justify-content:stretch;width:100%}.processing-alert-actions a,.feedback-context-panel .secondary-action{width:100%}.song-detail-subtitle{gap:4px;display:grid}.song-detail-subtitle span+span{border-left:0;padding-left:0}.song-detail-header{flex-direction:column}.song-panel-heading-row{flex-direction:column;align-items:flex-start}.dashboard-hero,.learner-home-heading,.home-hero{align-items:flex-start}.public-topbar{flex-direction:column;align-items:flex-start;padding:14px 0}.public-topbar nav{flex-wrap:wrap}.landing-hero{min-height:720px;padding-top:360px}.landing-hero-scene{height:330px;bottom:auto}.lyric-line-card{grid-template-columns:1fr;gap:8px;top:18px}.lyric-target-note{bottom:82px;left:18px;right:18px}.review-mini-card{width:auto;bottom:18px;left:18px;right:18px}.demo-hero{align-items:flex-start;min-height:auto;padding:42px 0 28px}.demo-hero h1{font-size:36px}.demo-lyrics-panel{min-height:auto}.demo-lyric-list li,.demo-target-list section>div:first-child{grid-template-columns:1fr}.demo-target-list section>div:first-child{display:grid}.demo-review-card blockquote{font-size:21px}.command-metrics,.recent-learning-list li{grid-template-columns:1fr}.section-heading-row,.song-library-summary{flex-direction:column;align-items:flex-start}.hero-actions{flex-direction:column;width:100%}.feedback-submit{flex-direction:column;align-items:stretch}.song-library-actions,.primary-action,.secondary-action,.tertiary-action,.danger-action{width:100%}.song-library-actions{flex-wrap:wrap}.song-filter-grid label{grid-template-columns:1fr}.result-banner{flex-direction:column;align-items:flex-start}.feedback-heading,.empty-actions,.onboarding-actions,.session-actions{flex-direction:column}.study-filter-form,.review-card-heading{grid-template-columns:1fr}.review-source-context{justify-self:stretch;max-width:none}.choice-grid,.feedback-list{grid-template-columns:1fr}.study-page-heading h1{font-size:32px}.study-mode-tabs a{flex:150px}.pool-heading,.pool-search-row{grid-template-columns:1fr;align-items:stretch}.pool-heading{display:grid}.active-card-row{grid-template-columns:minmax(240px,1.4fr) minmax(120px,.8fr) minmax(110px,.7fr) 78px 78px;min-width:680px}}