._shell_ecaj8_1{display:grid;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);min-height:100vh}._sidebar_ecaj8_7{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;min-height:100vh;padding:2.4rem 1.6rem;border-right:1px solid var(--border-color);background:radial-gradient(circle at top left,rgba(210,221,232,.7),transparent 45%),linear-gradient(180deg,#ffffffc2,#ffffffeb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._brand_ecaj8_22 h1{margin:.2rem 0 0;font-size:clamp(2rem,4vw,2.75rem);line-height:.98;letter-spacing:-.04em}._kicker_ecaj8_29{margin:0;color:var(--accent-strong);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}._description_ecaj8_37{max-width:22rem;margin:.85rem 0 0;color:var(--muted-text);font-size:.95rem;line-height:1.55}._nav_ecaj8_45{display:grid;gap:.5rem;margin-top:2rem}._navItemLink_ecaj8_51{text-decoration:none}._navItem_ecaj8_51{position:relative;display:block;padding:.9rem 1rem;border:1px solid var(--border-color);border-radius:1rem;color:var(--text-color);overflow:hidden;transition:border-color .14s ease,background-color .14s ease,box-shadow .18s ease}._navItem_ecaj8_51{background:#ffffffb3}._navItemActive_ecaj8_73{border-color:#224a6d47;box-shadow:var(--shadow-soft)}._navItemGlow_ecaj8_78{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffffdb,#fffffffa),radial-gradient(circle at left center,rgba(200,219,233,.38),transparent 55%);z-index:0}._navItemLabel_ecaj8_88{position:relative;z-index:1}._main_ecaj8_93{padding:2rem}._routeStage_ecaj8_97{min-height:calc(100vh - 4rem)}._sidebar_ecaj8_7 .auth-trigger{margin-top:0}._footer_ecaj8_105{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:auto;padding-top:1.5rem}._footerLink_ecaj8_113,button._footerLink_ecaj8_113{padding:0;border:none;background:transparent;color:var(--muted-text);font:inherit;font-size:.82rem;text-decoration:none;cursor:pointer;transition:color .15s ease}._footerLink_ecaj8_113:hover,button._footerLink_ecaj8_113:hover{color:var(--text-color);text-decoration:underline}@media(max-width:960px){._shell_ecaj8_1{grid-template-columns:1fr}._sidebar_ecaj8_7{position:static;min-height:auto;border-right:none;border-bottom:1px solid var(--border-color)}._main_ecaj8_93{padding:1.25rem}._routeStage_ecaj8_97{min-height:auto}._footer_ecaj8_105{margin-top:.5rem;padding-top:.75rem}}:root,.light,.light-theme{--sand-1: #fdfdfc;--sand-2: #f9f9f8;--sand-3: #f1f0ef;--sand-4: #e9e8e6;--sand-5: #e2e1de;--sand-6: #dad9d6;--sand-7: #cfceca;--sand-8: #bcbbb5;--sand-9: #8d8d86;--sand-10: #82827c;--sand-11: #63635e;--sand-12: #21201c}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--sand-1: color(display-p3 .992 .992 .989);--sand-2: color(display-p3 .977 .977 .973);--sand-3: color(display-p3 .943 .942 .936);--sand-4: color(display-p3 .913 .912 .903);--sand-5: color(display-p3 .885 .883 .873);--sand-6: color(display-p3 .854 .852 .839);--sand-7: color(display-p3 .813 .81 .794);--sand-8: color(display-p3 .738 .734 .713);--sand-9: color(display-p3 .553 .553 .528);--sand-10: color(display-p3 .511 .511 .488);--sand-11: color(display-p3 .388 .388 .37);--sand-12: color(display-p3 .129 .126 .111)}}}:root,.light,.light-theme{--sand-a1: #55550003;--sand-a2: #25250007;--sand-a3: #20100010;--sand-a4: #1f150019;--sand-a5: #1f180021;--sand-a6: #19130029;--sand-a7: #19140035;--sand-a8: #1915014a;--sand-a9: #0f0f0079;--sand-a10: #0c0c0083;--sand-a11: #080800a1;--sand-a12: #060500e3}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--sand-a1: color(display-p3 .349 .349 .024 / .012);--sand-a2: color(display-p3 .161 .161 .024 / .028);--sand-a3: color(display-p3 .067 .067 .008 / .063);--sand-a4: color(display-p3 .129 .129 .012 / .099);--sand-a5: color(display-p3 .098 .067 .008 / .126);--sand-a6: color(display-p3 .102 .075 .004 / .161);--sand-a7: color(display-p3 .098 .098 .004 / .208);--sand-a8: color(display-p3 .086 .075 .004 / .287);--sand-a9: color(display-p3 .051 .051 .004 / .471);--sand-a10: color(display-p3 .047 .047 0 / .514);--sand-a11: color(display-p3 .031 .031 0 / .632);--sand-a12: color(display-p3 .024 .02 0 / .891)}}}:root,.light,.light-theme{--slate-1: #fcfcfd;--slate-2: #f9f9fb;--slate-3: #f0f0f3;--slate-4: #e8e8ec;--slate-5: #e0e1e6;--slate-6: #d9d9e0;--slate-7: #cdced6;--slate-8: #b9bbc6;--slate-9: #8b8d98;--slate-10: #80838d;--slate-11: #60646c;--slate-12: #1c2024}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--slate-1: color(display-p3 .988 .988 .992);--slate-2: color(display-p3 .976 .976 .984);--slate-3: color(display-p3 .94 .941 .953);--slate-4: color(display-p3 .908 .909 .925);--slate-5: color(display-p3 .88 .881 .901);--slate-6: color(display-p3 .85 .852 .876);--slate-7: color(display-p3 .805 .808 .838);--slate-8: color(display-p3 .727 .733 .773);--slate-9: color(display-p3 .547 .553 .592);--slate-10: color(display-p3 .503 .512 .549);--slate-11: color(display-p3 .379 .392 .421);--slate-12: color(display-p3 .113 .125 .14)}}}:root,.light,.light-theme{--slate-a1: #00005503;--slate-a2: #00005506;--slate-a3: #0000330f;--slate-a4: #00002d17;--slate-a5: #0009321f;--slate-a6: #00002f26;--slate-a7: #00062e32;--slate-a8: #00083046;--slate-a9: #00051d74;--slate-a10: #00071b7f;--slate-a11: #0007149f;--slate-a12: #000509e3}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--slate-a1: color(display-p3 .024 .024 .349 / .012);--slate-a2: color(display-p3 .024 .024 .349 / .024);--slate-a3: color(display-p3 .004 .004 .204 / .059);--slate-a4: color(display-p3 .012 .012 .184 / .091);--slate-a5: color(display-p3 .004 .039 .2 / .122);--slate-a6: color(display-p3 .008 .008 .165 / .15);--slate-a7: color(display-p3 .008 .027 .184 / .197);--slate-a8: color(display-p3 .004 .031 .176 / .275);--slate-a9: color(display-p3 .004 .02 .106 / .455);--slate-a10: color(display-p3 .004 .027 .098 / .499);--slate-a11: color(display-p3 0 .02 .063 / .62);--slate-a12: color(display-p3 0 .012 .031 / .887)}}}:root,.light,.light-theme{--sky-1: #f9feff;--sky-2: #f1fafd;--sky-3: #e1f6fd;--sky-4: #d1f0fa;--sky-5: #bee7f5;--sky-6: #a9daed;--sky-7: #8dcae3;--sky-8: #60b3d7;--sky-9: #7ce2fe;--sky-10: #74daf8;--sky-11: #00749e;--sky-12: #1d3e56}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--sky-1: color(display-p3 .98 .995 .999);--sky-2: color(display-p3 .953 .98 .99);--sky-3: color(display-p3 .899 .963 .989);--sky-4: color(display-p3 .842 .937 .977);--sky-5: color(display-p3 .777 .9 .954);--sky-6: color(display-p3 .701 .851 .921);--sky-7: color(display-p3 .604 .785 .879);--sky-8: color(display-p3 .457 .696 .829);--sky-9: color(display-p3 .585 .877 .983);--sky-10: color(display-p3 .555 .845 .959);--sky-11: color(display-p3 .193 .448 .605);--sky-12: color(display-p3 .145 .241 .329)}}}:root,.light,.light-theme{--sky-a1: #00d5ff06;--sky-a2: #00a4db0e;--sky-a3: #00b3ee1e;--sky-a4: #00ace42e;--sky-a5: #00a1d841;--sky-a6: #0092ca56;--sky-a7: #0089c172;--sky-a8: #0085bf9f;--sky-a9: #00c7fe83;--sky-a10: #00bcf38b;--sky-a11: #00749e;--sky-a12: #002540e2}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--sky-a1: color(display-p3 .02 .804 1 / .02);--sky-a2: color(display-p3 .024 .592 .757 / .048);--sky-a3: color(display-p3 .004 .655 .886 / .102);--sky-a4: color(display-p3 .004 .604 .851 / .157);--sky-a5: color(display-p3 .004 .565 .792 / .224);--sky-a6: color(display-p3 .004 .502 .737 / .299);--sky-a7: color(display-p3 .004 .459 .694 / .397);--sky-a8: color(display-p3 0 .435 .682 / .542);--sky-a9: color(display-p3 .004 .71 .965 / .416);--sky-a10: color(display-p3 .004 .647 .914 / .444);--sky-a11: color(display-p3 .193 .448 .605);--sky-a12: color(display-p3 .145 .241 .329)}}}:root,.light,.light-theme{--tomato-1: #fffcfc;--tomato-2: #fff8f7;--tomato-3: #feebe7;--tomato-4: #ffdcd3;--tomato-5: #ffcdc2;--tomato-6: #fdbdaf;--tomato-7: #f5a898;--tomato-8: #ec8e7b;--tomato-9: #e54d2e;--tomato-10: #dd4425;--tomato-11: #d13415;--tomato-12: #5c271f}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--tomato-1: color(display-p3 .998 .989 .988);--tomato-2: color(display-p3 .994 .974 .969);--tomato-3: color(display-p3 .985 .924 .909);--tomato-4: color(display-p3 .996 .868 .835);--tomato-5: color(display-p3 .98 .812 .77);--tomato-6: color(display-p3 .953 .75 .698);--tomato-7: color(display-p3 .917 .673 .611);--tomato-8: color(display-p3 .875 .575 .502);--tomato-9: color(display-p3 .831 .345 .231);--tomato-10: color(display-p3 .802 .313 .2);--tomato-11: color(display-p3 .755 .259 .152);--tomato-12: color(display-p3 .335 .165 .132)}}}:root,.light,.light-theme{--tomato-a1: #ff000003;--tomato-a2: #ff200008;--tomato-a3: #f52b0018;--tomato-a4: #ff35002c;--tomato-a5: #ff2e003d;--tomato-a6: #f92d0050;--tomato-a7: #e7280067;--tomato-a8: #db250084;--tomato-a9: #df2600d1;--tomato-a10: #d72400da;--tomato-a11: #cd2200ea;--tomato-a12: #460900e0}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--tomato-a1: color(display-p3 .675 .024 .024 / .012);--tomato-a2: color(display-p3 .757 .145 .02 / .032);--tomato-a3: color(display-p3 .831 .184 .012 / .091);--tomato-a4: color(display-p3 .976 .192 .004 / .165);--tomato-a5: color(display-p3 .918 .192 .004 / .232);--tomato-a6: color(display-p3 .847 .173 .004 / .302);--tomato-a7: color(display-p3 .788 .165 .004 / .389);--tomato-a8: color(display-p3 .749 .153 .004 / .499);--tomato-a9: color(display-p3 .78 .149 0 / .769);--tomato-a10: color(display-p3 .757 .141 0 / .8);--tomato-a11: color(display-p3 .755 .259 .152);--tomato-a12: color(display-p3 .335 .165 .132)}}}:root{color-scheme:light;--page-background: var(--sand-2);--page-background-strong: var(--sand-3);--card-background: rgba(255, 255, 255, .74);--card-background-strong: rgba(255, 255, 255, .92);--border-color: var(--slate-a5);--shadow-soft: 0 14px 45px rgba(44, 58, 74, .08);--text-color: var(--slate-12);--muted-text: var(--slate-10);--accent: var(--sky-4);--accent-strong: var(--sky-11);--focus-ring: var(--sky-a5);--error-color: var(--tomato-11);--radius-lg: 1.4rem;--radius-md: 1rem;--content-width: 78rem;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,var(--sky-a4),transparent 30%),radial-gradient(circle at bottom right,var(--sand-a4),transparent 30%),var(--page-background)}body{margin:0;color:var(--text-color);background:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot-screen{display:grid;min-height:100vh;place-items:center;padding:1.5rem}.boot-screen__panel{max-width:34rem;padding:2rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-background-strong);box-shadow:var(--shadow-soft)}.eyebrow{margin:0 0 .45rem;color:var(--accent-strong);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.page-stack{display:grid;gap:1.25rem;max-width:var(--content-width)}.page-intro{display:grid;gap:.8rem;padding:1rem 0 .2rem}.page-intro h1{margin:0;max-width:14ch;font-size:clamp(2.5rem,5vw,4.3rem);line-height:.96;letter-spacing:-.05em;font-family:Iowan Old Style,Palatino Linotype,serif;font-weight:700}.page-intro p:last-child{max-width:48rem;margin:0;color:var(--muted-text);font-size:1rem;line-height:1.65}.content-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(18rem,28rem) minmax(0,1fr);align-items:start}.panel{padding:1.2rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-background);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel--config{position:relative;z-index:8}.panel--score{position:relative;z-index:1;width:100%}.panel__header{display:flex;gap:1rem;justify-content:space-between;align-items:start;margin-bottom:1rem}.panel__header h2{margin:0;font-size:1.35rem}.panel__subcopy{margin:.35rem 0 0;color:var(--muted-text)}.panel__actions{display:flex;gap:.55rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.field-grid--scales,.field-grid--rhythm{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}.inline-options{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.85rem;padding-top:.85rem;border-top:1px solid rgba(47,63,78,.08)}.inline-toggle{display:inline-flex;align-items:center;gap:.55rem;min-height:2.5rem;padding:.45rem .75rem;border:1px solid rgba(44,63,84,.12);border-radius:999px;background:#ffffffb8;color:var(--muted-text);font-size:.92rem;line-height:1}.inline-toggle__box{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:1.15rem;block-size:1.15rem;border:1px solid var(--slate-a6);border-radius:.35rem;background:#fffffff5;color:var(--accent-strong);box-shadow:inset 0 1px #ffffffd9}.inline-toggle__box:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.inline-toggle__indicator{display:inline-flex;align-items:center;justify-content:center}.inline-toggle__hint{display:inline-flex;align-items:center;justify-content:center;color:var(--muted-text)}.inline-toggle__hint svg{inline-size:.95rem;block-size:.95rem}.practice-progress-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.85rem;align-items:center;margin-top:1rem;padding:.9rem;border:1px solid rgba(44,63,84,.11);border-radius:1.1rem;background:linear-gradient(135deg,#ffffffe6,#f4f9fcb8),#ffffffd1}.practice-progress-strip h3,.practice-progress-strip p{margin:0}.practice-progress-strip h3{font-size:1.02rem}.practice-progress-strip p:not(.eyebrow){margin-top:.25rem;color:var(--muted-text);font-size:.92rem}.practice-progress-strip__meta{display:inline-flex}.practice-progress-strip__button{min-width:12.5rem;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .7rem;border:1px solid rgba(44,63,84,.12);border-radius:999px;background:#ffffffc7;color:var(--muted-text);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status-pill--current{border-color:#32815838;background:#e8f6edd1;color:#267347}.status-pill--soon,.status-pill--new-tempo{border-color:#ae742338;background:#fff5e0db;color:#8a5a14}.status-pill--due,.status-pill--stale{border-color:#cd443638;background:#ffebe7db;color:var(--error-color)}.field-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.9rem}.field{display:grid;gap:.45rem}.field__label-row{display:inline-flex;align-items:center;gap:.4rem}.field__label{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-text)}.field__hint{display:inline-flex;align-items:center;justify-content:center;color:var(--muted-text)}.field__hint svg{inline-size:.92rem;block-size:.92rem}.field__control{width:100%;padding:.78rem .92rem;border:1px solid rgba(44,63,84,.14);border-radius:.95rem;background:#fffffff5;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.field__control:focus-visible{outline:none;border-color:#385d7c47;box-shadow:0 0 0 3px var(--focus-ring)}.field__control--select{padding-right:2.4rem}.field__control--select:has(.field__select-preview){padding-left:4.2rem}.field__control--select-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;text-align:left;box-shadow:0 4px 14px #2c3f540a}.field__chevron{flex:0 0 auto;margin-left:.9rem;color:var(--accent-strong);pointer-events:none;line-height:1}.field__select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field__select-preview{position:absolute;inset-inline-start:.92rem;top:50%;display:inline-flex;align-items:center;justify-content:center;inline-size:2.4rem;block-size:1.25rem;overflow:visible;pointer-events:none;transform:translateY(-50%)}.field__select-preview .note-preview{inline-size:3.8rem;block-size:2.3rem}.select-content{z-index:50;min-width:var(--radix-select-trigger-width);max-height:min(22rem,var(--radix-select-content-available-height));overflow:hidden;border:1px solid rgba(44,63,84,.12);border-radius:1rem;background:#fffffffa;box-shadow:0 22px 40px #1f2c381f,0 8px 18px #1f2c3814;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.multi-field{position:relative}.multi-select-content{position:absolute;z-index:40;inset-inline:0;top:calc(100% + .5rem);display:grid;gap:.35rem;padding:.45rem;border:1px solid rgba(44,63,84,.12);border-radius:1rem;background:#fffffffa;box-shadow:0 22px 40px #1f2c381f,0 8px 18px #1f2c3814;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.multi-select-item{display:flex;align-items:center;justify-content:space-between;gap:.9rem;width:100%;padding:.72rem .8rem;border:0;border-radius:.8rem;background:transparent;color:var(--text-color);text-align:left}.multi-select-item:hover,.multi-select-item:focus-visible{background:#c8dbe94d;outline:none}.multi-select-item--checked{background:#c8dbe92e}.multi-select-item__main{display:grid;gap:.16rem}.multi-select-item__label{font-weight:600}.multi-select-item__description{color:var(--muted-text);font-size:.88rem;line-height:1.35}.multi-select-item__box{display:inline-flex;align-items:center;justify-content:center;inline-size:1.15rem;block-size:1.15rem;border:1px solid var(--slate-a6);border-radius:.35rem;background:#fffffff5;color:var(--accent-strong);flex:0 0 1.15rem}.multi-select-item__box--checked{border-color:#385d7c38}.select-viewport{padding:.4rem}.select-group-label{margin:.45rem .45rem .3rem;padding-top:.55rem;border-top:1px solid rgba(44,63,84,.1);color:var(--muted-text);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.select-group-label:first-child{margin-top:0;padding-top:.1rem;border-top:0}.select-item{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.72rem .8rem;border-radius:.8rem;color:var(--text-color);outline:none;cursor:default}.select-item:has(.select-item__preview){padding-block:.38rem}.select-item__content{display:inline-flex;align-items:center;gap:.7rem;min-width:0}.select-item__preview{display:inline-flex;align-items:center;justify-content:center;flex:0 0 5.25rem}.note-preview{inline-size:5.25rem;block-size:3.25rem;overflow:visible}.note-preview__staff-line,.note-preview__ledger-line{stroke:#28323e94;stroke-width:1;vector-effect:non-scaling-stroke}.note-preview__ledger-line{stroke:#28323eb3}.note-preview__note-head{fill:var(--text-color)}.note-preview__accidental{fill:var(--muted-text);font-size:10px;font-weight:700;font-family:Avenir Next,Segoe UI,sans-serif;dominant-baseline:middle}.select-item[data-highlighted]{background:#c8dbe961}.select-item[data-state=checked]{background:#c8dbe938}.select-item-indicator{color:var(--accent-strong);font-size:.88rem}.toggle{display:flex;gap:1rem;justify-content:space-between;align-items:start;padding:.78rem .92rem;border:1px solid rgba(44,63,84,.14);border-radius:.95rem;background:#fffffff5;min-height:100%}.toggle__description{margin:.3rem 0 0;color:var(--muted-text);font-size:.92rem;line-height:1.45}.toggle__input{inline-size:1.15rem;block-size:1.15rem;margin-top:.18rem}.notation-stage{width:100%;overflow-x:auto;padding:1rem .9rem;border-radius:1rem;background:#fffffff0}.notation-stage svg{max-width:100%}.ghost-button{position:relative;isolation:isolate;overflow:clip;min-width:5.5rem;padding:.75rem .95rem;border:1px solid rgba(44,63,84,.16);border-radius:999px;background:#ffffffeb;box-shadow:inset 0 1px #ffffffbf,0 4px 14px #2c3f5414;transition:box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.ghost-button__sheen{position:absolute;inset:-18%;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 60%),radial-gradient(circle at 30% 30%,#c8dbe98c,#c8dbe900 62%);opacity:0;pointer-events:none}.ghost-button__label{position:relative;z-index:1}.ghost-button__content{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.ghost-button__content svg{inline-size:1rem;block-size:1rem;flex:0 0 1rem}.ghost-button--transport{min-width:7.5rem}.ghost-button:not(:disabled){will-change:transform}.ghost-button:not(:disabled):hover,.ghost-button:not(:disabled):focus-visible{border-color:#385d7c38;background:#fffffffa;box-shadow:inset 0 1px #ffffffd1,0 10px 20px #2c3f541a}.ghost-button:focus-visible{outline:none;box-shadow:0 0 0 3px #385d7c2e,inset 0 1px #ffffffd1,0 10px 20px #2c3f541a}.ghost-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.status-error{margin:.9rem 0 0;color:var(--error-color)}.raw-abc{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.raw-abc pre,.json-block{overflow-x:auto;margin:0;padding:1rem;border-radius:1rem;background:#131d26f5;color:#eff5fb;font-family:Berkeley Mono,SFMono-Regular,monospace;font-size:.9rem;line-height:1.5}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.stat-card,.info-card{padding:1.1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffffc7;box-shadow:var(--shadow-soft)}.stat-card__label{margin:0;color:var(--muted-text);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.stat-card h2,.info-card h3{margin:.35rem 0 .3rem}.stat-card__detail,.info-card p{margin:0;color:var(--muted-text);line-height:1.55}.info-card-stack{display:grid;gap:.85rem;margin-top:.9rem}.key-progress-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.upcoming-review-list{display:grid;gap:.8rem}.upcoming-review-card{display:grid;grid-template-columns:minmax(13rem,1.2fr) minmax(18rem,1fr) auto;gap:1rem;align-items:center;padding:.9rem;border:1px solid rgba(44,63,84,.1);border-radius:1.1rem;background:linear-gradient(135deg,#ffffffe0,#f4f9fca3),#ffffffc2}.upcoming-review-card__title-row{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.upcoming-review-card h3,.upcoming-review-card p{margin:0}.upcoming-review-card p{margin-top:.25rem;color:var(--muted-text)}.upcoming-review-card__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.upcoming-review-card__facts span{display:grid;gap:.15rem;min-width:0;color:var(--muted-text);font-size:.82rem}.upcoming-review-card__facts strong{overflow:hidden;color:var(--text-color);font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.upcoming-review-card__button{min-width:6.5rem}.key-progress-card{display:grid;gap:.35rem;padding:.9rem;border:1px solid rgba(44,63,84,.12);border-radius:1rem;background:#ffffffb8;color:var(--text-color);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.key-progress-card:hover,.key-progress-card:focus-visible,.key-progress-card--active{border-color:#385d7c3d;background:#fffffff2;box-shadow:0 12px 24px #2c3f5414;outline:none;transform:translateY(-1px)}.key-progress-card__tonic{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.6rem;font-weight:700;letter-spacing:-.04em}.key-progress-card__coverage{color:var(--accent-strong);font-weight:700}.key-progress-card__bar,.scale-progress-row__meter{overflow:hidden;block-size:.42rem;border-radius:999px;background:#2c3f5414}.key-progress-card__bar span,.scale-progress-row__meter span{display:block;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),#74a9c8)}.key-progress-card__detail{color:var(--muted-text);font-size:.86rem}.auth-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1.5rem;background:#131d2673;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{width:100%;max-width:28rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-background-strong);box-shadow:var(--shadow-soft)}.auth-modal__header{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.auth-modal__header h2{margin:0;font-size:1.35rem}.auth-modal__content{display:grid;gap:.9rem}.auth-modal__content .button{margin-top:.35rem}.auth-modal__toggle{margin:0;color:var(--muted-text);font-size:.92rem;text-align:center}.link{padding:0;border:0;background:transparent;color:var(--accent-strong);font:inherit;text-decoration:underline;cursor:pointer}.button{padding:.78rem 1.2rem;border:1px solid rgba(44,63,84,.16);border-radius:999px;background:var(--accent-strong);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:opacity .18s ease}.button:disabled{opacity:.55;cursor:not-allowed}.auth-trigger{margin-top:auto;padding-top:1.5rem}.progress-detail-grid{display:grid;grid-template-columns:minmax(16rem,24rem) minmax(0,1fr);gap:1rem;align-items:start}.scale-progress-list,.pattern-progress-table{display:grid;gap:.65rem}.scale-progress-row{display:grid;grid-template-columns:minmax(0,1fr) 5rem 3rem;gap:.7rem;align-items:center;width:100%;padding:.75rem;border:1px solid rgba(44,63,84,.1);border-radius:.95rem;background:#ffffffad;color:var(--text-color);text-align:left}.scale-progress-row:hover,.scale-progress-row:focus-visible,.scale-progress-row--active{border-color:#385d7c3d;background:#fffffff5;outline:none}.scale-progress-row small{display:block;margin-top:.15rem;color:var(--muted-text)}.pattern-progress-panel{padding:.9rem;border:1px solid rgba(44,63,84,.1);border-radius:1.1rem;background:#ffffff94}.pattern-progress-panel__header{margin-bottom:.8rem}.pattern-progress-panel__header h3{margin:0}.pattern-progress-row{display:grid;grid-template-columns:minmax(10rem,1.5fr) auto minmax(7rem,.8fr) minmax(7rem,.8fr) auto;gap:.9rem;align-items:center;padding:.82rem;border:1px solid rgba(44,63,84,.09);border-radius:.95rem;background:#ffffffb8}.pattern-progress-row h4,.pattern-progress-row p{margin:0}.pattern-progress-row p{margin-top:.18rem;color:var(--muted-text);font-size:.88rem}.pattern-progress-row__button{min-width:6.5rem}@media(max-width:1280px){.field-grid--scales{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid--rhythm{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:800px){.field-grid--scales{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-progress-strip,.progress-detail-grid,.upcoming-review-card,.pattern-progress-row,.upcoming-review-card__facts{grid-template-columns:1fr}.practice-progress-strip__meta{justify-content:start}}@media(max-width:640px){.field-grid,.field-grid--scales,.field-grid--rhythm{grid-template-columns:1fr}.panel__header{flex-direction:column}.panel__actions,.practice-progress-strip__button{width:100%}}.cookie-banner{position:fixed;right:1.5rem;bottom:1.5rem;left:1.5rem;z-index:200;display:flex;align-items:center;gap:1.25rem;max-width:52rem;margin:0 auto;padding:1.1rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-background-strong);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cookie-banner__text{flex:1 1 auto;margin:0;font-size:.95rem;line-height:1.5;color:var(--text-color)}.cookie-banner__actions{display:flex;flex-shrink:0;gap:.6rem}.cookie-banner__btn{padding:.55rem 1rem;border:1px solid var(--border-color);border-radius:999px;background:transparent;color:var(--text-color);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.cookie-banner__btn:hover{background:var(--page-background-strong);border-color:var(--slate-a7)}@media(max-width:640px){.cookie-banner{right:1rem;bottom:1rem;left:1rem;flex-direction:column;align-items:stretch;gap:.9rem;padding:1.1rem}.cookie-banner__actions{justify-content:stretch}.cookie-banner__btn{flex:1 1 0}}