@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";@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{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.table{display:table}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.sound-style{background:#a98835;border-radius:10px;margin-top:16px;padding:12px}.sound-style>b{font-size:11px}.sound-style>div{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.sound-style button{color:var(--ink);background:#151a27;border:1px solid #273149;border-radius:8px;padding:10px 7px;font-size:10px;font-weight:900}.sound-style button small{color:#e2e5e9;margin-top:4px;font-size:8px;font-weight:400;display:block}.sound-style button.selected{border-color:var(--orange);color:var(--orange);background:#d24b11;box-shadow:0 0 0 2px #e95b3d18}.sound-style button.selected small{color:#9b5748}@media (max-width:600px){.sound-style>div{grid-template-columns:1fr}.sound-style button{text-align:left;padding-left:14px}}.apex-brand img{object-fit:cover;object-position:center;border-radius:9px;width:46px;height:46px}.apex-brand b{font-size:15px}.apex-auth-brand img{object-fit:cover;object-position:center;border-radius:18px;width:94px;height:94px;box-shadow:0 10px 30px #001a3b66}.apex-auth-brand{gap:16px}.apex-auth-brand span{font-size:16px;line-height:1}.apex-auth-brand b{font-size:24px}.remember-row{cursor:pointer;background:#11b7d4;border:1px solid #16c9e9;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;margin:10px 0!important;display:flex!important}.auth-box .remember-row input{width:18px;height:18px;accent-color:var(--blue);flex:none;margin:0}.remember-row span,.remember-row b,.remember-row small{display:block}.remember-row b{font-size:11px}.remember-row small{color:#e2e5e9;margin-top:3px;font-size:9px;font-weight:400}@media (max-width:600px){.apex-auth-brand img{width:68px;height:68px}.apex-auth-brand b{font-size:20px}}.tuner-section{color:#fff;background:linear-gradient(145deg,#0a2529,#0d434d);border-radius:18px;max-width:1180px;margin:34px auto 70px;padding:28px;box-shadow:0 18px 45px #13203330}.tuner-intro{text-align:center}.tuner-intro small{letter-spacing:2px;color:#20e5ee;font-size:9px;font-weight:900}.tuner-intro h2{margin:7px 0;font:34px Georgia,serif}.tuner-intro p{color:#afe0e9;margin:0 auto 22px;font-size:12px}.mobile-only{background:#151a2710;border:1px solid #27314924;border-radius:12px;align-items:center;gap:17px;max-width:650px;margin:auto;padding:22px;display:flex}.mobile-only>span{font-size:42px}.mobile-only b{font:20px Georgia,serif}.mobile-only p{color:#afe0e9;margin:6px 0 0;font-size:11px;line-height:1.5}.tuner-console{max-width:720px;color:var(--ink);background:#11b8d5;border-radius:16px;margin:auto;padding:20px}.tuner-readout{grid-template-columns:150px 1fr;align-items:center;gap:20px;display:grid}.tuner-note{color:#29dfff;text-align:center;font:72px/.9 Georgia,serif}.tuner-note small{color:#e2e5e9;margin-top:10px;font:10px Arial,sans-serif;display:block}.meter-labels{color:#788396;justify-content:space-between;font-size:8px;font-weight:900;display:flex}.meter-labels b{color:#2f9a69}.meter-track{background:linear-gradient(90deg,#92340c,#9a720c 42%,#1d8e59 48% 52%,#9a720c 58%,#92340c);border-radius:20px;height:15px;margin:12px 0;position:relative}.meter-track:after{content:"";background:#0e3d45;width:2px;height:27px;position:absolute;top:-6px;left:50%}.meter-track i{z-index:2;background:#0a2529;border-radius:4px;width:5px;height:31px;transition:left .12s;position:absolute;top:-8px;transform:translate(-50%)}.tuner-meter>strong{text-align:center;font-size:10px;display:block}.tuner-status{text-align:center;color:#ffc229;background:#cc9711;border-radius:8px;margin:15px 0;padding:11px;font-size:11px;font-weight:900}.tuner-status.tuned{color:#247d56;background:#26b572}.string-targets{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.string-targets>div{text-align:center;background:#3a94a5;border:2px solid #0000;border-radius:8px;padding:8px 3px}.string-targets small,.string-targets span{color:#7b8594;font-size:7px;display:block}.string-targets b{margin:3px;font:22px Georgia,serif;display:block}.string-targets>div.active{color:#29ecff;background:#11ccb3;border-color:#0da2a4;transform:translateY(-3px)}.tuner-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.tuner-actions button{color:#fff;background:#0c8b96;border:0;border-radius:8px;padding:12px 16px;font-weight:900}.tuner-actions .stop-tuner{background:var(--orange)}.tuner-actions p{color:#e2e5e9;margin:0;font-size:8px}@media (max-width:820px){.tuner-section{margin:24px 16px 50px;padding:18px}.tuner-readout{grid-template-columns:110px 1fr}.tuner-note{font-size:60px}}@media (max-width:480px){.tuner-readout{grid-template-columns:1fr}.tuner-note{margin-top:6px}.string-targets{grid-template-columns:repeat(3,1fr)}.tuner-actions{display:block}.tuner-actions button{width:100%}.tuner-actions p{text-align:center;margin-top:9px}}.tuner-actions button{touch-action:manipulation;min-height:44px}.tuner-actions button:disabled{opacity:.65;cursor:wait}.tuner-waveform{height:76px;transform:translateX(var(--wave-offset));justify-content:center;align-items:center;gap:3px;margin:8px 0;transition:transform .16s;display:flex}.tuner-waveform i{width:4px;height:var(--wave-height);animation:.75s ease-in-out infinite alternate wavepulse;animation-delay:var(--wave-delay);background:linear-gradient(#11bcd6,#906a0c);border-radius:6px;display:block;box-shadow:0 0 8px #22d3ee66}.tuner-waveform.locked{transform:translate(0)}.tuner-waveform.locked i{background:#0c9254;animation-duration:1.5s;box-shadow:0 0 8px #1efb94,0 0 18px #1efb9488}@keyframes wavepulse{to{opacity:.65;transform:scaleY(.55)}}@media (max-width:480px){.tuner-waveform{gap:2px}.tuner-waveform i{width:3px}}:root{--cream:#070b14;--ink:#e8eefc;--blue:#22d3ee;--orange:#ff8a3d;--yellow:#ffd166;--green:#34ecc0;--line:#1e2a44;--panel:#0e1626;--panel-2:#131c30;--violet:#a78bfa;--font-display:"Space Grotesk",Georgia,serif;--font-body:"Inter",Arial,Helvetica,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);margin:0}button,select{font:inherit}button{cursor:pointer}header{z-index:20;background:#151a27;border-bottom:1px solid #273149;align-items:center;gap:42px;height:76px;padding:0 3.2vw;display:flex;position:sticky;top:0}.brand{text-align:left;letter-spacing:1px;color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;font-size:12px;font-weight:900;line-height:.9;display:flex}.brand b{font-size:18px}.brand-pick{background:var(--orange);color:#fff;clip-path:polygon(50% 0,100% 24%,82% 100%,18% 100%,0 24%);place-items:center;width:39px;height:43px;font-size:24px;display:grid}nav{align-items:center;gap:4px;height:100%;display:flex}nav button{color:#e9ecf1;background:0 0;border:0;border-bottom:3px solid #0000;height:100%;padding:0 17px;font-size:13px;font-weight:700}nav button.active,nav button:hover{color:var(--blue);border-color:var(--blue)}.account{align-items:center;gap:10px;margin-left:auto;display:flex}.account small{color:#e2e5e9;margin-top:3px;font-size:10px;display:block}.avatar{background:#9e750d;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.more{background:0 0;border:0}.role-toggle{background:#131824;border-radius:20px;padding:3px;display:flex}.role-toggle button{color:#7c8290;background:0 0;border:0;border-radius:18px;padding:6px 9px;font-size:10px;font-weight:800}.role-toggle .selected{color:var(--blue);background:#151a27;box-shadow:0 1px 4px #0002}.page{max-width:1240px;margin:auto;padding:42px 30px 70px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.eyebrow,.mini-label,aside>small,.roster small,.teacher-side>small{letter-spacing:2px;color:var(--orange);font-size:10px;font-weight:900}h1{font-family:var(--font-display);letter-spacing:-1px;margin:9px 0 8px;font-size:36px}.welcome p{color:#e9ecf1;margin:0;font-size:14px}.stats{gap:12px;display:flex}.stats>div{border:1px solid var(--line);background:#151a27;border-radius:9px;grid-template-columns:31px auto;width:116px;height:70px;padding:13px;display:grid}.stats span{grid-row:1/3;font-size:25px}.stats b{font-size:19px}.stats small{color:#e2e5e9;font-size:8px;font-weight:800}.grid{grid-template-columns:1.5fr 1fr;gap:25px;display:grid}.continue-card{background:var(--blue);color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 26px #1d397526}.mini-label{color:#c9d9ff;padding:18px 24px 0}.lesson-body{grid-template-columns:1.4fr .8fr;padding:10px 24px 25px;display:grid}.pill{background:#151a2724;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:800}.lesson-body h2{font-family:var(--font-display);margin:13px 0 7px;font-size:26px}.lesson-body p{color:#9fecf9;max-width:380px;font-size:13px}.progress{background:#151a2730;border-radius:10px;height:5px;margin-top:18px}.progress i{background:var(--yellow);border-radius:10px;height:100%;display:block}.lesson-body small{text-align:right;color:#9fecf9;margin-top:5px;font-size:9px;display:block}.primary{background:var(--orange);color:#fff;border:0;border-radius:6px;margin-top:16px;padding:12px 16px;font-weight:800}.primary span,.outline span{margin-left:25px}.guitar-art{place-items:center;font-size:75px;display:grid;position:relative;transform:rotate(-10deg)}.guitar-art:before{content:"";background:#99710c;border-radius:50%;width:150px;height:150px;position:absolute}.guitar-art b{z-index:1}.guitar-art span,.guitar-art i{z-index:2;font-size:25px;position:absolute}.guitar-art span{top:5px;left:8px}.guitar-art i{bottom:10px;right:0}.section-title{margin:28px 0 15px;font-size:16px}.section-title span{color:#e2e5e9;margin-left:8px;font-size:11px;font-weight:400}.games{grid-template-columns:1fr 1fr;gap:15px;display:grid}.game-card{text-align:left;min-height:130px;color:var(--ink);border:0;border-radius:10px;grid-template-columns:46px auto;gap:13px;padding:18px;display:grid;position:relative}.game-icon{background:#151a2788;border-radius:50%;place-items:center;width:45px;height:45px;font-size:22px;display:grid}.game-card small{letter-spacing:1px;font-size:8px;font-weight:900}.game-card b{font-family:var(--font-display);margin:5px 0;font-size:18px;display:block}.game-card p{margin:0;font-size:10px}.game-card em{font-size:9px;font-style:normal;font-weight:900;position:absolute;bottom:11px;right:14px}aside{border:1px solid var(--line);background:#151a27;border-radius:12px;padding:24px;box-shadow:0 8px 24px #19243c0b}.assignment-head{justify-content:space-between;display:flex}.assignment-head small{color:var(--orange);letter-spacing:1.5px;font-size:9px;font-weight:900}.assignment-head h2{font-family:var(--font-display);margin:5px 0 18px}.assignment-head span{color:var(--orange);background:#cc4911;border-radius:20px;height:24px;padding:7px 9px;font-size:9px;font-weight:800}.assignment{border-top:1px solid #273149;grid-template-columns:40px 1fr auto;align-items:center;padding:16px 0;display:grid}.a-icon{background:#11b1cd;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.assignment b{font-size:13px}.assignment p{color:#e2e5e9;margin:4px 0;font-size:10px}.assignment strong{font-size:11px}.chord-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.chordbox{text-align:center;background:#bb922b;border:1px solid #273149;border-radius:7px;padding:7px}.chord-name{font-family:var(--font-display);margin-bottom:5px;font-weight:900}.diagram{width:42px;height:45px;margin:auto;position:relative}.string,.fret,.nut,.dot{background:#090c11;display:block;position:absolute}.string{width:1px;height:100%;top:0}.fret{width:100%;height:1px;left:0}.nut{width:100%;height:3px;top:0}.dot{background:var(--blue);z-index:2;border-radius:50%;width:6px;height:6px;transform:translate(-50%,-50%)}.outline{border:1px solid var(--blue);width:100%;color:var(--blue);background:#fff;border-radius:6px;margin-top:16px;padding:11px;font-weight:800}.teacher-note{background:#11b7d4;border-radius:0 0 12px 12px;gap:10px;margin:22px -24px -24px;padding:17px 24px;display:flex}.teacher-note span{font-size:22px}.teacher-note small{color:var(--blue);font-size:8px;font-weight:900}.teacher-note p{font-family:var(--font-display);color:#44506a;margin:5px 0;font-size:12px}.modal-wrap{z-index:50;background:#0d2f35cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.game-modal{text-align:center;background:#d59e11;border-radius:18px;width:min(520px,100%);padding:32px;position:relative;box-shadow:0 30px 80px #0005}.close{color:#7c8290;background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:16px}.game-label{color:var(--orange);letter-spacing:1.5px;font-size:10px;font-weight:900}.game-modal h2{font-family:var(--font-display);margin:10px 0 4px;font-size:30px}.game-modal p{color:#e2e5e9;font-size:12px}.chordbox.large{width:150px;margin:22px auto;padding:15px}.large .chord-name{font-size:30px}.large .diagram{width:85px;height:100px}.large .dot{width:12px;height:12px}.answers{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.answers button{background:#fff;border:2px solid #273149;border-radius:8px;padding:12px;font-weight:900}.answers button.correct{border-color:var(--green);color:var(--green);background:#26b572}.answers button.wrong{border-color:var(--orange);color:var(--orange);background:#cc4911}.feedback{border-radius:8px;margin-top:16px;padding:12px;font-weight:800}.feedback.yes{color:#217b52;background:#26b572}.feedback.no{color:#b8442c;background:#cc4911}.teacher-page{max-width:1260px}.assign{margin:0}.teacher-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.teacher-stats>div{border:1px solid var(--line);background:#151a27;border-radius:10px;grid-template-columns:45px auto;padding:18px;display:grid}.teacher-stats span{grid-row:1/3;font-size:27px}.teacher-stats b{font-size:22px}.teacher-stats small{color:#e2e5e9;letter-spacing:1px;font-size:8px;font-weight:900}.teacher-grid{grid-template-columns:1fr 290px;gap:20px;display:grid}.roster{border:1px solid var(--line);background:#151a27;border-radius:12px;overflow:hidden}.roster-head{justify-content:space-between;padding:22px;display:flex}.roster h2,.teacher-side h2{font-family:var(--font-display);margin:5px 0}.roster select{border:1px solid var(--line);background:#151a27;border-radius:6px;height:35px;padding:0 10px}.tr{border-top:1px solid #273149;grid-template-columns:1.25fr .65fr 1.2fr 1fr .8fr;align-items:center;min-height:65px;padding:0 22px;font-size:11px;display:grid}.tr.headings{color:#7b8290;background:#a6883c;min-height:35px;font-size:8px;font-weight:900}.tr>span{align-items:center;gap:8px;display:flex}.student-avatar{background:#9b730d;border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.bar{background:#131722;border-radius:6px;width:62px;height:5px}.bar i{background:var(--blue);border-radius:6px;height:100%;display:block}.tr em{border-radius:12px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800}.teacher-side{text-align:left}.teacher-side>p{color:#788091;font-size:11px}.donut{background:conic-gradient(var(--green) 0 66%,#121722 66%);border-radius:50%;place-items:center;width:105px;height:105px;margin:20px auto 10px;display:grid;position:relative}.donut:after{content:"";background:#151a27;border-radius:50%;width:75px;height:75px;position:absolute}.donut b{z-index:1;font-size:25px}.donut small{font-size:11px}.teacher-side>strong{text-align:center;font-size:11px;display:block}.teacher-side hr{border:0;border-top:1px solid #273149;margin:24px 0}.activity{padding-left:3px}.activity i{color:#e2e5e9;margin:3px 0 12px;font-size:9px;display:block}@media (max-width:900px){header{gap:12px;padding:0 15px}nav,.role-toggle{display:none}.grid,.teacher-grid{grid-template-columns:1fr}.teacher-stats{grid-template-columns:1fr 1fr}.teacher-side{order:-1}.welcome{align-items:flex-start;gap:20px}.stats{display:none}}@media (max-width:600px){.page{padding:28px 16px}.account>div:not(.role-toggle),.more{display:none}h1{font-size:29px}.lesson-body{grid-template-columns:1fr}.guitar-art{display:none}.games{grid-template-columns:1fr}.chord-row{grid-template-columns:1fr 1fr}.welcome{display:block}.welcome .assign{margin-top:20px}.teacher-stats{grid-template-columns:1fr}.tr{grid-template-columns:1.4fr .8fr .9fr;padding:0 12px}.tr span:nth-child(4),.tr span:nth-child(5){display:none}.answers{grid-template-columns:1fr 1fr}}.download-link{background:var(--blue);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:900;text-decoration:none}.download-link:hover{background:#138194}.answers button:disabled{cursor:not-allowed;opacity:.72}.next-question{background:var(--blue);color:#fff;border:0;border-radius:7px;margin-top:14px;padding:11px 18px;font-weight:900}.toast{background:var(--ink);color:#fff;z-index:80;border-radius:8px;padding:12px 18px;font-size:12px;font-weight:800;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.level-banner{background:#cb9610;border:1px solid #e5ac1a;border-radius:10px;grid-template-columns:42px auto 1fr auto;align-items:center;gap:13px;margin:-17px 0 24px;padding:13px 17px;display:grid}.level-banner>span{font-size:26px}.level-banner small{letter-spacing:1px;color:#9a7513;font-size:8px;font-weight:900;display:block}.level-banner b{font-family:var(--font-display);font-size:14px}.level-banner strong{color:#8d701e;font-size:10px}.xp-track{background:#9e7e2e;border-radius:8px;height:8px;overflow:hidden}.xp-track i{background:linear-gradient(90deg,var(--yellow),var(--orange));border-radius:8px;height:100%;display:block}.quiz-lives{gap:4px;display:flex;position:absolute;top:20px;left:24px}.quiz-lives span{font-size:18px}.quiz-lives .live{color:var(--orange)}.quiz-lives .used{color:#d8d8d8}@media (max-width:650px){.level-banner{grid-template-columns:36px 1fr auto}.level-banner .xp-track{grid-column:1/-1}}.boss-arena{color:#fff;background:linear-gradient(135deg,#261336,#2f1744);border-radius:12px;grid-template-columns:70px 1fr;align-items:center;gap:12px;margin:16px 0;padding:11px 16px;display:grid}.boss-arena .dragon{filter:drop-shadow(0 4px 8px #0006);font-size:50px}.boss-arena small{letter-spacing:1px;color:#ffd36c;font-size:8px;font-weight:900}.boss-arena b{text-align:right;margin-top:4px;font-size:9px;display:block}.boss-health{background:#151a2726;border-radius:10px;height:9px;margin-top:7px;overflow:hidden}.boss-health i{background:linear-gradient(90deg,#9c730d,#94350c);height:100%;transition:width .35s;display:block}.boss-arena.defeated{background:linear-gradient(135deg,#174f48,#2a8b67)}.empty-roster{text-align:center;color:#e2e5e9;padding:55px 20px;font-size:12px}.assignment-live{text-align:center;color:#40e89a;background:#26b673;border-radius:30px;width:100px;margin:25px auto 12px;padding:12px;font-weight:900}.assignment-modal{background:#151a27;border-radius:16px;width:min(460px,100%);padding:30px;position:relative}.assignment-modal>small{color:var(--orange);letter-spacing:2px;font-weight:900}.assignment-modal h2{font-family:var(--font-display);font-size:28px}.assignment-modal label{margin:14px 0;font-size:11px;font-weight:900;display:block}.assignment-modal input{border:1px solid #273149;border-radius:7px;width:100%;margin-top:6px;padding:11px;display:block}.selected-chords{align-items:center;gap:7px;margin:18px 0;display:flex}.selected-chords b{margin-right:auto;font-size:11px}.selected-chords span{color:var(--blue);background:#11b3cf;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:900}.outline:disabled{opacity:.5;cursor:not-allowed}.chord-tip{background:#11b7d4;border-radius:7px;padding:8px;color:#52607c!important}.join-class,.class-manager{border:1px solid var(--line);background:#151a27;border-radius:10px;align-items:center;gap:12px;margin:-12px 0 24px;padding:13px 17px;display:flex}.join-class div,.class-manager div{margin-right:auto}.join-class small,.class-manager small{color:var(--orange);letter-spacing:1px;font-size:8px;font-weight:900;display:block}.join-class input,.class-manager input{text-transform:uppercase;letter-spacing:2px;border:1px solid #273149;border-radius:6px;padding:10px;font-weight:900}.join-class button,.class-manager button{background:var(--blue);color:#fff;border:0;border-radius:6px;padding:10px 14px;font-weight:900}.join-class>span{color:var(--green);font-size:10px}.class-manager>span{font-size:28px}.class-code{text-align:right}.class-code strong{letter-spacing:4px;color:var(--blue);font-size:23px;display:block}@media (max-width:650px){.join-class,.class-manager{flex-wrap:wrap}.join-class input,.class-manager input{width:100%}}.qr-card{background:#151a27;border:1px solid #273149;border-radius:9px;align-items:center;gap:12px;margin-top:18px;padding:10px;display:flex}.qr-card img{width:66px;height:66px}.qr-card b,.qr-card span{display:block}.qr-card b{font-size:11px}.qr-card span{color:#e2e5e9;margin-top:4px;font-size:9px}.role-badge{text-transform:uppercase;letter-spacing:1px;color:var(--blue);background:#11b5d2;border-radius:20px;padding:7px 9px;font-size:8px;font-weight:900}.logout{color:#e9ecf1;background:#151a27;border:1px solid #273149;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:800}.logout:hover{border-color:var(--orange);color:var(--orange)}.loading-screen{min-height:100vh;font-family:var(--font-display);place-items:center;font-size:22px;display:grid}.auth-page{background:#151a27;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-hero{background:var(--blue);color:#fff;flex-direction:column;justify-content:space-between;padding:48px 7vw;display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";border:70px solid #2731490b;border-radius:50%;width:380px;height:380px;position:absolute;top:30px;right:-180px}.auth-brand{letter-spacing:1px;align-items:center;gap:10px;font-size:12px;font-weight:900;line-height:.9;display:flex}.auth-brand b{font-size:19px}.auth-hero .eyebrow{color:#f3ca50}.auth-hero h1{margin:14px 0;font-size:52px;line-height:1.02}.auth-hero p{color:#99f0ff;max-width:450px;line-height:1.7}.auth-notes{place-items:center;height:190px;display:grid;position:relative}.auth-notes b{z-index:2;font-size:105px;transform:rotate(-12deg)}.auth-notes:before{content:"";background:var(--yellow);border-radius:50%;width:180px;height:180px;position:absolute}.auth-notes span,.auth-notes i{font-size:38px;font-style:normal;position:absolute}.auth-notes span{top:20%;left:10%}.auth-notes i{bottom:12%;right:15%}.auth-panel{place-items:center;padding:40px;display:grid}.auth-box{width:min(430px,100%)}.auth-box>small{color:var(--orange);letter-spacing:2px;font-weight:900}.auth-box h2{font-family:var(--font-display);margin:9px 0;font-size:34px}.auth-box>p{color:#e9ecf1;margin-bottom:25px;font-size:13px}.auth-box label{color:#3c465d;margin:15px 0;font-size:11px;font-weight:900;display:block}.auth-box input{background:#a48841;border:1px solid #273149;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:13px 14px;display:block}.auth-box label em{color:#e2e5e9;margin-top:6px;font-size:10px;font-style:normal;font-weight:400;display:block}.auth-submit{background:var(--orange);color:#fff;border:0;border-radius:7px;width:100%;margin-top:8px;padding:13px;font-weight:900}.auth-error{color:#ee703a;background:#ce4911;border-radius:6px;padding:10px;font-size:11px;font-weight:800}.create-options{border-top:1px solid #273149;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;padding-top:20px;display:grid}.create-options span{color:#6f7787;grid-column:1/-1;font-size:11px}.create-options button,.back-login{border:1px solid var(--blue);color:var(--blue);background:#151a27;border-radius:6px;padding:10px;font-size:10px;font-weight:900}.back-login{width:100%;margin-top:18px}.prototype-note{text-align:center;color:#e2e5e9;margin-top:18px;font-size:9px}.auth-page .brand-pick{background:var(--orange)}@media (max-width:800px){.auth-page{grid-template-columns:1fr}.auth-hero{min-height:230px;padding:28px}.auth-hero h1{font-size:36px}.auth-notes{display:none}.auth-panel{padding:32px 20px}}.music-studio{color:#fff;background:linear-gradient(145deg,#10353c,#1a5a65);border-radius:18px;margin-top:34px;padding:28px;box-shadow:0 18px 45px #16233b27}.studio-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.studio-heading small,.practice-panel>small{letter-spacing:2px;color:#f4ca4e;font-size:9px;font-weight:900}.studio-heading h2{font:32px var(--font-display);margin:6px 0}.studio-heading p{color:#9fecf9;margin:0;font-size:12px}.studio-badge{background:#151a2714;border:1px solid #27314926;border-radius:30px;padding:10px 14px;font-size:10px;font-weight:900}.studio-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:18px;display:grid}.composer{color:var(--ink);background:#151a27;border-radius:13px;padding:20px}.song-title{align-items:center;gap:14px;font-size:11px;font-weight:900;display:flex}.song-title input{font:18px var(--font-display);border:1px solid #273149;border-radius:7px;flex:1;padding:11px}.palette-label{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.palette-label b{font-size:12px}.palette-label span{color:#7c8493;font-size:9px}.chord-palette{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.composer-chord{background:#151a27;border:2px solid;border-radius:9px;min-width:0;padding:5px 3px}.composer-chord .chordbox{border:0;padding:2px}.composer-chord>span{color:#6e7788;font-size:8px;font-weight:900}.song-timeline{background:#12b6d3;border:2px dashed #273149;border-radius:11px;align-items:center;gap:8px;min-height:110px;padding:12px;display:flex;overflow-x:auto}.song-timeline.empty{text-align:center;justify-content:center}.song-timeline.empty span{color:#e2e5e9;margin-top:4px;font-size:10px;display:block}.timeline-chord{color:#fff;border-radius:8px;flex:0 0 65px;place-items:center;height:72px;transition:all .2s;display:grid;position:relative;box-shadow:0 4px 10px #16738325}.timeline-chord b{font:25px var(--font-display)}.timeline-chord small{font-size:8px;position:absolute;top:5px;left:7px}.timeline-chord button{color:#fff;background:0 0;border:0;font-size:16px;position:absolute;top:2px;right:4px}.timeline-chord.playing{transform:translateY(-7px)scale(1.06);box-shadow:0 0 0 4px #f4ca50,0 8px 20px #17223c45}.transport{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.transport>button{color:#e9ecf1;background:#151a27;border:1px solid #273149;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:900}.transport .play-song{background:var(--orange);border-color:var(--orange);color:#fff}.transport .save-song{background:var(--blue);border-color:var(--blue);color:#fff}.transport label{align-items:center;gap:7px;margin-left:auto;font-size:9px;font-weight:900;display:flex}.transport input{width:90px}.practice-panel{color:var(--ink);border:0;padding:20px;background:#d59d11!important}.practice-panel h3{font:23px var(--font-display);margin:6px 0}.practice-panel>p{color:#e9ecf1;font-size:11px;line-height:1.5}.practice-toggle{border:1px solid var(--blue);width:100%;color:var(--blue);background:#151a27;border-radius:7px;padding:9px;font-size:10px;font-weight:900}.practice-guide{gap:7px;margin-top:10px;display:grid}.practice-guide>button{text-align:left;background:#151a27;border:1px solid #273149;border-radius:8px;grid-template-columns:55px 1fr 25px;align-items:center;padding:6px;display:grid}.practice-guide .chordbox{border:0;padding:1px}.practice-guide span b,.practice-guide span small{display:block}.practice-guide span b{font:18px var(--font-display)}.practice-guide span small{color:#e2e5e9;margin-top:2px;font-size:8px}.practice-guide em{font-style:normal}.practice-tip{background:#c69210;border:1px solid #e8ad17;border-radius:8px;gap:4px;margin-top:13px;padding:11px;display:grid}.practice-tip b{font-size:10px}.practice-tip span{font-size:9px;line-height:1.4}.saved-songs{border-top:1px solid #273149;gap:6px;margin-top:15px;padding-top:14px;display:grid}.saved-songs>b{font-size:11px}.saved-songs>button{color:var(--ink);text-align:left;background:#11b5d2;border:0;border-radius:7px;padding:8px}.saved-songs span,.saved-songs small{display:block}.saved-songs span{font-size:10px;font-weight:900}.saved-songs small,.saved-songs p{color:#e2e5e9;margin-top:3px;font-size:8px}@media (max-width:900px){.studio-layout{grid-template-columns:1fr}.chord-palette{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.music-studio{margin-top:24px;padding:16px}.studio-heading{display:block}.studio-badge{margin-top:12px;display:inline-block}.chord-palette{grid-template-columns:repeat(2,1fr)}.transport label{width:100%;margin:4px 0}.song-title{display:block}.song-title input{width:100%;margin-top:7px}}.auth-page{isolation:isolate;background:#0e2225;grid-template-columns:1fr;place-items:center;min-height:100vh;padding:24px;position:relative;overflow:auto}.auth-hero{z-index:-2;background:#080b11 url(/apex-tone-lab-logo.png) 50%/cover no-repeat;min-height:100%;padding:0;position:absolute;inset:0}.auth-hero:after{content:"";background:linear-gradient(#05070a80,#05070aa6);border:0;border-radius:0;width:auto;height:auto;position:absolute;inset:0}.auth-panel{justify-self:center;width:min(430px,100%);margin:0;padding:0}.auth-box{color:#99f0ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111520f2;border:1px solid #27314980;border-radius:8px;width:100%;padding:28px 30px;box-shadow:0 28px 80px #030407cc}.auth-box>small{text-align:center;color:#7cebff;font-size:10px;display:block}.auth-box h2{text-align:center;color:#fff;font-family:var(--font-body);margin:7px 0;font-size:30px}.auth-box>p{text-align:center;color:#e2e5e9;margin:0 0 18px;font-size:11px}.auth-box label{color:#99f0ff;margin:11px 0;font-size:10px}.auth-box input{color:#fff;background:#181f2d;border:1px solid #273149;margin-top:6px}.auth-box input::placeholder{color:#a9b4c5}.auth-box input:focus{border-color:#13cbec;box-shadow:0 0 0 3px #21c9ff2e}.auth-box .remember-row{color:#f4f8ff;background:#161b29;border-color:#273149}.auth-box .remember-row input{accent-color:#26ccec}.auth-box .remember-row small{color:#aeb9ca}.auth-submit{background:linear-gradient(135deg,#0d8ea4,#10adca);border:1px solid #13c9ec;margin-top:7px;box-shadow:0 8px 20px #008ec64d}.create-options{border-top-color:#4b5668;margin-top:19px;padding-top:17px}.create-options span{color:#aeb9ca}.create-options button,.back-login{color:#e9fbff;background:#171d2b;border-color:#13cbec}.create-options button:hover,.back-login:hover{background:#1d2435}.auth-page .brand-pick{color:#fff;background:linear-gradient(135deg,#0d8ea4,#10adca);border-color:#13c9ec}.prototype-note{color:#8f9bae}.auth-box .qr-card{color:#f4f8ff;background:#161b29;border-color:#273149;margin-top:14px}.auth-box .qr-card img{background:#151a27;border-radius:4px}.auth-box .qr-card span{color:#aeb9ca}.auth-install{color:#99f3ff;cursor:pointer;background:#0a3942;border:1px solid #13cdec;border-radius:7px;width:100%;margin-top:10px;padding:11px;font-size:10px;font-weight:900}.auth-install:hover{color:#fff;background:#0d4b56}.auth-error{color:#ffd7dc;background:#472618}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:800px){.auth-page{min-height:100svh;padding:16px;display:grid}.auth-hero{background-position:50%;min-height:100%}.auth-hero:after{background:#0e2125a6}.auth-panel{justify-self:center;width:min(430px,100%);margin:0;padding:0}.auth-box{border-radius:8px;padding:24px 20px}}.app-shell{background:var(--cream);min-height:100vh;color:var(--ink);transition:background .25s,color .25s}.settings-button,.logout{color:#e9ecf1;white-space:nowrap;background:#151a27;border:1px solid #273149;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:800}.settings-button:hover{border-color:var(--blue);color:var(--blue)}.settings-modal{border:1px solid var(--line);width:min(480px,100%);color:var(--ink);background:#d69e11;border-radius:16px;padding:30px;position:relative;box-shadow:0 30px 80px #0006}.settings-modal>small{color:var(--orange);letter-spacing:2px;font-size:9px;font-weight:900}.settings-modal h2{font:30px var(--font-display);margin:7px 0}.settings-modal>p{color:#e9ecf1;margin:0;font-size:12px;line-height:1.55}.theme-options{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 18px;display:grid}.theme-options button{text-align:left;border:2px solid var(--line);color:var(--ink);background:#151a27;border-radius:11px;grid-template-columns:38px 1fr;align-items:center;padding:16px;display:grid}.theme-options button>span{width:34px;height:34px;color:var(--blue);background:#11b5d2;border-radius:50%;grid-row:1/3;place-items:center;font-size:19px;display:grid}.theme-options button b{font-size:12px}.theme-options button small{color:#e2e5e9;margin-top:3px;font-size:9px}.theme-options button.selected{border-color:var(--blue);background:#11b6d3;box-shadow:0 0 0 3px #2f5dc214}.theme-status{border-top:1px solid var(--line);color:#7b8494;justify-content:space-between;padding-top:15px;font-size:10px;display:flex}.theme-status b{color:var(--green)}.app-shell[data-theme=dark]{--cream:#28bdd7;--ink:#7de0f2;--blue:#28e1ff;--orange:#ff9b70;--yellow:#ffd66d;--green:#57f1a9;--line:#87bcc5;color:#f4f7fc;background:#0a2429}.app-shell[data-theme=dark] header{background:#0b2428;border-bottom-color:#87bcc5;box-shadow:0 8px 30px #0005}.app-shell[data-theme=dark] .brand{color:#f7fbff}.app-shell[data-theme=dark] nav button{color:#94a2b8}.app-shell[data-theme=dark] nav button.active,.app-shell[data-theme=dark] nav button:hover{color:#8cecff;border-color:#25cce9}.app-shell[data-theme=dark] .account small,.app-shell[data-theme=dark] .welcome p,.app-shell[data-theme=dark] .section-title span{color:#a6b2c5}.app-shell[data-theme=dark] .role-badge{color:#60e7ff;background:#0a3942}.app-shell[data-theme=dark] .settings-button,.app-shell[data-theme=dark] .logout{color:#d8e2f0;background:#11292d;border-color:#273149}.app-shell[data-theme=dark] .settings-button:hover{color:#65e9ff;border-color:#12c4e2}.app-shell[data-theme=dark] .logout:hover{color:#ff8b73;border-color:#ec5413}.app-shell[data-theme=dark] :is(.stats>div,aside,.join-class,.class-manager,.teacher-stats>div,.roster,.composer,.game-modal,.assignment-modal){color:#a4e8f4;background:#0c2327;border-color:#273149;box-shadow:0 12px 34px #0004}.app-shell[data-theme=dark] .continue-card{background:linear-gradient(135deg,#053a43,#0a6b7c 70%,#08525f);box-shadow:0 14px 38px #00b9dc22}.app-shell[data-theme=dark] .level-banner{background:#0f121b;border-color:#715a1d}.app-shell[data-theme=dark] .level-banner small,.app-shell[data-theme=dark] .level-banner strong{color:#e7c767}.app-shell[data-theme=dark] .xp-track{background:#0c0f17}.app-shell[data-theme=dark] .game-card.yellow{color:#fff2bc;background:#3f3314}.app-shell[data-theme=dark] .game-card.blue{color:#dfeaff;background:#0e414a}.app-shell[data-theme=dark] .assignment{border-top-color:#2c3749}.app-shell[data-theme=dark] .assignment p,.app-shell[data-theme=dark] .teacher-side>p{color:#a6b2c5}.app-shell[data-theme=dark] .a-icon{background:#1a4046}.app-shell[data-theme=dark] .chordbox{background:#11292d;border-color:#273149}.app-shell[data-theme=dark] .string,.app-shell[data-theme=dark] .fret,.app-shell[data-theme=dark] .nut{background:#0f131c}.app-shell[data-theme=dark] .outline{color:#62e4fa;background:#0c2327;border-color:#13c6e6}.app-shell[data-theme=dark] .teacher-note{background:#103035}.app-shell[data-theme=dark] .teacher-note p{color:#c7d2e3}.app-shell[data-theme=dark] :is(.join-class input,.class-manager input,.song-title input,.assignment-modal input,.roster select){color:#f5f8fd;background:#0b2428;border-color:#273149}.app-shell[data-theme=dark] .tr{border-top-color:#2b3749}.app-shell[data-theme=dark] .tr.headings{color:#9eabbd;background:#0b2428}.app-shell[data-theme=dark] .donut:after{background:#0c2327}.app-shell[data-theme=dark] .teacher-side hr{border-top-color:#2b3749}.app-shell[data-theme=dark] .music-studio{background:linear-gradient(145deg,#0b1321,#152540);border:1px solid #273149}.app-shell[data-theme=dark] .practice-panel{color:#f4f7fc;background:#0c2327!important}.app-shell[data-theme=dark] .practice-panel>p{color:#aab6c8}.app-shell[data-theme=dark] .practice-guide>button{color:#f4f7fc;background:#11292d;border-color:#273149}.app-shell[data-theme=dark] .practice-guide span small{color:#9eabbd}.app-shell[data-theme=dark] .practice-tip{background:#2c2410;border-color:#6c5722}.app-shell[data-theme=dark] .saved-songs{border-top-color:#334055}.app-shell[data-theme=dark] .saved-songs>button{color:#f4f7fc;background:#12353c}.app-shell[data-theme=dark] .sound-style{background:#0b2428}.app-shell[data-theme=dark] .sound-style button{color:#f4f7fc;background:#11292d;border-color:#273149}.app-shell[data-theme=dark] .sound-style button small{color:#a5b1c3}.app-shell[data-theme=dark] .sound-style button.selected{color:#ff8c73;background:#361f16;border-color:#ec5413}.app-shell[data-theme=dark] .tuner-section{border:1px solid #28364a}.app-shell[data-theme=dark] .tuner-console{color:#f4f7fc;background:#0c2327}.app-shell[data-theme=dark] .string-targets>div{background:#132e33}.app-shell[data-theme=dark] .string-targets small,.app-shell[data-theme=dark] .string-targets span,.app-shell[data-theme=dark] .tuner-actions p,.app-shell[data-theme=dark] .meter-labels{color:#9fabbd}.app-shell[data-theme=dark] .answers button{color:#f4f7fc;background:#11292d;border-color:#273149}.app-shell[data-theme=dark] .chord-tip{background:#103035;color:#b8c8de!important}.app-shell[data-theme=dark] .settings-modal{color:#f4f7fc;background:#0c2327;border-color:#273149}.app-shell[data-theme=dark] .settings-modal>p{color:#aab6c8}.app-shell[data-theme=dark] .theme-options button{color:#f4f7fc;background:#11292d;border-color:#273149}.app-shell[data-theme=dark] .theme-options button>span{color:#65e9ff;background:#0a3942}.app-shell[data-theme=dark] .theme-options button small{color:#a4b0c2}.app-shell[data-theme=dark] .theme-options button.selected{background:#0a373f;border-color:#13caea}.app-shell[data-theme=dark] .theme-status{color:#9eabbd;border-top-color:#87bcc5}@media (max-width:650px){.settings-button,.logout{padding:7px}.settings-button{font-size:0}.settings-button:first-letter{font-size:14px}.theme-options{grid-template-columns:1fr}}.lesson-modal{width:min(650px,100%);max-height:92vh;color:var(--ink);background:#d69e11;border-radius:18px;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 90px #0007}.lesson-kicker,.league-heading small{color:var(--orange);letter-spacing:2px;font-size:9px;font-weight:900}.lesson-modal>h2{font:32px var(--font-display);margin:8px 0}.lesson-modal>p{color:#e9ecf1;margin:0;font-size:13px;line-height:1.55}.lesson-chord{border:1px solid var(--line);background:#b68e2a;border-radius:12px;justify-content:center;align-items:center;gap:22px;margin:17px 0;padding:12px;display:flex}.lesson-chord .chordbox{margin:0}.lesson-chord>button{border:1px solid var(--blue);color:var(--blue);background:#151a27;border-radius:7px;padding:10px 13px;font-weight:900}.lesson-question{background:#11b5d2;border-radius:12px;padding:17px}.lesson-question>b{font:18px var(--font-display)}.lesson-question>div{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.lesson-question button{color:var(--ink);background:#151a27;border:2px solid #48a6b7;border-radius:8px;padding:11px;font-weight:800}.lesson-question button.correct{border-color:var(--green);color:#217b52;background:#26b572}.lesson-question button.wrong{border-color:var(--orange);color:#b8442c;background:#cc4911}.lesson-feedback{border-radius:8px;margin-top:13px;padding:11px;font-size:11px;font-weight:800}.lesson-feedback.correct{color:#217b52;background:#26b572}.lesson-feedback.wrong{color:#b8442c;background:#cc4911}.lesson-modal>.next-question{margin-left:auto;display:block}.league-board{border:1px solid var(--line);background:#151a27;border-radius:16px;max-width:1240px;margin:30px auto 0;overflow:hidden;box-shadow:0 12px 35px #1b6f7e12}.league-heading{background:linear-gradient(135deg,#f7f2e7,#edf3ff);justify-content:space-between;align-items:flex-end;padding:25px 27px;display:flex}.league-heading h2{font:29px var(--font-display);margin:5px 0}.league-heading p{color:#e9ecf1;margin:0;font-size:11px}.league-countdown{text-align:right}.league-countdown span,.league-countdown b{display:block}.league-countdown span{color:#e2e5e9;letter-spacing:1px;font-size:8px;font-weight:900}.league-countdown b{color:var(--blue);margin-top:5px;font-size:13px}.leader-row{border-top:1px solid #273149;grid-template-columns:70px 1.5fr 1fr 1fr;align-items:center;min-height:60px;padding:0 27px;font-size:11px;display:grid}.leader-row>span{align-items:center;gap:8px;display:flex}.leader-row small{color:#e2e5e9;font-size:8px;display:block}.leader-row>span:nth-child(3),.leader-row>span:nth-child(4){display:block}.leader-row strong{font-size:15px}.leader-row.promotion{box-shadow:inset 4px 0 #3bbf8a}.leader-row.you{background:#11b5d2}.leader-row.you b{color:var(--blue)}.leader-head{color:#e2e5e9;letter-spacing:1px;background:#b18d32;min-height:34px;font-size:8px;font-weight:900}.leader-empty{text-align:center;color:#e2e5e9;padding:42px;font-size:12px}.your-rank{color:#e9ecf1;text-align:right;background:#12b6d3;padding:13px 27px;font-size:10px}.app-shell[data-theme=dark] .lesson-modal{color:#f4f7fc;background:#0c2327}.app-shell[data-theme=dark] .lesson-modal>p{color:#aab6c8}.app-shell[data-theme=dark] .lesson-chord{background:#0b2428;border-color:#273149}.app-shell[data-theme=dark] .lesson-chord>button{color:#63e8ff;background:#112e33;border-color:#13cceb}.app-shell[data-theme=dark] .lesson-question{background:#103035}.app-shell[data-theme=dark] .lesson-question button{color:#f4f7fc;background:#11292d;border-color:#273149}.app-shell[data-theme=dark] .league-board{background:#0c2327;border-color:#273149}.app-shell[data-theme=dark] .league-heading{background:linear-gradient(135deg,#111b2a,#132944)}.app-shell[data-theme=dark] .league-heading p{color:#aab6c8}.app-shell[data-theme=dark] .leader-row{border-top-color:#2b3749}.app-shell[data-theme=dark] .leader-head{color:#9eabbd;background:#0b2428}.app-shell[data-theme=dark] .leader-row small{color:#9eabbd}.app-shell[data-theme=dark] .leader-row.you{background:#0c3c44}.app-shell[data-theme=dark] .your-rank{color:#aab6c8;background:#0b2428}@media (max-width:650px){.lesson-modal{padding:25px 18px}.lesson-question>div{grid-template-columns:1fr}.lesson-chord{text-align:center;display:block}.lesson-chord .chordbox{margin:0 auto 10px}.league-heading{display:block}.league-countdown{text-align:left;margin-top:14px}.leader-row{grid-template-columns:45px 1.4fr .8fr;padding:0 14px}.leader-row>span:nth-child(3),.leader-head>span:nth-child(3){display:none}.league-board{border-radius:12px}}.version-mark{color:#99f3ff;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin:18px auto 0;display:flex}.version-mark:before,.version-mark:after{content:"";background:linear-gradient(90deg,#0000,#38dcf4);width:40px;height:1px}.version-mark:after{background:linear-gradient(90deg,#38dcf4,#0000)}.version-mark span{letter-spacing:2px;font-size:7px;font-weight:900}.version-mark b{font:700 16px var(--font-display);letter-spacing:.5px;color:#fff;text-shadow:0 0 14px #21d9f1}.support-line{text-align:center;color:#f4f8ff;border-top:1px solid #273149;margin:18px 0 0;padding-top:16px;font-size:11px;line-height:1.6}.support-line a{color:#38dcf4;text-underline-offset:2px;font-weight:800;text-decoration:underline}.support-line a:hover{color:#99f3ff}.avatar,.student-avatar,.settings-avatar{overflow:hidden}.avatar img,.student-avatar img,.settings-avatar img{object-fit:cover;width:100%;height:100%;display:block}.settings-avatar{background:#13353c;border:2px solid #13cdec;border-radius:50%;flex:0 0 70px;place-items:center;width:70px;height:70px;font-size:27px;display:grid;box-shadow:0 0 0 5px #28cee51a}.profile-photo-setting{border:1px solid var(--line);background:#12b6d3;border-radius:12px;grid-template-columns:70px 1fr;align-items:center;gap:15px;margin-top:20px;padding:16px;display:grid}.profile-photo-setting b,.profile-photo-setting small{display:block}.profile-photo-setting small{color:#e2e5e9;margin:3px 0 9px;font-size:9px}.profile-photo-setting label{border:1px solid var(--blue);color:var(--blue);cursor:pointer;border-radius:6px;margin:0;padding:8px 11px;font-size:9px;font-weight:900;display:inline-block}.profile-photo-setting label.uploading{opacity:.7;cursor:wait}.profile-photo-setting input{display:none}.profile-photo-setting>em{color:#e2e5e9;grid-column:1/-1;font-size:8px;font-style:normal;line-height:1.5}.settings-divider{background:var(--line);height:1px;margin:20px 0}.settings-modal h3{font:21px var(--font-display);margin:0}.theme-options{margin-top:14px}.class-manager .rename-class{color:var(--blue);white-space:nowrap;background:#11b5d2;border:1px solid #39b1c6}.class-manager .class-code{margin-left:auto;margin-right:0}.tr{grid-template-columns:1.25fr .55fr 1.05fr .65fr .85fr 1.15fr}.student-avatar{flex:0 0 31px;width:31px;height:31px}.student-actions{flex-wrap:wrap;gap:5px;display:flex}.note-button,.remove-photo-button,.remove-own-photo{color:var(--blue);white-space:nowrap;background:#11b5d2;border:1px solid #39b1c6;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:900}.remove-photo-button,.remove-own-photo{color:#b8442c;background:#d24b11;border-color:#e2581d}.remove-own-photo{margin-left:6px}.note-button:hover,.class-manager .rename-class:hover{border-color:var(--blue);background:var(--blue);color:#fff}.remove-photo-button:hover,.remove-own-photo:hover{color:#fff;background:#aa4418;border-color:#a2471f}.compact-modal{width:min(470px,100%)}.compact-modal>p{color:#e2e5e9;margin:4px 0 15px;font-size:11px;line-height:1.5}.assignment-modal textarea{width:100%;color:var(--ink);resize:vertical;background:#a48841;border:1px solid #273149;border-radius:7px;margin-top:7px;padding:12px;font:12px/1.5 Arial,sans-serif;display:block}.assignment-modal label em{color:#e2e5e9;text-align:right;margin-top:5px;font-size:8px;font-style:normal;display:block}.teacher-note.has-note{background:linear-gradient(135deg,#11b3d0,#11b5d2);border-top:1px solid #bfe7ef}.teacher-note.has-note p{font-size:13px;line-height:1.45}.app-shell[data-theme=dark] .profile-photo-setting{background:#0b2428;border-color:#273149}.app-shell[data-theme=dark] .profile-photo-setting small,.app-shell[data-theme=dark] .profile-photo-setting>em{color:#a8b4c6}.app-shell[data-theme=dark] .settings-divider{background:#1d2435}.app-shell[data-theme=dark] .class-manager .rename-class,.app-shell[data-theme=dark] .note-button{color:#60e7ff;background:#0a373f;border-color:#2d5a62}.app-shell[data-theme=dark] .remove-photo-button,.app-shell[data-theme=dark] .remove-own-photo{color:#ff9d88;background:#111620;border-color:#623d2d}.app-shell[data-theme=dark] .assignment-modal textarea{color:#f5f8fd;background:#0b2428;border-color:#273149}.app-shell[data-theme=dark] .compact-modal>p{color:#aab6c8}.app-shell[data-theme=dark] .teacher-note.has-note{background:linear-gradient(135deg,#0a373f,#103035);border-top-color:#28536a}@media (max-width:850px){.tr{grid-template-columns:1.35fr .7fr .8fr .7fr}.tr>span:nth-child(3),.tr>span:nth-child(5),.tr.headings>span:nth-child(3),.tr.headings>span:nth-child(5){display:none}.class-manager .rename-class{order:4}.class-manager .class-code{margin-left:0}}@media (max-width:520px){.profile-photo-setting{grid-template-columns:58px 1fr}.settings-avatar{flex-basis:58px;width:58px;height:58px}.tr{grid-template-columns:1.45fr .7fr .75fr}.tr>span:nth-child(4),.tr.headings>span:nth-child(4){display:none}.note-button{padding:7px}.version-mark:before,.version-mark:after{width:24px}}.crop-wrap{z-index:70;background:#06272ddd}.crop-modal{color:#99f0ff;text-align:center;background:#0d2226;border:1px solid #273149;border-radius:20px;width:min(520px,100%);padding:30px;position:relative;box-shadow:0 35px 90px #000a}.crop-modal>small{color:#86efff;letter-spacing:2px;font-size:9px;font-weight:900}.crop-modal h2{font:30px var(--font-display);margin:7px 0 5px}.crop-modal>p{color:#e2e5e9;margin:0 0 20px;font-size:11px}.crop-stage{cursor:grab;touch-action:none;background:#08262b;border-radius:50%;width:280px;height:280px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 7px #1c2a3d,0 0 0 9px #51ddf2,0 14px 40px #0008}.crop-stage:active{cursor:grabbing}.crop-stage img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;transform:translate(-50%,-50%)}.crop-ring{pointer-events:none;border:2px solid #27314999;border-radius:50%;position:absolute;inset:0}.crop-ring:before,.crop-ring:after{content:"";background:#151a2735;position:absolute}.crop-ring:before{width:1px;height:100%;top:0;left:50%}.crop-ring:after{width:100%;height:1px;top:50%;left:0}.zoom-control{text-align:left;max-width:360px;margin:24px auto 0;display:block}.zoom-control>span{color:#e2e5e9;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.zoom-control b{color:#f3f8ff}.zoom-control input{accent-color:#35d8f4;width:100%}.crop-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.crop-actions button{border-radius:8px;min-height:44px;font-weight:900}.crop-cancel{color:#eef4fc;background:#11151f;border:1px solid #273149}.crop-done{color:#32d8f5;background:linear-gradient(135deg,#0e99b1,#11c2d5);border:1px solid #13d2ec;box-shadow:0 0 20px #25cce546}.crop-actions button:disabled{opacity:.65;cursor:wait}@media (max-width:420px){.crop-modal{padding:27px 15px}.crop-modal>p{padding:0 12px}}.gnk-spotlight{color:#9dedfb;background:radial-gradient(circle at 12% 0,#0e3c44,#06272d 58%);border:1px solid #24606b;border-radius:22px;max-width:1240px;margin:24px auto 0;overflow:hidden;box-shadow:0 20px 52px #06111e38}.gnk-heading{background:linear-gradient(120deg,#183448ee,#102739ee);border-bottom:1px solid #255f6a;grid-template-columns:minmax(250px,340px) 1fr auto;align-items:center;gap:30px;min-height:118px;padding:21px 29px;display:grid}.gnk-brand{align-items:center;gap:0;min-width:0;text-decoration:none;display:flex}.gnk-brand img{object-fit:contain;background:#151a27;border-radius:0 9px 9px 0;width:min(255px,100%);max-height:82px;display:block}.gnk-symbol{color:#29dfff;background:linear-gradient(135deg,#0c9052,#11b6d3);border-radius:50%;flex:0 0 62px;place-items:center;width:62px;height:62px;margin-right:-1px;font-size:27px;display:grid;box-shadow:0 9px 22px #18b8d33d}.gnk-heading>div small{color:#3de8f7;letter-spacing:2.2px;font-size:10px;font-weight:900}.gnk-heading h2{color:#fff;font:30px var(--font-display);margin:8px 0 4px}.gnk-heading p{color:#e2e5e9;margin:0;font-size:12px;line-height:1.5}.gnk-website{color:#99f0ff;text-align:left;background:#0c373f;border:1px solid #206a77;border-radius:13px;min-width:190px;padding:14px 17px;text-decoration:none;transition:transform .18s,border-color .18s;display:block}.gnk-website span,.gnk-website b{display:block}.gnk-website span{color:#e2e5e9;font-size:10px;font-weight:800}.gnk-website b{color:#62f1ff;margin-top:5px;font-size:13px}.gnk-website:hover{border-color:#41d9e8;transform:translateY(-2px)}.gnk-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.98fr) 210px;gap:22px;padding:27px;display:grid}.gnk-mission,.gnk-fundraiser,.gnk-qr{color:#51c3d7;background:#151a27;border:1px solid #273149;border-radius:18px;min-width:0;margin:0;overflow:hidden;box-shadow:0 12px 31px #0002}.gnk-mission{flex-direction:column;display:flex}.gnk-mission>img{object-fit:contain;background:#11b4d1;width:100%;height:auto;display:block}.gnk-mission figcaption{background:#151a27;border-top:1px solid #273149;margin-top:auto;padding:15px 18px}.gnk-mission figcaption span,.gnk-mission figcaption b{display:block}.gnk-mission figcaption span{color:#29e6ff;letter-spacing:1.6px;font-size:9px;font-weight:900}.gnk-mission figcaption b{color:#57bed1;font:17px var(--font-display);margin-top:5px}.gnk-fundraiser{padding:21px;color:#142333!important}.gnk-fundraiser>div{padding:1px 3px 14px}.gnk-fundraiser small{color:#59bdcf;letter-spacing:1.2px;background:#2a9baf;border-radius:20px;padding:7px 11px;font-size:8px;font-weight:900;display:inline-block}.gnk-fundraiser>div>b{color:#5bbccd;font:22px var(--font-display);margin-top:13px;display:block}.gnk-fundraiser p{color:#e9ecf1;margin:7px 0 0;font-size:11px;line-height:1.55}.gnk-fundraiser>a{background:#329caf;border:1px solid #273149;border-radius:13px;padding:12px;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.gnk-fundraiser>a:hover{transform:translateY(-2px);box-shadow:0 12px 28px #12343e22}.gnk-fundraiser>a img{border-radius:10px;width:100%;height:auto;display:block}.gnk-fundraiser>span{color:#e9ecf1;text-align:center;margin-top:10px;font-size:9px;display:block}.gnk-qr{color:#51c3d7!important;text-align:center!important;background:#151a27!important;padding:23px 17px!important;position:relative!important}.gnk-qr-symbol{color:#29ddff;font-size:24px;position:absolute;top:14px;right:16px}.gnk-qr>small{color:#59bdcf;letter-spacing:1.5px;margin-top:5px;font-size:9px;font-weight:900;display:block}.gnk-qr>img{background:#151a27;border:2px solid #176a78;border-radius:13px;width:154px;max-width:100%;height:auto;margin:25px auto 15px;padding:7px;display:block}.gnk-qr>b,.gnk-qr>a,.gnk-qr>em{display:block}.gnk-qr>b{color:#54c1d4;font:20px var(--font-display)}.gnk-qr>a{color:#29e1ff;margin-top:5px;font-size:11px;font-weight:900;text-decoration:none}.gnk-qr>em{color:#e9ecf1;border-top:1px solid #273149;margin-top:22px;padding-top:16px;font-size:8px;font-style:normal}@media (max-width:1100px){.gnk-spotlight{margin-left:20px;margin-right:20px}.gnk-heading{grid-template-columns:280px 1fr}.gnk-website{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.gnk-grid{grid-template-columns:1fr 1fr}.gnk-qr{grid-column:1/-1;grid-template-rows:auto auto auto;grid-template-columns:1fr 154px 1fr;align-items:center;display:grid;text-align:left!important}.gnk-qr>small{grid-column:1;align-self:end}.gnk-qr>img{grid-area:1/2/4;margin:0}.gnk-qr>b,.gnk-qr>a{grid-column:3}.gnk-qr>b{align-self:end}.gnk-qr>a{align-self:start}.gnk-qr>em{grid-area:2/1/4;margin:7px 24px 0 0;padding-top:10px}}@media (max-width:700px){.gnk-spotlight{border-radius:16px;margin:16px 12px 0}.gnk-heading{grid-template-columns:1fr;gap:16px;padding:20px}.gnk-brand{justify-content:center}.gnk-heading>div{text-align:center}.gnk-website{text-align:center;display:block}.gnk-grid{grid-template-columns:1fr;padding:14px}.gnk-fundraiser{padding:16px}.gnk-qr{grid-column:auto;display:block;text-align:center!important}.gnk-qr>img{margin:22px auto 14px}.gnk-qr>em{margin-top:20px;padding-top:14px}}@media (max-width:420px){.gnk-brand{grid-template-columns:55px 1fr;display:grid}.gnk-brand img{width:100%}.gnk-heading h2{font-size:25px}.gnk-grid{gap:14px}}.install-wrap{z-index:75;background:#07262cdf}.install-modal{color:#99f0ff;background:radial-gradient(circle at 85% 0,#0a667655,#0000 33%),linear-gradient(145deg,#0d292e,#0a2429);border:1px solid #273149;border-radius:18px;width:min(520px,100%);padding:30px;position:relative;box-shadow:0 34px 90px #000b}.install-modal>img{object-fit:cover;border:1px solid #13d1ec;border-radius:18px;width:74px;height:74px;margin:0 auto 16px;display:block;box-shadow:0 0 24px #2bdcf151}.install-modal>small{color:#85f2ff;letter-spacing:2px;text-align:center;font-size:9px;font-weight:900;display:block}.install-modal h2{font:30px var(--font-display);text-align:center;margin:7px 0 8px}.install-modal>p{color:#e2e5e9;text-align:center;margin:0;font-size:11px;line-height:1.55}.install-modal ol{counter-reset:install-step;gap:9px;margin:20px 0;padding:0;list-style:none;display:grid}.install-modal li{counter-increment:install-step;background:#102c32;border:1px solid #273149;border-radius:10px;padding:13px 14px 13px 49px;position:relative}.install-modal li:before{content:counter(install-step);color:#98f3ff;background:#09424c;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.install-modal li b,.install-modal li span{display:block}.install-modal li b{font-size:11px}.install-modal li span{color:#e2e5e9;margin-top:4px;font-size:9px;line-height:1.45}.install-done{color:#38d4f0;background:linear-gradient(135deg,#0e96af,#11bfd3);border:1px solid #13d2ec;border-radius:8px;width:100%;min-height:44px;font-weight:900}.install-modal .install-online-note{color:#e2e5e9;margin-top:13px;font-size:8px}@media (max-width:480px){.install-modal{padding:25px 17px}.install-modal h2{font-size:26px}.install-modal>img{width:64px;height:64px}}.teachers-lounge{color:#9eecfa;background:linear-gradient(145deg,#093138,#05282e);border:1px solid #22616d;border-radius:18px;margin:0 0 24px;overflow:hidden;box-shadow:0 17px 42px #047f9526}.lounge-heading{z-index:auto;background:radial-gradient(circle at 84% 0,#0c505c,#093138 46%,#06282e);border:0;border-bottom:1px solid #24606b;justify-content:space-between;align-items:center;gap:24px;height:auto;min-height:112px;padding:24px 28px;display:flex;position:static}.lounge-heading small{color:#77f4ff;letter-spacing:1.8px;font-size:8px;font-weight:900}.lounge-heading h2{color:#fff;font:30px var(--font-display);margin:6px 0 5px}.lounge-heading p{color:#e2e5e9;margin:0;font-size:11px;line-height:1.5}.lounge-heading>span{color:#a3e9f5;letter-spacing:1px;background:#09363e;border:1px solid #226b77;border-radius:24px;flex:none;padding:10px 13px;font-size:8px;font-weight:900}.lounge-heading>span i{color:#47f3a3;margin-right:5px;font-style:normal}.lounge-layout{grid-template-columns:250px 1fr;min-height:540px;display:grid}.lounge-members{background:#07262c;border-right:1px solid #2a5c64;padding:22px}.lounge-members>div:first-child{border-bottom:1px solid #294357;grid-template-columns:1fr auto;align-items:end;padding-bottom:17px;display:grid}.lounge-members>div:first-child small{color:#73f3ff;letter-spacing:1.5px;grid-column:1;font-size:8px;font-weight:900}.lounge-members>div:first-child strong{color:#fff;font:33px var(--font-display);grid-area:1/2/3}.lounge-members>div:first-child span{color:#e2e5e9;font-size:10px}.lounge-member-list{flex-direction:column;gap:8px;max-height:370px;padding:17px 0;display:flex;overflow-y:auto}.lounge-member-list>div{background:#0b2f35;border:1px solid #2c5a62;border-radius:11px;align-items:center;gap:10px;padding:8px;display:flex}.lounge-member-list>div>span{color:#99f0ff;text-overflow:ellipsis;min-width:0;font-size:10px;font-weight:800;overflow:hidden}.lounge-avatar{background:linear-gradient(135deg,#10b4c4,#0d8da4);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.lounge-avatar img{object-fit:cover;width:100%;height:100%}.lounge-members>p{color:#e2e5e9;border-top:1px solid #2b5b64;margin:2px 0 0;padding-top:14px;font-size:9px;line-height:1.5}.lounge-chat{color:#152333;background:#349eb0;flex-direction:column;min-width:0;display:flex}.lounge-chat-bar{background:#151a27;border-bottom:1px solid #273149;justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:15px 22px;display:flex}.lounge-chat-bar b,.lounge-chat-bar span{display:block}.lounge-chat-bar b{font:20px var(--font-display)}.lounge-chat-bar span{color:#e9ecf1;margin-top:4px;font-size:9px}.lounge-chat-bar em{color:#2bfd9b;letter-spacing:1px;font-size:8px;font-style:normal;font-weight:900}.lounge-log{background:linear-gradient(#edf4f8,#fff);flex-direction:column;flex:1;gap:14px;min-height:360px;max-height:500px;padding:23px;display:flex;overflow-y:auto}.lounge-log>div:not(.lounge-empty){align-items:flex-end;gap:9px;display:flex}.lounge-log>div.mine{flex-direction:row-reverse}.lounge-log section{max-width:min(74%,650px)}.lounge-log section>span{align-items:center;gap:9px;margin:0 5px 5px;display:flex}.lounge-log .mine section>span{justify-content:flex-end}.lounge-log section b{font-size:9px}.lounge-log time{color:#e2e5e9;font-size:7px}.lounge-log section p{color:#5eb9c9;overflow-wrap:anywhere;background:#151a27;border:1px solid #273149;border-radius:5px 15px 15px;margin:0;padding:10px 13px;font-size:10px;line-height:1.5;box-shadow:0 5px 14px #1474850b}.lounge-log .mine section p{color:#fff;background:#085461;border-color:#0c8196;border-radius:15px 5px 15px 15px}.lounge-empty{text-align:center;color:#6e7f8e;margin:auto}.lounge-empty>span{font-size:42px;display:block}.lounge-empty b{color:#e9ecf1;font:20px var(--font-display);margin-top:8px;display:block}.lounge-empty p{max-width:320px;margin:7px auto 0;font-size:10px;line-height:1.55}.lounge-compose{background:#151a27;border-top:1px solid #273149;grid-template-columns:1fr auto;gap:10px;padding:15px 18px;display:grid}.lounge-compose input{color:#54c1d4;background:#31a1b4;border:1px solid #273149;border-radius:10px;height:45px;padding:0 13px;font-size:10px}.lounge-compose input:focus{border-color:#18a8c0;outline:2px solid #18b2c855}.lounge-compose button{color:#29dfff;background:linear-gradient(135deg,#10b6c5,#0e98b0);border:0;border-radius:10px;padding:0 20px;font-size:9px;font-weight:900}.lounge-compose button:disabled{opacity:.42;cursor:not-allowed}.app-shell[data-theme=dark] .lounge-chat{background:#0c2327}.app-shell[data-theme=dark] .lounge-chat-bar,.app-shell[data-theme=dark] .lounge-compose{color:#f4f8fd;background:#0c2529;border-color:#273149}.app-shell[data-theme=dark] .lounge-chat-bar span{color:#a9b5c3}.app-shell[data-theme=dark] .lounge-log{background:linear-gradient(#0b1521,#101b29)}.app-shell[data-theme=dark] .lounge-log section p{color:#eef5fc;background:#112e33;border-color:#273149}.app-shell[data-theme=dark] .lounge-log .mine section p{background:#08525f;border-color:#0f95af}.app-shell[data-theme=dark] .lounge-empty b{color:#eff6fc}.app-shell[data-theme=dark] .lounge-compose input{color:#f3f7fc;background:#0a2429;border-color:#273149}@media (max-width:800px){.lounge-layout{grid-template-columns:1fr}.lounge-members{border-bottom:1px solid #294559;border-right:0}.lounge-member-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:190px;display:grid}.lounge-heading{align-items:flex-start}.lounge-log{min-height:330px}}@media (max-width:560px){.lounge-heading{padding:21px;display:block}.lounge-heading>span{margin-top:14px;display:inline-block}.lounge-members{padding:16px}.lounge-member-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lounge-log{padding:15px}.lounge-log section{max-width:82%}.lounge-compose{padding:12px}.lounge-compose button{padding:0 13px}}.lounge-member-list>div>span small{color:#9df0fb;text-transform:uppercase;letter-spacing:.7px;margin-top:2px;font-size:7px;display:block}.lounge-log section b em{color:#29dfff;text-transform:uppercase;margin-left:5px;font-size:7px;font-style:normal}.lounge-remove{color:#d07c58;background:0 0;border:0;padding:0;font-size:7px;font-weight:900;text-decoration:underline}.lounge-image{background:#151a27;border:1px solid #273149;border-radius:12px;max-width:430px;margin-top:6px;display:block;overflow:hidden;box-shadow:0 6px 18px #17394b18}.lounge-image img{object-fit:contain;background:#3c93a2;width:100%;max-height:330px;display:block}.lounge-compose{display:block}.lounge-compose-row{grid-template-columns:auto 1fr auto;gap:8px;display:grid}.lounge-compose-row>input{color:#54c1d4;background:#31a1b4;border:1px solid #273149;border-radius:10px;height:45px;padding:0 13px;font-size:10px}.lounge-compose-row>input:focus{border-color:#18a8c0;outline:2px solid #18b2c855}.lounge-compose-row>button{color:#29dfff;background:linear-gradient(135deg,#10b6c5,#0e98b0);border:0;border-radius:10px;padding:0 20px;font-size:9px;font-weight:900}.lounge-attach{color:#33d8f5;cursor:pointer;background:#329caf;border:1px solid #273149;border-radius:10px;place-items:center;min-width:72px;font-size:9px;font-weight:900;display:grid}.lounge-attach input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.lounge-file{color:#39d3ef;background:#26a7b9;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;font-size:9px;display:flex}.lounge-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lounge-file button{color:#d07c58;background:0 0;border:0;font-size:8px;font-weight:900}.lounge-emoji-bar{gap:5px;margin-bottom:8px;display:flex}.lounge-emoji-bar button{background:#31a1b4;border:1px solid #273149;border-radius:8px;width:29px;height:27px;padding:0;font-size:14px}.lounge-emoji-bar button:hover{background:#16b6c9}.app-shell[data-theme=dark] .lounge-image{background:#0b2328;border-color:#273149}.app-shell[data-theme=dark] .lounge-compose-row>input{color:#f3f7fc;background:#0a2429;border-color:#273149}.app-shell[data-theme=dark] .lounge-attach,.app-shell[data-theme=dark] .lounge-emoji-bar button{color:#e9f5fb;background:#112d32;border-color:#273149}.app-shell[data-theme=dark] .lounge-file{color:#bfeaf1;background:#0e3a41}@media (max-width:560px){.lounge-log section{max-width:88%}.lounge-compose-row{grid-template-columns:auto 1fr}.lounge-compose-row>button{grid-column:1/-1;height:42px}.lounge-attach{min-width:65px}.lounge-image img{max-height:260px}}.class-switcher{min-width:180px;height:38px;color:var(--ink);background:#11b8d5;border:1px solid #39b1c6;border-radius:7px;margin-left:auto;padding:0 10px;font-size:10px;font-weight:800}.class-manager .class-switcher+.rename-class{margin-left:0}.teacher-collab{border:1px solid var(--line);background:#151a27;border-radius:16px;margin:0 0 24px;overflow:hidden;box-shadow:0 12px 34px #1b6f7e10}.collab-heading{color:#fff;background:linear-gradient(135deg,#093138,#084752);justify-content:space-between;align-items:center;gap:20px;padding:24px 27px;display:flex}.collab-heading small,.teacher-chat small,.group-card small,.shared-class-list>small{color:#8ff3ff;letter-spacing:1.6px;font-size:8px;font-weight:900}.collab-heading h2{font:28px var(--font-display);margin:5px 0}.collab-heading p{color:#e2e5e9;margin:0;font-size:11px}.collab-heading>div:last-child{gap:8px;display:flex}.collab-heading button{color:#99f0ff;background:#0f3d45;border:1px solid #273149;border-radius:7px;padding:10px 13px;font-size:9px;font-weight:900}.collab-heading button.new-group{color:#071525;background:#0fa0ba;border-color:#13d2ec}.collab-layout{grid-template-columns:1.05fr .95fr;min-height:480px;display:grid}.group-console{background:#26a8bf;border-right:1px solid #273149;padding:20px}.group-tabs{gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.group-tabs>button{min-width:155px;color:var(--ink);text-align:left;background:#151a27;border:1px solid #273149;border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.group-tabs>button.active{background:#11b4d0;border-color:#12bedb;box-shadow:0 0 0 2px #24c8e520}.group-tabs>button>span{color:#8af3ff;background:#0a3e47;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.group-tabs b,.group-tabs small{display:block}.group-tabs b{font-size:10px}.group-tabs small{color:#e2e5e9;margin-top:3px;font-size:8px}.group-card{background:#151a27;border:1px solid #273149;border-radius:13px;margin-top:4px;padding:17px}.group-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.group-card-title h3{font:22px var(--font-display);margin:5px 0 0}.teacher-invite{text-align:right;background:#083037;border-radius:8px;padding:8px 10px}.teacher-invite small,.teacher-invite strong{display:block}.teacher-invite strong{color:#85f1ff;letter-spacing:2px;margin-top:3px;font-size:15px}.group-members{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.group-members>div{background:#389cae;border:1px solid #273149;border-radius:22px;align-items:center;gap:7px;padding:6px 9px 6px 6px;display:flex}.group-avatar,.chat-avatar{background:#0f3d45;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.group-avatar img,.chat-avatar img{object-fit:cover;width:100%;height:100%}.group-members b,.group-members small{display:block}.group-members b{font-size:9px}.group-members small{color:#e2e5e9;text-transform:capitalize;margin-top:2px;font-size:7px}.collective-maker{border-top:1px solid #e7eaf0;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:14px 0;display:grid}.collective-maker label{color:#57657a;font-size:8px;font-weight:900}.collective-maker input{width:100%;height:38px;color:var(--ink);background:#151a27;border:1px solid #273149;border-radius:7px;margin-top:5px;padding:0 10px;display:block}.collective-maker button{background:var(--blue);color:#fff;border:0;border-radius:7px;height:38px;padding:0 12px;font-size:9px;font-weight:900}.shared-class-list{border-top:1px solid #273149;padding-top:13px}.shared-class-list>button{text-align:left;width:100%;color:var(--ink);background:#359fb2;border:1px solid #273149;border-radius:8px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;margin-top:7px;padding:8px;display:grid}.shared-class-list>button.active{background:#11b5d2;border-color:#1ba9c2}.shared-class-list b,.shared-class-list small{display:block}.shared-class-list b{font-size:10px}.shared-class-list small{color:#e2e5e9;letter-spacing:0;margin-top:3px}.shared-class-list em{color:var(--blue);font-size:8px;font-style:normal;font-weight:900}.shared-class-list>p{color:#e2e5e9;font-size:9px}.teacher-chat{background:#151a27;flex-direction:column;min-width:0;display:flex}.teacher-chat>header{z-index:auto;background:#151a27;border:0;border-bottom:1px solid #273149;justify-content:space-between;align-items:center;height:auto;min-height:70px;padding:16px 20px;display:flex;position:static}.teacher-chat>header h3{font:20px var(--font-display);margin:4px 0 0}.live-dot{color:#32f69a;letter-spacing:1px;font-size:8px;font-weight:900}.chat-log{background:linear-gradient(#f9fbfd,#fff);flex-direction:column;flex:1;gap:13px;min-height:330px;max-height:410px;padding:18px;display:flex;overflow-y:auto}.chat-log>div:not(.chat-empty){align-items:flex-end;gap:8px;display:flex}.chat-log>div.mine{flex-direction:row-reverse}.chat-log section{max-width:80%}.chat-log section>span{align-items:center;gap:8px;margin:0 5px 4px;display:flex}.chat-log .mine section>span{justify-content:flex-end}.chat-log section b{font-size:8px}.chat-log time{color:#e2e5e9;font-size:7px}.chat-log section p{color:#60b8c8;background:#379aab;border:1px solid #273149;border-radius:5px 13px 13px;margin:0;padding:9px 11px;font-size:10px;line-height:1.45}.chat-log .mine section p{color:#99f0ff;background:#084752;border-color:#0fa1b9;border-radius:13px 5px 13px 13px}.chat-empty{text-align:center;color:#788496;margin:auto}.chat-empty>span{font-size:34px;display:block}.chat-empty b{color:#26344a;margin-top:8px;display:block}.chat-empty p{max-width:260px;font-size:9px;line-height:1.5}.chat-compose{border-top:1px solid #e3e7ee;grid-template-columns:1fr auto;gap:8px;padding:14px;display:grid}.chat-compose input{height:42px;color:var(--ink);border:1px solid #273149;border-radius:8px;padding:0 12px}.chat-compose button{color:#33d8f5;background:#0fa0b8;border:0;border-radius:8px;padding:0 15px;font-size:9px;font-weight:900}.chat-compose button:disabled{opacity:.45;cursor:not-allowed}.collab-empty{align-items:center;gap:14px;padding:27px;display:flex}.collab-empty>span{font-size:32px}.collab-empty b{font:20px var(--font-display)}.collab-empty p{color:#e2e5e9;margin:5px 0;font-size:10px}.collab-empty button{background:var(--blue);color:#fff;border:0;border-radius:7px;margin-left:auto;padding:10px 13px;font-size:9px;font-weight:900}.app-shell[data-theme=dark] .teacher-collab,.app-shell[data-theme=dark] .teacher-chat,.app-shell[data-theme=dark] .group-card,.app-shell[data-theme=dark] .teacher-chat>header{color:#f3f7fd;background:#0c2327;border-color:#273149}.app-shell[data-theme=dark] .group-console{background:#0b2428;border-color:#273149}.app-shell[data-theme=dark] .group-tabs>button,.app-shell[data-theme=dark] .group-members>div,.app-shell[data-theme=dark] .shared-class-list>button{color:#f3f7fd;background:#10292d;border-color:#273149}.app-shell[data-theme=dark] .group-tabs>button.active,.app-shell[data-theme=dark] .shared-class-list>button.active{background:#0a3c45;border-color:#13ccea}.app-shell[data-theme=dark] .group-tabs small,.app-shell[data-theme=dark] .group-members small,.app-shell[data-theme=dark] .shared-class-list small{color:#a5b1c2}.app-shell[data-theme=dark] .collective-maker,.app-shell[data-theme=dark] .shared-class-list{border-color:#303d50}.app-shell[data-theme=dark] .collective-maker input,.app-shell[data-theme=dark] .chat-compose input,.app-shell[data-theme=dark] .class-switcher{color:#f3f7fd;background:#0b2428;border-color:#273149}.app-shell[data-theme=dark] .chat-log{background:linear-gradient(#0d1623,#111b29)}.app-shell[data-theme=dark] .chat-log section p{color:#e9f0fa;background:#122c30;border-color:#273149}.app-shell[data-theme=dark] .chat-empty b{color:#eef4fc}.app-shell[data-theme=dark] .chat-compose,.app-shell[data-theme=dark] .teacher-chat>header{border-color:#2d394b}.app-shell[data-theme=dark] .collab-empty p{color:#a8b3c4}@media (max-width:900px){.collab-layout{grid-template-columns:1fr}.group-console{border-bottom:1px solid #e2e7ee;border-right:0}.teacher-chat{min-height:460px}.class-switcher{order:5;width:100%;margin-left:0}.collab-heading{align-items:flex-start}}@media (max-width:600px){.collab-heading{padding:20px;display:block}.collab-heading>div:last-child{margin-top:14px}.collab-layout{min-height:0}.group-console{padding:12px}.group-card-title{display:block}.teacher-invite{text-align:left;margin-top:12px}.collective-maker{grid-template-columns:1fr}.collab-empty{text-align:center;display:block}.collab-empty button{margin:12px auto 0}.chat-log{min-height:290px}.class-switcher{min-width:0}.group-tabs>button{min-width:135px}}.admin-button{color:#ffc229;white-space:nowrap;background:linear-gradient(135deg,#cc9711,#b6860f);border:1px solid #ca9b24;border-radius:6px;padding:7px 10px;font-size:9px;font-weight:900;box-shadow:0 0 0 2px #f2c44b14}.admin-button:hover{background:#b5860f;border-color:#9f750d}.admin-wrap{z-index:65;background:#07262cdb;padding:22px}.admin-console{color:#99f0ff;background:#0a2529;border:1px solid #273149;border-radius:20px;width:min(900px,100%);max-height:92vh;position:relative;overflow:auto;box-shadow:0 34px 100px #000b}.admin-console>.close{z-index:2;color:#d8e4f2;top:18px;right:18px}.admin-console-head{z-index:auto;width:auto;height:auto;min-height:0;box-shadow:none;background:radial-gradient(circle at 85% 0,#09617044,#0000 35%),linear-gradient(135deg,#0a292e,#08262b);border:0;border-bottom:1px solid #273149;justify-content:space-between;align-items:flex-start;padding:30px 72px 25px 30px;display:flex;position:static}.admin-console-head small{color:#82f1ff;letter-spacing:2px;font-size:8px;font-weight:900}.admin-console-head h2{font:32px var(--font-display);color:#fff;margin:7px 0 5px}.admin-console-head p{color:#e2e5e9;max-width:570px;margin:0;font-size:11px;line-height:1.55}.admin-refresh{color:#99f2ff;white-space:nowrap;background:#0b373f;border:1px solid #13d1ea;border-radius:7px;margin-top:28px;padding:9px 12px;font-size:9px;font-weight:900}.admin-refresh:disabled{opacity:.55;cursor:wait}.admin-stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 30px 0;display:grid}.admin-stat-grid article{background:linear-gradient(145deg,#132338,#101c2c);border:1px solid #273149;border-radius:12px;align-items:center;gap:13px;min-height:82px;padding:16px;display:flex}.admin-stat-grid article>span{color:#86f2ff;background:#09404a;border-radius:10px;place-items:center;width:39px;height:39px;font-size:17px;display:grid}.admin-stat-grid b,.admin-stat-grid small{display:block}.admin-stat-grid b{font-size:25px}.admin-stat-grid small{color:#e2e5e9;letter-spacing:1.2px;margin-top:3px;font-size:8px;font-weight:900}.admin-directory-tools{grid-template-columns:1fr 170px;gap:10px;padding:18px 30px 13px;display:grid}.admin-directory-tools input,.admin-directory-tools select{color:#9aeffe;background:#0b2428;border:1px solid #273149;border-radius:8px;outline:none;width:100%;height:42px;padding:0 13px;font-size:11px}.admin-directory-tools input:focus,.admin-directory-tools select:focus{border-color:#13d0ea;box-shadow:0 0 0 3px #33cee520}.admin-directory-tools input::placeholder{color:#718399}.admin-user-list{background:#0b2428;border:1px solid #273149;border-radius:12px;margin:0 30px;overflow:hidden}.admin-user-head,.admin-user-list>article{grid-template-columns:1.6fr .7fr .8fr;align-items:center;gap:14px;padding:0 17px;display:grid}.admin-user-head{color:#e2e5e9;letter-spacing:1.2px;background:#09252a;min-height:35px;font-size:8px;font-weight:900}.admin-user-list>article{border-top:1px solid #26384c;min-height:61px}.admin-user-name{align-items:center;gap:10px;min-width:0;display:flex}.admin-user-name i{color:#95f3ff;background:#0a3c44;border:1px solid #1c7180;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:9px;font-style:normal;font-weight:900;display:grid}.admin-user-name b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-role{text-transform:uppercase;border-radius:20px;padding:5px 9px;font-size:8px;font-style:normal;font-weight:900;display:inline-block}.admin-role.student{color:#92b8ff;background:#145460}.admin-role.teacher{color:#ffd77b;background:#413518}.admin-user-list time{color:#e2e5e9;font-size:9px}.admin-empty{color:#e2e5e9;text-align:center;border-top:1px solid #2d5a62;padding:44px 18px;font-size:11px}.admin-console footer{color:#e2e5e9;justify-content:space-between;padding:15px 30px 20px;font-size:9px;display:flex}.admin-console footer b{color:#57ddef}.app-shell[data-theme=dark] .admin-button{color:#f6d66e;background:#0f131c;border-color:#7e631f}.app-shell[data-theme=dark] .admin-button:hover{background:#3f3314;border-color:#e5ab16}@media (max-width:700px){.admin-wrap{padding:10px}.admin-console{border-radius:14px;max-height:96vh}.admin-console-head{padding:24px 55px 20px 20px;display:block}.admin-refresh{margin-top:15px}.admin-stat-grid{grid-template-columns:1fr 1fr;padding:15px 15px 0}.admin-stat-grid article:first-child{grid-column:1/-1}.admin-directory-tools{grid-template-columns:1fr;padding:14px 15px 10px}.admin-user-list{margin:0 15px}.admin-user-head,.admin-user-list>article{grid-template-columns:1.35fr .65fr;padding:0 11px}.admin-user-head>span:last-child,.admin-user-list time{display:none}.admin-console footer{padding:14px 15px 18px}.admin-button{font-size:0}.admin-button:first-letter{font-size:12px}}.chord-string-status{color:#2f9a69;grid-template-columns:repeat(6,1fr);width:42px;margin:0 auto 3px;font-size:7px;font-weight:900;line-height:1;display:grid}.chord-string-status .muted{color:#d94c35}.fret-number{color:#9299a7;font-size:6px;font-weight:900;position:absolute;right:calc(100% + 4px);transform:translateY(-50%)}.dot{color:#fff;place-items:center;font:700 4px Arial,sans-serif;display:grid}.dot span{line-height:1}.diagram-legend{color:#e9ecf1;flex-wrap:wrap;justify-content:center;gap:5px 8px;margin-top:6px;font-size:7px;display:flex}.diagram-legend b{color:#19263d}.large .chord-string-status{width:85px;margin-bottom:5px;font-size:10px}.large .fret-number{font-size:9px;right:calc(100% + 7px)}.large .dot{font-size:8px}.app-shell[data-theme=dark] .chord-string-status{color:#65ddb3}.app-shell[data-theme=dark] .chord-string-status .muted{color:#ff856d}.app-shell[data-theme=dark] .fret-number,.app-shell[data-theme=dark] .diagram-legend{color:#aab5c7}.app-shell[data-theme=dark] .diagram-legend b{color:#f4f7fc}.practice-lab,.skill-roadmap,.audio-assignments,.offline-notes,.teacher-audio-inbox{border-radius:18px;max-width:1180px;margin:34px auto;padding:28px}.practice-lab{color:#f7f9fc;background:#0a2429}.practice-lab-heading small,.skill-roadmap small,.audio-heading small,.offline-notes small,.teacher-audio-inbox small{letter-spacing:2px;color:#22d3ee;font-size:9px;font-weight:900}.practice-lab-heading h2,.skill-roadmap h2,.audio-heading h2,.offline-notes h2,.teacher-audio-inbox h2{font:32px var(--font-display);margin:6px 0}.practice-lab-heading p,.tool-card p,.audio-heading p,.offline-notes p,.teacher-audio-inbox p{color:#aab7ca;font-size:10px}.practice-tool-grid{grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-top:22px;display:grid}.tool-card{background:#102c32;border:1px solid #273149;border-radius:14px;padding:18px}.tool-card header,.audio-heading,.teacher-audio-inbox header{background:0 0;border:0;align-items:flex-start;height:auto;padding:0;display:flex;position:static}.tool-card header>div,.audio-heading>div,.teacher-audio-inbox header>div{flex:1}.tool-card h3{font:21px var(--font-display);margin:5px 0}.tool-card header>span,.audio-heading>span,.teacher-audio-inbox header>span{background:#1a3d43;border-radius:24px;padding:7px 10px;font-size:8px;font-weight:900}.tool-live{color:#4ade80}.coach-picker,.signature-picker,.track-picker{gap:5px;margin:15px 0;display:flex}.coach-picker button,.signature-picker button,.track-picker button{color:#e2e5e9;background:#0c2327;border:1px solid #273149;border-radius:7px;flex:1;padding:8px;font-size:9px;font-weight:900}.coach-picker .selected,.signature-picker .selected,.track-picker .selected{color:#38d4f0;background:#11bcd6}.coach-strings{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.coach-strings>div{text-align:center;background:#0d2226;border:1px solid #273149;border-radius:8px;padding:7px 4px}.coach-strings span,.coach-strings small{color:#8493a8;font-size:6px;display:block}.coach-strings b{margin:4px 0;font-size:9px;display:block}.coach-strings>div>i{background:#191f2e;height:3px;display:block}.coach-strings>div>i i{background:#11bcd6;height:100%;display:block}.coach-strings .clean{border-color:#1ede84;box-shadow:0 0 12px #4ade8030}.coach-strings .buzz,.coach-strings .sharp,.coach-strings .flat{border-color:#ff704d}.coach-strings .muted{opacity:.55}.tool-status{background:#0d2226;border-radius:8px;min-height:38px;margin:12px 0;padding:10px;font-size:9px}.stomp-button{color:#fff;background:#0a3a43;border:2px solid #0ea0b0;border-radius:8px;width:100%;padding:11px;font-weight:900}.metronome output{font:24px var(--font-display);color:#ffca58}.tempo-knob{width:86px;height:86px;transform:rotate(var(--turn));background:radial-gradient(circle at 35% 30%,#090c11,#102a2f 55%,#09252a);border:5px solid #24606b;border-radius:50%;margin:13px auto}.tempo-knob span{background:#11bcd6;width:4px;height:26px;margin:7px auto;display:block}.metronome>input,.backing input{accent-color:#22d3ee;width:100%}.strum-guide{justify-content:center;gap:5px;margin:14px 0;display:flex}.strum-guide span{background:#0d2226;border-radius:7px;place-items:center;width:31px;height:46px;display:grid}.strum-guide .active{color:#38d4f0;background:#11bcd6;transform:translateY(-5px)}.backing-chords{grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0;display:grid}.backing-chords span{height:45px;font:18px var(--font-display);border:2px solid;border-radius:8px;place-items:center;display:grid}.backing-chords .playing{transform:translateY(-5px);box-shadow:0 0 18px}.skill-roadmap{background:#389cae;border:1px solid #dbe4ee}.skill-path{grid-template-columns:repeat(4,1fr);margin-top:24px;display:grid}.skill-path article{background:#151a27;border-top:4px solid #273149;padding:18px}.skill-path article>span{background:#131722;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.skill-path h3{font:18px var(--font-display)}.skill-path .unlocked{border-color:#22a9bd}.skill-path .active{background:#11b6d0}.audio-assignments,.teacher-audio-inbox{color:#fff;background:#0a2429}.audio-recorder{background:#151a2708;grid-template-columns:1fr 130px 1.4fr;align-items:center;gap:18px;margin-top:20px;padding:18px;display:grid}.audio-recorder input,.audio-review input,.audio-review textarea{color:#fff;background:#0d2226;border:1px solid #273149;border-radius:6px;width:100%;padding:9px;display:block}.record-orb{background:#102e33;border-radius:50%;place-items:center;width:100px;height:100px;margin:auto;display:grid}.record-orb i{background:#9c380d;border-radius:50%;width:23px;height:23px}.record-orb.recording{animation:1s infinite recordpulse}.audio-actions{flex-wrap:wrap;gap:8px;display:flex}.audio-actions button,.audio-review button{color:#fff;background:#0e93a7;border:0;border-radius:7px;padding:10px}.audio-actions audio{width:100%}.submission-history>article{border-top:1px solid #27314917;grid-template-columns:220px 1fr;padding:12px;display:grid}.offline-notes{background:#cd9811;grid-template-columns:280px 1fr;gap:24px;display:grid}.offline-notes textarea{min-height:120px;padding:14px}.audio-inbox-layout{grid-template-columns:280px 1fr;gap:18px;margin-top:18px;display:grid}.audio-inbox-list{flex-direction:column;gap:7px;display:flex}.audio-inbox-list button{color:#fff;text-align:left;background:#102c32;border:1px solid #273149;padding:10px}.audio-inbox-list button>*{display:block}.audio-inbox-list .selected{border-color:#22d3ee}.audio-review{background:#102c32;padding:16px}.audio-review audio{width:100%}.audio-review form{grid-template-columns:100px 1fr auto;align-items:end;gap:8px;display:grid}@keyframes recordpulse{50%{transform:scale(1.04);box-shadow:0 0 25px #f45e50}}@media (max-width:980px){.practice-tool-grid{grid-template-columns:1fr}.skill-path{grid-template-columns:1fr 1fr}.audio-recorder,.offline-notes,.audio-inbox-layout{grid-template-columns:1fr}}@media (max-width:600px){.practice-lab,.skill-roadmap,.audio-assignments,.offline-notes,.teacher-audio-inbox{margin:24px 12px;padding:18px}.coach-strings{grid-template-columns:repeat(3,1fr)}.skill-path,.audio-review form{grid-template-columns:1fr}}.skill-roadmap,.skill-roadmap h2,.skill-roadmap h3,.skill-roadmap p,.skill-roadmap article{color:#0f172a}.skill-roadmap>div:first-child>p,.skill-path article p{color:#334155}.skill-path article small{color:#0891b2}.offline-notes,.offline-notes h2,.offline-notes p,.offline-notes span{color:#0f172a}.offline-notes p{color:#475569}.offline-notes textarea{color:#4cc6db;background:#151a27;border:1px solid #b99946;border-radius:9px;font-size:14px}.app-shell[data-theme=dark]{--cream:#27bdd8;color:#f8fafc;background:radial-gradient(circle at 50% 0,#102e33,#0a2429 42%,#0b2428)}.app-shell[data-theme=dark] .page{color:#f8fafc}.app-shell[data-theme=dark] .skill-roadmap{background:#0d282d;border-color:#304158}.app-shell[data-theme=dark] .skill-roadmap,.app-shell[data-theme=dark] .skill-roadmap h2,.app-shell[data-theme=dark] .skill-roadmap h3,.app-shell[data-theme=dark] .skill-roadmap p{color:#f8fafc}.app-shell[data-theme=dark] .skill-path article{color:#f8fafc;background:#112e33}.app-shell[data-theme=dark] .skill-path .active{background:#0a3942}.app-shell[data-theme=dark] .skill-roadmap>div:first-child>p,.app-shell[data-theme=dark] .skill-path article p{color:#b5c1d2}.app-shell[data-theme=dark] .offline-notes{background:#c08e10}.app-shell[data-theme=dark] .offline-notes,.app-shell[data-theme=dark] .offline-notes h2,.app-shell[data-theme=dark] .offline-notes p,.app-shell[data-theme=dark] .offline-notes span{color:#0f172a}.wood-options{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 18px;display:grid}.wood-options button{border:2px solid var(--line);color:#0f172a;background:#151a27;border-radius:9px;align-items:center;gap:9px;padding:9px;display:flex}.wood-options button.selected{border-color:#0f9fb6;box-shadow:0 0 0 3px #22d3ee22}.wood-options i{border-radius:5px;width:36px;height:30px;box-shadow:inset 0 0 0 1px #0003}.rosewood-swatch{background:repeating-linear-gradient(93deg,#3d1714 0 4px,#6e3323 5px 8px,#25100f 9px 12px)}.maple-swatch{background:repeating-linear-gradient(92deg,#e4bd72 0 5px,#f5d998 6px 10px,#c8924c 11px 12px)}.app-shell[data-wood=rosewood] .diagram{background:repeating-linear-gradient(92deg,#4a201c00,#4a201c0e 4px,#6d342211 6px)}.app-shell[data-wood=maple] .diagram{background:linear-gradient(#e7c17b22,#f6dc9c22)}.correct-fretted .dot{animation:.7s ease-in-out infinite alternate fretglow;box-shadow:0 0 5px #030407,0 0 15px #1aff94,0 0 28px #11dfff;background:#0da05b!important}.correct-fretted .string{transform-origin:50%;animation:.16s linear infinite stringvibe}.chord-locked{box-shadow:0 0 0 1px #4ade80,0 0 30px #22d3ee38}.chord-locked .coach-strings .clean{animation:.7s ease-in-out infinite alternate fretglow}.combo-meter{color:#e2e5e9;background:#103035;border-radius:20px;margin-top:8px;padding:6px 11px;font:900 10px Arial;display:inline-block}.combo-meter.hot{color:#57bfd1;background:linear-gradient(135deg,#99370c,#926c0c);animation:.35s combopop}.hit-effect{z-index:5;pointer-events:none;position:absolute;top:42%;left:50%}.hit-effect b{color:#ffa883;text-shadow:0 2px #030407,0 0 18px #ff5e1a;font:900 35px Arial;animation:.7s forwards damagefloat;position:absolute}.hit-effect.miss b{color:#8b5e3c}.hit-effect i{background:#11bcd6;border-radius:50%;width:7px;height:7px;animation:.7s forwards particle;position:absolute}.hit-effect i:first-of-type{--px:55px;--py:-50px}.hit-effect i:nth-of-type(2){--px:-55px;--py:-45px}.hit-effect i:nth-of-type(3){--px:65px;--py:15px}.hit-effect i:nth-of-type(4){--px:-60px;--py:20px}.hit-effect i:nth-of-type(5){--px:20px;--py:-70px}.hit-effect i:nth-of-type(6){--px:-15px;--py:65px}.stats .streak-stat{border-color:#c99510;position:relative;box-shadow:0 0 22px #f59e0b19}.streak-stat i{color:#ff7e46;font-size:6px;font-style:normal;font-weight:900;position:absolute;top:6px;right:7px}.collectibles{color:#fff;background:linear-gradient(135deg,#0b2428,#123940);border-radius:18px;max-width:1180px;margin:34px auto;padding:25px}.collectibles>div:first-child small{color:#47e7ff;letter-spacing:2px;font-size:9px;font-weight:900}.collectibles h2{font:30px var(--font-display);margin:7px 0}.collectibles p{color:#e2e5e9;font-size:11px}.reward-shelf{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px;display:grid}.reward-shelf article{text-align:center;background:#0f2f34;border:1px solid #273149;border-radius:12px;place-items:center;min-height:125px;padding:12px;display:grid}.reward-shelf article>span{color:#22d3ee;font-size:34px}.reward-shelf article>b{font:16px var(--font-display)}.reward-shelf article>small{letter-spacing:1px;color:#ffbd52;font-size:7px}.reward-shelf .locked{opacity:.5;filter:saturate(.4)}.stomp-button{text-transform:uppercase;letter-spacing:.5px;border-radius:9px;box-shadow:inset 0 2px #0304072d,0 5px #0a7b8f,0 9px 18px #03040755}.stomp-button:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff25,0 1px #07101d}.tempo-knob{box-shadow:inset 0 0 14px #000,0 5px 12px #0009,0 0 0 2px #56657b}.strum-guide .active{box-shadow:0 0 20px #22d3ee}.version-mark b{color:#fff}.app-shell[data-theme=dark] .collectibles{border:1px solid #32425b}.app-shell[data-theme=dark] .game-card{box-shadow:0 8px 22px #0005}.app-shell[data-theme=dark] .continue-card{background:linear-gradient(135deg,#0c7188,#125267)}@keyframes fretglow{to{filter:brightness(1.3);box-shadow:0 0 8px #fff,0 0 24px #4ade80}}@keyframes stringvibe{25%{transform:translate(-.6px)}75%{transform:translate(.6px)}}@keyframes combopop{50%{transform:scale(1.12)}}@keyframes damagefloat{to{opacity:0;transform:translateY(-70px)scale(1.25)}}@keyframes particle{to{transform:translate(var(--px),var(--py)) scale(.2);opacity:0}}@media (max-width:780px){.reward-shelf{grid-template-columns:repeat(2,1fr)}.collectibles{margin:24px 12px}}.teacher-practice-suite{color:#f8fafc;background:linear-gradient(#0a2429,#0a2529);padding:34px 0 8px}.teacher-suite-heading{max-width:1180px;margin:0 auto;padding:0 28px}.teacher-suite-heading small{letter-spacing:2px;color:#22d3ee;font-size:9px;font-weight:900}.teacher-suite-heading h2{font:32px var(--font-display);margin:7px 0}.teacher-suite-heading p{color:#e2e5e9;margin:0;font-size:11px}.teacher-practice-suite .practice-lab{margin-top:22px}.teacher-practice-suite .league-board{margin-top:34px}.teacher-practice-suite .music-studio{max-width:1180px;margin-left:auto;margin-right:auto}@media (max-width:600px){.teacher-suite-heading{padding:0 18px}.teacher-practice-suite{padding-top:24px}}.song-timeline.guitar-score{color:#59bdcf;background:#d49d11;border:1px solid #b1954e;border-radius:4px;grid-template-rows:52px 1fr 28px;height:330px;padding:0;display:grid;overflow:hidden;box-shadow:0 9px 24px #17233b20}.guitar-score>header{color:#172033;background:0 0;border:0;border-bottom:1px solid #ae9451;grid-template-columns:1fr auto;align-items:center;height:auto;padding:8px 14px;display:grid;position:static}.guitar-score>header span{letter-spacing:1.5px;color:#64748b;font-size:7px;font-weight:900}.guitar-score>header b{font:22px var(--font-display);grid-row:2}.guitar-score>header em{grid-area:1/2/3;font-size:9px;font-style:normal}.score-staff{grid-template-columns:repeat(8,minmax(62px,1fr));grid-auto-rows:95px;align-content:start;gap:20px 0;padding:58px 18px 25px;display:grid;position:relative;overflow:auto}.staff-line{pointer-events:none;background:#0a0c1266;height:1px;position:absolute;left:18px;right:18px}.score-chord.timeline-chord{z-index:1;color:#59bdcf;width:auto;min-width:0;height:78px;box-shadow:none;border-left:1px solid #273149;border-right:1px solid #273149;border-radius:0;flex:none;place-self:center stretch;background:#d49d11!important}.score-chord.timeline-chord:after{content:"";z-index:-1;background:#0a0c1266;height:1px;position:absolute;top:49%;left:0;right:0}.score-chord.timeline-chord b{background:var(--chord-color);color:#fff;border-radius:6px;padding:4px 10px;font-size:24px;box-shadow:0 3px 8px #0002}.score-chord.timeline-chord>span{letter-spacing:1px;font:700 10px monospace;position:absolute;bottom:5px}.score-chord.timeline-chord small{color:#475569}.score-chord.timeline-chord button{color:#7f1d1d}.score-chord.timeline-chord.playing{transform:none;box-shadow:inset 0 0 0 3px #f4ca50;background:#c79310!important}.score-chord.timeline-chord.playing:before{content:"";background:#94350c;width:2px;position:absolute;top:-32px;bottom:-24px;left:50%;box-shadow:0 0 9px #ef5b3d}.score-empty{text-align:center;z-index:2;place-content:center;display:grid;position:absolute;inset:0}.score-empty b{font:19px var(--font-display)}.score-empty span{color:#e9ecf1;margin-top:5px;font-size:10px}.guitar-score>footer{font:italic 9px var(--font-display);border-top:1px solid #ae9451;justify-content:space-between;padding:5px 14px;display:flex}.song-timeline.guitar-score.empty{text-align:initial;justify-content:normal}@media (max-width:700px){.song-timeline.guitar-score{height:310px}.score-staff{grid-template-columns:repeat(4,minmax(58px,1fr));grid-auto-rows:90px}.score-chord.timeline-chord{height:72px}.guitar-score>header b{font-size:18px}}html{scroll-behavior:smooth}body{background-image:radial-gradient(circle at 12% -10%,#122036 0,#0000 42%),radial-gradient(circle at 88% 0,#0d1f2c 0,#0000 38%),linear-gradient(#22d3ee0d 1px,#0000 1px),linear-gradient(90deg,#22d3ee0d 1px,#0000 1px);background-size:auto,auto,42px 42px,42px 42px;background-attachment:fixed;position:relative}::selection{background:var(--blue);color:#04141c}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--panel-2);border:2px solid var(--cream);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}header{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:linear-gradient(#0d1526f2,#0b1120f2);box-shadow:0 1px #22d3ee1a,0 12px 30px -18px #000c}.brand-pick{box-shadow:0 0 0 1px #ff8a3d3d}nav button.active{color:var(--blue);font-weight:800}nav button.active,nav button:hover{position:relative}h1{letter-spacing:-.5px;background:linear-gradient(100deg,var(--ink) 40%,var(--blue) 62%,var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.continue-card,.music-studio,.league-board,.roster,aside,.teachers-lounge,.teacher-collab,.practice-lab,.skill-roadmap,.audio-assignments,.offline-notes,.teacher-audio-inbox,.collectibles,.gnk-mission,.gnk-fundraiser,.gnk-qr{position:relative}.continue-card{background:linear-gradient(135deg,#123b8f,#0d2650 60%,#0a1830);box-shadow:0 0 0 1px #22d3ee1f,0 16px 32px -18px #00000080}.game-card{transition:transform .18s,box-shadow .18s}.game-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px #00000090}.game-card.yellow{background:linear-gradient(135deg,#2c2410,#463610)}.game-card.blue{background:linear-gradient(135deg,#0f2340,#0a1830)}.primary{background:linear-gradient(135deg,var(--orange),#ff5f5f);transition:transform .15s,box-shadow .15s;box-shadow:0 6px 16px -8px #00000090}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px -8px #000000a0}.outline{border:1px solid var(--blue);color:var(--blue);background:0 0;transition:box-shadow .15s,background .15s}.outline:hover{background:#22d3ee0f;box-shadow:0 0 0 1px #22d3ee40}.answers button{transition:transform .12s}.answers button:hover{transform:translateY(-2px)}.answers button.correct{box-shadow:0 0 0 1px #34ecc0}.answers button.wrong{box-shadow:0 0 0 1px #ff8a3d}.stats>div{transition:box-shadow .18s,transform .18s}.stats>div:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #22d3ee33,0 8px 18px -12px #00000090}.donut{box-shadow:0 0 0 1px #34ecc02b}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.privacy-shield{background:var(--panel);text-align:center;cursor:pointer;width:100%;font:inherit;color:inherit;border:1px solid #34ecc03d;border-radius:14px;margin-top:18px;padding:22px 18px 18px;transition:border-color .2s,transform .15s;box-shadow:0 8px 20px -14px #00000090}.privacy-shield:hover{border-color:#34ecc070;transform:translateY(-1px)}.privacy-shield h3{font-family:var(--font-display);letter-spacing:.2px;color:#eafff6;margin:14px 0 4px;font-size:15px}.privacy-shield p{color:#9fe9cf;margin:0 0 8px;font-size:13px}.privacy-shield small{color:#6fb89e;font-size:11px;transition:color .2s;display:block}.privacy-shield.open small{color:#34ecc0}.shield-orbit{width:88px;height:88px;margin:0 auto;display:block;position:relative}.shield-icon{color:#34ecc0;filter:drop-shadow(0 0 5px #34ecc066);width:56px;height:56px;animation:2.6s ease-in-out infinite shield-pulse;position:absolute;inset:16px}.orbit-icon{color:#34ecc0;opacity:.85;width:20px;height:20px;position:absolute}.orbit-a{animation:3.4s ease-in-out infinite orbit-bounce-a;top:-2px;left:2px}.orbit-b{animation:3.8s ease-in-out .3s infinite orbit-bounce-b;top:-4px;right:-4px}.orbit-c{margin-left:-10px;animation:3.1s ease-in-out .6s infinite orbit-bounce-c;bottom:-6px;left:50%}@keyframes shield-pulse{0%,to{filter:drop-shadow(0 0 4px #34ecc055);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #34ecc088);transform:scale(1.03)}}@keyframes orbit-bounce-a{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-10px,-8px)rotate(-14deg)}55%{transform:translate(-2px)rotate(0)}}@keyframes orbit-bounce-b{0%,to{transform:translate(0)rotate(0)}35%{transform:translate(10px,-6px)rotate(14deg)}60%{transform:translate(2px)rotate(0)}}@keyframes orbit-bounce-c{0%,to{transform:translate(0)rotate(0)}40%{transform:translateY(10px)rotate(8deg)}65%{transform:translateY(2px)rotate(0)}}@media (prefers-reduced-motion:reduce){.shield-icon,.orbit-icon{animation:none}}.explore-cta{border:1px solid var(--blue);width:100%;color:var(--blue);cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:12px;font-size:14px;font-weight:600;transition:box-shadow .15s,background .15s}.explore-cta:hover{background:#22d3ee0f;box-shadow:0 0 0 1px #22d3ee40}.explore-panel{flex-direction:column;display:flex}.explore-head{align-items:center;gap:10px;margin-bottom:2px;display:flex}.explore-back{border:1px solid var(--line);background:var(--panel);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;flex-shrink:0;font-size:16px}.explore-back:hover{border-color:var(--blue);color:var(--blue)}.explore-head h2{margin:0}.explore-panel>p{color:#93a4c3;margin:2px 0 14px;font-size:13px}.explore-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.explore-card{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:12px;padding:14px 12px;transition:box-shadow .18s,transform .18s,border-color .18s}.explore-card:hover{border-color:#22d3ee40;transform:translateY(-1px);box-shadow:0 8px 18px -14px #00000090}.explore-icon{margin-bottom:6px;font-size:22px;display:block}.explore-card b{color:var(--ink);margin-bottom:3px;font-size:13px;display:block}.explore-card small{color:#93a4c3;font-size:12px;line-height:1.4;display:block}.explore-done{margin-top:16px}@media (max-width:420px){.explore-grid{grid-template-columns:1fr}}.guest-cta{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:8px;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.guest-cta:hover{border-color:var(--violet);color:var(--violet)}.preview-banner{background:var(--panel);border-bottom:1px solid var(--line);color:#93a4c3;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:10px 16px;font-size:13px;display:flex}.preview-banner b{color:var(--violet)}.preview-banner button{border:1px solid var(--violet);color:var(--violet);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s}.preview-banner button:hover{background:#a78bfa14}@media (min-width:900px){.app-shell,.preview-banner{padding-left:236px}header{z-index:40;border-right:1px solid var(--line);border-bottom:0;flex-direction:column;align-items:stretch;gap:20px;width:236px;height:100vh;padding:22px 16px 18px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}header .brand.apex-brand{justify-content:flex-start}nav{flex-direction:column;flex:auto;align-items:stretch;gap:4px;height:auto;display:flex!important}nav button{text-align:left;border-bottom:0;border-radius:10px;justify-content:flex-start;width:100%;height:auto;padding:11px 14px;font-size:13px}nav button.active{background:#22d3ee1a;box-shadow:inset 0 0 0 1px #22d3ee40}nav button:hover{background:#ffffff08}nav button.download-link{text-align:center;justify-content:center;margin-top:10px}.account{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px;margin-top:auto;margin-left:0;padding-top:16px}.account .role-badge{align-self:flex-start}.account .logout,.account .settings-button,.account .admin-button{justify-content:center;width:100%}}@media (max-width:900px){.app-shell{padding-bottom:64px}nav{z-index:40;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-top:1px solid var(--line);height:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(#0d1526f7,#0d1526f7);border-bottom:0;justify-content:space-between;gap:2px;position:fixed;inset:auto 0 0;display:flex!important}nav button{white-space:nowrap;text-overflow:ellipsis;border-bottom:0;border-radius:9px;flex:1 1 0;min-width:0;height:auto;padding:7px 2px;font-size:10px;line-height:1.25;overflow:hidden}nav button.active{background:#22d3ee1a;box-shadow:inset 0 0 0 1px #22d3ee40}nav button.download-link{display:none}}.private-inbox{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin:0 0 24px;overflow:hidden;box-shadow:0 17px 42px #0006}.inbox-heading{border-bottom:1px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.inbox-heading small{color:var(--blue);letter-spacing:1.8px;font-size:9px;font-weight:900}.inbox-heading h2{font:28px var(--font-display);margin:6px 0 5px}.inbox-heading p{color:#9aa5b8;max-width:420px;margin:0;font-size:11px;line-height:1.5}.compose-button{background:var(--blue);color:#062024;letter-spacing:.5px;border:0;border-radius:24px;flex:none;padding:12px 20px;font-size:11px;font-weight:900}.inbox-heading-actions{flex:none;align-items:center;gap:10px;display:flex}.back-home-button{border:1px solid var(--line);color:#9aa5b8;letter-spacing:.5px;background:0 0;border-radius:24px;flex:none;padding:12px 18px;font-size:11px;font-weight:900}.back-home-button:hover{color:var(--blue);border-color:var(--blue)}.inbox-layout{grid-template-columns:310px 1fr;min-height:520px;display:grid}.thread-list{border-right:1px solid var(--line);flex-direction:column;gap:6px;max-height:640px;padding:14px;display:flex;overflow-y:auto}.thread-list>button{text-align:left;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.thread-list>button:hover{background:var(--panel-2)}.thread-list>button.active{border-color:var(--blue);background:#22d3ee14}.thread-list>button.unread div>b{color:var(--blue)}.thread-avatars{display:flex}.thread-avatar{background:linear-gradient(135deg,#10b4c4,#0d8da4);border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid;overflow:hidden}.thread-avatar img{object-fit:cover;width:100%;height:100%}.thread-list>button div>b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.thread-list>button div>em{color:var(--orange);text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:9px;font-style:normal;display:block;overflow:hidden}.thread-list>button div>span{color:#9aa5b8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.thread-list>button>small{color:#7c8290;flex:none;font-size:9px}.thread-pane{flex-direction:column;min-width:0;display:flex}.thread-pane-head{border-bottom:1px solid var(--line);background:var(--panel-2);padding:18px 24px}.thread-pane-head b{font-size:15px;display:block}.thread-pane-head small{color:#9aa5b8;font-size:10px}.thread-log{flex-direction:column;flex:1;gap:12px;min-height:360px;max-height:500px;padding:22px;display:flex;overflow-y:auto}.thread-log>div{display:flex}.thread-log>div.mine{justify-content:flex-end}.thread-log section{max-width:min(74%,600px)}.thread-log section>span{align-items:center;gap:9px;margin:0 5px 5px;display:flex}.thread-log .mine section>span{justify-content:flex-end}.thread-log section b{color:#9aa5b8;font-size:9px}.thread-log time{color:#7c8290;font-size:7px}.thread-log section p{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);overflow-wrap:anywhere;border-radius:5px 15px 15px;margin:0;padding:10px 13px;font-size:11px;line-height:1.5}.thread-log .mine section p{color:#fff;background:#0c4650;border-color:#0f95af;border-radius:15px 5px 15px 15px}.thread-reply{border-top:1px solid var(--line);background:var(--panel-2);grid-template-columns:1fr auto;gap:10px;padding:16px 18px;display:grid}.thread-reply input{border:1px solid var(--line);background:var(--panel);height:44px;color:var(--ink);border-radius:10px;padding:0 13px;font-size:11px}.thread-reply input:focus{border-color:var(--blue);outline:2px solid #22d3ee55}.thread-reply button{background:var(--blue);color:#062024;border:0;border-radius:10px;padding:0 20px;font-size:10px;font-weight:900}.thread-reply button:disabled{opacity:.42;cursor:not-allowed}.inbox-empty{text-align:center;color:#7c8290;margin:auto;padding:40px}.inbox-empty>span{font-size:38px;display:block}.inbox-empty b{color:var(--ink);font:18px var(--font-display);margin-top:8px;display:block}.inbox-empty p{max-width:280px;margin:7px auto 0;font-size:10px;line-height:1.55}.compose-modal{width:min(480px,100%)}.compose-modal label small{color:#7c8290;font-weight:400}.compose-modal textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:7px;margin-top:6px;padding:11px;display:block}.recipient-picker{border:1px solid var(--line);background:var(--panel);border-radius:7px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:8px;display:flex}.recipient-picker input{min-width:120px;color:var(--ink);background:0 0;border:0;flex:120px;margin:0;padding:6px;font-size:11px}.recipient-picker input:focus{outline:0}.recipient-chip{color:var(--blue);background:#22d3ee1f;border-radius:14px;align-items:center;gap:6px;padding:5px 6px 5px 11px;font-size:10px;font-weight:800;display:flex}.recipient-chip button{color:var(--blue);background:0 0;border:0;padding:2px;font-size:13px;line-height:1}.recipient-results{border:1px solid var(--line);background:var(--panel);border-radius:7px;flex-direction:column;gap:4px;max-height:180px;margin-top:6px;display:flex;overflow-y:auto}.recipient-results>button{text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:9px 11px;display:flex}.recipient-results>button:hover{background:var(--panel-2)}.recipient-results>button span{font-size:11px;font-weight:800}.recipient-results>button small{color:#7c8290;text-transform:capitalize;font-size:9px;font-weight:400;display:block}.recipient-avatar{background:linear-gradient(135deg,#10b4c4,#0d8da4);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid;overflow:hidden}.recipient-avatar img{object-fit:cover;width:100%;height:100%}@media (max-width:800px){.inbox-layout{grid-template-columns:1fr}.thread-list{border-right:0;border-bottom:1px solid var(--line);max-height:260px}}@media (max-width:560px){.inbox-heading{flex-direction:column;align-items:flex-start}.inbox-heading-actions{justify-content:flex-end;width:100%}.thread-log section{max-width:88%}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}