/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ease:initial;--shade-x:50%;--shade-y:46%}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}@property --shade-x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --shade-y{syntax:"<percentage>";inherits:false;initial-value:46%}:root{--background:#f4efe4;--background-deep:#e9e2d5;--surface:#fbf8f1;--surface-elevated:#fffdf8;--foreground:#20231f;--foreground-muted:#64665f;--primary:#8b2f3c;--primary-hover:#772533;--primary-active:#651e2b;--primary-foreground:#fffdf8;--success:#73826b;--success-deep:#56634f;--success-soft:#e1e7dd;--accent:#c6a15b;--accent-soft:#e7d7b6;--border:#d5caba;--border-strong:#bbae9a;--danger:#b94a48;--danger-soft:#f2deda;--shadow-color:#362b1e1f;--surface-shadow:0 14px 34px #362b1e16, 0 2px 8px #362b1e09;--surface-shadow-soft:0 8px 22px #362b1e11;--surface-radius:12px;--ink:var(--foreground);--ink-deep:#171a17;--ink-soft:var(--foreground-muted);--paper:var(--background);--paper-light:var(--surface-elevated);--card:var(--surface);--sage:var(--success-soft);--sage-deep:var(--success);--coral:var(--primary);--coral-deep:var(--primary-hover);--coral-soft:#ead7d7;--green:var(--success);--green-soft:var(--success-soft);--line:var(--border);--shadow:var(--shadow-color);--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{background:var(--paper)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 4%, #ffffffe6, transparent 25%), radial-gradient(circle at 93% 18%, #8b2f3c14, transparent 22%), radial-gradient(circle at 48% 92%, #55766c17, transparent 28%), var(--paper);cursor:default;caret-color:#0000;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{z-index:-1;content:"";pointer-events:none;opacity:.34;background-image:linear-gradient(#12342d06 1px,#0000 1px);background-size:100% 32px;position:fixed;inset:0}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),a,select{cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,[contenteditable=true]{cursor:text;caret-color:var(--coral);-webkit-user-select:text;user-select:text}button,a,[role=button]{-webkit-user-select:none;user-select:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.app-shell{cursor:default;caret-color:#0000;min-height:100vh}.ui-icon{width:100%;height:100%;display:block;overflow:visible}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf3c2;border:1px solid #12342d21;border-radius:18px;justify-content:space-between;align-items:center;width:min(1320px,100% - 32px);height:66px;margin:16px auto 0;padding:0 18px;display:flex;position:relative;box-shadow:0 12px 38px #12342d0e}.brand{letter-spacing:-.055em;font-variant-ligatures:common-ligatures;background:0 0;border:0;align-items:center;gap:11px;min-height:44px;padding:0;font-family:Bodoni MT,Didot,Iowan Old Style,Times New Roman,serif;font-size:27px;font-weight:700;line-height:.95;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--coral);-webkit-user-select:none;user-select:none;caret-color:#0000;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:visible}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-mark--footer{width:28px;height:28px;font-size:18px}.session-meta{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:10px;font-size:12px;font-weight:650;display:flex}.header-actions{align-items:center;gap:clamp(12px,2vw,26px);min-width:0;display:flex}.community-header-actions{align-items:center;gap:8px;min-width:0;display:flex}.community-header-actions button{min-height:38px;color:var(--ink);background:#ffffff73;border:1px solid #12342d3b;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:10px;font-weight:780;line-height:1;transition:border-color .28s cubic-bezier(.22,1,.36,1),background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1);display:inline-flex}.community-header-actions button:last-child{border-color:var(--coral);background:var(--coral);color:#fff}.language-switch{background:#ffffff73;border:1px solid #12342d3b;border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.language-switch button{min-width:38px;min-height:32px;color:var(--ink-soft);letter-spacing:.06em;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:10px;font-weight:800;line-height:1;transition:background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1);display:inline-flex}.module-loading{width:min(1180px,100% - 56px);min-height:50vh;color:var(--foreground-muted);font-family:var(--serif);grid-column:2;place-items:center;margin:34px auto 48px;font-size:22px;display:grid}.landing-hero{background:radial-gradient(circle at 82% 20%, #ed654e33, transparent 31%), linear-gradient(135deg, var(--foreground) 0%, var(--ink-deep) 100%);min-height:620px;color:var(--paper-light);border-radius:34px;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(44px,7vw,110px);padding:clamp(56px,8vw,108px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #082c272e}.landing-hero:after{content:"";pointer-events:none;opacity:.26;background-image:linear-gradient(#ffffff14 1px,#0000 1px);background-size:100% 42px;position:absolute;inset:0}.landing-copy{z-index:2;position:relative}.landing-copy h1{font-family:var(--serif);letter-spacing:-.075em;margin:0;font-size:clamp(68px,7.4vw,112px);font-weight:600;line-height:.86}.landing-copy h1 em{color:#f47b65;font-weight:500}.landing-copy>p:not(.kicker){color:#fbf7efbd;max-width:620px;margin:30px 0 0;font-size:17px;line-height:1.75}.landing-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.landing-actions .primary-button,.landing-actions .secondary-button{width:auto;min-width:220px;margin:0;padding-inline:24px}.landing-actions .secondary-button{color:#fff;background:#ffffff0f;border-color:#ffffff8c}.landing-proof{color:#fbf7efad;letter-spacing:.04em;flex-wrap:wrap;gap:12px 26px;margin-top:42px;font-size:10px;font-weight:750;display:flex}.landing-proof span:before{content:"✓";color:#f47b65;margin-right:8px}.landing-art{z-index:1;min-height:440px;position:relative}.landing-staff-card,.landing-fret-card{color:var(--ink);background:#fffaf3f5;border:1px solid #ffffff45;border-radius:24px;position:absolute;box-shadow:0 28px 55px #0000003d}.landing-staff-card{width:min(100%,430px);padding:34px 24px 22px;top:10px;right:0;transform:rotate(2.5deg)}.landing-staff-card .staff{margin:-22px auto -4px}.landing-staff-card>span{color:var(--ink-soft);font-family:var(--serif);text-align:center;font-size:17px;display:block}.landing-fret-card{grid-template-rows:repeat(6,1fr);grid-template-columns:38px repeat(6,1fr);width:min(94%,390px);min-height:174px;padding:32px 28px;display:grid;bottom:4px;left:0;transform:rotate(-3deg)}.landing-fret-card:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(16.66% - 1px),#12342d73 calc(16.66% - 1px) 16.66%);position:absolute;inset:31px 27px 43px 65px}.landing-fret-card>i{z-index:1;background:var(--ink);grid-column:2/-1;align-self:center;height:1px}.landing-fret-card>b{z-index:2;background:var(--coral);color:#fff;width:30px;height:30px;font-family:var(--serif);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;top:48%;left:53%}.landing-fret-card>span{font-size:9px;position:absolute;bottom:49px;right:25%}.landing-fret-card>em{color:var(--ink-soft);font-family:var(--serif);font-size:14px;position:absolute;bottom:17px;left:28px}.landing-orbit{border:1px solid #c6a15b57;border-radius:50%;position:absolute}.landing-orbit--one{width:370px;height:370px;top:35px;left:40px}.landing-orbit--two{width:245px;height:245px;bottom:50px;right:20px}.module-heading{max-width:800px;margin-bottom:34px}.module-heading h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,62px);line-height:1}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.module-category{grid-template-rows:auto 1fr;gap:10px;min-width:0;display:grid}.module-category-label{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:9px;font-weight:850}.module-category .module-card{width:100%;height:100%}.module-card{border:1px solid var(--line);text-align:left;background:#fffaf3cc;border-radius:28px;flex-direction:column;align-items:flex-start;min-height:440px;padding:38px;transition:border-color .32s;display:flex;position:relative;overflow:hidden}.module-number{color:var(--coral);letter-spacing:.13em;font-size:10px;font-weight:850}.module-card>strong{font-family:var(--serif);letter-spacing:-.045em;margin-top:auto;font-size:clamp(32px,4vw,48px)}.module-card>span:not(.module-number):not(.module-visual):not(.module-guitar-visual){max-width:530px;color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.65}.module-card>small{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;margin-top:17px;font-size:9px;font-weight:850}.module-card>b:last-child{margin-top:26px;font-size:11px}.module-visual{place-items:center;width:100%;height:170px;display:grid}.module-visual .range-preview{width:min(100%,470px);transform:scale(1.18)}.module-guitar-visual{background:repeating-linear-gradient(0deg,#0000 0 24px,#12342db3 24px 25px);width:100%;height:170px;margin:15px 0 0;position:relative}.module-guitar-visual:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(14.28% - 1px),#12342d61 calc(14.28% - 1px) 14.28%);position:absolute;inset:0}.module-guitar-visual>b{z-index:1;background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:16%;font-size:10px;display:inline-grid;position:relative;top:74px}.module-coming{color:var(--ink-soft);text-align:center;margin:22px 0 0;font-size:11px}.module-back{min-height:42px;color:var(--ink-soft);background:0 0;border:0;padding:0;font-size:11px;font-weight:750}.guitar-shell{border:1px solid var(--line);background:#fffaf3d1;border-radius:32px;padding:46px;box-shadow:0 26px 62px #12342d14}.guitar-hero{background:var(--ink);min-height:330px;color:var(--paper-light);border-radius:26px;grid-template-columns:1fr .85fr;align-items:center;gap:40px;padding:48px;display:grid;overflow:hidden}.guitar-hero h1,.guitar-results h1,.guitar-question-card h1{font-family:var(--serif);letter-spacing:-.06em;margin:0;font-size:clamp(48px,6vw,82px);line-height:.95}.guitar-hero>div:first-child>p:last-child{color:#fbf7efb3;max-width:620px;line-height:1.7}.guitar-neck-art{background:repeating-linear-gradient(0deg,#0000 0 35px,#fbf7efa6 35px 37px);height:220px;position:relative;transform:rotate(-7deg)}.guitar-neck-art:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 2px),#c6a15bb8 calc(12.5% - 2px) 12.5%);position:absolute;inset:0}.guitar-neck-art>span,.guitar-neck-art>b{z-index:1;color:var(--accent-soft);font-size:11px;position:absolute;bottom:-25px}.guitar-neck-art>span{left:12%}.guitar-neck-art>b{right:5%}.guitar-range-heading{justify-content:space-between;align-items:end;gap:30px;margin:62px 0 22px;display:flex}.guitar-range-heading h2,.fretboard-card-heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,46px)}.guitar-range-heading aside{background:var(--coral-soft);border:0;gap:4px;max-width:560px;padding:16px 18px;display:grid}.guitar-range-heading aside strong{font-family:var(--serif)}.guitar-range-heading aside span{color:var(--ink-soft);font-size:11px;line-height:1.5}.guitar-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guitar-range-grid>button{border:1px solid var(--line);text-align:left;background:#ffffff59;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:160px;padding:24px;transition:border-color .28s,background-color .28s;display:flex}.guitar-range-grid>button small{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.guitar-range-grid>button strong{font-family:var(--serif);margin-top:12px;font-size:22px}.guitar-range-grid>button span{color:var(--ink-soft);margin-top:6px;font-size:11px;line-height:1.45}.guitar-range-grid>button i{border:1px solid var(--coral);border-radius:50%;width:12px;height:12px;margin:auto 0 0 auto;transition:box-shadow .28s,background-color .28s}.guitar-range-grid>button.is-selected{border-color:var(--ink);background:var(--sage)}.fretboard-card{border:1px solid var(--line);background:#ffffff59;border-radius:22px;margin-top:42px;padding:30px}.fretboard-card-heading{text-align:right;flex-direction:row-reverse;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.fretboard-card-heading>span{color:var(--ink-soft);text-align:left;font-size:10px}.fretboard-scroll{scrollbar-color:var(--coral) transparent;width:100%;padding:10px 0 18px;overflow-x:auto}.fretboard{background:linear-gradient(#d9aa72,#c38a52);border-radius:10px;padding-top:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #41260f47}.fretboard-fret-numbers,.fretboard-string{display:grid;position:relative}.fretboard-fret-numbers{color:#2d1d0fb3;text-align:center;font-size:8px;position:absolute;inset:4px 0 auto}.fretboard-string>strong{color:#4d321f;text-align:right;align-self:center;padding-right:9px;font-size:9px}.fret-cell{border-left:2px solid #5a3d2385;place-items:center;min-height:44px;display:grid;position:relative}.fret-cell--open{border-left-width:6px;border-left-color:#f0dfc8}.fretboard-string:after{z-index:1;content:"";pointer-events:none;background:#231c16c7;height:1px;position:absolute;top:50%;left:65px;right:0;box-shadow:0 1px #ffffff59}.fretboard-string--4:after,.fretboard-string--5:after,.fretboard-string--6:after{height:2px}.fret-note{z-index:3;background:var(--paper-light);width:29px;height:29px;color:var(--ink);font-family:var(--serif);border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:800;display:grid;box-shadow:0 3px 8px #41260f40}.fret-note.is-active{background:var(--coral);color:#fff;width:34px;height:34px;font-size:16px;box-shadow:0 0 0 5px #fffaf38c,0 5px 14px #41260f4d}.fretboard-inlays{pointer-events:none;position:absolute;inset:26px 0 0}.fretboard-inlays i{background:#41260f47;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.guitar-actions{grid-template-columns:1.3fr 1fr;gap:10px;margin-top:24px;display:grid}.guitar-actions .primary-button,.guitar-actions .secondary-button{margin:0}.guitar-quiz-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.guitar-quiz-top>div{align-items:baseline;gap:10px;display:flex}.guitar-quiz-top span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.guitar-question-card{background:var(--ink);color:var(--paper-light);border-radius:26px;padding:52px 42px 42px}.guitar-question-card h1{max-width:800px;margin-bottom:30px;font-size:clamp(42px,5vw,68px)}.guitar-answer{gap:10px;max-width:860px;margin:28px auto 0;display:grid}.guitar-answer label{color:#fbf7efb8;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.guitar-answer>div:first-of-type{grid-template-columns:1fr auto;display:grid}.guitar-answer input{border:0;border-radius:12px 0 0 12px;outline:none;min-width:0;min-height:56px;padding:0 16px}.guitar-answer>div:first-of-type>button{background:var(--coral);color:#fff;border:0;border-radius:0 12px 12px 0;min-width:150px;font-weight:750}.guitar-note-choices{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.guitar-note-choices button{color:#fff;min-height:44px;font-family:var(--serif);background:0 0;border:1px solid #ffffff4d;border-radius:10px}.guitar-feedback{background:#ffffff1a;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:860px;margin:28px auto 0;padding:20px;display:grid}.guitar-feedback>strong{font-family:var(--serif);font-size:22px}.guitar-feedback>span{color:#fbf7efc2;font-size:12px}.guitar-feedback>button{background:var(--coral);color:#fff;border:0;border-radius:10px;min-height:44px;padding:0 18px}.guitar-results{max-width:1040px;padding:80px}.guitar-results>p:not(.kicker){color:var(--ink-soft);font-size:16px;line-height:1.65}.guitar-stats{border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:38px;display:grid;overflow:hidden}.guitar-stats>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-height:130px;padding:20px;display:flex}.guitar-stats>div:last-child{border:0}.guitar-stats strong{font-family:var(--serif);font-size:34px}.guitar-stats span{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.setup-shell{isolation:isolate;background:#fffaf3c7;border:1px solid #12342d24;border-radius:32px;gap:12px;width:min(1320px,100% - 32px);margin:20px auto 46px;padding:clamp(28px,4.5vw,64px);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 70px #12342d1a}.setup-shell:before,.setup-shell:after{z-index:-1;content:"";pointer-events:none;border-radius:50%;position:absolute}.setup-shell:before{background:#ed654e14;width:360px;height:360px;top:-180px;right:-150px}.setup-shell:after{background:#55766c17;width:240px;height:240px;bottom:-150px;left:-150px}.hero-copy{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;column-gap:clamp(42px,7vw,110px);min-height:380px;padding:clamp(12px,2vw,28px) clamp(4px,2vw,24px) clamp(36px,5vw,68px);display:grid;position:relative}.kicker{color:var(--coral);letter-spacing:.19em;text-transform:uppercase;margin:0 0 16px;font-size:10px;font-weight:850}.hero-copy .kicker{align-self:end}.hero-copy h1,.results-intro h1{font-family:var(--serif);letter-spacing:-.072em;text-wrap:balance;margin:0;font-size:clamp(64px,7vw,104px);font-weight:600;line-height:.88}.hero-copy h1 em{color:var(--coral);font-weight:500}.hero-lead{max-width:540px;color:var(--ink-soft);align-self:start;margin:27px 0 0;font-size:17px;line-height:1.7}.hero-staff{-webkit-user-select:none;user-select:none;caret-color:#0000;cursor:default;grid-area:1/2/4;justify-self:center;place-items:center;width:min(100%,430px);min-height:245px;display:grid;position:relative;transform:rotate(-1deg)}.hero-staff:before{z-index:-1;aspect-ratio:1;content:"";background:#f8d9cf94;border:1px solid #ed654e2e;border-radius:50%;width:min(26vw,280px);position:absolute}.hero-staff .staff--compact{z-index:1}.scribble{color:var(--sage-deep);white-space:nowrap;font-family:Segoe Print,Bradley Hand,cursive;font-size:15px;position:absolute;bottom:12px;right:2px;transform:rotate(-3deg)}.setup-panel{border-top:1px solid #12342d21;padding:clamp(30px,4vw,48px) clamp(4px,2vw,24px) 8px}.step-heading{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.step-heading>span{color:var(--coral);font-family:var(--serif);padding-top:3px;font-size:14px;font-style:italic}.step-heading p{color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:800}.step-heading h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(25px,3vw,32px);font-weight:600}.compact-heading{margin-bottom:15px}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.level-card{text-align:left;border:1px solid var(--line);background:#ffffff7a;border-radius:16px;width:100%;min-width:0;min-height:224px;padding:17px 18px 18px;transition:border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.level-top{justify-content:space-between;gap:12px;margin:0 0 5px;display:flex}.level-top small{color:var(--coral);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:850}.level-top b{color:var(--sage-deep);white-space:nowrap;font-size:9px;font-weight:760}.level-card>strong{font-family:var(--serif);font-size:20px;line-height:1.12;display:block}.level-card>span:not(.level-top):not(.range-preview){color:var(--ink-soft);margin-top:5px;font-size:11px;line-height:1.45;display:block}.level-card .level-instruments{color:var(--primary);margin-top:10px;font-size:9px;font-weight:720;line-height:1.4;display:block}.level-card,.mode-card,.score-option-grid>button,.mobile-module-navigation a{touch-action:manipulation}.level-card:focus-visible,.mode-card:focus-visible{outline-offset:3px;outline:3px solid #c6a15bc7}.range-preview{width:100%;height:68px;color:var(--ink);-webkit-user-select:none;user-select:none;caret-color:#0000;margin:2px 0 12px;display:block;position:relative;overflow:hidden}.range-preview-lines{opacity:.62;background:repeating-linear-gradient(currentColor 0 1px,#0000 1px 8px);height:33px;position:absolute;top:18px;left:27px;right:3px}.range-preview-clef{z-index:2;font-family:Noto Music,Segoe UI Symbol,serif;font-size:45px;line-height:1;position:absolute;top:5px;left:2px;transform:translateY(-1px)}.range-preview-mark{z-index:3;display:block;position:absolute;inset:0}.range-preview-ledger{z-index:2;background:var(--ink);width:18px;height:1px;display:block;position:absolute;transform:translate(-50%,-50%)}.range-preview-note{z-index:3;background:var(--ink);border-radius:50%;width:10px;height:7px;transition:background-color .24s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%)rotate(-14deg)}.range-preview-note:after{background:inherit;content:"";transform-origin:bottom;width:1.5px;height:16px;position:absolute;bottom:2px;right:0;transform:rotate(14deg)}.level-card.is-selected .range-preview-note{background:var(--coral);transition-delay:.1s}.divider{background:#12342d1f;height:1px;margin:32px 0 26px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-card{text-align:left;border:1px solid var(--line);background:#ffffff70;border-radius:14px;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;min-width:0;padding:14px;transition:border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);display:grid}.mode-card.is-selected{border-color:var(--sage-deep);background:var(--sage);transition-delay:70ms;box-shadow:0 9px 22px #12342d0e}.mode-card>span:nth-child(2){min-width:0}.mode-icon{background:var(--card);width:46px;height:46px;color:var(--ink);-webkit-user-select:none;user-select:none;caret-color:#0000;border-radius:12px;place-items:center;padding:9px;font-size:27px;line-height:1;display:inline-grid}.mode-icon--clef{padding:4px 7px 8px;font-family:Noto Music,Segoe UI Symbol,serif;font-size:30px}.mode-icon--text{font-family:var(--serif);padding-bottom:11px;font-size:20px;font-style:italic}.mode-icon--check{padding:12px}.mode-icon--infinity{font-family:var(--serif);padding-bottom:11px;font-size:30px}.mode-card strong{font-size:12px;line-height:1.25;display:block}.mode-card small{color:var(--ink-soft);margin-top:4px;font-size:10px;line-height:1.35;display:block}.selection-indicator{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;line-height:1;transition:border-color .24s cubic-bezier(.22,1,.36,1);display:inline-grid;position:relative}.selection-indicator:after{background:var(--coral);content:"";opacity:0;border-radius:50%;width:7px;height:7px;transition:opacity .2s,transform .28s cubic-bezier(.22,1,.36,1);transform:scale(.35)}.mode-card.is-selected .selection-indicator{border-color:var(--coral);transition-delay:90ms}.mode-card.is-selected .selection-indicator:after{opacity:1;transition-delay:90ms;transform:scale(1)}.session-type-grid .mode-card{background:#f8d9cf2b}.session-type-grid .mode-card.is-selected{border-color:var(--coral);background:#f8d9cf80}.primary-button{border:1px solid var(--ink-deep);background:linear-gradient(135deg, var(--ink), var(--ink-deep));width:100%;min-height:56px;color:var(--paper-light);border-radius:14px;justify-content:space-between;align-items:center;margin-top:28px;padding:16px 20px;font-weight:780;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 12px 24px #082c2721}.setup-panel>.primary-button{max-width:560px;margin-left:auto;margin-right:auto}.primary-button:disabled{opacity:.65;box-shadow:none;transform:none}.primary-button[aria-busy=true]{cursor:wait;opacity:.82}.primary-button>span,.answer-line button>span,.feedback button>span{width:1.4em;height:1.4em;color:var(--accent-soft);flex:none;place-items:center;font-size:19px;line-height:1;display:inline-grid}.setup-note{text-align:center;color:var(--ink-soft);margin:12px auto 0;font-size:9px}.staff,.staff *{-webkit-user-select:none;user-select:none;caret-color:#0000;cursor:default}.staff{width:480px;max-width:100%;height:220px;margin:8px auto;position:relative}.staff--compact{width:300px;height:110px;margin:0}.staff-lines{position:absolute;inset:0}.staff-lines>span:not(.note-head):not(.note-stem){background:var(--ink);height:1.5px;position:absolute;transform:translateY(-50%)}.staff-lines .ledger{height:1.8px!important}.clef{z-index:2;font-family:Noto Music,Segoe UI Symbol,serif;font-size:96px;line-height:1;position:absolute;top:27px;left:55px}.staff--compact .clef{font-size:61px;top:18px;left:38px}.note-head{z-index:3;background:var(--coral);border-radius:50%;width:25px;height:17px;position:absolute;transform:translate(-50%,-50%)rotate(-15deg);box-shadow:0 0 0 1px #12342d29}.staff--compact .note-head{width:19px;height:13px}.note-stem{z-index:2;background:var(--coral);width:2px;height:47px;position:absolute}.staff--compact .note-stem{height:35px}.staff--animated .note-head,.staff--animated .note-stem{will-change:top, left;transition:top .78s cubic-bezier(.22,1,.36,1),left .78s cubic-bezier(.22,1,.36,1)}.quiz-shell{background:linear-gradient(145deg, #0d493f, var(--ink-deep));width:min(980px,100% - 32px);min-height:calc(100vh - 170px);color:var(--paper-light);border:1px solid #ffffff24;border-radius:28px;margin:24px auto 48px;padding:22px;box-shadow:0 24px 58px #082c273d}.progress-row{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-width:0;margin-bottom:18px;padding:2px 4px;display:grid}.progress-row>*{min-width:0}.progress-row>div:first-child{align-items:baseline;gap:10px;display:flex}.progress-label{color:#fbf7efad;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.progress-row strong{font-family:var(--serif);font-size:27px}.progress-row strong small{color:#fbf7efa3;font-size:14px;font-weight:400}.progress-track{background:#ffffff29;border-radius:999px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--coral);height:100%;transition:width .35s;display:block}.progress-track--endless span{background:linear-gradient(90deg, var(--coral), #f5b1a1, var(--coral));background-size:200% 100%;animation:2.8s linear infinite endless-progress}.remaining{color:#fbf7efb3;font-size:10px;font-weight:650}.question-card{background:var(--card);min-height:540px;color:var(--ink);text-align:center;border:1px solid #ffffff47;border-radius:18px;padding:44px clamp(24px,7vw,76px) 36px;position:relative;overflow:hidden;box-shadow:0 16px 36px #0000002b}.question-card:before{content:"";pointer-events:none;background:#ed654e11;border-radius:50%;width:230px;height:230px;position:absolute;top:-130px;right:-130px}.question-number{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:850;position:absolute;top:18px;left:20px}.question-prompt{font-family:var(--serif);letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(24px,4vw,36px)}.location-question{flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.location-question span{color:var(--coral);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:850}.location-question strong{max-width:680px;font-family:var(--serif);letter-spacing:-.055em;text-wrap:balance;margin-top:13px;font-size:clamp(43px,7vw,70px);line-height:1}.location-question p{max-width:680px;color:var(--ink-soft);opacity:.68;text-wrap:balance;font-size:13px;line-height:1.45}.answer-form{text-align:left;max-width:620px;margin:10px auto 0}.answer-form>label{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:850;display:block}.answer-line{grid-template-columns:1fr auto;display:grid}.answer-line input{border:1px solid var(--ink);background:#fff;border-right:0;border-radius:12px 0 0 12px;outline:none;min-width:0;padding:14px 16px;font-size:16px}.answer-line button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:0 12px 12px 0;justify-content:center;align-items:center;gap:5px;padding:0 18px;font-size:12px;font-weight:760;display:inline-flex}.answer-line button:disabled{cursor:default;opacity:.45}.note-hints{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.note-hints button{border:1px solid var(--line);color:var(--ink-soft);background:0 0;border-radius:999px;padding:6px 11px;font-size:10px;transition:border-color .26s,color .26s}.mobile-answer-pad{display:none}.feedback{text-align:left;border:1px solid;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;max-width:700px;margin:20px auto 0;padding:16px;display:grid}.feedback--correct{background:var(--green-soft);border-color:#8bb4a2}.feedback--wrong{background:var(--coral-soft);border-color:#e8a092}.feedback-icon{background:var(--green);color:#fff;-webkit-user-select:none;user-select:none;caret-color:#0000;border-radius:50%;place-items:center;width:40px;height:40px;padding:10px;line-height:1;display:inline-grid}.feedback strong{font-family:var(--serif);font-size:21px}.feedback p{color:var(--ink-soft);margin:3px 0 0;font-size:12px;line-height:1.45}.feedback button{background:var(--ink);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;min-height:42px;padding:10px 14px;font-size:11px;font-weight:760;display:inline-flex}.text-button{color:#fbf7efc7;text-underline-offset:5px;background:0 0;border:0;min-height:44px;margin:10px auto -7px;padding:10px 14px;font-size:10px;text-decoration:underline;display:block}.results-shell{width:min(940px,100% - 32px);margin:0 auto;padding:58px 0 80px}.results-intro{text-align:center}.result-flourish{width:48px;height:48px;margin:0 auto 18px;font-size:30px}.results-intro h1{text-wrap:balance;max-width:900px;margin-inline:auto;font-size:clamp(44px,6.5vw,74px);line-height:.96}.results-intro>p:last-child{color:var(--ink-soft)}.session-insight{background:#fffaf3d1;border:0;border-radius:18px;gap:22px;margin-top:34px;padding:24px 26px;display:grid;box-shadow:0 14px 34px #12342d0f}.session-insight--split{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:stretch}.session-insight-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.session-insight-copy>p{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(20px,3vw,27px);line-height:1.25}.session-insight-copy>strong{background:var(--sage);width:fit-content;color:var(--ink);letter-spacing:.035em;border-radius:999px;margin-top:14px;padding:7px 11px;font-size:10px}.session-insight-copy>span{max-width:580px;color:var(--ink-soft);margin-top:12px;font-size:12px;line-height:1.55}.confusion-insight{background:var(--paper-light);border:1px solid #12342d1a;border-radius:14px;min-width:0;padding:18px 20px}.confusion-insight .kicker{margin-bottom:10px}.confusion-insight>p:not(.kicker){color:var(--ink-soft);margin:10px 0 0;font-size:12px;line-height:1.5}.confusion-insight>small{color:var(--sage-deep);margin-top:8px;font-size:10px;line-height:1.45;display:block}.confusion-pair{align-items:center;gap:8px;display:flex}.confusion-pair b{background:var(--ink);color:#fff;min-width:42px;height:34px;font-family:var(--serif);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:17px;line-height:1;display:inline-flex}.confusion-pair b:last-child{background:var(--coral)}.confusion-pair span{color:var(--coral);font-size:18px;line-height:1}.results-card{border:1px solid var(--line);background:var(--card);border-radius:22px;grid-template-columns:190px 1fr;align-items:center;gap:32px;margin-top:18px;padding:30px;display:grid;box-shadow:0 16px 38px #12342d12}.score-ring{-webkit-user-select:none;user-select:none;caret-color:#0000;border-radius:50%;place-items:center;width:156px;height:156px;margin:auto;display:grid;position:relative}.score-ring>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.score-ring-track,.score-ring-progress{fill:none;stroke-width:11px}.score-ring-progress{stroke:var(--coral);stroke-linecap:round;animation:.9s cubic-bezier(.22,1,.36,1) .12s both score-ring-fill}.score-ring-copy{z-index:1;background:var(--card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:124px;height:124px;display:flex;position:relative}.score-ring strong{font-family:var(--serif);font-size:42px;line-height:1}.score-ring span{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-top:5px;font-size:9px}.stats-grid{border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.stat{border-bottom:1px solid var(--line);flex-direction:column-reverse;justify-content:center;min-height:80px;padding:15px 22px;display:flex}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-child(n+3){border-bottom:0}.stat span{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;margin-top:3px;font-size:9px}.stat strong{font-family:var(--serif);font-size:29px}.endless-results-card{border:1px solid var(--line);background:var(--card);border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;padding:10px 22px;display:grid;box-shadow:0 16px 38px #12342d12}.endless-results-card .stat{border:0;min-height:112px}.endless-results-card .stat:first-child{border-right:1px solid var(--line)}.endless-results-card .stat strong{font-size:clamp(34px,5vw,48px)}.hardest-card{border:1px solid var(--line);background:#ffffff61;border-radius:18px;grid-template-columns:.75fr 1.25fr;align-items:center;gap:30px;margin-top:18px;padding:26px 28px;display:grid}.hardest-card .kicker{margin-bottom:5px}.hardest-card h2{font-family:var(--serif);margin:0;font-size:24px}.hardest-list{gap:7px;display:grid}.hardest-list>div{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;font-size:11px;display:grid}.hardest-list>div>span:nth-child(2){color:var(--ink-soft)}.hardest-list b{color:var(--coral);font-size:10px}.note-pill{background:var(--ink);color:#fff;width:34px;height:34px;font-family:var(--serif);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:inline-grid}.perfect-copy{color:var(--green);font-family:var(--serif);font-size:18px}.perfect-copy--empty{color:var(--ink-soft)}.result-actions{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.result-actions .primary-button{margin-top:18px}.secondary-button{border:1px solid var(--ink);background:#ffffff4d;border-radius:14px;min-height:56px;margin-top:18px;font-weight:700}.community-result-card{border:1px solid var(--ink);background:linear-gradient(135deg, var(--ink), var(--ink-deep));color:var(--paper-light);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:18px;padding:22px 26px;display:grid}.community-result-card .kicker{margin-bottom:5px}.community-result-card>div>strong{font-family:var(--serif);font-size:20px}.community-result-note{color:#fbf7efc2;max-width:590px;margin:8px 0 0;font-size:11px;line-height:1.55}.community-result-card>button{color:#fff;background:0 0;border:1px solid #f1a493;border-radius:12px;max-width:320px;min-height:44px;padding:12px 16px;font-size:11px;font-weight:750}.community-result-card>button:disabled{cursor:default;opacity:.55}.community-result-card .community-message{color:var(--sage);grid-column:1/-1;margin:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#082c27b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--card);border:1px solid #12342d33;border-radius:24px;width:min(720px,100%);max-height:min(820px,100dvh - 48px);padding:30px;overflow:auto;box-shadow:0 28px 70px #00000040}.modal-card--leaderboard{width:min(1040px,100%)}.modal-card>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.modal-card>header h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(27px,5vw,40px)}.modal-card>header button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:50%;flex:none;place-items:center;padding:12px;line-height:1;transition:border-color .26s,background-color .26s;display:inline-grid}.community-form{gap:10px;display:grid}.google-sign-in-button{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:11px;padding:11px 16px;font-size:12px;font-weight:750;transition:background-color .25s,box-shadow .25s,transform .25s;display:inline-flex;box-shadow:0 7px 18px #12342d12}.google-sign-in-button svg{flex:none;width:20px;height:20px}.google-sign-in-button:disabled{cursor:default;opacity:.58}.community-auth-divider{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:7px 0;font-size:9px;display:flex}.community-auth-divider:before,.community-auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.community-auth-divider span{white-space:nowrap}@media (hover:hover) and (pointer:fine){.google-sign-in-button:not(:disabled):hover{background:var(--paper-light);box-shadow:0 10px 22px #12342d1c}}.community-form>p:first-child{color:var(--ink-soft);margin:0 0 8px;line-height:1.6}.community-auth-notice{background:var(--coral-soft);border:0;border-radius:10px;padding:12px 14px;font-size:12px;color:var(--ink)!important;margin:0 0 10px!important;line-height:1.5!important}.community-form label{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.community-form input{border:1px solid var(--ink);background:#fff;border-radius:12px;outline:none;width:100%;min-height:52px;padding:12px 14px}.community-form .primary-button{margin-top:8px}.community-form small{color:var(--ink-soft)}.community-message{min-height:18px;color:var(--coral);font-size:12px}.community-fineprint{color:var(--ink-soft);margin:4px 0 0;font-size:10px;line-height:1.5}.community-fineprint button{color:inherit;font-size:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0}.account-panel>p{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:11px;display:flex}.account-panel>p strong{color:var(--ink);font-size:14px}.username-display{background:var(--sage);font-family:var(--serif);text-align:center;overflow-wrap:anywhere;border-radius:14px;margin:24px 0 0;padding:24px;font-size:34px}.account-panel .secondary-button{width:100%;min-height:48px}.leaderboard-panel{grid-template-columns:224px minmax(0,1fr);grid-template-areas:"filters ranking";align-items:start;gap:22px;display:grid}.leaderboard-main{grid-area:ranking;gap:14px;min-width:0;display:grid}.leaderboard-controls{border:1px solid var(--line);background:#dce9e294;border-radius:16px;grid-area:filters;gap:15px;padding:16px;display:grid;position:sticky;top:0}.leaderboard-filter-group{border:0;min-width:0;margin:0;padding:0}.leaderboard-filter-group legend{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:850}.leaderboard-segments{border:1px solid var(--line);background:#ffffff75;border-radius:14px;gap:4px;padding:4px;display:grid}.leaderboard-segments--two,.leaderboard-segments--levels{grid-template-columns:1fr}.leaderboard-segments button{min-width:0;min-height:42px;color:var(--ink-soft);background:0 0;border:0;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:750;line-height:1.25;transition:background-color .28s cubic-bezier(.22,1,.36,1),color .24s,box-shadow .28s cubic-bezier(.22,1,.36,1)}.leaderboard-current-view{background:var(--sage);border:1px solid #12342d26;border-radius:14px;gap:4px;padding:15px 17px;display:grid}.leaderboard-current-view p{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:8px;font-weight:850}.leaderboard-current-view strong{font-family:var(--serif);font-size:17px;line-height:1.25}.leaderboard-current-view span{color:var(--ink-soft);font-size:10px;line-height:1.45}.leaderboard-table{gap:7px;display:grid}.leaderboard-table-head{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:0 14px 2px;font-size:8px;font-weight:850;display:grid}.leaderboard-table-head span:last-child{text-align:right}.leaderboard-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{border:1px solid var(--line);background:#ffffff73;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px 14px;display:grid}.leaderboard-list li:nth-child(-n+3){background:#fff5df;border-color:#d5a266}.leaderboard-list li>b{color:var(--coral);font-family:var(--serif);font-size:20px}.leaderboard-list li>strong{overflow-wrap:anywhere;min-width:0;font-size:13px}.leaderboard-list li>span{color:var(--ink-soft);text-align:right;font-size:11px}.legal-copy{color:var(--ink-soft);-webkit-user-select:text;user-select:text;font-size:13px;line-height:1.65}.legal-copy h3{color:var(--ink);font-family:var(--serif);margin:25px 0 6px;font-size:20px}.legal-copy p{margin:0}.legal-draft{background:var(--coral-soft);border:0;border-radius:10px;padding:14px;color:var(--ink)!important}.confirm-panel>p{color:var(--ink-soft)}.footer-link{min-height:36px;color:inherit;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid;padding:8px 0;font-size:9px}footer{width:min(1320px,100% - 32px);min-height:76px;color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #12342d24;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:0 10px;font-size:9px;display:flex}footer span:first-child{font-family:var(--serif);text-transform:none;font-size:14px}@media (hover:hover){.community-header-actions button:hover{border-color:var(--coral)}.level-card:not(.is-selected):hover{border-color:#12342d6b}.mode-card:not(.is-selected):hover{background-color:#ffffff9e;border-color:#12342d6b}.primary-button:hover{transform:translateY(-1px);box-shadow:0 15px 28px #082c272b}.primary-button:active{transform:translateY(0);box-shadow:0 10px 20px #082c2724}.note-hints button:hover{border-color:var(--coral);color:var(--coral)}.modal-card>header button:hover{border-color:var(--coral);background:var(--coral-soft)}.module-card:hover{border-color:#12342d85}}@keyframes endless-progress{to{background-position:-200% 0}}@keyframes score-ring-fill{0%{stroke-dashoffset:100px}}@media (width<=1080px){.session-meta{display:none}.hero-copy{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);column-gap:28px;min-height:350px}.hero-copy h1{font-size:clamp(60px,8.7vw,88px)}.level-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.landing-hero{grid-template-columns:1fr minmax(340px,.72fr);padding:64px 54px}.landing-copy h1{font-size:clamp(62px,8.5vw,90px)}}@media (width<=820px){.landing-hero{grid-template-columns:1fr;min-height:0;padding:62px 42px}.landing-art{min-height:400px}.module-section{padding-top:70px}.module-grid{grid-template-columns:1fr}.guitar-shell{padding:28px}.guitar-hero{grid-template-columns:1fr}.guitar-neck-art{height:170px}.guitar-range-heading{flex-direction:column;align-items:stretch}.guitar-range-grid{grid-template-columns:1fr}.guitar-range-grid>button{min-height:132px}.guitar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.guitar-stats>div:nth-child(2){border-right:0}.guitar-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.setup-shell{border-radius:26px;padding:30px}.hero-copy{grid-template-columns:1fr;min-height:330px;padding-right:180px}.hero-copy>:not(.hero-staff){z-index:1;position:relative}.hero-copy h1{font-size:clamp(58px,11vw,78px)}.hero-staff{z-index:0;opacity:.18;width:330px;min-height:220px;position:absolute;top:50%;right:-50px;transform:translateY(-50%)rotate(-2deg)}.hero-staff:before{width:220px}.scribble{display:none}.level-grid{grid-template-columns:1fr}.level-card{grid-template-rows:auto auto 1fr;grid-template-columns:170px 1fr;column-gap:16px;min-height:0;display:grid}.range-preview{grid-row:1/4;margin:3px 0 0}.level-top,.level-card>strong,.level-card>span:not(.level-top):not(.range-preview){grid-column:2}.community-header-actions button:first-child{display:inline-flex}}@media (width<=720px){.site-header{width:calc(100% - 16px);height:62px;padding:0 max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));border-radius:16px;margin-top:8px}.brand{gap:7px;font-size:23px}.brand-mark{width:31px;height:31px;font-size:20px}.brand-mark--footer{width:27px;height:27px;font-size:17px}.header-actions{gap:6px}.community-header-actions button{text-overflow:ellipsis;white-space:nowrap;max-width:92px;min-height:42px;padding-inline:10px;overflow:hidden}.language-switch{padding:2px}.language-switch button{min-width:32px;min-height:38px;padding-inline:5px}.landing-shell,.guitar-shell{width:calc(100% - 16px);margin-top:8px}.landing-hero{border-radius:22px;padding:50px 22px 30px}.landing-copy h1{font-size:clamp(50px,15vw,70px)}.landing-copy>p:not(.kicker){margin-top:23px;font-size:14px}.landing-actions{display:grid}.landing-actions .primary-button,.landing-actions .secondary-button{width:100%;min-width:0}.landing-proof{gap:9px;margin-top:28px;display:grid}.landing-art{min-height:330px;margin-top:10px}.landing-staff-card{width:94%;padding:25px 12px 16px}.landing-staff-card .staff{transform:scale(.88)}.landing-fret-card{width:92%;min-height:145px}.module-section{padding-top:54px}.module-heading h2{font-size:38px}.module-card{border-radius:22px;min-height:400px;padding:26px}.module-card>strong{font-size:38px}.module-visual,.module-guitar-visual{height:145px}.guitar-shell{border-radius:22px;padding:18px 12px 26px}.guitar-hero{border-radius:18px;min-height:0;padding:36px 22px}.guitar-hero h1{font-size:48px}.guitar-neck-art{height:130px}.guitar-range-heading{margin-top:42px}.fretboard-card{padding:22px 12px}.fretboard-card-heading{flex-direction:column;align-items:stretch}.fretboard-card-heading>div{align-self:flex-end}.fretboard-card-heading>span{align-self:flex-start}.guitar-actions{grid-template-columns:1fr}.guitar-question-card{border-radius:18px;padding:38px 12px 24px}.guitar-question-card h1{font-size:42px}.guitar-answer>div:first-of-type{grid-template-columns:1fr;gap:7px}.guitar-answer input,.guitar-answer>div:first-of-type>button{border-radius:10px;min-height:50px}.guitar-note-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.guitar-feedback{grid-template-columns:1fr}.guitar-results{padding:44px 18px}.guitar-results h1{font-size:48px}.guitar-stats>div{min-height:105px;padding:14px}.guitar-stats strong{font-size:28px}.setup-shell,.quiz-shell,.results-shell{width:calc(100% - 16px);min-width:0}.setup-shell{border-radius:22px;gap:0;margin-top:8px;margin-bottom:26px;padding:24px 16px 30px}.hero-copy{min-height:285px;padding:20px 76px 34px 4px}.hero-copy h1{font-size:clamp(49px,14vw,64px)}.hero-lead{overflow-wrap:anywhere;margin-top:20px;font-size:14px;line-height:1.6}.hero-staff{opacity:.13;width:300px;right:-120px}.setup-panel{padding:28px 2px 4px}.step-heading h2{font-size:25px}.level-card{padding:15px 16px 17px;display:block}.range-preview{height:62px;margin-bottom:10px}.level-top{margin-right:28px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:76px}.divider{margin:27px 0 23px}.primary-button{border-radius:12px;min-height:54px}.quiz-shell{border-radius:20px;min-height:calc(100dvh - 86px);margin:8px auto 24px;padding:10px}.progress-row{grid-template-columns:auto 1fr;gap:12px;margin-bottom:10px;padding:3px 4px}.remaining{display:none}.question-card{border-radius:14px;min-height:0;padding:38px 14px 20px}.question-prompt{font-size:24px}.staff:not(.staff--compact){transform-origin:top;width:480px;max-width:none;height:150px;margin:0;left:50%;transform:translate(-50%)scale(.68)}.location-question{min-height:178px}.location-question strong{overflow-wrap:anywhere;font-size:clamp(34px,11vw,48px)}.location-question p{margin-bottom:4px;font-size:12px;line-height:1.4}.answer-line{grid-template-columns:1fr;gap:8px}.answer-line input{border-right:1px solid var(--ink);border-radius:11px}.answer-line button{border-radius:11px;min-height:48px}.feedback{grid-template-columns:40px 1fr;margin-top:12px;padding:13px}.feedback button{grid-column:1/-1;min-height:46px}.text-button{margin-top:5px}.results-shell{padding-top:42px}.results-intro h1{font-size:clamp(38px,12vw,54px)}.session-insight,.session-insight--split{grid-template-columns:1fr;padding:20px 16px}.session-insight-copy>p{font-size:21px}.results-card{grid-template-columns:1fr;padding:24px 18px}.endless-results-card{padding:8px}.endless-results-card .stat{min-height:96px;padding-inline:14px}.stats-grid{border:0;border-top:1px solid var(--line)}.hardest-card,.result-actions{grid-template-columns:1fr}.secondary-button{margin-top:0}.community-result-card{grid-template-columns:1fr}.community-result-card>button{max-width:none;min-height:48px}.leaderboard-panel{grid-template-columns:1fr;grid-template-areas:"ranking""filters"}.leaderboard-controls{position:static}.leaderboard-segments--two{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-table-head{display:none}.leaderboard-list li{grid-template-columns:42px 1fr}.leaderboard-list li>span{text-align:left;grid-column:2}.modal-backdrop{align-items:end;padding:8px}.modal-card{max-height:calc(100dvh - 16px);padding:24px 16px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 12px 12px}footer{width:calc(100% - 20px);min-height:68px;padding-block:12px calc(12px + env(safe-area-inset-bottom));text-align:center;flex-wrap:wrap;justify-content:center;gap:6px 16px}footer p{display:none}}@media (hover:none) and (pointer:coarse){.brand,.community-header-actions button,.language-switch button,.text-button,.footer-link,.modal-card>header button{min-height:44px}.note-hints--desktop{display:none}.mobile-answer-pad{text-align:center;margin-top:8px;display:block}.mobile-answer-pad>span{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:850;display:block}.mobile-answer-pad>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.mobile-answer-pad button{border:1px solid var(--ink);background:var(--paper-light);min-height:48px;color:var(--ink);font-family:var(--serif);touch-action:manipulation;border-radius:11px;font-size:18px;font-weight:700}.mobile-answer-pad button:active{background:var(--coral);color:#fff}}@media (width<=420px){.brand{font-size:21px}.brand-mark{width:29px;height:29px;font-size:19px}.brand-mark--footer{width:26px;height:26px;font-size:16px}.community-header-actions button{max-width:76px;padding-inline:8px}.language-switch button{min-width:29px}.hero-copy{min-height:270px;padding-right:42px}.hero-copy h1{font-size:46px}.hero-staff{opacity:.1;right:-150px}.setup-panel{padding-top:24px}.level-card{padding-inline:13px}.quiz-shell{width:calc(100% - 10px)}.question-card{padding-inline:11px}.staff:not(.staff--compact){height:136px;transform:translate(-50%)scale(.62)}.mobile-answer-pad>div{gap:6px}.mobile-answer-pad button{min-height:46px;font-size:17px}.stats-grid{grid-template-columns:1fr}.stat,.stat:nth-child(odd),.stat:nth-child(n+3){border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}footer>span:last-child{display:none}}@media (height<=760px) and (width>=1081px){.setup-shell{padding-top:34px}.hero-copy{min-height:315px;padding-bottom:35px}.hero-copy h1{font-size:clamp(62px,6.2vw,88px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{color:var(--foreground);background:linear-gradient(#58462e06 1px, transparent 1px), radial-gradient(circle at 18% 12%, #fffdf8b8, transparent 34%), var(--background);background-size:100% 34px,auto,auto}body:before{opacity:.18;background-image:radial-gradient(circle at 20% 30%,#4b37221f 0 .45px,#0000 .6px),radial-gradient(circle at 70% 60%,#4b372217 0 .4px,#0000 .55px);background-size:8px 9px,11px 13px}.app-shell{grid-template-columns:174px minmax(0,1fr);align-items:start;min-height:100vh;display:grid}.static-fallback{border:1px solid var(--border);background:var(--surface);width:min(820px,100% - 40px);margin:8vh auto;padding:clamp(28px,6vw,64px)}.static-fallback header{isolation:isolate;width:max-content;min-height:48px;font-family:var(--serif);align-items:center;gap:2px;font-size:24px;display:flex;position:relative}.static-fallback header:before{z-index:0;content:"";background:repeating-linear-gradient(#20231f6b 0 1px,#0000 1px 6px);position:absolute;inset:12px 0 11px}.static-fallback header>*{z-index:1;position:relative}.static-fallback header>span{background:0 0;border:0;border-radius:0;place-items:center;width:40px;height:44px;padding:0;display:grid}.static-fallback header>span img{object-fit:contain;width:100%;height:100%;display:block}.static-fallback header>strong{text-shadow:none;background:#fbf8f1f0;margin-left:-8px;padding:3px 5px 3px 1px}.static-fallback section{margin-top:42px}.static-fallback h1{font-family:var(--serif);letter-spacing:-.05em;margin:10px 0 22px;font-size:clamp(46px,8vw,78px);font-weight:500;line-height:.95}.static-fallback p{max-width:650px;color:var(--foreground-muted);line-height:1.65}.site-header{width:174px;height:100vh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbf8f1e0;border:0;border-right:1px solid #c6a15bd1;border-radius:0;flex-direction:column;grid-area:1/1/span 2;justify-content:flex-start;margin:0;padding:34px 18px 26px;display:flex;position:sticky;top:0}.brand{isolation:isolate;width:100%;min-height:52px;color:var(--foreground);font-family:var(--serif);letter-spacing:-.045em;justify-content:center;gap:0;padding:0 4px;font-size:23px;font-weight:500;position:relative}html,body,#root{max-width:100%;overflow-x:clip}.app-shell,.app-shell>*{min-width:0}.brand .brand-mark{width:43px}.instrument-hub{grid-column:2;width:min(1260px,100% - 56px);margin:38px auto 70px}.instrument-hub-heading{max-width:820px;padding:clamp(28px,5vw,64px) 0 clamp(32px,5vw,58px)}.instrument-hub-heading h1{font-family:var(--serif);letter-spacing:-.065em;margin:8px 0 18px;font-size:clamp(54px,8vw,106px);font-weight:500;line-height:.9}.instrument-hub-heading>p:last-child{max-width:690px;color:var(--foreground-muted);margin:0;font-size:16px;line-height:1.7}.instrument-grid{grid-template-columns:1.25fr 1fr 1fr;gap:18px;display:grid}.instrument-card{background:var(--surface-elevated);min-width:0;min-height:480px;box-shadow:var(--surface-shadow-soft);color:var(--foreground);text-align:left;border:0;border-radius:18px;flex-direction:column;align-items:flex-start;padding:30px;display:flex}button.instrument-card{cursor:pointer;transition:background-color .3s,box-shadow .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1)}.instrument-card--guitar{background:linear-gradient(145deg,#fffdf8fa,#ebe1d0f0);box-shadow:0 18px 42px #362b1e1f}.instrument-card--upcoming{color:var(--foreground-muted);background:#f4eee4ad}.instrument-status{letter-spacing:.1em;text-transform:uppercase;background:#d5caba73;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850}.instrument-status--ready{background:var(--primary);color:var(--primary-foreground)}.instrument-card>strong{font-family:var(--serif);letter-spacing:-.05em;margin-top:auto;font-size:clamp(38px,4vw,58px);font-weight:500}.instrument-card>span:not(.instrument-status):not(.instrument-illustration){margin-top:11px;font-size:13px;line-height:1.6}.instrument-card>b{color:var(--primary);margin-top:24px;font-size:11px}.instrument-illustration{background:#fbf8f194;border-radius:13px;width:100%;height:190px;margin:32px 0 28px;position:relative;overflow:hidden}.instrument-illustration--guitar{background:repeating-linear-gradient(0deg,#0000 0 25px,#2d3a31a6 25px 27px),repeating-linear-gradient(90deg,#0000 0 calc(16.66% - 1px),#a17b4094 calc(16.66% - 1px) 16.66%),#e5d8c2d1;transform:rotate(-2deg)}.instrument-illustration--guitar i{background:var(--primary);border-radius:50%;width:16px;height:16px;margin-right:11%;display:inline-block;position:relative;top:76px;left:12%}.instrument-illustration--piano{background:#2c2d29;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.instrument-illustration--piano i{background:#fffdf8eb;position:relative}.instrument-illustration--piano i:not(:nth-child(3)):not(:nth-child(7)):after{z-index:1;content:"";background:#2c2d29;border-radius:0 0 4px 4px;width:42%;height:58%;position:absolute;top:0;right:-21%}.instrument-illustration--violin{background:radial-gradient(#8b2f3c21 0 26%,#0000 27%),#fbf8f194;place-items:center;display:grid}.instrument-illustration--violin:before,.instrument-illustration--violin:after{content:"";position:absolute}.instrument-illustration--violin:before{border:3px solid #8b2f3c94;border-radius:46% 46% 38% 38%;width:74px;height:124px}.instrument-illustration--violin:after{background:#2d3a31ad;width:3px;height:180px}.instrument-illustration--violin i{z-index:1;background:#2d3a3180;width:1px;height:145px;margin:0 3px;display:inline-block;position:relative}.fretboard-card-heading{text-align:left;flex-direction:row;align-items:flex-end}.fretboard-card-heading>aside{background:var(--background-deep);border-radius:12px;gap:3px;width:min(480px,52%);padding:17px 19px;display:grid;box-shadow:inset 0 0 0 1px #d5cabaad}.fretboard-card-heading>aside small{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.fretboard-card-heading>aside strong{font-family:var(--serif);margin-top:4px;font-size:20px}.fretboard-card-heading>aside span,.fretboard-card-heading>aside b{color:var(--foreground-muted);font-size:10px;font-weight:500;line-height:1.45}.fretboard-card-heading>aside b{color:var(--foreground);margin-top:5px;font-weight:750}.fretboard-fret-numbers .is-open{color:var(--primary);font-weight:850}.fretboard-string>.fretboard-string-number{color:#4d321f;font-family:var(--serif);text-align:center;place-items:center;padding:0;font-size:13px;font-weight:800;display:grid}.fretboard-string>.fretboard-string-number--end{border-left:1px solid #5a3d2352}.fretboard-string:after,.fretboard-inlays{left:46px;right:46px}.guitar-start-panel{background:var(--background-deep);box-shadow:var(--surface-shadow-soft);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:28px;margin-top:24px;padding:22px;display:grid}.guitar-start-panel>div{gap:4px;display:grid}.guitar-start-panel>div>strong{font-family:var(--serif);font-size:24px}.guitar-start-panel>div>span{color:var(--foreground-muted);font-size:11px;line-height:1.55}.guitar-start-panel .primary-button{width:100%;margin:0}.guitar-exit-button{background:var(--surface-elevated);min-height:46px;box-shadow:var(--surface-shadow-soft), inset 0 0 0 1px #8b2f3c40;color:var(--primary);border:0;border-radius:11px;padding:0 17px;font-size:11px;font-weight:800}.guitar-target-location{background:var(--background-deep);border-radius:10px;gap:3px;width:fit-content;margin-bottom:20px;padding:10px 13px;display:grid}.guitar-target-location span{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.guitar-target-location strong{font-family:var(--serif);font-size:20px}.guitar-answer{background:var(--background-deep);border-radius:13px;max-width:none;padding:20px;box-shadow:inset 0 0 0 1px #d5cabab8}.guitar-answer input{border:1px solid var(--border);background:var(--surface-elevated);color:var(--foreground)}.guitar-note-choices button{border-color:var(--border);background:var(--surface-elevated);color:var(--foreground);transition:background-color .2s,color .2s}.guitar-feedback{background:var(--background-deep);max-width:none;color:var(--foreground)}@media (hover:hover) and (pointer:fine){button.instrument-card:hover{background:linear-gradient(145deg,#fffdf8,#eee2d0);transform:translateY(-1px);box-shadow:0 22px 48px #362b1e26}.guitar-exit-button:hover{background:var(--danger-soft)}.guitar-note-choices button:hover{background:var(--primary);color:var(--primary-foreground)}}@media (width<=1000px){.instrument-grid{grid-template-columns:1fr 1fr}.instrument-card--guitar{grid-column:1/-1}}@media (width<=820px){.instrument-hub{grid-column:auto;width:calc(100% - 24px);margin:18px auto 36px}.instrument-hub-heading{padding:38px 8px}.instrument-hub-heading h1{font-size:clamp(52px,14vw,76px)}.guitar-quiz-top{flex-direction:column;align-items:stretch;gap:12px}.guitar-exit-button{justify-content:center;width:100%}}.app-shell--session .score-reading-shell{width:min(1480px,100% - 32px);margin-top:16px}@media (width<=520px){.app-shell--session .score-reading-shell{width:calc(100% - 10px);margin-top:5px}}@media (width<=620px){.site-header,.landing-shell,.setup-shell,.quiz-shell,.results-shell,.guitar-shell,.instrument-hub,footer{max-width:100%}.landing-copy,.landing-copy>*,.practice-streak-card,.practice-streak-card>*,.instrument-hub-heading,.instrument-card{min-width:0;max-width:100%}.landing-copy>p,.instrument-hub-heading>p{overflow-wrap:anywhere}.instrument-grid{grid-template-columns:1fr}.instrument-card,.instrument-card--guitar{grid-column:auto;min-height:390px;padding:24px}.instrument-illustration{height:150px}.brand .brand-mark{width:37px}.brand .brand-mark img{width:43px;height:43px}.brand-name{margin-left:-9px}.fretboard-card-heading{flex-direction:column;align-items:stretch}.fretboard-card-heading>div{align-self:flex-start}.fretboard-card-heading>aside{width:100%}.guitar-start-panel{grid-template-columns:1fr;gap:18px;padding:18px}.guitar-question-card{padding:28px 10px 18px}.guitar-question-card h1{margin-inline:8px;font-size:36px}.guitar-target-location{margin-left:8px}.guitar-answer{padding:12px}}@media (width<=420px){.brand{min-width:58px}.brand-name{display:none}.brand:before{left:0;right:0}.header-actions{gap:4px}.community-header-actions button{max-width:72px;padding-inline:7px}.language-switch{min-width:66px}}.brand:before{z-index:0;content:"";pointer-events:none;background:repeating-linear-gradient(#20231f6b 0 1px,#0000 1px 6px);height:25px;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%)}.brand>*{z-index:1;position:relative}.brand .brand-mark{background:0 0;border:0;border-radius:0;width:38px;height:50px;padding:0;overflow:visible}.brand-name{text-shadow:-2px -2px #fbf8f1f5,2px -2px #fbf8f1f5,-2px 2px #fbf8f1f5,2px 2px #fbf8f1f5;margin-left:-5px;padding:1px 3px 0;line-height:1}.brand-ornament{width:calc(100% - 10px);color:var(--accent);grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin:0 5px 46px;display:grid}.brand-ornament i{background:currentColor;height:1px}.brand-ornament b{font-size:10px;font-weight:400}.app-navigation{gap:7px;margin-inline:0;display:grid}.app-navigation button{min-height:56px;color:var(--foreground-muted);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:31px 1fr;align-items:center;gap:11px;padding:0 15px;transition:color .2s,background-color .2s;display:grid;position:relative}.app-navigation button:after{display:none}.app-navigation button>span{color:var(--accent);font-family:var(--serif);letter-spacing:.08em;font-size:11px}.app-navigation button>b{white-space:nowrap;min-width:0;font-size:11px;font-weight:730}.app-navigation button.is-active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 8px 18px #651e2b26}.app-navigation button.is-active:before{display:none}.app-navigation button.is-active>span{color:var(--accent-soft)}.session-meta span+span{border-left:1px solid #d5cabacc;padding-left:10px}.header-actions{flex-direction:column;gap:10px;width:100%;margin-top:auto;display:flex}.audio-settings{z-index:40;width:100%;position:relative}.sound-toggle{width:100%;min-height:44px;box-shadow:var(--surface-shadow-soft);color:var(--foreground);background:#fbf8f1c7;border:0;border-radius:10px;place-items:center;display:inline-grid}.sound-toggle svg{width:19px;height:19px}.audio-settings-panel{border-radius:var(--surface-radius);background:var(--surface-elevated);border:0;gap:8px;width:min(310px,100vw - 150px);max-height:min(420px,100dvh - 32px);padding:16px;display:grid;position:absolute;bottom:0;left:calc(100% + 14px);right:auto;overflow-y:auto;box-shadow:0 20px 48px #362b1e2e,0 0 0 1px #d5caba73}.audio-settings-panel>strong{font-family:var(--serif);padding:2px 4px 8px;font-size:18px}.audio-settings-panel>button{background:var(--surface);text-align:left;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:10px 11px;display:flex;box-shadow:inset 0 0 0 1px #d5cabaad}.audio-settings-panel>button span{gap:4px;font-size:11px;font-weight:750;display:grid}.audio-settings-panel>button small{color:var(--foreground-muted);font-size:9px;font-weight:500;line-height:1.4}.audio-settings-panel>button b{background:var(--background-deep);min-width:48px;color:var(--foreground-muted);text-align:center;border-radius:999px;padding:7px 9px;font-size:9px}.audio-settings-panel>button[aria-checked=true] b{background:var(--success-soft);color:var(--success-deep)}.session-meta{display:none}.community-header-actions{gap:7px;width:100%;display:grid}.community-header-actions button{width:100%;min-height:44px;box-shadow:var(--surface-shadow-soft);color:var(--foreground);background:#fbf8f1c7;border:0;border-radius:9px;justify-content:flex-start;padding:0 12px;font-size:10px;transition:background-color .28s,color .28s,box-shadow .32s}.community-header-actions button:last-child{color:var(--primary);background:#8b2f3c1a}.mobile-module-navigation{display:none}.language-switch{background:var(--surface-elevated);width:100%;box-shadow:var(--surface-shadow-soft);border:0;border-radius:10px;grid-template-columns:1fr 1fr;padding:2px}.language-switch button{border-radius:8px;min-height:44px}.language-switch button.is-active{background:var(--foreground);color:var(--surface-elevated)}.rail-motto{color:var(--foreground-muted);font-family:var(--serif);text-align:center;margin:22px 0 0;font-size:11px;font-style:italic;line-height:1.45}.landing-shell,.setup-shell,.quiz-shell,.results-shell,.guitar-shell,footer{grid-column:2}.landing-shell,.guitar-shell{width:min(1180px,100% - 56px);margin:34px auto 48px}.landing-hero{min-height:320px;color:var(--foreground);box-shadow:var(--surface-shadow);background:#fbf8f1bd;border:0;border-radius:14px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:44px;padding:46px 50px}.landing-hero:after{opacity:1;background:linear-gradient(90deg, var(--accent), transparent);height:1px;inset:auto 50px 31px}.landing-copy .kicker{color:var(--primary);margin-bottom:15px}.landing-copy h1{color:var(--foreground);font-size:clamp(50px,5.4vw,76px);line-height:.94}.landing-copy h1 em{color:var(--primary)}.landing-copy>p:not(.kicker){max-width:610px;color:var(--foreground-muted);margin-top:22px;font-size:15px}.landing-actions{margin-top:26px}.landing-actions .primary-button{background:var(--primary)}.landing-actions .secondary-button{border-color:var(--border-strong);color:var(--foreground);background:0 0}.landing-proof{color:var(--foreground-muted);gap:0;margin-top:25px}.landing-proof span{padding:0 18px}.landing-proof span:first-child{padding-left:0}.landing-proof span+span{border-left:1px solid var(--border)}.landing-proof span:before{content:none;display:none}.landing-art{min-height:180px}.landing-staff-card,.landing-fret-card{background:var(--surface-elevated);border:0;border-radius:10px;box-shadow:8px 10px 22px #362b1e17}.landing-staff-card{transform-origin:50%;will-change:transform;width:88%;max-width:420px;padding:10px 14px 9px;animation:18s ease-in-out infinite landing-staff-card-drift;top:8px;right:4%;box-shadow:8px 14px 14px -12px #362b1e3d,8px 10px #c6a15b1a,8px 12px 20px -12px #362b1e1a}.landing-staff-card .staff{transform-origin:top;height:86px;margin:0 auto 1px;transform:scale(.88)}.landing-staff-card>span{color:var(--primary);font-size:14px}.landing-staff-label{opacity:0;transition:opacity .34s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(4px)}.landing-staff-label.is-visible{opacity:1;transform:translateY(0)}@keyframes landing-staff-card-drift{0%,to{transform:translate(-1px,4px)rotate(-1.1deg)}25%{transform:translateY(-3px)rotate(0)}50%{transform:translate(1px,4px)rotate(1.1deg)}75%{transform:translateY(-3px)rotate(0)}}.landing-fret-card{width:72%;min-height:112px;padding:18px;bottom:-12px;left:2%;transform:rotate(-2deg)}.landing-fret-card:before{inset:18px 17px 31px 47px}.landing-fret-card>b{background:var(--primary);width:24px;height:24px;font-size:11px;top:43%;left:54%}.landing-fret-card>em{font-size:11px;bottom:8px;left:18px}.landing-orbit{display:none}.practice-streak-card{border-radius:var(--surface-radius);box-shadow:var(--surface-shadow-soft);background:#fbf8f1c7;border:0;grid-template-columns:minmax(230px,.72fr) minmax(420px,1.28fr);align-items:center;gap:28px;margin:16px 0 0;padding:22px 26px;display:grid}.practice-streak-card--guest,.practice-streak-card--error{grid-template-columns:minmax(0,1fr) auto}.practice-streak-card h2{font-family:var(--serif);letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1}.practice-streak-card p:not(.kicker){color:var(--foreground-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.practice-streak-card small{color:var(--primary);letter-spacing:.04em;margin-top:8px;font-size:10px;font-weight:750;display:block}.practice-streak-card .secondary-button{width:auto;min-width:130px;margin:0}.practice-week>span{color:var(--foreground-muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:11px;font-size:9px;font-weight:800;display:block}.practice-week ol{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.practice-week li{justify-items:center;gap:7px;min-width:0;display:grid}.practice-day-mark{border:1px solid var(--border-strong);background:var(--surface-elevated);width:34px;height:34px;color:var(--foreground);border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid}.practice-week li.is-complete .practice-day-mark{border-color:var(--success);background:var(--success);color:var(--surface-elevated)}.practice-week li[aria-current=date] .practice-day-mark{outline:2px solid var(--accent);outline-offset:3px}.practice-week b{color:var(--foreground-muted);letter-spacing:.04em;text-overflow:ellipsis;font-size:9px;font-weight:750;overflow:hidden}.practice-streak-card--compact{grid-template-columns:minmax(200px,.7fr) minmax(340px,1.3fr);margin:20px 0;padding:18px 20px}.practice-streak-card--compact h2{font-size:28px}.account-panel .practice-streak-card--compact{grid-template-columns:1fr;gap:18px}.module-section{padding:38px 0 20px}.module-heading{margin-bottom:22px}.module-heading h2{max-width:760px;font-size:clamp(34px,4.1vw,52px)}.module-grid{gap:14px}.module-card{border-radius:var(--surface-radius);min-height:314px;box-shadow:var(--surface-shadow-soft);background:#fbf8f1b8;border-color:#0000;padding:27px 30px;transition:box-shadow .38s cubic-bezier(.22,1,.36,1),background-color .3s}.module-card--guitar{background:linear-gradient(145deg,#e1d7c6e6,#f4eee3e0)}.module-visual,.module-guitar-visual{height:112px}.module-card>strong{font-size:clamp(29px,3vw,38px)}.module-card>b:last-child{color:var(--primary)}.module-coming{font-style:italic}.setup-shell{width:min(1180px,100% - 56px);box-shadow:var(--surface-shadow);background:#fbf8f1b8;border:0;border-radius:14px;margin:34px auto 48px;padding:40px 46px 48px}.setup-shell:before,.setup-shell:after{display:none}.hero-copy{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 360px;column-gap:36px;min-height:238px;padding:22px 18px 32px}.hero-copy h1{font-size:clamp(54px,6vw,78px);line-height:.9}.hero-copy h1 em{color:var(--primary)}.hero-lead{max-width:600px;margin-top:20px;font-size:14px}.hero-staff{background:linear-gradient(145deg,#fffdf8fa,#f4efe4e0);border:1px solid #c6a15b57;border-radius:18px;grid-template-rows:auto 1fr auto;place-items:stretch stretch;gap:9px;width:360px;min-height:224px;padding:17px 19px 15px;overflow:hidden;transform:rotate(-1.1deg);box-shadow:0 24px 44px #362b1e1f,0 4px 10px #362b1e0e,inset 0 0 0 5px #ffffff6b}.hero-staff:before{z-index:0;opacity:1;background:radial-gradient(circle,#c6a15b38,#c6a15b00 69%);border:0;width:190px;top:-74px;right:-68px}.hero-staff-heading,.hero-staff-score,.hero-staff-caption{z-index:1;position:relative}.hero-staff-heading,.hero-staff-caption{justify-content:space-between;align-items:center;gap:14px;display:flex}.hero-staff-heading span,.hero-staff-heading strong{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.hero-staff-heading span{color:var(--primary)}.hero-staff-heading strong{color:var(--foreground-muted)}.hero-staff-score{background:linear-gradient(90deg,#0000,#fffdf8b8,#0000);border-top:1px solid #d5cabab8;border-bottom:1px solid #d5cabab8;place-items:center;min-height:132px;display:grid}.hero-staff .staff--compact{margin:0 auto;transform:scale(1.04)}.hero-staff-caption>span{color:var(--foreground-muted);font-family:var(--serif);font-size:13px}.scribble{color:var(--primary);font-family:var(--serif);margin:0;font-size:13px;font-style:italic;font-weight:500;position:static;transform:none}.setup-panel{padding:38px 18px 0}.step-heading>span{color:var(--primary)}.step-heading p{color:var(--foreground-muted)}.step-heading h2{font-size:31px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.level-card{isolation:isolate;min-height:185px;box-shadow:var(--surface-shadow-soft);background:#fffdf8a8;border:1px solid #0000;border-radius:10px;padding:18px 20px 20px;transition:border-color .42s cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1),box-shadow .48s cubic-bezier(.22,1,.36,1)}.level-card:before{z-index:0;content:"";opacity:0;transform-origin:50%;background:radial-gradient(circle at 0 0,#8b2f3c1c,#0000 33%),radial-gradient(circle at 100% 0,#8b2f3c16,#0000 33%),radial-gradient(circle at 0 100%,#8b2f3c13,#0000 33%),radial-gradient(circle at 100% 100%,#c6a15b14,#0000 33%);transition:opacity .38s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.985)}.level-card:after{z-index:0;content:"";opacity:0;pointer-events:none;border:1px solid #0000;border-radius:6px;transition:border-color .4s,opacity .4s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:5px;transform:scale(.99)}.level-card>*{z-index:1;position:relative}.level-card.is-selected{border-color:var(--primary);background:var(--surface-elevated);transition-delay:0s;box-shadow:0 12px 28px #651e2b17}.level-card.is-selected:before{opacity:1;transform:scale(1)}.level-card.is-selected:after{opacity:1;border-color:#c6a15bb8;transform:scale(1)}.level-top small,.level-card.is-selected .level-top small{color:var(--primary)}.level-top b{color:var(--foreground-muted)}.level-card>strong{font-size:24px}.range-preview--extended{height:136px;margin-top:-4px}.range-preview--extended .range-preview-lines{top:52px}.range-preview--extended .range-preview-clef{top:39px}.range-preview-note,.note-head,.note-stem{background:var(--primary)}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent)}.mode-card{isolation:isolate;min-height:88px;box-shadow:var(--surface-shadow-soft);background:#fffdf8b3;border:1px solid #0000;border-radius:10px;transition:border-color .4s cubic-bezier(.22,1,.36,1),background-color .4s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.mode-card:before{z-index:0;content:"";opacity:0;background:radial-gradient(circle at 0 0,#8b2f3c1d,#0000 32%),radial-gradient(circle at 100% 0,#8b2f3c17,#0000 32%),radial-gradient(circle at 0 100%,#8b2f3c13,#0000 32%),radial-gradient(circle at 100% 100%,#c6a15b14,#0000 32%);transition:opacity .34s,transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.985)}.mode-card>*{z-index:1;position:relative}.mode-card.is-selected,.session-type-grid .mode-card.is-selected{border-color:var(--primary);background:var(--surface-elevated);transition-delay:0s;box-shadow:0 10px 24px #651e2b13,inset 0 0 0 1px #c6a15b57}.mode-card.is-selected:before,.session-type-grid .mode-card.is-selected:before{opacity:1;transform:scale(1)}.mode-icon{transition:background-color .38s,color .38s,transform .48s cubic-bezier(.22,1,.36,1)}.mode-card.is-selected .mode-icon{color:var(--primary);background:#fffdf8d1;transform:scale(1.025)}.selection-indicator{border-color:var(--border-strong)}.selection-indicator:after{background:var(--primary)}.mode-card.is-selected .selection-indicator{border-color:var(--primary)}.primary-button{border-color:var(--primary);background:var(--primary);border-radius:8px;box-shadow:0 8px 18px #651e2b24}.primary-button:hover{background:var(--primary-hover)}.primary-button>span,.answer-line button>span,.feedback button>span{color:var(--accent-soft)}.secondary-button{border-color:var(--border-strong);background:0 0;border-radius:8px}.setup-panel>.primary-button{max-width:430px}.quiz-shell{width:min(1220px,100% - 48px);min-height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;margin:30px auto 48px;padding:0}.progress-row{color:var(--foreground);box-shadow:var(--surface-shadow-soft);background:#fbf8f1b8;border:0;border-radius:10px;margin-bottom:16px;padding:15px 18px}.progress-label,.remaining{color:var(--foreground-muted)}.progress-row strong{color:var(--primary)}.progress-track{background:var(--background-deep)}.progress-track>span{background:var(--primary)}.progress-track--endless>span{background:linear-gradient(90deg, var(--primary), var(--accent), var(--primary))}.quiz-layout{grid-template-columns:minmax(0,1fr) 276px;align-items:start;gap:16px;display:grid}.quiz-main-column{min-width:0}.question-card{background:linear-gradient(155deg,#fffdf8fa,#f7f2e8eb);border:0;border-radius:18px;min-height:590px;padding:30px 34px;box-shadow:0 22px 48px #362b1e1a,0 3px 10px #362b1e0a,inset 0 0 0 1px #d5caba94}.question-card:before{display:none}.question-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:52px;display:grid}.question-heading:after{background:linear-gradient(90deg, var(--accent), transparent);content:"";width:72px;height:1px}.question-number{width:fit-content;color:var(--primary);background:#8b2f3c14;border-radius:999px;padding:7px 10px;position:static}.question-prompt{color:var(--foreground);font-family:var(--serif);text-align:center;margin:0;font-size:30px}.notation-stage{background:radial-gradient(circle at 50% 52%,#c6a15b21,#0000 31%),linear-gradient(#f4efe4a8,#fffdf8d1);border-radius:14px;place-items:center;min-height:292px;margin:12px 0 20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d5caba9e}.notation-stage:before,.notation-stage:after{content:"";pointer-events:none;border:1px solid #c6a15b33;border-radius:50%;width:110px;height:110px;position:absolute}.notation-stage:before{top:-72px;left:-74px}.notation-stage:after{bottom:-78px;right:-82px}.notation-stage .staff{width:min(660px,88%);height:246px;margin:0 auto}.staff-lines>span:not(.note-head):not(.note-stem){background:var(--foreground)}.answer-form{max-width:760px;margin:0 auto}.answer-form>label{color:var(--foreground-muted)}.answer-line{grid-template-columns:minmax(0,1fr) 164px;gap:8px}.answer-line input{border-color:var(--border-strong);border-right:1px solid var(--border-strong);background:var(--surface-elevated);border-radius:11px;box-shadow:0 5px 14px #362b1e09}.answer-line input:focus{box-shadow:inset 0 -3px var(--accent-soft)}.answer-line button{border-color:var(--primary);background:var(--primary);border-radius:11px;box-shadow:0 7px 15px #651e2b24}.note-hints{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.note-hints button{background:var(--surface-elevated);min-height:52px;color:var(--foreground);border-color:#0000;border-radius:10px;box-shadow:inset 0 0 0 1px #d5cabac2,0 4px 10px #362b1e06}.feedback{border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #d5cabab3,0 8px 18px #362b1e0b}.feedback--correct{border-color:var(--success);background:var(--success-soft)}.feedback--wrong{border-color:var(--danger);background:var(--danger-soft)}.feedback--correct .feedback-icon{background:var(--success)}.feedback--wrong .feedback-icon{background:var(--danger)}.feedback button{background:var(--foreground);border-radius:9px}.text-button{color:var(--foreground-muted)}.location-question{background:#fffdf8b8;border:0;border-radius:12px;width:min(680px,92%);min-height:238px;box-shadow:0 12px 28px #362b1e0f}.location-question span{color:var(--primary)}.quiz-stat-panel{border-radius:var(--surface-radius);box-shadow:var(--surface-shadow-soft);background:linear-gradient(150deg,#fffdf8e6,#f4efe4c2);border:0;padding:25px 22px;position:sticky;top:22px}.quiz-stat-panel>.kicker{margin-bottom:10px}.quiz-stat-context{border-bottom:1px solid var(--border);color:var(--foreground-muted);flex-wrap:wrap;gap:5px 10px;margin:0 0 19px;padding:0 0 17px;font-size:9px;line-height:1.35;display:flex}.quiz-stat-context strong{width:100%;color:var(--primary);font-family:var(--serif);font-size:17px;font-weight:500}.quiz-stat-context span+span:before{content:none;display:none}.quiz-stat-context span+span{border-left:1px solid var(--border);padding-left:10px}.quiz-stat-primary{border-bottom:1px solid var(--border);gap:4px;padding-bottom:20px;display:grid}.quiz-stat-primary>span,.quiz-stat-panel dt{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.quiz-stat-primary>strong{color:var(--foreground);font-family:var(--serif);font-size:43px;font-weight:500}.quiz-stat-primary small{color:var(--foreground-muted);font-size:17px}.quiz-stat-panel dl{margin:0}.quiz-stat-panel dl>div{border-bottom:1px solid #d5cabab8;justify-content:space-between;align-items:center;min-height:45px;display:flex}.quiz-stat-panel dd{color:var(--foreground);font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-size:18px;transition:color .28s}.quiz-stat-panel blockquote{border-top:1px solid var(--accent);color:var(--primary);font-family:var(--serif);text-align:center;margin:24px 0 0;padding-top:19px;font-size:17px;font-style:italic;line-height:1.45}.results-shell{width:min(1020px,100% - 56px);margin:38px auto 50px;padding-top:28px}.result-session-meta{box-shadow:var(--surface-shadow-soft);background:#fbf8f1b3;border:0;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:25px 0;display:grid;overflow:hidden}.result-session-meta>div{border-right:1px solid var(--border);align-content:center;gap:6px;min-height:76px;padding:15px 18px;display:grid}.result-session-meta>div:last-child{border-right:0}.result-session-meta dt{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.result-session-meta dd{font-family:var(--serif);margin:0;font-size:17px}.result-flourish{width:62px;height:62px;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:0}.results-intro h1{color:var(--foreground);font-size:clamp(50px,6vw,76px)}.session-insight,.results-card,.endless-results-card,.hardest-card,.community-result-card{border-radius:var(--surface-radius);box-shadow:var(--surface-shadow-soft);border:0}.session-insight{background:var(--surface)}.session-insight--perfect{background:var(--success-soft)}.results-card{background:var(--surface)}.score-ring-track{stroke:var(--background-deep)}.score-ring-progress{stroke:var(--primary)}.stat--accent strong{color:var(--success-deep)}.community-result-card{background:var(--primary);color:var(--primary-foreground)}.community-result-card>button{border-color:var(--accent-soft);border-radius:8px}.community-result-card--ineligible{text-align:center;grid-template-columns:1fr;justify-items:center;padding-block:28px}.community-result-card--ineligible>div{max-width:940px}.community-result-card--ineligible .kicker{color:var(--accent-soft)}.community-result-encouragement{color:#fbf8f1c7;font-family:var(--serif);margin:11px 0 0;font-size:15px;font-style:italic;line-height:1.5}.hardest-card{background:#fbf8f1a8}.note-pill{background:var(--primary)}.result-actions{grid-template-columns:1.25fr 1fr 1fr}.result-actions .secondary-button,.leaderboard-result-button{margin-top:18px}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#20231fb8}.modal-card{background:var(--surface);border-color:#0000;border-radius:14px;box-shadow:0 24px 64px #20191240}.modal-card>header{border-bottom:1px solid var(--border);padding-bottom:15px}.modal-card>header button{border-radius:50%}.community-form input{border-color:var(--border-strong);background:var(--surface-elevated);border-radius:10px}.community-form input:focus{box-shadow:inset 0 -3px var(--accent-soft)}.account-panel{gap:14px;display:grid}.account-panel>.secondary-button{margin-top:4px}.account-danger-zone{border:1px solid var(--danger);background:var(--danger-soft);border-radius:3px;gap:8px;margin-top:10px;padding:20px;display:grid}.account-danger-zone>p{color:var(--danger);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:9px;font-weight:850}.account-danger-zone h3{font-family:var(--serif);margin:0;font-size:24px;font-weight:500}.account-danger-zone>span{color:var(--foreground-muted);font-size:12px;line-height:1.55}.danger-button{border:1px solid var(--danger);min-height:46px;color:var(--danger);background:0 0;border-radius:2px;padding:11px 15px;font-size:11px;font-weight:800}.account-danger-zone .danger-button{width:fit-content;margin-top:8px}.danger-button:not(:disabled):hover{background:var(--danger);color:var(--surface-elevated)}.danger-button:disabled{cursor:not-allowed;opacity:.48}.delete-account-panel{gap:12px;display:grid}.delete-account-warning{background:var(--danger-soft);box-shadow:var(--surface-shadow-soft);border:0;border-radius:9px;padding:17px}.delete-account-warning strong{color:var(--danger);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.delete-account-warning p,.delete-account-panel>p{color:var(--foreground-muted);margin:0;font-size:12px;line-height:1.6}.delete-account-panel code{border:1px solid var(--border);background:var(--background-deep);width:fit-content;color:var(--foreground);-webkit-user-select:all;user-select:all;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.delete-account-panel label{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:850}.delete-account-panel input{border:1px solid var(--border-strong);background:var(--surface-elevated);width:100%;min-height:52px;color:var(--foreground);border-radius:2px;outline:none;padding:12px 14px}.delete-account-panel input:focus{box-shadow:inset 0 -3px var(--danger-soft)}.delete-account-actions{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:9px;margin-top:6px;display:grid}.delete-account-actions .secondary-button,.delete-account-actions .danger-button{width:100%;margin:0}.community-toast{z-index:80;border:1px solid var(--success);background:var(--surface-elevated);border-radius:3px;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;gap:10px;width:min(440px,100% - 40px);min-height:58px;padding:12px 12px 12px 16px;display:grid;position:fixed;top:20px;right:20px;box-shadow:0 16px 34px #362b1e2e}.community-toast>span{background:var(--success);width:28px;height:28px;color:var(--surface-elevated);border-radius:50%;place-items:center;font-weight:900;display:grid}.community-toast p{margin:0;font-size:12px;line-height:1.45}.community-toast button{width:38px;height:38px;color:var(--foreground);background:0 0;border:0;font-size:20px}.community-toast:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.community-auth-notice,.legal-draft{background:var(--danger-soft);box-shadow:var(--surface-shadow-soft);border-left:0;border-radius:9px}.legal-updated{letter-spacing:.08em;text-transform:uppercase;font-weight:750;color:var(--foreground-muted)!important;margin-bottom:20px!important;font-size:10px!important}.leaderboard-controls{background:var(--background-deep);box-shadow:var(--surface-shadow-soft);border:0;border-radius:14px}.leaderboard-segments{background:#fbf8f1c2;border:0;border-radius:11px;box-shadow:inset 0 0 0 1px #d5cabab8}.leaderboard-segments button{border-radius:8px}.leaderboard-segments button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 6px 14px #651e2b24}.leaderboard-current-view{background:var(--surface-elevated);box-shadow:var(--surface-shadow-soft);border-color:#0000;border-radius:9px}.leaderboard-current-view p,.leaderboard-list li>b{color:var(--primary)}.leaderboard-list li{background:var(--surface-elevated);border-color:#0000;border-radius:8px;box-shadow:0 4px 12px #362b1e0b}.leaderboard-list li:nth-child(-n+3){border-color:var(--accent);background:#faf3e4}.guitar-shell{box-shadow:var(--surface-shadow);background:#fbf8f1c2;border-color:#0000;border-radius:14px}.guitar-hero,.guitar-question-card{background:linear-gradient(135deg,#352a29 0%,#242520 58%,#2d332d 100%);border-radius:12px}.guitar-hero{box-shadow:0 18px 38px #362b1e29}.guitar-hero>div:first-child>p:last-child{color:#fbf8f1c7}.guitar-range-heading aside{box-shadow:var(--surface-shadow-soft);background:#e9e2d5b8;border-left:0;border-radius:9px}.guitar-range-grid>button,.fretboard-card{box-shadow:var(--surface-shadow-soft);border-color:#0000;border-radius:10px}.guitar-range-grid>button{isolation:isolate;box-shadow:var(--surface-shadow-soft);background:#fbf8f1b8;border-color:#0000;transition:background-color .32s,box-shadow .38s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.guitar-range-grid>button:before{z-index:0;content:"";opacity:0;background:radial-gradient(circle at 0 0,#8b2f3c1d,#0000 33%),radial-gradient(circle at 100% 0,#8b2f3c17,#0000 33%),radial-gradient(circle at 0 100%,#8b2f3c13,#0000 33%),radial-gradient(circle at 100% 100%,#c6a15b14,#0000 33%);transition:opacity .4s;position:absolute;inset:0}.guitar-range-grid>button>*{z-index:1;position:relative}.guitar-range-grid>button.is-selected{background:var(--surface-elevated);border-color:#0000;box-shadow:0 10px 24px #651e2b17,inset 0 0 0 1px #8b2f3c9e}.guitar-range-grid>button.is-selected:before{opacity:1}.guitar-range-grid>button i{border-color:var(--primary)}.guitar-range-grid>button.is-selected i{background:var(--primary);box-shadow:inset 0 0 0 3px var(--surface-elevated)}.guitar-neck-art:before{background:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 2px),#c6a15bb8 calc(12.5% - 2px) 12.5%)}.guitar-neck-art>span,.guitar-neck-art>b{color:var(--accent-soft)}.fret-note.is-active,.guitar-answer>div:first-of-type>button,.guitar-feedback>button{background:var(--primary)}.guitar-feedback{grid-template-columns:1fr auto}.guitar-feedback>div{gap:4px;display:grid}.guitar-feedback>div>strong{font-family:var(--serif);font-size:22px}.guitar-feedback>div>span{color:#fbf7efc2;font-size:12px}.guitar-feedback--correct{box-shadow:inset 0 0 0 1px #5974537a}.guitar-feedback--wrong{box-shadow:inset 0 0 0 1px #8b2f3c73}.guitar-hero :focus-visible,.guitar-question-card :focus-visible,.community-result-card :focus-visible{outline-color:var(--accent-soft)}.results-intro h1:focus,.guitar-results h1:focus{outline:none}.module-back,.leaderboard-segments button{min-height:44px}footer{border-top-color:var(--border);width:min(1180px,100% - 56px)}footer span:first-child{font-family:var(--serif);font-size:16px}@media (hover:hover){.app-navigation button:not(.is-active):hover{background:var(--background-deep);color:var(--foreground)}.community-header-actions button:hover{background:var(--background-deep);box-shadow:0 7px 16px #362b1e14}.level-card:hover:before,.mode-card:hover:before{opacity:.72;transform:scale(1)}.level-card.is-selected:hover:before,.mode-card.is-selected:hover:before{opacity:1}.level-card:not(.is-selected):hover,.mode-card:not(.is-selected):hover{border-color:#8b2f3c52}.module-card:hover{box-shadow:var(--surface-shadow-soft);background:#fffdf8db;border-color:#0000}.module-card--guitar:hover{background:linear-gradient(145deg,#e6ddcdf0,#f8f3eaeb)}.guitar-range-grid>button:not(.is-selected):hover{background:#fffdf8e0;border-color:#0000}.primary-button:hover{background:var(--primary-hover);box-shadow:0 10px 19px #651e2b2e}.note-hints button:hover{border-color:var(--primary);color:var(--primary)}.sound-toggle:hover{border-color:var(--primary);background:var(--surface-elevated);color:var(--primary)}}@media (width<=1100px) and (width>=821px){.app-shell{grid-template-columns:118px minmax(0,1fr)}.site-header{width:118px;padding-inline:13px}.brand{font-size:20px}.brand-mark{display:none}.app-navigation{margin-inline:-13px}.app-navigation button{grid-template-columns:1fr;justify-items:center;gap:0;padding-inline:13px}.app-navigation button>b{display:none}.app-navigation button>span{font-size:13px}.community-header-actions button{padding-inline:8px;font-size:9px}.landing-shell,.setup-shell,.guitar-shell{width:calc(100% - 34px)}.landing-hero{grid-template-columns:1fr 300px;padding-inline:34px}.hero-copy{grid-template-columns:minmax(0,1fr) 270px;column-gap:30px}.hero-copy h1{font-size:clamp(45px,5vw,56px)}.quiz-shell{width:calc(100% - 28px)}.quiz-layout{grid-template-columns:minmax(0,1fr) 230px}.question-card{padding-inline:28px}}@media (width<=900px) and (width>=821px){.quiz-layout{grid-template-columns:1fr}.quiz-stat-panel{order:2;position:static}.quiz-stat-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quiz-stat-panel dl>div{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:8px}.quiz-stat-panel blockquote{display:none}}@media (width<=820px){.app-shell{display:block}.site-header{width:100%;height:66px;padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));border:0;border-bottom:1px solid var(--accent);z-index:30;background:#fbf8f1f5;flex-direction:row;display:flex;position:sticky;top:0}.brand{justify-content:flex-start;width:auto;min-width:136px;min-height:52px;font-size:22px}.brand .brand-mark{width:34px;height:46px}.brand .brand-mark img{width:42px;height:42px}.brand-ornament,.app-navigation,.rail-motto{display:none}.header-actions{flex-direction:row;align-items:center;gap:6px;width:auto;margin:0 0 0 auto}.community-header-actions{gap:5px;width:auto;display:flex}.community-header-actions button{justify-content:center;width:auto;min-height:44px}.community-header-actions button:first-child{display:inline-flex}.language-switch{width:auto;min-width:74px}.audio-settings{width:auto}.sound-toggle{flex:0 0 44px;width:44px}.audio-settings-panel{width:auto;max-height:calc(100dvh - 154px);position:fixed;inset:76px 12px auto}.mobile-module-navigation{left:50%;bottom:max(8px, env(safe-area-inset-bottom));z-index:35;border:1px solid var(--border-strong);background:#fffdf8f7;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:min(430px,100% - 20px);min-height:58px;padding:4px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #362b1e2e}.mobile-module-navigation button{min-height:48px;color:var(--foreground-muted);background:0 0;border:0;border-radius:10px;place-items:center;gap:1px;padding:5px 7px;font-size:10px;font-weight:750;display:grid}.mobile-module-navigation button span{color:var(--accent);font-family:var(--serif);font-size:9px}.mobile-module-navigation button.is-active{background:var(--primary);color:var(--primary-foreground)}.mobile-module-navigation button.is-active span{color:var(--accent-soft)}.app-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.landing-shell,.setup-shell,.quiz-shell,.results-shell,.guitar-shell,footer{grid-column:auto}.landing-shell,.setup-shell,.guitar-shell{width:calc(100% - 24px);margin-top:18px}.module-loading{grid-column:auto;width:calc(100% - 24px);margin-top:18px}.landing-hero{grid-template-columns:1fr;padding:38px 30px}.landing-art{display:none}.landing-proof span{border-left:0;padding-inline:0}.landing-copy h1{font-size:clamp(48px,10vw,68px)}.practice-streak-card,.practice-streak-card--compact{grid-template-columns:1fr;gap:20px}.practice-streak-card--guest,.practice-streak-card--error{grid-template-columns:minmax(0,1fr) auto}.module-section{padding-top:30px}.hero-copy{grid-template-columns:1fr;min-height:0;padding:12px 8px 28px}.hero-staff{opacity:1;grid-area:auto/1;justify-self:start;width:min(100%,420px);min-height:214px;margin:20px auto 0;display:grid;position:relative;transform:rotate(-.7deg)}.setup-panel{padding-inline:8px}.level-grid{grid-template-columns:1fr}.level-card{grid-template-columns:150px 1fr;min-height:150px;display:grid}.range-preview{grid-row:1/4}.quiz-shell{width:calc(100% - 24px);margin-top:18px}.quiz-layout{grid-template-columns:1fr}.quiz-stat-panel{order:2;position:static}.quiz-stat-panel dl{grid-template-columns:repeat(3,1fr);display:grid}.quiz-stat-panel dl>div{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:8px}.quiz-stat-panel blockquote{display:none}.question-card{min-height:0}.results-shell{width:calc(100% - 24px)}.result-actions{grid-template-columns:1fr}.result-session-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.result-session-meta>div:nth-child(2){border-right:0}.result-session-meta>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.result-actions .secondary-button,.leaderboard-result-button{margin-top:0}footer{width:calc(100% - 24px)}}@media (width<=520px){.site-header{height:62px}.brand{font-size:21px}.brand-mark{width:26px;height:26px;font-size:16px}.community-header-actions button{max-width:76px;padding-inline:7px}.community-header-actions button:first-child{display:none}.sound-toggle{width:40px;min-height:40px}.audio-settings-panel{top:70px}.landing-shell,.setup-shell,.quiz-shell,.results-shell,.guitar-shell{width:calc(100% - 14px)}.landing-hero{border-radius:12px;padding:34px 20px}.landing-copy h1{font-size:46px}.landing-actions{grid-template-columns:1fr}.landing-actions .primary-button,.landing-actions .secondary-button{width:100%}.landing-proof{gap:8px;display:grid}.practice-streak-card,.practice-streak-card--compact,.practice-streak-card--guest,.practice-streak-card--error{grid-template-columns:1fr;padding:20px 16px}.practice-streak-card .secondary-button{width:100%}.practice-week ol{gap:4px}.practice-day-mark{width:32px;height:32px}.practice-week b{font-size:8px}.module-grid{grid-template-columns:1fr}.module-card{min-height:280px;padding:23px 21px}.setup-shell{padding:30px 14px 36px}.hero-copy h1{font-size:48px}.setup-panel{padding-top:28px}.level-card{min-height:0;display:block}.question-card{border-radius:14px;padding:22px 11px 20px}.question-heading{grid-template-columns:auto 1fr;gap:10px}.question-heading:after{display:none}.question-number{padding:6px 8px}.question-prompt{text-align:left;font-size:23px}.notation-stage{border-radius:12px;min-height:210px;margin:10px 0 16px}.notation-stage .staff:not(.staff--compact){height:175px;transform:translate(-50%)scale(.78)}.progress-row{padding:12px}.answer-line{grid-template-columns:1fr}.answer-line input,.answer-line button{border-radius:10px}.mobile-answer-pad>div{grid-template-columns:repeat(8,minmax(0,1fr))}.mobile-answer-pad button{grid-column:span 2}.mobile-answer-pad button:nth-child(5){grid-column:2/span 2}.mobile-answer-pad button{background:var(--surface-elevated);border-radius:9px}.quiz-stat-panel{padding:20px 12px}.quiz-stat-panel dl{grid-template-columns:repeat(2,1fr)}.modal-card{border-radius:14px 14px 0 0}.delete-account-actions{grid-template-columns:1fr}.community-toast{width:calc(100% - 20px);top:10px;right:10px}.leaderboard-controls{order:2}.guitar-shell{padding-inline:10px}.results-intro h1{font-size:38px}.guitar-feedback{grid-template-columns:1fr}}@media (width<=390px){.brand>span:last-child{letter-spacing:-.06em}.language-switch{min-width:68px}.community-header-actions button{max-width:70px}.landing-copy h1,.hero-copy h1{font-size:42px}.notation-stage .staff:not(.staff--compact){height:160px;transform:translate(-50%)scale(.7)}.mobile-answer-pad button{min-height:48px}.results-intro h1{font-size:34px}}@media (hover:none) and (pointer:coarse){.level-card,.mode-card{--shade-x:50%!important;--shade-y:46%!important}.answer-form>label{display:block}.answer-line{display:grid}.note-hints--desktop{display:none}.module-back,.community-header-actions button,.language-switch button,.leaderboard-segments button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-navigation{gap:4px}.app-navigation a{text-align:center;grid-template-columns:1fr;place-items:center;min-height:52px;padding:0 18px;display:grid}.app-navigation a>span{position:absolute;top:50%;left:18px;transform:translateY(-50%)}.app-navigation a>b{text-align:center;width:100%}.brand .brand-mark{transform:translate(-4px)}.landing-staff-card{background:radial-gradient(circle at 0 0,#8b2f3c1a,#0000 40%),linear-gradient(145deg,#f8f1e6,#eee4d4)}.hero-staff:before{display:none}.reading-session-summary{background:radial-gradient(circle at 0 0,#8b2f3c14,#0000 34%),linear-gradient(145deg,#f9f4ea,#efe6d8);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:34px 18px 0;padding:clamp(22px,3vw,31px);display:grid;box-shadow:0 18px 42px #362b1e1a,inset 0 0 0 1px #d5cabaa8}.reading-session-summary h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.5vw,44px);font-weight:500;line-height:1}.reading-session-chips{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.reading-session-chips span{color:var(--foreground-muted);background:#fffdf8b8;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:750;box-shadow:inset 0 0 0 1px #8b2f3c21}.reading-session-summary-actions{gap:7px;min-width:260px;display:grid}.reading-session-summary-actions .primary-button{min-height:58px;margin:0}.reading-session-summary-actions>button:last-child{min-height:38px;color:var(--primary);background:0 0;border:0;font-weight:760}.reading-setup-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f201c94;place-items:center;padding:24px;animation:.28s both reading-backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}.reading-setup-dialog{background:radial-gradient(circle at 0 0,#8b2f3c17,#0000 31%),linear-gradient(145deg,#fbf7ef,#f1e8da);border-radius:24px;width:min(940px,100%);max-height:calc(100dvh - 48px);padding:clamp(26px,4vw,48px);animation:.38s cubic-bezier(.22,1,.36,1) both reading-dialog-in;position:relative;overflow-y:auto;box-shadow:0 30px 90px #1c181347,inset 0 0 0 1px #ffffff94}.reading-setup-dialog>header{max-width:720px}.reading-setup-dialog>header h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(38px,6vw,66px);font-weight:500;line-height:.96}.reading-setup-dialog>header>p:last-child{max-width:660px;color:var(--foreground-muted);margin:18px 0 0;line-height:1.65}.reading-setup-close{z-index:2;width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--border);color:var(--foreground);background:#fffdf8c2;border:0;border-radius:50%;place-items:center;padding:0 0 2px;font-family:Arial,sans-serif;font-size:27px;line-height:1;display:grid;position:absolute;top:22px;right:22px}.reading-setup-dialog .reading-profile-grid{gap:12px;margin-top:30px}.reading-setup-dialog .reading-profile-grid>button{background:linear-gradient(145deg,#fffdf8db,#f2eaddeb);grid-template-columns:18px 1fr;align-items:start;gap:9px;min-height:152px;padding:22px 20px;box-shadow:0 10px 25px #362b1e0f,inset 0 0 0 1px #c6a15b3d}.reading-setup-dialog .reading-profile-grid>button strong,.reading-setup-dialog .reading-profile-grid>button small{grid-column:2}.profile-choice-mark{border:1.5px solid #8b2f3c94;border-radius:50%;width:18px;height:18px;transition:background-color .25s,box-shadow .25s,transform .3s cubic-bezier(.22,1,.36,1)}.reading-profile-grid>button.is-selected .profile-choice-mark{background:var(--primary);transform:scale(1.06);box-shadow:inset 0 0 0 5px #f8f1e6}.reading-recommendation{opacity:.62;background:#e7decf94;border-radius:16px;grid-template-columns:minmax(190px,1.2fr) repeat(3,minmax(130px,.8fr));align-items:end;gap:14px;margin-top:18px;padding:20px;transition:opacity .3s,background-color .3s,box-shadow .3s;display:grid}.reading-recommendation.is-ready{opacity:1;background:#fffdf8ad;box-shadow:inset 0 0 0 1px #8b2f3c29}.reading-recommendation>div>span{color:var(--foreground-muted);font-size:10px;line-height:1.5}.reading-recommendation label{color:var(--foreground-muted);letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:9px;font-weight:800;display:grid}.reading-recommendation select{width:100%;min-height:44px;box-shadow:inset 0 0 0 1px var(--border);color:var(--foreground);font:700 11px var(--sans);background:#fffdf8;border:0;border-radius:10px;padding:0 34px 0 12px}.reading-setup-actions{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:12px;margin-top:18px;display:grid}.reading-setup-actions .primary-button{min-height:60px;margin:0}.reading-setup-actions>button:last-child{min-height:44px;color:var(--foreground-muted);background:0 0;border:0;padding:0 16px;font-weight:750}.instrument-illustration--violin{background:radial-gradient(circle at 50% 56%,#c6a15b21,#0000 43%),linear-gradient(145deg,#f8f1e6,#eee4d4);display:block;position:relative;overflow:hidden}.instrument-illustration--violin:before{background:radial-gradient(circle at 16% 48%,#f8f1e6 0 12%,#0000 13%),radial-gradient(circle at 84% 48%,#f8f1e6 0 12%,#0000 13%),linear-gradient(90deg,#a56a34,#d39a56 48%,#9a5b2d);border:0;border-radius:45% 45% 38% 38%/38% 38% 54% 54%;width:86px;height:106px;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #4b2d1957,0 12px 22px #362b1e21}.instrument-illustration--violin:after{background:linear-gradient(90deg,#3a2a20,#745037 55%,#2e211a);border-radius:7px 7px 2px 2px;width:12px;height:116px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 -13px 0 -2px #6f4931}.instrument-illustration--violin i{z-index:2;margin:0;display:block;position:absolute;left:50%}.instrument-illustration--violin i:first-child{background:#e7c994;border-radius:50%;width:52px;height:5px;top:107px;transform:translate(-50%)}.instrument-illustration--violin i:nth-child(2){background:#fff4dad1;width:1px;height:144px;top:27px}.instrument-illustration--violin i:nth-child(3),.instrument-illustration--violin i:nth-child(4){background:0 0;border:0 solid #4f2a18ad;border-right-width:2px;border-radius:50%;width:11px;height:34px;top:87px}.instrument-illustration--violin i:nth-child(3){margin-left:-31px;transform:rotate(9deg)}.instrument-illustration--violin i:nth-child(4){margin-left:20px;transform:scaleX(-1)rotate(9deg)}@keyframes reading-backdrop-in{0%{opacity:0}}@keyframes reading-dialog-in{0%{opacity:0;transform:translateY(16px)scale(.985)}}@media (hover:hover) and (pointer:fine){.module-card{transition:background-color .35s,box-shadow .38s,color .28s}.module-card:hover{box-shadow:0 19px 40px #362b1e1f}.module-card--staff:hover{background:linear-gradient(145deg,#fbf6ed,#f0e5d6)}.module-card--guitar:hover{background:linear-gradient(145deg,#e7ddcd,#f5eee2)}.module-card--staff:hover .range-preview-mark,.module-card--guitar:hover .module-guitar-visual>b{animation:.42s cubic-bezier(.22,1,.36,1) both module-note-reveal}.module-card--staff:hover .range-preview-mark:nth-child(3),.module-card--guitar:hover .module-guitar-visual>b:first-child{animation-delay:0s}.module-card--staff:hover .range-preview-mark:nth-child(4),.module-card--guitar:hover .module-guitar-visual>b:nth-child(2){animation-delay:.1s}.module-card--staff:hover .range-preview-mark:nth-child(5),.module-card--guitar:hover .module-guitar-visual>b:nth-child(3){animation-delay:.2s}.module-card--staff:hover .range-preview-mark:nth-child(6){animation-delay:.3s}.module-card--staff:hover .range-preview-mark:nth-child(7){animation-delay:.4s}.reading-setup-dialog .reading-profile-grid>button:hover{background:linear-gradient(145deg,#fffaf2,#eadfce);transform:translateY(-2px);box-shadow:0 15px 31px #651e2b1c,inset 0 0 0 1px #8b2f3c47}}@keyframes module-note-reveal{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}@media (width<=820px){.reading-session-summary{grid-template-columns:1fr;margin-inline:8px}.reading-session-summary-actions{min-width:0}.reading-recommendation,.reading-setup-dialog .reading-profile-grid{grid-template-columns:1fr}}@media (width<=520px){.brand .brand-mark{transform:translate(-2px)}.brand-name{margin-left:-6px;transform:translate(-2px,-2px)}.reading-setup-backdrop{place-items:start center;padding:10px}.reading-setup-dialog{border-radius:18px;max-height:calc(100dvh - 20px);padding:26px 16px 20px}.reading-setup-close{top:13px;right:13px}.reading-setup-dialog>header{padding-right:36px}.reading-setup-dialog>header h2{font-size:37px}.reading-setup-dialog .reading-profile-grid>button{min-height:105px}.reading-setup-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.module-card--staff:hover .range-preview-mark,.module-card--guitar:hover .module-guitar-visual>b,.reading-setup-backdrop,.reading-setup-dialog{animation:none!important}}.brand .brand-mark{width:43px;height:50px}.brand .brand-mark img{width:48px;height:48px;margin-left:-3px;transform:none}.brand-name{text-shadow:none;background:0 0;margin-left:3px;padding:0;line-height:1}.guitar-question-card{background:var(--surface-elevated);box-shadow:var(--surface-shadow);color:var(--foreground);border-radius:14px}.guitar-answer label{color:var(--foreground-muted)}.guitar-note-choices button{border-color:var(--border);background:var(--surface-elevated);color:var(--foreground)}.guitar-feedback{background:var(--background-deep);color:var(--foreground)}.guitar-feedback>div>span{color:var(--foreground-muted)}.quiz-shell{scroll-margin-top:12px}.quiz-session-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(520px,100%);margin:14px auto 0;display:grid}.quiz-session-actions button{border-radius:10px;min-height:46px;padding:10px 15px;font-size:10px;font-weight:780;transition:background-color .2s,color .2s,box-shadow .2s}.restart-session-button{background:var(--surface-elevated);color:var(--primary);box-shadow:var(--surface-shadow-soft), inset 0 0 0 1px #8b2f3c3d;border:0}.end-session-button{border:1px solid var(--border);color:var(--foreground-muted);background:0 0}@media (hover:hover) and (pointer:fine){.restart-session-button:hover{background:var(--danger-soft)}.end-session-button:hover{background:var(--background-deep);color:var(--foreground)}}.guitar-mode-section{margin-top:54px}.guitar-mode-section .guitar-range-heading{margin:0 0 20px}.guitar-mode-grid .mode-card{background:var(--surface-elevated);min-height:112px;box-shadow:var(--surface-shadow-soft);border-color:#0000;grid-template-columns:62px minmax(0,1fr) 18px;padding:18px}.guitar-mode-grid .mode-card.is-selected{background:var(--surface-elevated);box-shadow:var(--surface-shadow), inset 0 0 0 1px #8b2f3c38;border-color:#0000}.guitar-mode-icon{background:var(--background-deep);width:62px;height:62px;color:var(--primary);border-radius:14px;display:block;position:relative;overflow:hidden}.guitar-mode-icon--position:before{content:"";background:repeating-linear-gradient(#0000 0 7px,#2d3a3185 7px 8px),repeating-linear-gradient(90deg,#0000 0 13px,#2d3a3157 13px 14px);position:absolute;inset:13px 9px}.guitar-mode-icon--position b{z-index:1;background:var(--primary);width:20px;height:20px;color:var(--primary-foreground);border-radius:50%;place-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;display:grid;position:absolute;top:23px;left:28px}.guitar-mode-icon--staff{align-content:center;gap:4px;padding:17px 8px;display:grid}.guitar-mode-icon--staff i{background:var(--foreground);opacity:.64;height:1px;display:block}.guitar-mode-icon--staff b{background:var(--primary);border-radius:50%;width:12px;height:9px;position:absolute;top:25px;left:31px;transform:rotate(-14deg)}.guitar-mode-icon--staff b:after{content:"";background:var(--primary);transform-origin:bottom;width:2px;height:20px;position:absolute;bottom:3px;right:0;transform:rotate(14deg)}.guitar-staff-frame{background:var(--background-deep);border-radius:14px;place-items:center;width:min(600px,100%);margin:0 auto 12px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #d5cabab8}.guitar-staff-note{width:480px;height:218px;margin:0}.guitar-clef-eight{z-index:3;font-family:var(--serif);font-size:15px;font-weight:700;position:absolute;top:120px;left:83px}.fretboard--interactive .fret-cell{z-index:2}.fret-note--choice{color:var(--foreground);cursor:pointer;background:#fffaf3d6;border:1px solid #8b2f3c5c;padding:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-style:normal;transition:background-color .2s,box-shadow .2s,transform .2s}.fret-note--choice:after{content:"";background:#8b2f3c9e;border-radius:50%;width:6px;height:6px}.fret-note--choice.is-selected,.fret-note--choice.is-wrong{background:var(--danger-soft);box-shadow:0 0 0 4px #fffaf394,0 5px 14px #41260f47}.fret-note--choice.is-selected:after,.fret-note--choice.is-wrong:after,.fret-note--choice.is-correct:after{display:none}.fret-note--choice.is-correct{background:var(--success);color:#fff;width:34px;height:34px;box-shadow:0 0 0 5px #fffaf394,0 5px 14px #41260f4d}.fret-note--choice:disabled{cursor:default;opacity:1}.guitar-position-instruction{background:var(--background-deep);width:fit-content;color:var(--foreground-muted);border-radius:999px;margin:16px auto 0;padding:10px 14px;font-size:11px;font-weight:700}@media (hover:hover) and (pointer:fine){.fret-note--choice:not(:disabled):hover{background:var(--primary);transform:translateY(-1px);box-shadow:0 0 0 4px #fffaf380}.fret-note--choice:not(:disabled):hover:after{background:#fff}}@media (width<=620px){.brand .brand-mark{width:37px}.brand .brand-mark img{width:43px;height:43px}.brand-name{margin-left:2px}.guitar-mode-grid{grid-template-columns:1fr}.guitar-mode-grid .mode-card{min-height:104px}.guitar-staff-frame{height:170px}.guitar-staff-note{flex:0 0 480px;transform:scale(.74)}.quiz-shell{scroll-margin-top:6px}}@media (width<=420px){.brand{min-width:58px}.brand-name{display:none}.header-actions{gap:4px}.community-header-actions button{max-width:72px;padding-inline:7px}.language-switch{min-width:66px}}.fretboard-experience{min-width:0}.fretboard-orientation-hint{display:none}.guitar-study-tools{background:var(--background-deep);border-radius:14px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:16px;margin:0 0 16px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #d5caba9e}.guitar-study-tools .kicker{margin:0 0 5px}.guitar-study-tools>div:first-child>span{color:var(--foreground-muted);font-size:11px;line-height:1.55}.guitar-study-note-choices{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.guitar-study-note-choices button{background:var(--surface-elevated);min-width:44px;min-height:38px;color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);font-family:var(--serif);border:0;border-radius:999px;padding:0 12px;font-weight:750;transition:background-color .24s,color .24s,box-shadow .24s,transform .24s}.guitar-study-note-choices button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 5px 14px #58212933}.fret-note{transition:opacity .24s,transform .24s,background-color .24s,color .24s,box-shadow .24s}.fret-note.is-study-muted{opacity:.18;transform:scale(.78)}.fret-note.is-study-focus{background:var(--primary);color:var(--primary-foreground);transform:scale(1.08);box-shadow:0 0 0 4px #fffaf385,0 6px 15px #41260f4d}@media (hover:hover) and (pointer:fine){.guitar-study-note-choices button:hover{background:var(--danger-soft);transform:translateY(-1px)}.guitar-study-note-choices button[aria-pressed=true]:hover{background:var(--primary)}}@media (width<=720px){.guitar-study-tools{grid-template-columns:1fr}.guitar-study-note-choices{justify-content:flex-start}}@media (width<=620px) and (orientation:portrait){.fretboard-orientation-hint{background:var(--danger-soft);color:var(--foreground);border-radius:11px;align-items:center;gap:9px;margin:0 0 8px;padding:10px 12px;font-size:10px;font-weight:700;line-height:1.45;display:flex}.fretboard-orientation-hint span{width:26px;height:20px;color:var(--primary);border:1px solid #8b2f3c66;border-radius:5px;flex:none;place-items:center;font-size:14px;display:grid}}@media (orientation:landscape) and (height<=560px) and (width<=1000px){.guitar-shell.guitar-quiz{width:calc(100% - 12px);margin:6px auto 14px;padding:8px}.guitar-quiz-top{flex-direction:row;align-items:center;gap:8px;margin-bottom:6px}.guitar-exit-button{width:auto;min-height:34px;padding:6px 10px}.guitar-question-card{padding:10px 8px 9px}.guitar-target-location{margin:0 0 5px;padding:5px 9px;display:inline-grid}.guitar-target-location strong{font-size:15px}.guitar-question-card h1{margin:0 0 6px;font-size:25px;line-height:1}.guitar-staff-frame{height:100px;margin-bottom:4px}.guitar-staff-note{flex:0 0 480px;transform:scale(.55)}.fretboard-scroll{padding:2px 0 4px}.fretboard--range-3{min-width:100%!important}.fretboard{padding-top:18px}.fretboard-fret-numbers{inset:2px 0 auto}.fretboard-string>.fret-cell{min-height:27px}.fret-note,.fret-note.is-active,.fret-note--choice,.fret-note--choice.is-correct{width:23px;height:23px;font-size:10px}.fretboard-inlays{inset:18px 0 0}.guitar-answer{gap:5px;margin-top:5px;padding:6px}.guitar-answer label{display:none}.guitar-answer input,.guitar-answer>div:first-of-type>button{min-height:34px}.guitar-note-choices{gap:4px}.guitar-note-choices button{min-height:32px}.guitar-position-instruction{margin-top:5px;padding:6px 10px}.guitar-feedback{gap:8px;margin-top:5px;padding:7px 9px}}.score-reading-shell{width:min(1320px,100% - 32px);margin:18px auto 48px}.score-reading-shell--loading{background:var(--surface);min-height:520px;box-shadow:var(--surface-shadow);border-radius:18px}.score-reading-hero{background:linear-gradient(140deg, var(--surface-elevated), #eee5d7);min-height:300px;box-shadow:var(--surface-shadow);border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:44px;padding:clamp(34px,5vw,66px);display:grid}.score-reading-hero h1,.score-reading-results h1{max-width:760px;font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(46px,6vw,78px);font-weight:500;line-height:1.07}.score-reading-hero>div:first-child>p:last-child,.score-reading-results>p{max-width:720px;color:var(--foreground-muted);margin-top:24px;font-size:15px;line-height:1.7}.score-reading-hero-staff,.module-score-visual{background:repeating-linear-gradient(#0000 0 20px,#20231f94 20px 21px);position:relative;overflow:hidden}.score-reading-hero-staff{border-radius:14px;height:150px}.score-reading-hero-staff>span{font-family:var(--serif);font-size:110px;line-height:1;position:absolute;top:13px;left:14px}.score-reading-hero-staff>b{background:var(--primary);border-radius:50%;width:18px;height:12px;position:absolute;top:68px;transform:rotate(-12deg)}.score-reading-hero-staff>b:after{content:"";background:var(--primary);transform-origin:bottom;width:2px;height:38px;position:absolute;bottom:4px;right:1px;transform:rotate(12deg)}.score-reading-hero-staff>b:first-of-type{top:88px;left:28%}.score-reading-hero-staff>b:nth-of-type(2){top:78px;left:43%}.score-reading-hero-staff>b:nth-of-type(3){top:68px;left:58%}.score-reading-hero-staff>b:nth-of-type(4){top:58px;left:73%}.score-reading-hero-staff>b:nth-of-type(5){top:48px;left:88%}.score-reading-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.score-reading-options>section{background:var(--surface);box-shadow:var(--surface-shadow-soft);border-radius:18px;padding:28px}.score-reading-options h2{font-family:var(--serif);letter-spacing:-.035em;margin:3px 0 20px;font-size:34px;font-weight:500}.score-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.score-option-grid>button{background:var(--background);min-height:142px;box-shadow:inset 0 0 0 1px var(--border);text-align:left;cursor:pointer;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;padding:22px 54px 22px 22px;transition:background-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative}.score-option-grid>button strong{font-family:var(--serif);font-size:22px}.score-option-grid>button span{color:var(--foreground-muted);margin-top:7px;font-size:11px;line-height:1.55}.score-option-grid>button i{background:var(--surface-elevated);border:1px solid #8b2f3c8c;border-radius:50%;width:23px;height:23px;position:absolute;top:18px;right:18px}.score-option-grid>button i:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;left:7px;transform:rotate(45deg)scale(.4)}.score-option-grid>button.is-selected{color:var(--foreground);background:linear-gradient(145deg,#f4e7df,#fffaf3);box-shadow:inset 0 0 0 2px #8b2f3ca8,0 12px 28px #5821291c}.score-option-grid>button.is-selected i{border-color:var(--primary);background:var(--primary)}.score-option-grid>button.is-selected i:after{opacity:1;transform:rotate(45deg)scale(1)}.score-option-grid>button:focus-visible{outline-offset:3px;outline:3px solid #c6a15bc2}.score-reading-start-card{background:var(--surface-elevated);box-shadow:var(--surface-shadow);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(210px,.5fr) auto;align-items:center;gap:24px;margin-top:18px;padding:26px 28px;display:grid}.rhythm-legend{flex-wrap:wrap;gap:8px;display:flex}.rhythm-legend>span{background:var(--background-deep);min-height:36px;color:var(--foreground-muted);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:750;display:inline-flex}.rhythm-symbol{width:16px;height:24px;color:var(--foreground);flex:none;display:inline-block;position:relative}.rhythm-symbol-head{background:currentColor;border-radius:50%;width:10px;height:7px;position:absolute;bottom:1px;left:1px;transform:rotate(-16deg)}.rhythm-symbol-stem{background:currentColor;width:1.5px;height:18px;position:absolute;bottom:5px;left:10px}.rhythm-symbol-flag{transform-origin:0 0;border-right:2px solid;border-radius:0 8px 8px 0;width:7px;height:10px;position:absolute;top:1px;left:10px;transform:skewY(28deg)}.rhythm-symbol-flag--second{top:6px}.rhythm-symbol--whole .rhythm-symbol-head,.rhythm-symbol--half .rhythm-symbol-head{background:0 0;box-shadow:inset 0 0 0 1.5px}.rhythm-symbol--triplet{width:34px}.rhythm-symbol-beam{background:currentColor;border-radius:2px;width:26px;height:3px;position:absolute;top:4px;left:4px;transform:rotate(-4deg)}.rhythm-symbol-triplet-note{background:currentColor;width:1.5px;height:15px;position:absolute;top:4px}.rhythm-symbol-triplet-note:after{content:"";background:currentColor;border-radius:50%;width:9px;height:6px;position:absolute;bottom:-2px;left:-4px;transform:rotate(-15deg)}.rhythm-symbol-triplet-note.is-first{left:5px}.rhythm-symbol-triplet-note.is-second{left:17px}.rhythm-symbol-triplet-note.is-third{left:29px}.rhythm-symbol--triplet>b{background:var(--background-deep);padding:0 2px;font-size:7px;line-height:1;position:absolute;top:8px;left:14px}.tempo-control{color:var(--foreground-muted);grid-template-columns:1fr auto;align-items:center;gap:5px 12px;font-size:10px;font-weight:750;display:grid}.tempo-control strong{color:var(--primary)}.tempo-control input{width:100%;accent-color:var(--primary);grid-column:1/-1}.score-reading-start-card .primary-button{min-width:245px;margin:0}.score-reading-session{padding-top:2px}.score-reading-session-top{background:var(--surface);box-shadow:var(--surface-shadow-soft);border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:10px;padding:10px 14px;display:grid}.score-reading-session-top>button{background:var(--background-deep);width:fit-content;min-height:42px;color:var(--foreground);border:0;border-radius:10px;padding:0 14px;font-size:10px;font-weight:760}.score-reading-session-top>button:last-child{justify-self:end}.score-reading-session-top>div{justify-items:center;gap:2px;display:grid}.score-reading-session-top>div span{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.score-reading-session-top>div strong{font-family:var(--serif);font-size:24px;font-weight:500}.score-reading-card{background:var(--surface-elevated);box-shadow:var(--surface-shadow);border-radius:18px;padding:clamp(20px,3vw,38px)}.score-reading-context{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.score-reading-context>span{color:var(--foreground-muted);font-size:11px}.score-line-scroll{scrollbar-width:thin;background:linear-gradient(145deg,#f8f3e9,#eee4d4);border-radius:15px;margin-top:18px;overflow-x:auto;box-shadow:inset 0 0 0 1px #c6a15b47}.score-line{min-width:920px;height:210px;padding:20px 24px 18px 116px;position:relative}.score-line-clef{z-index:2;font-family:var(--serif);font-size:116px;line-height:1;position:absolute;top:39px;left:28px}.score-line-notes{grid-template-columns:repeat(15,minmax(46px,1fr));align-items:start;height:160px;display:grid;position:relative}.score-line-notes:before{content:"";background:repeating-linear-gradient(#20231fbd 0 1px,#0000 1px 14px);height:57px;position:absolute;inset:56px 0 auto}.score-event{z-index:1;border-radius:10px;justify-items:center;width:100%;height:176px;transition:background-color .2s;display:grid;position:relative}.score-event:has(.is-active){background:#c6a15b29}.score-event>small{color:var(--foreground-muted);opacity:.78;font-size:8px;position:absolute;bottom:0}.score-note{width:100%;height:152px;display:block;position:relative}.score-note-head{left:50%;top:calc(112px - var(--score-position) * 7px);background:var(--foreground);border-radius:50%;width:18px;height:12px;transition:background-color .2s,box-shadow .2s;position:absolute;transform:translate(-50%,-50%)rotate(-14deg)}.score-note--whole .score-note-head,.score-note--half .score-note-head{background:var(--surface-elevated);box-shadow:inset 0 0 0 2px var(--foreground)}.score-note-stem{left:calc(50% + 7px);top:calc(112px - var(--score-position) * 7px - 38px);background:var(--foreground);width:2px;height:40px;position:absolute}.score-note-stem.is-down{left:calc(50% - 8px);top:calc(112px - var(--score-position) * 7px)}.score-note-flag{left:calc(50% + 7px);top:calc(112px - var(--score-position) * 7px - 38px);border-right:3px solid var(--foreground);transform-origin:0 0;border-radius:0 12px 10px 0;width:11px;height:17px;position:absolute;transform:skewY(28deg)}.score-note-flag.is-down{left:calc(50% - 18px);top:calc(112px - var(--score-position) * 7px + 23px);transform-origin:50%;transform:rotate(180deg)skewY(28deg)}.score-note-flag--second{top:calc(112px - var(--score-position) * 7px - 30px)}.score-note-flag--second.is-down{top:calc(112px - var(--score-position) * 7px + 16px)}.score-note-triplet{left:50%;top:calc(112px - var(--score-position) * 7px - 52px);color:var(--primary);font-family:var(--serif);font-size:10px;position:absolute;transform:translate(-50%)}.score-note-ledger{left:50%;top:calc(112px - var(--score-position) * 7px);background:var(--foreground);width:30px;height:1px;position:absolute;transform:translate(-50%,-50%)}.score-note.is-active .score-note-head{background:var(--primary);box-shadow:0 0 0 7px #8b2f3c1a}.score-note.is-correct .score-note-head{background:var(--success)}.score-note.is-wrong .score-note-head{background:var(--danger);box-shadow:0 0 0 5px #b94a481a}.score-note.is-future{opacity:.56}.rhythm-window{background:var(--background-deep);border-radius:999px;height:5px;margin:10px 4px 0;overflow:hidden}.rhythm-window>span{border-radius:inherit;background:var(--primary);transform-origin:0;width:100%;height:100%;animation:rhythm-window-countdown var(--rhythm-window) linear forwards;display:block}@keyframes rhythm-window-countdown{to{transform:scaleX(0)}}.score-answer-area{background:var(--background);border-radius:14px;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);align-items:center;gap:24px;margin-top:22px;padding:18px;display:grid}.score-answer-area p{font-family:var(--serif);margin:0;font-size:23px}.score-answer-area>div:first-child span{color:var(--foreground-muted);font-size:10px}.score-answer-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.score-answer-grid button{background:var(--surface-elevated);min-height:54px;box-shadow:inset 0 0 0 1px var(--border), 0 5px 14px #362b1e0a;font-family:var(--serif);border:0;border-radius:10px;font-size:18px;transition:background-color .18s,color .18s,transform .18s}.score-reading-results{background:var(--surface);box-shadow:var(--surface-shadow);border-radius:18px;padding:clamp(32px,6vw,74px)}.score-reading-stats{background:var(--background-deep);border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 0;display:grid;overflow:hidden}.score-reading-stats>div{border-right:1px solid var(--border);align-content:center;gap:5px;min-height:118px;padding:20px;display:grid}.score-reading-stats>div:last-child{border:0}.score-reading-stats dt{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.score-reading-stats dd{font-family:var(--serif);margin:0;font-size:34px}.score-reading-review{background:var(--surface-elevated);box-shadow:var(--surface-shadow-soft);border-radius:15px;margin-top:22px;padding:24px}.score-reading-review h2{font-family:var(--serif);margin:0 0 16px;font-size:28px;font-weight:500}.score-reading-review p{color:var(--success-deep)}.score-reading-review ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.score-reading-review li{background:var(--danger-soft);border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:grid}.score-reading-review li>b{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.score-reading-review li span{font-family:var(--serif);font-size:18px}.score-reading-review li small{color:var(--foreground-muted)}.score-reading-result-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.score-reading-result-actions .primary-button,.score-reading-result-actions .secondary-button{margin:0}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-category--score{grid-column:1/-1}.module-card--score{background:linear-gradient(145deg,#f5e8df,#f8f3e9);min-height:330px}.module-score-visual{width:100%;height:116px;margin:10px 0 20px}.module-score-visual>i{font-family:var(--serif);font-size:92px;font-style:normal;line-height:1;position:absolute;top:5px;left:5px}.module-score-visual>em{background:var(--primary);border-radius:50%;width:14px;height:10px;position:absolute;top:51px;transform:rotate(-12deg)}.module-score-visual>em:after{content:"";background:var(--primary);transform-origin:bottom;width:2px;height:28px;position:absolute;bottom:3px;right:1px;transform:rotate(12deg)}.module-score-visual>em:first-of-type{top:70px;left:25%}.module-score-visual>em:nth-of-type(2){top:60px;left:42%}.module-score-visual>em:nth-of-type(3){top:50px;left:59%}.module-score-visual>em:nth-of-type(4){top:40px;left:76%}.module-score-visual>em:nth-of-type(5){top:30px;left:89%}@media (hover:hover) and (pointer:fine){.score-option-grid>button:hover{background:var(--surface-elevated);transform:translateY(-1px)}.score-answer-grid button:not(:disabled):hover{background:var(--primary);color:#fff;transform:translateY(-1px)}}@media (width<=900px){.score-reading-hero,.score-reading-options,.score-reading-start-card{grid-template-columns:1fr}.score-reading-start-card .primary-button{width:100%}}@media (width<=820px){.mobile-module-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.score-reading-shell{width:calc(100% - 24px);margin-top:18px}.score-answer-area{grid-template-columns:1fr;gap:12px}.score-answer-grid{grid-template-columns:repeat(7,minmax(52px,1fr));padding-bottom:4px;overflow-x:auto}}@media (width<=520px){.score-reading-shell{width:calc(100% - 14px)}.score-reading-hero{min-height:0;padding:32px 20px}.score-reading-hero h1{font-size:44px}.score-reading-hero-staff{height:118px}.score-option-grid{grid-template-columns:1fr}.score-option-grid>button{min-height:120px}.score-reading-start-card{padding:21px 17px}.score-reading-session-top{grid-template-columns:1fr 1fr;gap:6px}.score-reading-session-top>div{grid-area:1/1/auto/-1}.score-reading-session-top>button{grid-row:2;width:100%}.score-reading-card{padding:14px 10px}.score-reading-context{flex-direction:column;align-items:flex-start;gap:3px}.score-line{min-width:860px}.score-answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.score-answer-grid button{min-height:50px}.score-answer-grid button:nth-child(5){grid-column:2}.score-reading-stats{grid-template-columns:1fr}.score-reading-stats>div{border-right:0;border-bottom:1px solid var(--border);min-height:88px}.score-reading-review li{grid-template-columns:32px 1fr}.score-reading-review li small{grid-column:2}.score-reading-result-actions,.module-grid{grid-template-columns:1fr}.module-category--score{grid-column:auto}}@media (orientation:landscape) and (height<=560px) and (width<=1000px){.guitar-question-card--staff-position{grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr);grid-template-areas:"staff board""instruction instruction";align-items:center;gap:8px 12px;display:grid}.guitar-question-card--staff-position .guitar-target-location,.guitar-question-card--staff-position>h1{display:none}.guitar-question-card--staff-position .guitar-staff-frame{grid-area:staff;width:100%;height:154px;margin:0;box-shadow:inset 0 0 0 1px #c6a15b47}.guitar-question-card--staff-position .guitar-staff-note{transform:scale(.66)}.guitar-question-card--staff-position>.fretboard-experience{grid-area:board;min-width:0}.guitar-question-card--staff-position .guitar-position-instruction,.guitar-question-card--staff-position .guitar-feedback{grid-area:instruction}}@media (width<=420px){.brand{gap:0;min-width:112px;font-size:18px}.brand .brand-mark{width:32px;height:42px}.brand .brand-mark img{width:39px;height:39px;margin-left:-3px}.brand-name{margin-left:-3px;display:inline-block;transform:translateY(-1px)}.brand:before{left:0;right:0}}.app-navigation a{min-height:56px;color:var(--foreground-muted);text-align:left;border-radius:10px;grid-template-columns:31px 1fr;align-items:center;gap:11px;padding:0 15px;text-decoration:none;transition:color .24s,background-color .24s,box-shadow .3s;display:grid;position:relative}.app-navigation a>span{color:var(--accent);font-family:var(--serif);font-size:15px;line-height:1}.app-navigation a>b{white-space:nowrap;min-width:0;font-size:11px;font-weight:730}.app-navigation a.is-active>span{color:var(--accent-soft)}.brand-name{margin-left:-3px;transform:translateY(-2px)}.landing-actions .primary-button{min-width:310px;min-height:66px;margin-top:0;padding-inline:25px;text-decoration:none}.landing-staff-card,.hero-staff{background:radial-gradient(circle at 0 0,#8b2f3c21,#0000 38%),linear-gradient(145deg,#fffdf8fa,#f4efe4e0)}.module-card{color:var(--foreground);text-decoration:none}.reading-quick-start{background:radial-gradient(circle at 0 0, #8b2f3c1f, transparent 34%), var(--surface-elevated);border-radius:18px;grid-template-columns:minmax(230px,.75fr) minmax(460px,1.5fr);gap:24px 30px;margin:34px 18px 0;padding:clamp(22px,3vw,32px);display:grid;box-shadow:0 18px 42px #362b1e1a,inset 0 0 0 1px #d5caba9e}.reading-quick-start.is-first-visit{box-shadow:0 20px 46px #651e2b21,inset 0 0 0 1px #8b2f3c3d}.reading-quick-start-copy h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.4vw,43px);font-weight:500;line-height:1}.reading-quick-start-copy>p:last-child{color:var(--foreground-muted);margin:13px 0 0;font-size:12px;line-height:1.6}.reading-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reading-profile-grid>button{background:var(--surface);min-height:132px;box-shadow:inset 0 0 0 1px var(--border), 0 7px 18px #362b1e0b;color:var(--foreground);text-align:left;border:0;border-radius:13px;align-content:start;gap:7px;padding:17px 15px;transition:background-color .3s,box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.reading-profile-grid>button:before{content:"";opacity:0;background:radial-gradient(circle at 0 0,#8b2f3c26,#0000 36%),radial-gradient(circle at 100% 100%,#8b2f3c14,#0000 34%);transition:opacity .3s;position:absolute;inset:0}.reading-profile-grid>button>*{z-index:1;position:relative}.reading-profile-grid>button>span{color:var(--primary);font-size:18px;line-height:1}.reading-profile-grid>button strong{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.12}.reading-profile-grid>button small{color:var(--foreground-muted);font-size:9px;line-height:1.45}.reading-profile-grid>button.is-selected{background:#fffaf3;box-shadow:inset 0 0 0 1px #8b2f3c6b,0 10px 24px #651e2b1a}.reading-profile-grid>button.is-selected:before{opacity:1}.reading-quick-start-actions{grid-column:1/-1;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:12px;display:grid}.reading-quick-start-actions .primary-button{min-height:62px;margin:0}.reading-quick-start-actions>button:last-child{min-height:44px;color:var(--primary);background:0 0;border:0;padding:0 12px;font-weight:750}#reading-detailed-settings{scroll-margin-top:20px}.app-shell--session{padding:0;display:block}.app-shell--session .quiz-shell,.app-shell--session .guitar-shell{grid-column:auto;width:min(1480px,100% - 32px);margin-top:16px}@media (hover:hover) and (pointer:fine){.app-navigation a:not(.is-active):hover{background:var(--background-deep);color:var(--foreground)}.reading-profile-grid>button:hover{background:#fffaf3;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #8b2f3c47,0 10px 23px #362b1e14}}@media (width<=1100px) and (width>=821px){.app-navigation a{grid-template-columns:1fr;justify-items:center;gap:0;padding-inline:13px}.app-navigation a>b{display:none}.reading-quick-start{grid-template-columns:1fr}}@media (width<=820px){.mobile-module-navigation a{min-height:48px;color:var(--foreground-muted);border-radius:10px;place-items:center;gap:1px;padding:5px 7px;font-size:10px;font-weight:750;text-decoration:none;display:grid}.mobile-module-navigation a span{color:var(--accent);font-family:var(--serif);font-size:12px}.mobile-module-navigation a.is-active{color:var(--primary-foreground);background:linear-gradient(135deg,#8b2f3c,#a83a49)}.mobile-module-navigation a.is-active span{color:var(--accent-soft)}.reading-quick-start{grid-template-columns:1fr;margin-inline:8px}.reading-profile-grid{grid-template-columns:1fr}.reading-profile-grid>button{grid-template-columns:24px 1fr;min-height:94px}.reading-profile-grid>button small{grid-column:2}.site-header .brand{min-width:132px}.site-header .brand-name{display:inline-block}.site-header .brand:before{left:0;right:0}}@media (width<=520px){.brand-name{margin-left:-5px;transform:translateY(-2px)}.landing-actions .primary-button{min-width:0;min-height:62px}.reading-quick-start{margin:22px 0 0;padding:20px 14px}.reading-quick-start-actions{grid-template-columns:1fr}.app-shell--session .quiz-shell,.app-shell--session .guitar-shell{width:calc(100% - 10px);margin-top:5px}}.app-navigation{gap:8px;width:100%;margin-inline:0}.app-navigation a{box-sizing:border-box;text-align:center;width:100%;min-height:58px;color:var(--foreground-muted);background:linear-gradient(145deg,#fffdf8f0,#ede5d7d1);border-radius:12px;justify-content:center;align-items:center;gap:0;padding:0 12px;transition:background .28s,box-shadow .28s,color .28s,transform .28s;display:flex;box-shadow:0 7px 18px #362b1e12}.app-navigation a.is-active{color:var(--primary-foreground);background:linear-gradient(135deg,#8b2f3c,#a83a49);box-shadow:0 10px 22px #651e2b33}.app-navigation a>span{display:none}.app-navigation a>b{text-align:center;width:auto;display:block}@media (hover:hover) and (pointer:fine){.app-navigation a:not(.is-active):hover{color:var(--foreground);background:linear-gradient(145deg,#fffdf8,#e7dbc8);box-shadow:0 10px 22px #362b1e1c}}@media (width<=1100px) and (width>=821px){.app-navigation{width:calc(100% + 26px);margin-inline:-13px;padding-inline:8px}.app-navigation a{min-height:56px;padding-inline:8px}.app-navigation a>b{white-space:normal;font-size:10px;display:block}}@media (width<=820px){.mobile-module-navigation a{text-align:center;background:linear-gradient(145deg,#fffdf8f0,#ede5d7d1);gap:0;box-shadow:0 5px 14px #362b1e12}.mobile-module-navigation a.is-active{color:var(--primary-foreground);background:linear-gradient(135deg,#8b2f3c,#a83a49);box-shadow:0 8px 18px #651e2b2e}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}