/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-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;--tw-ease:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-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;--tw-ease: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;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.italic{font-style:italic}.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}.blur{--tw-blur:blur(8px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}.sound-style{background:var(--panel-2);border-radius:10px;margin-top:16px;padding:12px}.sound-style>b{font-size:11px}.sound-style>p{border-left:3px solid var(--blue);background:var(--panel);color:var(--muted);border-radius:5px;margin:8px 0 0;padding:9px 10px;font-size:10px;line-height:1.45}.sound-style>div{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.sound-style button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:10px 7px;font-size:10px;font-weight:900}.sound-style button small{color:var(--muted);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.template-rhythm-active{box-shadow:inset 0 0 0 1px #22d3ee55}@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{background:var(--panel);max-width:720px;color:var(--ink);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:var(--muted);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}.string-targets{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.string-targets>div{text-align:center;background:var(--panel-2);border:2px solid #0000;border-radius:8px;padding:8px 3px}.string-targets small,.string-targets span{color:var(--muted);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:var(--muted);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}}.gear-hub{max-width:1240px;color:var(--ink);margin:0 auto;padding:38px 30px 72px}.gear-heading{z-index:auto;color:#eefcff;background:radial-gradient(circle at 82% 0,#166276 0,#0000 37%),linear-gradient(135deg,#071925,#0b2632);border:1px solid #155f6d;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;width:100%;height:auto;min-height:170px;padding:30px 34px;display:flex;position:relative;top:auto;box-shadow:0 24px 70px #04121f38}.gear-heading>div{max-width:720px}.gear-heading small,.gear-workspace-title>small{color:#67e8f9;letter-spacing:1.8px;font-size:9px;font-weight:900}.gear-heading h1{color:#fff;margin:7px 0 8px;font-size:40px}.gear-heading p{color:#b8c8d6;margin:0;line-height:1.6}.gear-heading em{color:#facc15;margin-top:9px;font-size:10px;font-style:normal;font-weight:800;display:block}.gear-wallet{color:#fff;background:#071d28b8;border:1px solid #36d9ef55;border-radius:16px;flex:0 0 180px;padding:19px 20px;box-shadow:inset 0 1px #ffffff10}.gear-wallet small,.gear-wallet b,.gear-wallet span{display:block}.gear-wallet b{color:#f8ce4d;font:700 30px var(--font-display);margin:5px 0}.gear-wallet span{color:#a8bdca;font-size:10px}.gear-menu-shell{align-items:center;margin:18px 0;display:flex}.gear-menu-toggle{border:1px solid var(--line);background:var(--panel);width:100%;min-height:48px;color:var(--ink);border-radius:12px;align-items:center;gap:9px;padding:10px 14px;font-weight:900;display:none}.gear-menu-toggle span{font-size:20px}.gear-section-menu{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:8px;width:100%;height:auto;padding:7px;display:flex;box-shadow:0 10px 30px #0f172a0c}.gear-section-menu button{height:48px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:900;display:flex}.gear-section-menu button span{font-size:18px}.gear-section-menu button em{background:var(--panel-2);border-radius:50%;place-items:center;min-width:21px;height:21px;font-size:9px;font-style:normal;display:grid}.gear-section-menu button.active{color:#fff;background:#0e8fa6;border:0;box-shadow:0 7px 20px #0e8fa638}.gear-workspace{border:1px solid var(--line);background:var(--panel);border-radius:20px;min-height:430px;padding:28px;box-shadow:0 18px 55px #0f172a0c}.gear-workspace-title{position:relative}.gear-workspace-title h2{color:var(--ink);font:700 29px var(--font-display);margin:5px 0}.gear-workspace-title p{max-width:700px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.gear-workspace-title>strong{color:var(--blue);font-size:11px;position:absolute;top:0;right:0}.gear-pool-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:23px;display:grid}.gear-pool{border:1px solid var(--line);background:var(--panel-2);border-radius:16px;grid-template-columns:170px 1fr;min-height:250px;display:grid;overflow:hidden}.gear-pool-pack{color:#fff;background:linear-gradient(150deg,#22d3ee,#0a4e64 45%,#061521 46%,#f59e0b);border:1px solid #68f4ff88;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;margin:19px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 12px 28px #02111c70}.gear-pool.acoustic-heritage .gear-pool-pack{background:linear-gradient(145deg,#f59e0b,#6b3218 43%,#071923 44%,#0e8fa6)}.gear-pool-pack:before,.gear-pool-pack:after{content:"";background:repeating-linear-gradient(90deg,#fff5 0 3px,#0000 3px 6px);width:100%;height:8px;position:absolute;left:0}.gear-pool-pack:before{top:7px}.gear-pool-pack:after{bottom:7px}.gear-pool-pack span{letter-spacing:2px;font-size:8px;font-weight:900}.gear-pool-pack b{text-align:center;max-width:120px;font:700 21px var(--font-display);margin:9px 0;line-height:1.05}.gear-pool-pack i{font-size:8px;font-style:normal;font-weight:900}.gear-pool>div:last-child{padding:24px 22px 22px 4px}.gear-pool>div>small{color:var(--blue);letter-spacing:1.4px;font-size:8px;font-weight:900}.gear-pool h3{font:700 21px var(--font-display);margin:5px 0}.gear-pool p{min-height:48px;color:var(--muted);margin:7px 0;font-size:10px;line-height:1.55}.gear-pool ul{flex-wrap:wrap;gap:5px;margin:12px 0 16px;padding:0;list-style:none;display:flex}.gear-pool li{background:var(--panel);color:var(--muted);border-radius:15px;padding:5px 7px;font-size:8px}.gear-pool button{color:#fff;background:#0e8fa6;border:0;border-radius:9px;width:100%;min-height:42px;font-size:10px;font-weight:900}.gear-pool button:disabled{opacity:.55;cursor:not-allowed;background:#64748b}.gear-filters{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.gear-filters select{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:42px;color:var(--ink);border-radius:9px;padding:0 11px;font-size:10px;font-weight:800}.gear-binder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.gear-card{aspect-ratio:2.5/3.6;color:#fff;text-align:left;min-width:0;transform-style:preserve-3d;background:#0b1724;border:3px solid #8996a8;border-radius:15px;padding:7px;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #07101d31}.gear-card:hover{transform:translateY(-5px)rotateX(2deg)rotateY(-2deg);box-shadow:0 18px 35px #07101d48}.gear-card.rarity-rare{border-color:#d6a918;box-shadow:0 0 0 1px #fff6b9,0 14px 32px #bd8d1b35}.gear-card.rarity-ultra-rare{background:linear-gradient(#0b1724,#0b1724) 0 0/100% padding-box padding-box,linear-gradient(120deg,#22d3ee,#f472b6,#facc15,#34d399,#22d3ee) 0 0/300% 300% border-box;border-color:#0000;animation:5s linear infinite gear-rainbow}.gear-card.rarity-illustration-rare{background:linear-gradient(135deg,#0a2030,#2d1744);border-color:#8cf4ff;box-shadow:0 0 0 1px #e5fbff,0 0 28px #4de8ff44}.gear-card-art{background:#07111d;border-radius:9px;height:70%;display:block;position:relative;overflow:hidden}.gear-card-art img{object-fit:cover;width:100%;height:100%}.gear-card-art i{background:linear-gradient(115deg,#0000 25%,#ffffff70 45%,#0000 63%);animation:4.4s ease-in-out infinite gear-glare;position:absolute;inset:0;transform:translate(-120%)}.gear-card-copy{padding:9px 5px;display:block;position:relative}.gear-card-copy small,.gear-card-copy b,.gear-card-copy em{display:block}.gear-card-copy small{color:#86ecfa;text-transform:uppercase;letter-spacing:.8px;font-size:7px;font-weight:900}.gear-card-copy b{font:700 14px var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.gear-card-copy em{color:#aebed0;margin-top:3px;font-size:8px;font-style:normal}.gear-card-copy strong{background:#0e8fa6;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid;position:absolute;bottom:0;right:4px}.gear-empty{min-height:280px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.gear-empty>span{color:#21bfd7;font-size:44px}.gear-empty b{max-width:410px;font-size:13px}.gear-empty button{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-weight:900}.gear-trade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px;display:grid}.gear-trade-grid>button{border:1px solid var(--line);background:var(--panel-2);min-width:0;color:var(--ink);text-align:left;border-radius:12px;grid-template-columns:58px 1fr 31px;align-items:center;gap:11px;padding:8px;display:grid}.gear-trade-grid>button.selected{background:#22d3ee17;border-color:#16bfd7;box-shadow:0 0 0 2px #22d3ee22}.gear-trade-grid img{object-fit:cover;border-radius:8px;width:58px;height:58px}.gear-trade-grid span{min-width:0}.gear-trade-grid b,.gear-trade-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.gear-trade-grid b{font-size:11px}.gear-trade-grid small{color:var(--muted);margin-top:4px;font-size:8px}.gear-trade-grid i{background:var(--panel);width:27px;height:27px;color:var(--blue);border-radius:50%;place-items:center;font-style:normal;font-weight:900;display:grid}.gear-pack-modal,.gear-detail-wrap{z-index:190;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#020817e8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.gear-pack-modal>section{text-align:center;width:min(920px,100%);max-height:95vh;overflow:auto}.unopened-pack{aspect-ratio:.68;color:#fff;background:linear-gradient(145deg,#22d3ee,#06556c 38%,#07111e 39%,#f97316 79%,#facc15);border:2px solid #7eefff;border-radius:22px;width:min(310px,76vw);margin:auto;animation:1.8s ease-in-out infinite gear-pack-float;position:relative;overflow:hidden;box-shadow:0 35px 90px #000c,0 0 65px #22d3ee55}.unopened-pack:before,.unopened-pack:after{content:"";background:repeating-linear-gradient(90deg,#ffffff75 0 7px,#0000 7px 13px);width:100%;height:19px;position:absolute;left:0}.unopened-pack:before{top:13px}.unopened-pack:after{bottom:13px}.unopened-pack span,.unopened-pack b,.unopened-pack i,.unopened-pack em{display:block}.unopened-pack span{letter-spacing:2.5px;font-size:10px;font-weight:900}.unopened-pack b{font:700 38px var(--font-display);margin:17px 0;line-height:.92}.unopened-pack i{font-size:62px;font-style:normal}.unopened-pack em{font-size:11px;font-style:normal;font-weight:900;position:absolute;bottom:43px;left:0;right:0}.gear-pack-modal header{color:#fff;background:#0b1827;border:1px solid #ffffff1e;border-radius:15px;width:auto;height:auto;padding:15px 20px;position:static}.gear-pack-modal header small{color:#67e8f9;letter-spacing:1.7px;font-size:8px;font-weight:900}.gear-pack-modal header h2{font:700 25px var(--font-display);margin:4px 0}.gear-pack-modal header>span{margin-left:auto;font-weight:900}.pack-card-fan{perspective:1200px;justify-content:center;gap:10px;margin:25px auto;display:flex}.pack-flip{aspect-ratio:2.5/3.6;perspective:900px;width:155px;transform:translateY(calc(abs(var(--fan-index) - 2) * 8px)) rotate(calc((var(--fan-index) - 2) * 3deg));background:0 0;border:0;padding:0}.pack-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.2,1);display:block;position:relative}.pack-flip.revealed .pack-flip-inner{transform:rotateY(180deg)}.pack-card-back,.pack-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid #23d5eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.pack-card-back{color:#fff;font:700 31px var(--font-display);background:radial-gradient(circle,#144b5c,#081521 58%);box-shadow:0 15px 40px #0008}.pack-card-back small{color:#facc15;letter-spacing:2px;font-size:11px}.pack-card-front{color:#fff;text-align:left;background:#0c1926;padding:7px;transform:rotateY(180deg)}.pack-card-front img{object-fit:cover;border-radius:8px;width:100%;height:65%}.pack-card-front small,.pack-card-front b,.pack-card-front em{width:100%;display:block}.pack-card-front small{color:#67e8f9;margin-top:8px;font-size:7px;font-weight:900}.pack-card-front b{font:700 13px var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.pack-card-front em{color:#9fb1c3;margin-top:3px;font-size:8px;font-style:normal}.pack-done{color:#05222a;background:#22d3ee;border:0;border-radius:10px;min-width:190px;min-height:45px;font-weight:900}.pack-done:disabled{opacity:.35;cursor:not-allowed}.gear-detail{color:#edf6ff;background:#0b1724;border:1px solid #51677b;border-radius:20px;grid-template-columns:minmax(260px,390px) 1fr;width:min(900px,100%);max-height:92vh;display:grid;position:relative;overflow:auto;box-shadow:0 35px 90px #000c}.gear-detail>img{object-fit:cover;width:100%;height:100%;min-height:520px}.gear-detail>div{padding:32px}.gear-detail>div>small{color:#67e8f9;letter-spacing:1px;font-size:9px;font-weight:900}.gear-detail h2{font:700 33px var(--font-display);margin:7px 0}.gear-detail h3{color:#facc15;text-transform:uppercase;letter-spacing:1.3px;margin:23px 0 6px;font-size:11px}.gear-detail p{color:#b6c4d1;font-size:11px;line-height:1.7}.gear-detail dl{grid-template-columns:1fr 1fr;gap:7px;margin:18px 0;display:grid}.gear-detail dl div{background:#101f2f;border:1px solid #314156;border-radius:8px;padding:8px}.gear-detail dt{color:#8194a8;text-transform:uppercase;font-size:8px}.gear-detail dd{margin:3px 0 0;font-size:10px;font-weight:800}.gear-detail a{color:#67e8f9;font-size:9px}.gear-detail>.close{color:#fff;text-shadow:0 2px 6px #000}.gear-loading{align-content:center;place-items:center;gap:8px;min-height:500px;display:grid}.gear-loading span{color:var(--blue);font-size:44px;animation:1.4s linear infinite gear-spin}.app-shell[data-theme=dark] .gear-workspace,.app-shell[data-theme=dark] .gear-section-menu{border-color:var(--line);background:var(--panel)}.app-shell[data-theme=dark] .gear-pool,.app-shell[data-theme=dark] .gear-trade-grid>button{border-color:var(--line);background:var(--panel-2)}.app-shell[data-theme=dark] .gear-pool li,.app-shell[data-theme=dark] .gear-trade-grid i{background:var(--panel)}@keyframes gear-rainbow{to{background-position:100%,300% 0}}@keyframes gear-glare{0%,55%{transform:translate(-130%)}75%,to{transform:translate(130%)}}@keyframes gear-pack-float{50%{transform:translateY(-9px)rotate(1deg)}}@keyframes gear-spin{to{transform:rotate(360deg)}}@media (max-width:980px){.gear-pool-grid{grid-template-columns:1fr}.gear-binder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.gear-hub{padding:24px 14px 55px}.gear-heading{flex-direction:column;align-items:flex-start;padding:24px}.gear-heading h1{font-size:32px}.gear-wallet{width:100%}.gear-menu-shell{display:block}.gear-menu-toggle{display:flex}.gear-section-menu{flex-direction:column;margin-top:8px;display:none}.gear-section-menu.open{display:flex}.gear-section-menu button{flex:none;justify-content:flex-start;padding:0 13px}.gear-section-menu button em{margin-left:auto}.gear-workspace{padding:20px 14px}.gear-pool{grid-template-columns:125px 1fr}.gear-pool-pack{margin:13px}.gear-pool>div:last-child{padding:19px 14px 18px 0}.gear-binder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gear-filters,.gear-trade-grid{grid-template-columns:1fr}.pack-card-fan{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pack-flip{width:100%;transform:none}.gear-detail{grid-template-columns:1fr}.gear-detail>img{height:310px;min-height:0}.gear-detail>div{padding:23px}}@media (max-width:430px){.gear-pool{grid-template-columns:1fr}.gear-pool-pack{height:190px}.gear-pool>div:last-child{padding:8px 16px 18px}.gear-binder-grid{grid-template-columns:1fr 1fr}.gear-card-copy b{font-size:11px}.pack-card-fan{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-detail dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.gear-card,.pack-flip-inner{transition:none}.gear-card-art i,.unopened-pack,.gear-loading span{animation:none}}.gear-card-art,.pack-card-front,.trade-card-picker img,.gear-detail>img{background:radial-gradient(circle at 35% 25%,#1f7b8e 0,#0000 32%),linear-gradient(145deg,#102a3b,#0a1421 58%,#40240f)}.gear-pool-rate-grid{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.gear-pool-rate-grid span{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:1px;min-width:58px;padding:6px 7px;display:grid}.gear-pool-rate-grid b{color:var(--ink);font-size:10px}.gear-pool-rate-grid small{color:var(--muted);font-size:6px;font-weight:800}.gear-pull-rates{border:1px solid var(--line);background:var(--panel-2);border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;padding:11px 13px;display:flex}.gear-pull-rates b{color:var(--ink);margin-right:4px;font-size:10px}.gear-pull-rates span{background:var(--panel);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.gear-pull-rates small{color:var(--muted);margin-left:auto;font-size:7px}.gear-pool.high-voltage .gear-pool-pack{background:linear-gradient(145deg,#2563eb,#111c4c 42%,#050914 43%,#e11d48 78%,#facc15)}.gear-card{--tilt-x:0deg;--tilt-y:0deg;--glare-x:50%;--glare-y:50%;transform:perspective(850px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));will-change:transform}.gear-card:hover{transform:perspective(850px) translateY(-6px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.gear-card-art i{background:radial-gradient(circle at var(--glare-x) var(--glare-y),#ffffff8a 0,transparent 18%),linear-gradient(115deg,transparent 30%,#ffffff40 48%,transparent 65%);opacity:.55;mix-blend-mode:screen;transition:opacity .2s;animation:none;transform:none}.gear-card.rarity-illustration-rare .gear-card-art{height:78%}.gear-card.rarity-illustration-rare .gear-card-art:after{content:"";mix-blend-mode:screen;background:repeating-linear-gradient(118deg,#67e8f92b 0 1px,#0000 1px 7px);position:absolute;inset:0}.gear-dust{background:#f0b52d0d;border:1px solid #f0b52d4d;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:18px 0;padding:13px;display:grid}.gear-dust button{color:#17110a;background:#f4c84b;border:1px solid #f4c84b;border-radius:8px;min-height:41px;padding:0 15px;font-size:9px;font-weight:950}.gear-dust button:disabled{color:#8595a7;cursor:not-allowed;background:#263547;border-color:#455568}.gear-dust span{color:#afbdc9;font-size:8px;line-height:1.55}.trade-selectors{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.trade-selectors label{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;gap:6px;font-size:8px;font-weight:900;display:grid}.trade-selectors select,.trade-send input{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:43px;color:var(--ink);border-radius:9px;padding:0 11px;font-size:10px;font-weight:800}.trade-builder{grid-template-columns:1fr 1fr;gap:14px;margin-top:15px;display:grid}.trade-builder>section{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;min-width:0;padding:13px}.trade-builder>section>header,.trade-inbox>header{justify-content:space-between;align-items:center;display:flex}.trade-builder h3,.trade-inbox h3{color:var(--ink);font:800 14px var(--font-display);margin:0}.trade-builder header b,.trade-inbox>header b{min-width:25px;height:25px;color:var(--blue);background:#0e8fa61c;border-radius:999px;place-items:center;font-size:8px;display:grid}.trade-card-picker{gap:6px;max-height:320px;margin-top:10px;padding-right:3px;display:grid;overflow:auto}.trade-card-picker>button{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);text-align:left;border-radius:9px;grid-template-columns:46px minmax(0,1fr) 25px;align-items:center;gap:8px;padding:6px;display:grid}.trade-card-picker>button.selected{background:#22d3ee16;border-color:#15c2da;box-shadow:0 0 0 2px #22d3ee1f}.trade-card-picker img{object-fit:cover;border-radius:6px;width:46px;height:46px}.trade-card-picker span,.trade-card-picker small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.trade-card-picker span{font-size:9px;font-weight:900}.trade-card-picker small{color:var(--muted);margin-top:3px;font-size:7px}.trade-card-picker i{background:var(--panel-2);width:23px;height:23px;color:var(--blue);border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:950;display:grid}.trade-send{grid-template-columns:1fr auto;gap:9px;margin-top:12px;display:grid}.trade-send button{color:#fff;background:#0e8fa6;border:0;border-radius:9px;padding:0 17px;font-size:9px;font-weight:950}.trade-send button:disabled{opacity:.55;background:#64748b}.trade-inbox{border-top:1px solid var(--line);margin-top:24px;padding-top:19px}.trade-inbox>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px;display:grid}.trade-inbox article{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:12px}.trade-offer-head{justify-content:space-between;gap:10px;display:flex}.trade-offer-head b,.trade-offer-head small{display:block}.trade-offer-head b{font-size:10px}.trade-offer-head small,.trade-offer-head time{color:var(--muted);margin-top:2px;font-size:7px}.trade-offer-sides{background:var(--panel);border-radius:9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:12px 0;padding:9px;display:grid}.trade-offer-sides>span{min-width:0}.trade-offer-sides small,.trade-offer-sides b{display:block}.trade-offer-sides small{color:var(--blue);letter-spacing:.7px;margin-bottom:4px;font-size:6px;font-weight:950}.trade-offer-sides b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.trade-offer-sides i{color:var(--blue);font-style:normal}.trade-inbox article>p{color:var(--muted);font-size:8px;font-style:italic}.trade-inbox footer{justify-content:flex-end;gap:7px;display:flex}.trade-inbox footer button{border:1px solid var(--line);background:var(--panel);min-height:32px;color:var(--ink);border-radius:7px;padding:0 11px;font-size:8px;font-weight:900}.trade-inbox footer button.primary{color:#fff;background:#0e8fa6;border-color:#12abc1}.trade-no-offers{color:var(--muted);margin:12px 0 0;font-size:9px}.gear-empty.compact{min-height:130px}.pack-opening-stage{justify-items:center;gap:16px;margin:22px auto;display:grid}.pack-stack{aspect-ratio:2.5/3.6;perspective:1200px;width:min(250px,66vw);position:relative}.pack-stack-layer,.pack-active-card{border:0;border-radius:18px;position:absolute;inset:0}.pack-stack-layer{background:radial-gradient(circle at 50% 38%,#195c6f,#071521 63%);border:3px solid #23d5eb;box-shadow:0 16px 40px #0009}.pack-active-card{z-index:5;perspective:1000px;background:0 0;padding:0}.pack-active-card .pack-flip-inner{display:block}.pack-active-card.revealing .pack-flip-inner{transform:rotateY(180deg)translate(-6px);box-shadow:0 28px 80px #22d3ee35}.pack-card-back em{color:#8defff;letter-spacing:1px;font-size:8px;font-style:normal;position:absolute;bottom:22px}.pack-next{color:#fff;background:#0d2634;border:1px solid #57eafa;border-radius:9px;min-width:180px;min-height:41px;font-size:9px;font-weight:950}.pack-next:disabled{opacity:.45}.pack-complete-mark{color:#67e8f9;align-content:center;place-items:center;gap:10px;min-height:260px;font-size:60px;display:grid}.pack-complete-mark b{color:#fff;font-size:14px}.pack-revealed-tray{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:min(760px,94vw);display:grid}.pack-revealed-tray>div{aspect-ratio:2.5/3.4;color:#526579;background:#07111dbd;border:1px dashed #486176;border-radius:8px;align-content:end;place-items:center;min-width:0;padding:5px;display:grid;overflow:hidden}.pack-revealed-tray>div.filled{color:#fff;background:#0b1825;border-style:solid;border-color:#21c5dc;position:relative}.pack-revealed-tray img{object-fit:cover;width:100%;height:66%;position:absolute;inset:0}.pack-revealed-tray span,.pack-revealed-tray small{text-overflow:ellipsis;white-space:nowrap;text-align:left;width:100%;display:block;position:relative;overflow:hidden}.pack-revealed-tray span{font-size:7px;font-weight:900}.pack-revealed-tray small{color:#6be9fa;font-size:5px}.pack-revealed-tray>div>b{font-size:12px}.gear-pack-modal>section>.pack-done{margin-bottom:14px}@media (max-width:950px){.gear-menu-shell{display:block}.gear-menu-toggle{display:flex}.gear-section-menu{flex-direction:column;margin-top:8px;display:none}.gear-section-menu.open{display:flex}.gear-section-menu button{flex:none;justify-content:flex-start;padding:0 13px}.gear-section-menu button em{margin-left:auto}}@media (max-width:820px){.trade-builder,.trade-inbox>div{grid-template-columns:1fr}.pack-revealed-tray{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:720px){.gear-pull-rates small{width:100%;margin-left:0}.trade-selectors,.trade-send{grid-template-columns:1fr}.trade-send button{min-height:42px}.gear-dust{grid-template-columns:1fr}.pack-stack{width:min(220px,58vw)}.pack-revealed-tray{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.pack-revealed-tray span{font-size:5px}}@media (max-width:430px){.pack-revealed-tray{grid-template-columns:repeat(5,minmax(0,1fr))}.pack-revealed-tray>div{padding:3px}.pack-revealed-tray small{display:none}.pack-stack{width:min(205px,61vw)}}@media (orientation:landscape) and (max-height:520px){.gear-pack-modal{padding:8px}.gear-pack-modal>section{width:min(960px,100%);max-height:100vh}.gear-pack-modal header{padding:8px 14px}.gear-pack-modal header h2{font-size:18px}.pack-opening-stage{grid-template-columns:minmax(118px,155px) minmax(118px,150px) minmax(240px,1fr);align-items:center;gap:10px;margin:8px auto}.pack-stack{grid-area:1/1;width:min(150px,25vw)}.pack-next{grid-area:1/2;width:100%;min-width:0}.pack-revealed-tray{grid-area:1/3;gap:4px;width:100%}.gear-pack-modal>section>.pack-done{min-height:36px;margin-bottom:6px}}@media (prefers-reduced-motion:reduce){.pack-active-card .pack-flip-inner{transition-duration:.01ms}.gear-card{will-change:auto}}.gear-store-workspace{isolation:isolate;background:radial-gradient(circle at 100% 54%,#23314e55 0 7%,#0000 7.5% 11%,#22304b3d 11.5% 12%,#0000 12.5%),linear-gradient(145deg,#0b1424,#101a2d 58%,#0b1321);border-color:#263653;position:relative;overflow:hidden}.gear-store-workspace:after{content:"";z-index:-1;pointer-events:none;border:1px solid #7886a21c;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-90px;right:-110px;box-shadow:inset 0 0 0 18px #40506d0a,inset 0 0 0 46px #40506d0a}.gear-store-workspace .gear-pull-rates{display:none}.gear-store-workspace .gear-pool-grid{z-index:1;align-items:start;gap:20px;margin-top:25px;position:relative}.gear-store-workspace .gear-pool{isolation:isolate;color:#f8f8ee;background:radial-gradient(circle at 12% 8%,#a9ac7750,#0000 26%),linear-gradient(120deg,#173b30,#0f2823 60%,#142c27);border:2px solid #8d8b59;border-radius:18px;grid-template-columns:132px minmax(0,1fr);min-height:292px;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 28px #02071275,inset 0 0 32px #d9ce7930}.gear-store-workspace .gear-pool:before{content:"";z-index:-1;pointer-events:none;border:1px solid #c1b8756b;border-radius:13px;position:absolute;inset:5px;box-shadow:inset 0 0 0 1px #0b130b80}.gear-store-workspace .gear-pool:after{content:"";z-index:-1;opacity:.72;pointer-events:none;background:radial-gradient(circle at 13px 13px,#e2d28a 0 2px,#0000 2.5px),radial-gradient(circle at calc(100% - 13px) 13px,#e2d28a 0 2px,#0000 2.5px),radial-gradient(circle at 13px calc(100% - 13px),#e2d28a 0 2px,#0000 2.5px),radial-gradient(circle at calc(100% - 13px) calc(100% - 13px),#e2d28a 0 2px,#0000 2.5px);position:absolute;inset:0}.gear-store-workspace .gear-pool.acoustic-heritage{background:radial-gradient(circle at 78% 6%,#e1a36e20,#0000 28%),repeating-linear-gradient(102deg,#0000 0 18px,#1609031f 19px 20px,#0000 21px 37px),linear-gradient(120deg,#3b1c15,#6c3523 48%,#3b1b15);border-color:#a87653;box-shadow:0 15px 28px #02071275,inset 0 0 34px #e6a26f20}.gear-store-workspace .gear-pool.acoustic-heritage:before{border-color:#c89c7966}.gear-store-workspace .gear-pool.high-voltage{background:radial-gradient(circle at 12% 26%,#2351ff3f,#0000 28%),radial-gradient(circle at 100% 100%,#ef28d93b,#0000 38%),repeating-linear-gradient(90deg,#0000 0 54px,#37d6ff12 55px 56px),repeating-linear-gradient(0deg,#0000 0 37px,#c13dff0d 38px 39px),linear-gradient(125deg,#071a32,#11152d 58%,#220c32);border-color:#3ee3ff;box-shadow:0 0 0 1px #db3fff,0 15px 32px #01040ebf,0 0 24px #2bdcff42,inset 0 0 42px #7628ff26}.gear-store-workspace .gear-pool.high-voltage:before{border-color:#a14cff9c;box-shadow:inset 0 0 0 1px #19d8ff9c}.gear-store-workspace .gear-pool.high-voltage:after{opacity:1;background:linear-gradient(90deg,#0000 0 83%,#33dfff18 83% 84%,#0000 84%),linear-gradient(0deg,#0000 0 68%,#b14bff17 68% 69%,#0000 69%)}.gear-store-workspace .gear-pool-pack{color:#363b2c;background:radial-gradient(circle at 50% 15%,#fff3bd9c,#0000 24%),repeating-linear-gradient(92deg,#d2c989 0 3px,#aaa26d 4px 5px,#d9d29b 6px 10px),linear-gradient(160deg,#c9c189,#77744e);border:1px solid #dad29b;border-radius:14px;align-self:stretch;width:auto;min-height:264px;margin:0 12px 0 0;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:inset 0 0 0 4px #6b6844,inset 0 0 0 6px #ddd5a1,0 12px 22px #0009}.gear-store-workspace .gear-pool-pack:before,.gear-store-workspace .gear-pool-pack:after{opacity:.8;background:repeating-linear-gradient(90deg,#493f2b80 0 2px,#fff4b373 2px 4px);height:7px}.gear-store-workspace .gear-pool-pack:before{top:9px}.gear-store-workspace .gear-pool-pack:after{bottom:9px}.gear-store-workspace .gear-pool-pack>span{letter-spacing:2px;text-shadow:0 1px #fff7c2;font-size:8px;font-weight:950;position:relative}.gear-store-workspace .gear-pool-pack>b{color:#454833;max-width:104px;font:800 20px var(--font-display);text-shadow:0 1px #fff7c2;margin:11px 0 8px;line-height:1.05;position:relative}.gear-store-workspace .gear-pool-pack>i{color:#3d402f;letter-spacing:.5px;font-size:7px;position:absolute;bottom:26px;left:0;right:0}.gear-pack-sigil{color:#ded69d;width:46px;height:46px;font:900 28px/1 var(--font-display);text-shadow:0 2px 3px #15180e80;background:#4e51386b;border:1px solid #5b593b;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 3px #dcd39b5c}.gear-store-workspace .gear-pool.acoustic-heritage .gear-pool-pack{color:#ffe8c9;background:radial-gradient(at 46% 15%,#f7ccb142,#0000 30%),repeating-linear-gradient(96deg,#743f2d 0 7px,#925840 8px 12px,#6d392b 13px 20px);border-color:#d3a988;transform:rotate(2deg);box-shadow:inset 0 0 0 4px #3a1c16,inset 0 0 0 6px #c08b6e,0 12px 22px #0009}.gear-store-workspace .gear-pool.acoustic-heritage .gear-pool-pack>b,.gear-store-workspace .gear-pool.acoustic-heritage .gear-pool-pack>i{color:#ffe2b8;text-shadow:0 2px 3px #2e100b}.gear-store-workspace .gear-pool.acoustic-heritage .gear-pool-pack>span{color:#ffe8cb;text-shadow:0 1px 2px #2e100b}.gear-store-workspace .gear-pool.acoustic-heritage .gear-pack-sigil{color:#f4c984;background:#3a1a12;border-color:#d4ac70;box-shadow:inset 0 0 0 3px #7d4a32,0 0 0 2px #3b1b13}.gear-store-workspace .gear-pool.high-voltage .gear-pool-pack{color:#fff;background:radial-gradient(circle at 30% 23%,#35efff9c,#0000 26%),linear-gradient(160deg,#34d9ff 0,#0851c5 30%,#6424b4 58%,#f521d0 82%,#35136b);border-color:#45e8ff;transform:rotate(-2deg);box-shadow:inset 0 0 0 4px #211759,inset 0 0 0 6px #63efff,0 0 26px #1ae8ffb0,0 12px 28px #ec20ff5e}.gear-store-workspace .gear-pool.high-voltage .gear-pool-pack>b,.gear-store-workspace .gear-pool.high-voltage .gear-pool-pack>i,.gear-store-workspace .gear-pool.high-voltage .gear-pool-pack>span{color:#fff;text-shadow:0 2px 7px #09114b}.gear-store-workspace .gear-pool.high-voltage .gear-pack-sigil{color:#e5fbff;text-shadow:0 0 10px #fff;background:#082a7a8c;border-color:#62f0ff;box-shadow:inset 0 0 0 3px #db2bff70,0 0 18px #45efff}.gear-store-workspace .gear-pool-copy{min-width:0;padding:13px 8px 8px 0}.gear-store-workspace .gear-pool-copy>small{color:#d9c478;letter-spacing:1.4px;font-size:8px;font-weight:950}.gear-store-workspace .gear-pool.high-voltage .gear-pool-copy>small{color:#65d9ff}.gear-store-workspace .gear-pool h3{color:#fff;font:800 21px var(--font-display);text-shadow:0 2px 4px #0007;margin:7px 0 5px}.gear-store-workspace .gear-pool p{color:#f2f3ec;min-height:45px;margin:0;font-size:9px;line-height:1.5}.gear-store-workspace .gear-pool-rate-grid{flex-wrap:wrap;gap:5px;margin:9px 0;display:flex}.gear-store-workspace .gear-pool-rate-grid span{background:#07111a80;border:1px solid #d8dce069;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 13px;gap:0 4px;min-width:59px;padding:5px 6px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff16}.gear-store-workspace .gear-pool-rate-grid b{color:#fff;grid-column:1;font-size:9px;line-height:1.05}.gear-store-workspace .gear-pool-rate-grid small{color:#e9edf3;white-space:nowrap;grid-column:1;font-size:7px;font-weight:850;line-height:1.1}.gear-store-workspace .gear-pool-rate-grid i{border:1px solid #ffffff70;border-radius:50%;grid-area:1/2/3;align-self:start;width:11px;height:11px;box-shadow:inset -2px -2px 4px #0005,inset 2px 2px 3px #fff8,0 1px 3px #0008}.gear-store-workspace .rate-common i{background:radial-gradient(circle at 35% 30%,#fff,#9ea5aa 38%,#4d555e)}.gear-store-workspace .rate-uncommon i{background:radial-gradient(circle at 35% 30%,#eafff7,#7bc7b4 38%,#245d51)}.gear-store-workspace .rate-rare i{background:radial-gradient(circle at 35% 30%,#e5f3ff,#4586d8 38%,#173d84)}.gear-store-workspace .rate-ultra-rare i{background:radial-gradient(circle at 35% 30%,#fff0ff,#aa57c8 38%,#582777)}.gear-store-workspace .rate-illustration-rare i{background:radial-gradient(circle at 35% 30%,#fff9d6,#e2b847 38%,#795c16)}.gear-store-workspace .gear-pool ul{gap:6px;margin:8px 0 12px}.gear-store-workspace .gear-pool li{color:#e5e8ee;background:#060b1291;border:1px solid #ffffff0d;padding:4px 6px;font-size:6px;box-shadow:0 2px 6px #0004}.gear-store-workspace .gear-pool button{color:#f9efb1;background:linear-gradient(90deg,#347b69,#2a6d63 45%,#4a8f7c);border:1px solid #d6cc7e;border-radius:7px;min-height:40px;font-size:9px;transition:filter .18s,transform .18s;box-shadow:inset 0 1px #ffffff70,0 3px 9px #0006}.gear-store-workspace .gear-pool.acoustic-heritage button{color:#25170c;background:linear-gradient(90deg,#b48127,#ffe18a 47%,#c69635);border-color:#f4da86}.gear-store-workspace .gear-pool.high-voltage button{color:#fff;background:linear-gradient(90deg,#16c8ef,#187de9 44%,#e829e8);border-color:#72efff;box-shadow:inset 0 1px #ffffff8a,0 0 15px #18d4ff70}.gear-store-workspace .gear-pool button:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}.gear-store-workspace .gear-pool button:disabled{color:#b8c0c7;box-shadow:none;background:#43505c;border-color:#65727f}.gear-pack-actions{gap:9px;display:grid}.god-pack-option{background:radial-gradient(circle at 8% 8%,#fff2a42e,#0000 28%),linear-gradient(125deg,#17130b,#332711 48%,#12101f);border:1px solid #f7dc73;border-radius:10px;padding:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #ffd95d17,0 4px 12px #0006}.god-pack-option:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 42%,#fff6b52c 48%,#fff 50%,#fff6b52c 52%,#0000 58%);animation:4.2s ease-in-out infinite god-pack-shine;position:absolute;inset:-70% -20%;transform:translate(-50%)rotate(8deg)}.god-pack-heading{z-index:1;text-align:left;align-items:center;gap:8px;display:flex;position:relative}.god-pack-heading>span{color:#fff4b5;background:#7a5519;border:1px solid #ffe58c;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 0 14px #ffc83d66}.god-pack-heading small,.god-pack-heading b{display:block}.god-pack-heading small{color:#ffe480;letter-spacing:1.4px;text-transform:uppercase;font-size:8px;font-weight:950}.god-pack-heading b{color:#fff8df;margin-top:2px;font-size:7px;line-height:1.35}.god-pack-rate-grid{z-index:1;flex-wrap:wrap;gap:4px;margin:8px 0;display:flex;position:relative}.god-pack-rate-grid span{background:#05070cb8;border:1px solid #f9e6a44f;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 11px;gap:0 3px;min-width:53px;padding:4px 5px;display:grid}.god-pack-rate-grid b{color:#fff7d4;grid-column:1;font-size:8px;line-height:1}.god-pack-rate-grid small{color:#eee8d6;white-space:nowrap;grid-column:1;font-size:6px;font-weight:850;line-height:1.1}.god-pack-rate-grid i{border:1px solid #ffffff70;border-radius:50%;grid-area:1/2/3;width:9px;height:9px;box-shadow:inset -2px -2px 3px #0006,inset 2px 2px 3px #fff8}.god-pack-rate-grid .rate-common i{background:#9ea5aa}.god-pack-rate-grid .rate-uncommon i{background:#77c3ac}.god-pack-rate-grid .rate-rare i{background:#4888d8}.god-pack-rate-grid .rate-ultra-rare i{background:#aa57c8}.god-pack-rate-grid .rate-illustration-rare i{background:#e4ba45}.gear-store-workspace .gear-pool .god-pack-buy{z-index:1;color:#181006;text-transform:uppercase;letter-spacing:.35px;background:linear-gradient(90deg,#7f5611,#e8ba3d 45%,#fff1a2 60%,#9d6b13);border-color:#fff0a8;position:relative;box-shadow:inset 0 1px #fffbd2,0 0 15px #ffd54d47}.unopened-pack.god-pack{color:#fff9dc;background:radial-gradient(circle at 50% 29%,#fff4a858,#0000 24%),linear-gradient(145deg,#1e1809,#8e661d 34%,#16101c 59%,#6e1ba2 82%,#21bddd);border-color:#fff0a4;box-shadow:0 35px 90px #000c,0 0 70px #ffd65f82}.unopened-pack.god-pack:before,.unopened-pack.god-pack:after{background:repeating-linear-gradient(90deg,#fff5bd 0 7px,#7c581c 7px 13px)}.god-pack-modal .pack-stack-layer,.god-pack-modal .pack-card-back{background:radial-gradient(circle at 50% 35%,#8f6427,#17120b 58%,#171027);border-color:#ffe36d;box-shadow:0 16px 40px #0009,0 0 18px #ffd34f46}.god-pack-modal .pack-card-back small,.god-pack-modal .pack-card-back em,.god-pack-modal .gear-pack-modal header small{color:#ffe680}@keyframes god-pack-shine{0%,60%{transform:translate(-70%)rotate(8deg)}80%,to{transform:translate(70%)rotate(8deg)}}@media (max-width:720px){.gear-store-workspace{padding:18px 12px}.gear-store-workspace .gear-pool{grid-template-columns:112px minmax(0,1fr);min-height:270px;padding:10px}.gear-store-workspace .gear-pool-pack{min-height:248px;margin-right:10px}.gear-store-workspace .gear-pool-copy{padding:9px 3px 6px 0}.gear-store-workspace .gear-pool h3{font-size:19px}.gear-store-workspace .gear-pool p{min-height:0}.gear-store-workspace .gear-pool-rate-grid span{min-width:56px;padding:5px}.gear-store-workspace .gear-pool ul{margin-bottom:9px}.god-pack-rate-grid span{min-width:49px}}@media (max-width:430px){.gear-store-workspace .gear-pool-grid{gap:14px}.gear-store-workspace .gear-pool{border-radius:15px;grid-template-columns:96px minmax(0,1fr);min-height:254px;padding:9px}.gear-store-workspace .gear-pool-pack{border-radius:11px;height:auto;min-height:234px;margin:0 9px 0 0}.gear-store-workspace .gear-pool-pack>b{max-width:76px;font-size:16px}.gear-store-workspace .gear-pool-pack>i{bottom:22px}.gear-pack-sigil{width:38px;height:38px;font-size:23px}.gear-store-workspace .gear-pool h3{font-size:17px}.gear-store-workspace .gear-pool p{font-size:8px}.gear-store-workspace .gear-pool-rate-grid{gap:4px;margin:7px 0}.gear-store-workspace .gear-pool-rate-grid span{min-width:50px;padding:4px}.gear-store-workspace .gear-pool-rate-grid b{font-size:8px}.gear-store-workspace .gear-pool-rate-grid small{font-size:6px}.gear-store-workspace .gear-pool ul{gap:3px}.gear-store-workspace .gear-pool li{padding:3px 4px;font-size:5px}.gear-store-workspace .gear-pool button{min-height:36px;font-size:8px}.god-pack-option{padding:8px}.god-pack-heading b{font-size:6px}.god-pack-rate-grid span{min-width:45px;padding:3px}.god-pack-rate-grid small{font-size:5px}}.trade-global-banner{color:#eafcff;background:linear-gradient(120deg,#0d3440,#102639);border:1px solid #22d3ee55;border-radius:11px;align-items:center;gap:11px;margin-top:18px;padding:12px 14px;display:flex}.trade-global-banner>span{color:#8bf5ff;background:#0c5666;border:1px solid #67e8f9;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid;box-shadow:0 0 15px #22d3ee35}.trade-global-banner small,.trade-global-banner b{display:block}.trade-global-banner small{color:#71e9f8;letter-spacing:1.2px;font-size:7px;font-weight:950}.trade-global-banner b{margin-top:3px;font-size:10px}.trade-global-selector{grid-template-columns:minmax(220px,430px)}@media (max-width:620px){.trade-global-banner{align-items:flex-start}.trade-global-selector{grid-template-columns:1fr}.gear-trading-post{overflow:visible}}:root{--cream:#f6f8fb;--ink:#0f172a;--muted:#5b6472;--blue:#0e8fa6;--orange:#d9591a;--yellow:#b8860b;--green:#0f9d58;--line:#e2e8f0;--panel:#fff;--panel-2:#f1f5f9;--violet:#7c3aed;--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{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;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{height:100%;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;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:var(--muted);margin-top:3px;font-size:10px;display:block}.avatar{background:var(--panel);border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.more{background:0 0;border:0}.role-toggle{background:var(--panel);border-radius:20px;padding:3px;display:flex}.role-toggle button{color:var(--muted);background:0 0;border:0;border-radius:18px;padding:6px 9px;font-size:10px;font-weight:800}.role-toggle .selected{background:var(--panel);color:var(--blue);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:var(--muted);margin:0;font-size:14px}.stats{gap:12px;display:flex}.stats>div{background:var(--panel);border:1px solid var(--line);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:var(--muted);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:var(--panel);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:var(--muted);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{background:var(--panel);border:1px solid var(--line);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 var(--line);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:var(--muted);margin:4px 0;font-size:10px}.assignment strong{font-size:11px}.chord-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.chordbox{border:1px solid var(--line);background:var(--panel);text-align:center;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:var(--muted);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{background:var(--panel);text-align:center;border-radius:18px;width:min(520px,100%);padding:32px;position:relative;box-shadow:0 30px 80px #0005}.close{color:var(--muted);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:var(--muted);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{border:2px solid var(--line);background:#fff;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{background:var(--panel);border:1px solid var(--line);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:var(--muted);letter-spacing:1px;font-size:8px;font-weight:900}.teacher-grid{grid-template-columns:1fr 290px;gap:20px;display:grid}.roster{background:var(--panel);border:1px solid var(--line);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:var(--panel);border-radius:6px;height:35px;padding:0 10px}.tr{border-top:1px solid var(--line);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{background:var(--panel);min-height:35px;color:var(--muted);font-size:8px;font-weight:900}.tr>span{align-items:center;gap:8px;display:flex}.student-avatar{background:var(--panel);border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.bar{background:var(--panel);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:var(--muted);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:var(--panel);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 var(--line);margin:24px 0}.activity{padding-left:3px}.activity i{color:var(--muted);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:var(--panel);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:var(--muted);font-size:8px;font-weight:900;display:block}.level-banner b{font-family:var(--font-display);font-size:14px}.level-banner strong{color:var(--muted);font-size:10px}.xp-track{background:var(--panel);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:var(--muted)}@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:var(--muted);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:var(--panel);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 var(--line);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:var(--muted)!important}.join-class,.class-manager{background:var(--panel);border:1px solid var(--line);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{border:1px solid var(--line);text-transform:uppercase;letter-spacing:2px;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{border:1px solid var(--line);background:var(--panel);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:var(--muted);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{border:1px solid var(--line);background:var(--panel);color:var(--muted);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:var(--panel);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:var(--muted);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:var(--muted);margin-bottom:25px;font-size:13px}.auth-box label{color:var(--muted);margin:15px 0;font-size:11px;font-weight:900;display:block}.auth-box input{border:1px solid var(--line);background:var(--panel);border-radius:7px;outline:none;width:100%;margin-top:7px;padding:13px 14px;display:block}.auth-box label em{color:var(--muted);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 var(--line);grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;padding-top:20px;display:grid}.create-options span{color:var(--muted);grid-column:1/-1;font-size:11px}.create-options button,.back-login{border:1px solid var(--blue);background:var(--panel);color:var(--blue);border-radius:6px;padding:10px;font-size:10px;font-weight:900}.back-login{width:100%;margin-top:18px}.prototype-note{text-align:center;color:var(--muted);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{background:var(--panel);color:var(--ink);border-radius:13px;padding:20px}.song-title{align-items:center;gap:14px;font-size:11px;font-weight:900;display:flex}.song-title input{border:1px solid var(--line);font:18px var(--font-display);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:var(--muted);font-size:9px}.chord-palette{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.composer-chord{background:var(--panel);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{border:2px dashed var(--line);background:#12b6d3;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:var(--muted);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{border:1px solid var(--line);background:var(--panel);color:var(--muted);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:var(--panel)!important}.practice-panel h3{font:23px var(--font-display);margin:6px 0}.practice-panel>p{color:var(--muted);font-size:11px;line-height:1.5}.practice-toggle{border:1px solid var(--blue);background:var(--panel);width:100%;color:var(--blue);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;border:1px solid var(--line);background:var(--panel);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:var(--muted);margin-top:2px;font-size:8px}.practice-guide em{font-style:normal}.practice-tip{background:var(--panel);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 var(--line);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:var(--muted);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;--panel:#161b29;--panel-2:#181f2d;--muted:#99f0ff;--ink:#f4f8ff;--line:#27314980;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.webp) 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{width:100%;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111520f2;border:1px solid #27314980;border-radius:8px;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:var(--muted);margin:0 0 18px;font-size:11px}.auth-box label{color:var(--muted);margin:11px 0;font-size:10px}.auth-box input{border:1px solid var(--line);color:#fff;background:#181f2d;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{border-color:var(--line);background:var(--panel);color:var(--muted)}.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{border-color:var(--line);background:var(--panel);color:var(--muted);margin-top:14px}.auth-box .qr-card img{background:var(--panel);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{border:1px solid var(--line);background:var(--panel);color:var(--muted);white-space:nowrap;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);background:var(--panel);width:min(900px,100%);color:var(--ink);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:var(--muted);margin:0;font-size:12px;line-height:1.55}.theme-options,.guitar-voice-options{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 18px;display:grid}.theme-options button,.guitar-voice-options button{text-align:left;border:2px solid var(--line);background:var(--panel);color:var(--ink);border-radius:11px;grid-template-columns:38px 1fr;align-items:center;padding:16px;display:grid}.theme-options button>span,.guitar-voice-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,.guitar-voice-options button b{font-size:12px}.theme-options button small,.guitar-voice-options button small{color:var(--muted);margin-top:3px;font-size:9px}.theme-options button.selected,.guitar-voice-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)}.guitar-workshop{margin-top:2px}.workshop-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.workshop-heading small{color:var(--blue);letter-spacing:1.5px;font-size:9px;font-weight:900}.workshop-heading h3{margin:4px 0!important;font-size:24px!important}.workshop-heading p{max-width:570px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.workshop-heading>button{background:var(--blue);color:#fff;border:0;border-radius:8px;flex:none;padding:10px 13px;font-size:10px;font-weight:900}.workshop-grid{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:18px;margin-top:14px;display:grid}.guitar-viewer{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 35%,#23445d,#101929 66%,#070b12);border:1px solid #31415a;border-radius:14px;outline:0;min-height:310px;position:relative;overflow:hidden}.guitar-viewer:active{cursor:grabbing}.guitar-viewer:focus-visible{box-shadow:inset 0 0 0 3px #22d3ee}.guitar-viewer>span{z-index:4;color:#c4d8e7;letter-spacing:.4px;font-size:9px;font-weight:800;position:absolute;top:12px;left:14px}.guitar-model{--model-scale:1;width:460px;height:190px;transform-style:preserve-3d;transform:translate(-50%,-50%) perspective(900px) rotateX(var(--guitar-rx)) rotateY(var(--guitar-ry)) rotateZ(-4deg) scale(var(--model-scale));transition:transform 80ms linear;position:absolute;top:52%;left:50%}.guitar-shadow{filter:blur(12px);background:#0008;border-radius:50%;width:390px;height:30px;position:absolute;top:155px;left:34px;transform:translateZ(-28px)}.guitar-body-3d{background:radial-gradient(circle at 62% 44%,#f0bd68 0 18%,#0000 19%),linear-gradient(105deg,#7b3518,#c86e2d 48%,#7a3218);border:3px solid #7b421f;border-radius:48% 43% 44% 49%/45% 54% 52% 46%;width:185px;height:132px;position:absolute;top:27px;left:18px;transform:translateZ(3px);box-shadow:inset -16px -9px 24px #41170899,inset 9px 7px 14px #ffd69255,0 10px #3f1d13,0 15px 24px #0008}.body-highlight{border-radius:inherit;pointer-events:none;border:1px solid #ffd99a55;position:absolute;inset:8px 11px}.sound-hole{background:radial-gradient(circle,#050608 0 48%,#32170f 51% 62%,#e5aa5855 64%);border:7px solid #5a2c1c;border-radius:50%;width:50px;height:50px;position:absolute;top:40px;left:103px;box-shadow:inset 0 0 12px #000}.guitar-bridge{background:#2d1711;border-radius:4px;width:12px;height:65px;position:absolute;top:60px;left:61px;box-shadow:inset -3px 0 #6d3b25}.guitar-neck-3d{background:linear-gradient(#6b3c23,#2e1a11);border:2px solid #3e2517;width:225px;height:42px;position:absolute;top:76px;left:176px;transform:translateZ(5px);box-shadow:0 7px #21130d,0 10px 16px #0007}.fret-marks{background:repeating-linear-gradient(90deg,#0000 0 18px,#d8c29a 19px 20px),linear-gradient(90deg,#3c1c15,#6c3a24);position:absolute;inset:0}.fret-marks:after{content:"";background:#e4d5b6;border-radius:50%;width:6px;height:6px;position:absolute;top:17px;left:51%;box-shadow:72px 0 #e4d5b6,-72px 0 #e4d5b6}.guitar-head-3d{background:linear-gradient(90deg,#8b4b27,#4b2417);border:2px solid #4b2818;border-radius:10px 25px 22px 9px;width:62px;height:74px;position:absolute;top:59px;left:394px;transform:translateZ(5px);box-shadow:0 7px #28130d,0 10px 16px #0007}.guitar-head-3d i{background:#56606d;border:2px solid #d7dbe0;border-radius:50%;width:8px;height:8px;position:absolute}.guitar-head-3d i:first-child{top:10px;left:9px}.guitar-head-3d i:nth-child(2){top:31px;left:9px}.guitar-head-3d i:nth-child(3){top:52px;left:9px}.guitar-head-3d i:nth-child(4){top:10px;right:9px}.guitar-head-3d i:nth-child(5){top:31px;right:9px}.guitar-head-3d i:nth-child(6){top:52px;right:9px}.preview-strings{pointer-events:none;transform:translateZ(var(--string-lift));filter:drop-shadow(0 calc(var(--string-lift)*.45) 1px #0008);position:absolute;inset:0}.preview-strings i{background:linear-gradient(90deg,#f8dfae,#eef3f7 55%,#bbc2ca);width:362px;height:1px;position:absolute;left:69px;box-shadow:0 0 2px #fff9}.electric .guitar-body-3d{background:linear-gradient(125deg,#071b37,#0c80a1 48%,#15204d);border-color:#161d2d;border-radius:58% 28% 58% 32%/65% 54% 60% 38%;width:166px;height:126px;top:31px;left:40px;box-shadow:inset -14px -10px 25px #020712aa,inset 9px 7px 18px #52e4ff44,0 10px #061020,0 15px 24px #0009}.electric .sound-hole{display:none}.electric .guitar-bridge{background:#c4cbd3;height:55px;top:45px;left:70px;box-shadow:inset -3px 0 #5e6875}.electric-pickup{display:none}.electric .electric-pickup{background:repeating-linear-gradient(#2b3440 0 7px,#cbd5e1 8px 9px);border:2px solid #e5e7eb;border-radius:3px;width:13px;height:58px;display:block;position:absolute;top:39px}.electric .pickup-one{left:91px}.electric .pickup-two{left:117px}.control-knob{display:none}.electric .control-knob{background:#142032;border:2px solid #cbd5e1;border-radius:50%;width:17px;height:17px;display:block;position:absolute;box-shadow:inset 0 0 0 3px #64748b}.electric .knob-one{top:102px;left:123px}.electric .knob-two{top:91px;left:147px}.reset-guitar-view{z-index:5;color:#dbeafe;background:#0c1625dd;border:1px solid #6a8195;border-radius:6px;padding:7px 9px;font-size:8px;font-weight:900;position:absolute;bottom:11px;right:12px}.guitar-controls{align-content:start;gap:12px;display:grid}.guitar-controls fieldset{border:0;margin:0;padding:0}.guitar-controls legend{color:var(--ink);margin-bottom:7px;font-size:10px;font-weight:900}.guitar-family-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.guitar-family-options button{border:2px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;border-radius:9px;padding:10px}.guitar-family-options b,.guitar-family-options small{display:block}.guitar-family-options b{font-size:11px}.guitar-family-options small{color:var(--muted);margin-top:3px;font-size:8px}.guitar-family-options button.selected,.workshop-voice-options button.selected{border-color:var(--blue);color:#fff;background:#0d6676}.workshop-voice-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.workshop-voice-options button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;padding:8px;font-size:9px;font-weight:900}.workshop-voice-options button:only-child{grid-column:1/-1}.setup-slider{border:1px solid var(--line);background:var(--panel-2);border-radius:9px;gap:7px;padding:10px;display:grid}.setup-slider>span{justify-content:space-between;gap:8px;font-size:10px;display:flex}.setup-slider output{color:var(--blue);font-weight:900}.setup-slider input{accent-color:#0fb9d3;width:100%}.setup-slider small{color:var(--muted);font-size:8px;line-height:1.4}.app-shell[data-theme=dark] .guitar-family-options button,.app-shell[data-theme=dark] .workshop-voice-options button,.app-shell[data-theme=dark] .setup-slider{border-color:var(--line);background:var(--panel);color:var(--ink)}@media (max-width:760px){.workshop-grid{grid-template-columns:1fr}.guitar-viewer{min-height:270px}.guitar-model{--model-scale:.78}.workshop-heading{display:grid}.workshop-heading>button{justify-self:start}}@media (max-width:470px){.guitar-model{--model-scale:.64}.guitar-viewer{min-height:235px}.guitar-family-options{grid-template-columns:1fr}.settings-modal{padding:20px}}.app-shell[data-theme=dark]{--cream:#070b14;--ink:#e8eefc;--muted:#94a3b8;--blue:#22d3ee;--orange:#ff8a3d;--yellow:#ffd166;--green:#34ecc0;--line:#1e2a44;--panel:#0e1626;--panel-2:#131c30;--violet:#a78bfa}.app-shell[data-theme=dark] header{background:var(--panel);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:var(--muted)}.app-shell[data-theme=dark] .role-badge{color:#60e7ff;background:#0a3942}.app-shell[data-theme=dark] .settings-button,.app-shell[data-theme=dark] .logout{border-color:var(--line);background:var(--panel);color:#d8e2f0}.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){border-color:var(--line);background:var(--panel);color:#a4e8f4;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:var(--muted)}.app-shell[data-theme=dark] .a-icon{background:#1a4046}.app-shell[data-theme=dark] .chordbox{border-color:var(--line);background:var(--panel)}.app-shell[data-theme=dark] .string,.app-shell[data-theme=dark] .fret,.app-shell[data-theme=dark] .nut{background:var(--panel)}.app-shell[data-theme=dark] .outline{background:var(--panel);color:#62e4fa;border-color:#13c6e6}.app-shell[data-theme=dark] .teacher-note{background:var(--panel)}.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){border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .tr{border-top-color:#2b3749}.app-shell[data-theme=dark] .tr.headings{background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .donut:after{background:var(--panel)}.app-shell[data-theme=dark] .teacher-side hr{border-top-color:#2b3749}.app-shell[data-theme=dark] .music-studio{border:1px solid var(--line);background:linear-gradient(145deg,#0b1321,#152540)}.app-shell[data-theme=dark] .practice-panel{color:var(--muted);background:var(--panel)!important}.app-shell[data-theme=dark] .practice-panel>p{color:var(--muted)}.app-shell[data-theme=dark] .practice-guide>button{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .practice-guide span small{color:var(--muted)}.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{background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .sound-style{background:var(--panel)}.app-shell[data-theme=dark] .sound-style button{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .sound-style button small{color:#a5b1c3}.app-shell[data-theme=dark] .tuner-section{border:1px solid #28364a}.app-shell[data-theme=dark] .tuner-console{background:var(--panel);color:var(--muted)}.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{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .chord-tip{background:var(--panel);color:#b8c8de!important}.app-shell[data-theme=dark] .settings-modal{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .settings-modal>p{color:var(--muted)}.app-shell[data-theme=dark] .theme-options button,.app-shell[data-theme=dark] .guitar-voice-options button{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .theme-options button>span,.app-shell[data-theme=dark] .guitar-voice-options button>span{color:#65e9ff;background:#0a3942}.app-shell[data-theme=dark] .theme-options button small,.app-shell[data-theme=dark] .guitar-voice-options button small{color:#a4b0c2}.app-shell[data-theme=dark] .theme-options button.selected,.app-shell[data-theme=dark] .guitar-voice-options button.selected{background:#0a373f;border-color:#13caea}.app-shell[data-theme=dark] .theme-status{color:var(--muted);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,.guitar-voice-options{grid-template-columns:1fr}}.lesson-modal{background:var(--panel);width:min(650px,100%);max-height:92vh;color:var(--ink);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:var(--muted);margin:0;font-size:13px;line-height:1.55}.lesson-chord{border:1px solid var(--line);background:var(--panel-2);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);background:var(--panel);color:var(--blue);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{background:var(--panel);color:var(--ink);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:var(--panel);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:var(--muted);margin:0;font-size:11px}.league-countdown{text-align:right}.league-countdown span,.league-countdown b{display:block}.league-countdown span{color:var(--muted);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 var(--line);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:var(--muted);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{background:var(--panel);min-height:34px;color:var(--muted);letter-spacing:1px;font-size:8px;font-weight:900}.leader-empty{text-align:center;color:var(--muted);padding:42px;font-size:12px}.your-rank{color:var(--muted);text-align:right;background:#12b6d3;padding:13px 27px;font-size:10px}.app-shell[data-theme=dark] .lesson-modal{background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .lesson-modal>p{color:var(--muted)}.app-shell[data-theme=dark] .lesson-chord{border-color:var(--line);background:var(--panel)}.app-shell[data-theme=dark] .lesson-chord>button{background:var(--panel);color:#63e8ff;border-color:#13cceb}.app-shell[data-theme=dark] .lesson-question{background:var(--panel)}.app-shell[data-theme=dark] .lesson-question button{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .league-board{border-color:var(--line);background:var(--panel)}.app-shell[data-theme=dark] .league-heading{background:linear-gradient(135deg,#111b2a,#132944)}.app-shell[data-theme=dark] .league-heading p{color:var(--muted)}.app-shell[data-theme=dark] .leader-row{border-top-color:#2b3749}.app-shell[data-theme=dark] .leader-head{background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .leader-row small{color:var(--muted)}.app-shell[data-theme=dark] .leader-row.you{background:#0c3c44}.app-shell[data-theme=dark] .your-rank{background:var(--panel);color:var(--muted)}@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{border-top:1px solid var(--line);text-align:center;color:var(--muted);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:var(--panel);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:var(--muted);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:var(--muted);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,.guitar-voice-options{margin-top:14px}.settings-wrap{overflow:auto}.settings-modal{margin:auto}.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:var(--muted);margin:4px 0 15px;font-size:11px;line-height:1.5}.assignment-modal textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);resize:vertical;border-radius:7px;margin-top:7px;padding:12px;font:12px/1.5 Arial,sans-serif;display:block}.assignment-modal label em{color:var(--muted);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{border-color:var(--line);background:var(--panel)}.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{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .compact-modal>p{color:var(--muted)}.app-shell[data-theme=dark] .teacher-note.has-note{background:linear-gradient(135deg,#0a373f,var(--panel));border-top-color:#28536a}.account-danger-zone{background:#ef44440a;border:1px solid #ef44445c;border-radius:11px;align-items:center;gap:20px;margin-top:24px;padding:17px;display:flex}.account-danger-zone>div{min-width:0;margin-right:auto}.account-danger-zone small{color:#b42318;letter-spacing:1.4px;font-size:8px;font-weight:900;display:block}.account-danger-zone h3{color:#8f1d18;margin:4px 0!important;font-size:17px!important}.account-danger-zone p{max-width:590px;color:var(--muted);margin:0;font-size:9px;line-height:1.5}.account-danger-zone>button{color:#a82822;background:#fff;border:1px solid #be332c;border-radius:7px;flex:none;padding:10px 13px;font-size:9px;font-weight:900}.account-danger-zone>button:hover{color:#fff;background:#a82822}.delete-account-wrap{z-index:130}.delete-account-modal{color:#182230;background:#fff;border:1px solid #d6dde5;border-top:5px solid #b42318;border-radius:12px;width:min(500px,100%);padding:32px;position:relative;box-shadow:0 32px 90px #0008}.delete-account-modal>small{color:#b42318;letter-spacing:1.8px;font-size:9px;font-weight:900}.delete-account-modal h2{font:700 30px var(--font-display);margin:8px 0 10px}.delete-account-modal>p{color:#596777;margin:0;font-size:12px;line-height:1.6}.delete-account-modal label{color:#344253;margin-top:22px;font-size:11px;font-weight:800;display:block}.delete-account-modal label b{color:#a82822;font-family:var(--font-mono)}.delete-account-modal input{color:#152230;width:100%;font:700 14px var(--font-mono);background:#fff;border:1px solid #aeb9c5;border-radius:7px;outline:none;margin-top:8px;padding:13px;display:block}.delete-account-modal input:focus{border-color:#b42318;box-shadow:0 0 0 3px #b4231819}.delete-account-error{color:#a82822;background:#fef0ef;border-radius:7px;margin-top:12px;padding:10px;font-size:10px;font-weight:800;line-height:1.45}.delete-account-actions{grid-template-columns:1fr 1.45fr;gap:9px;margin-top:18px;display:grid}.delete-account-actions button{border-radius:7px;min-height:43px;font-size:10px;font-weight:900}.delete-account-cancel{color:#425163;background:#fff;border:1px solid #bac4ce}.delete-account-confirm{color:#fff;background:#a82822;border:1px solid #9e2620}.delete-account-confirm:disabled{color:#8c98a4;cursor:not-allowed;background:#e9edf1;border-color:#d8dee5}.delete-account-support{text-align:center;margin-top:16px!important;font-size:9px!important}.delete-account-support a{color:#087f99;font-weight:800;text-decoration:underline}.app-shell[data-theme=dark] .account-danger-zone{background:#2a1717;border-color:#633630}.app-shell[data-theme=dark] .account-danger-zone small,.app-shell[data-theme=dark] .account-danger-zone h3{color:#ff9b8f}.app-shell[data-theme=dark] .account-danger-zone>button{color:#ffaca3;background:#251414;border-color:#a84d43}@media (max-width:620px){.account-danger-zone{flex-direction:column;align-items:flex-start}.account-danger-zone>button{width:100%}.delete-account-modal{padding:28px 20px}.delete-account-actions{grid-template-columns:1fr}.delete-account-confirm{order:-1}}@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{border:1px solid var(--line);background:var(--panel);width:min(520px,100%);color:var(--muted);text-align:center;border-radius:20px;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:var(--muted);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:var(--muted);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{border:1px solid var(--line);color:var(--muted);background:#11151f}.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:var(--panel);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:var(--muted);margin:0;font-size:12px;line-height:1.5}.gnk-website{min-width:190px;color:var(--muted);text-align:left;background:#0c373f;border:1px solid #206a77;border-radius:13px;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:var(--muted);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{border:1px solid var(--line);background:var(--panel);color:#51c3d7;border-radius:18px;min-width:0;margin:0;overflow:hidden;box-shadow:0 12px 31px #0002}.gnk-mission,.gnk-qr{--panel:#0c2327;--panel-2:#0a2429}.gnk-mission{flex-direction:column;display:flex}.gnk-mission>img{object-fit:contain;background:#11b4d1;width:100%;height:auto;display:block}.gnk-mission figcaption{border-top:1px solid var(--line);background:var(--panel);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:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}.gnk-fundraiser>a{border:1px solid var(--line);background:var(--panel);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:var(--muted);text-align:center;margin-top:10px;font-size:9px;display:block}.gnk-qr{background:var(--panel)!important;color:#51c3d7!important;text-align:center!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:var(--panel);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{border-top:1px solid var(--line);color:var(--muted);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}}.gnk-live-card{color:#1b3028;text-align:left;background:#f6faf8;border-radius:12px;align-content:center;gap:9px;min-height:236px;padding:20px;display:grid}.gnk-live-label{color:#087e62;letter-spacing:.12em;font-size:10px;font-weight:900}.gnk-live-card strong{color:#12271e;font-size:clamp(18px,1.5vw,24px);line-height:1.2}.gnk-live-total{color:#176442;font-size:clamp(21px,2vw,28px);font-weight:900}.gnk-live-card progress{accent-color:#30a45c;width:100%;height:12px}.gnk-live-goal{color:#425c4b;font-size:12px;font-weight:700}.gnk-live-donate{color:#fff;background:#245239;border-radius:30px;justify-self:start;margin-top:5px;padding:10px 18px;font-size:12px;font-weight:900}@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{border:1px solid var(--line);background:radial-gradient(circle at 85% 0,#0a667655,transparent 33%),linear-gradient(145deg,#0d292e,var(--panel));width:min(520px,100%);color:var(--muted);border-radius:18px;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:var(--muted);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;border:1px solid var(--line);background:var(--panel);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:var(--muted);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:var(--muted);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}}.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:var(--panel);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:var(--muted);margin:0;font-size:11px}.collab-heading>div:last-child{gap:8px;display:flex}.collab-heading button{border:1px solid var(--line);background:var(--panel);color:var(--muted);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{border-right:1px solid var(--line);background:var(--panel);padding:20px}.group-tabs{gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.group-tabs>button{border:1px solid var(--line);background:var(--panel);min-width:155px;color:var(--ink);text-align:left;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{background:var(--panel-2);width:30px;height:30px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.group-tabs b,.group-tabs small{display:block}.group-tabs b{font-size:10px}.group-tabs small{color:var(--muted);margin-top:3px;font-size:8px}.group-card{border:1px solid var(--line);background:var(--panel);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{background:var(--panel);text-align:right;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{border:1px solid var(--line);background:var(--panel);border-radius:22px;align-items:center;gap:7px;padding:6px 9px 6px 6px;display:flex}.group-avatar,.chat-avatar{background:var(--panel);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:var(--muted);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{border:1px solid var(--line);background:var(--panel);width:100%;height:38px;color:var(--ink);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 var(--line);padding-top:13px}.shared-class-list>button{border:1px solid var(--line);background:var(--panel);text-align:left;width:100%;color:var(--ink);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:var(--muted);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:var(--muted);font-size:9px}.teacher-chat{background:var(--panel);flex-direction:column;min-width:0;display:flex}.teacher-chat>header{z-index:auto;border:0;border-bottom:1px solid var(--line);background:var(--panel);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:var(--muted);font-size:7px}.chat-log section p{border:1px solid var(--line);background:var(--panel);color:#60b8c8;border-radius:5px 13px 13px;margin:0;padding:9px 11px;font-size:10px;line-height:1.45}.chat-log .mine section p{color:var(--muted);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{border:1px solid var(--line);height:42px;color:var(--ink);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:var(--muted);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{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .group-console{border-color:var(--line);background:var(--panel)}.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{border-color:var(--line);background:var(--panel);color:var(--muted)}.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{border-color:var(--line);background:var(--panel);color:var(--muted)}.app-shell[data-theme=dark] .chat-log{background:linear-gradient(#0d1623,#111b29)}.app-shell[data-theme=dark] .chat-log section p{border-color:var(--line);background:var(--panel);color:#e9f0fa}.app-shell[data-theme=dark] .chat-empty b{color:var(--muted)}.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-mode-strip{max-width:1180px;color:var(--muted);background:linear-gradient(120deg,#0e8fa61a,#f59e0b0b);border:1px solid #0e8fa655;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:10px auto 0;padding:9px 14px;display:flex}.admin-mode-strip>span{align-items:baseline;gap:10px;min-width:0;display:flex}.admin-mode-strip b{color:var(--blue);letter-spacing:1.5px;font-size:8px}.admin-mode-strip small{color:var(--muted);text-transform:capitalize;font-size:10px}.admin-mode-strip>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.admin-mode-strip button{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--ink);cursor:pointer;border-radius:7px;padding:5px 9px;font-size:9px;font-weight:900}.admin-mode-strip button.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 5px 14px #0e8fa638}.app-shell[data-theme=dark] .admin-mode-strip{background:linear-gradient(120deg,#0e8fa624,#f59e0b10)}.admin-approval-bar{color:#f1f5f9;background:#10212b;border:1px solid #a879286b;border-radius:11px;max-width:1180px;margin:8px auto 0;overflow:hidden;box-shadow:0 8px 24px #0002}.admin-approval-bar summary{cursor:pointer;align-items:center;gap:12px;min-height:50px;padding:8px 14px;list-style:none;display:flex}.admin-approval-bar summary::-webkit-details-marker{display:none}.admin-approval-symbol{color:#fbbf24;background:#f59e0b20;border-radius:8px;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.admin-approval-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-approval-title b{color:#fcd34d;letter-spacing:1.2px;font-size:10px}.admin-approval-title small{color:#becbd4;font-size:10px;line-height:1.35}.admin-approval-bar summary strong{color:#101827;background:#f59e0b;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 5px;font-size:11px;display:grid}.admin-approval-open{color:#fcd34d;font-size:10px;font-weight:800}.admin-approval-content{border-top:1px solid #a8792840;padding:2px 14px 15px}.admin-approval-content section{padding-top:13px}.admin-approval-content h3{color:#f1f5f9;align-items:center;gap:7px;margin:0 0 8px;font-size:13px;display:flex}.admin-approval-content h3 span{color:#fbbf24}.admin-approval-content article{border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.admin-approval-content article>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-approval-content article b{overflow-wrap:anywhere;font-size:12px}.admin-approval-content article small{color:#becbd4;overflow-wrap:anywhere;font-size:10px;line-height:1.4}.admin-approval-actions{flex-wrap:wrap;gap:7px;display:flex}.admin-approval-actions button{color:#111827;cursor:pointer;background:#f5bd45;border:1px solid #f4ba39;border-radius:8px;min-height:44px;padding:8px 12px;font-size:10px;font-weight:900}.admin-approval-actions button.secondary{color:#e5eef2;background:#1b3541;border-color:#58717e}.admin-approval-actions button:disabled{opacity:.55;cursor:wait}.admin-approval-error{color:#fecaca}.admin-approval-empty{color:#becbd4;margin:14px 0 0;font-size:11px}@media (max-width:600px){.admin-mode-strip{margin:8px 12px 0;display:block}.admin-mode-strip>span{justify-content:space-between;display:flex}.admin-mode-strip>div{grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid}.admin-mode-strip button{width:100%}}@media (max-width:700px){.admin-approval-bar{margin:8px 12px 0}.admin-approval-content article{flex-direction:column;align-items:flex-start}.admin-approval-actions{width:100%}.admin-approval-actions button{flex:1}.admin-approval-open{display:none}}.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{border:1px solid var(--line);background:var(--panel);width:min(900px,100%);max-height:92vh;color:var(--muted);--panel:#0a2529;--panel-2:#0b2428;--muted:#9aa5b8;--ink:#f4f7fc;--line:#273149;border-radius:20px;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;border:0;border-bottom:1px solid var(--line);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);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{max-width:570px;color:var(--muted);margin:0;font-size:11px;line-height:1.55}.admin-refresh{background:var(--panel-2);color:var(--blue);white-space:nowrap;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{border:1px solid var(--line);background:linear-gradient(145deg,#132338,#101c2c);border-radius:12px;align-items:center;gap:13px;min-height:82px;padding:16px;display:flex}.admin-stat-grid article>span{background:var(--panel);color:#86f2ff;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:var(--muted);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{border:1px solid var(--line);background:var(--panel);color:#9aeffe;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{border:1px solid var(--line);background:var(--panel);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{background:var(--panel);min-height:35px;color:var(--muted);letter-spacing:1.2px;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{background:var(--panel);color:#95f3ff;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:var(--muted);font-size:9px}.admin-empty{color:var(--muted);text-align:center;border-top:1px solid #2d5a62;padding:44px 18px;font-size:11px}.admin-console footer{color:var(--muted);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{background:var(--panel);color:#f6d66e;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}.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:var(--muted);flex-wrap:wrap;justify-content:center;gap:5px 8px;margin-top:6px;font-size:7px;display:flex}.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] .fret-number,.app-shell[data-theme=dark] .diagram-legend{color:#aab5c7}.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;--panel:#102c32;--panel-2:#0c2327;--muted:#aab6c8;--ink:#f7f9fc;--line:#1e2a44;background:linear-gradient(160deg,#0a2429,#102c32)}.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:var(--panel);border:1px solid var(--line);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:var(--panel);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{border:1px solid var(--line);background:var(--panel);color:var(--muted);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{background:var(--panel);border:1px solid var(--line);text-align:center;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:var(--panel);border-radius:8px;min-height:38px;margin:12px 0;padding:10px;font-size:9px}.stomp-button{background:var(--blue);color:#fff;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{background:radial-gradient(circle at 35% 30%,#090c11,#102a2f 55%,var(--panel));width:86px;height:86px;transform:rotate(var(--turn));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:var(--panel);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:var(--panel);border:1px solid #dbe4ee}.skill-path{grid-template-columns:repeat(4,1fr);margin-top:24px;display:grid}.skill-path article{border-top:4px solid var(--line);background:var(--panel);padding:18px}.skill-path article>span{background:var(--panel);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;--panel:#102c32;--panel-2:#0c2327;--muted:#aab6c8;--ink:#fff;--line:#1e2a44;background:linear-gradient(160deg,#0a2429,#0a2529)}.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{background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:6px;width:100%;padding:9px;display:block}.record-orb{background:var(--panel);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:var(--panel);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{background:var(--panel);color:#fff;border:1px solid var(--line);text-align:left;padding:10px}.audio-inbox-list button>*{display:block}.audio-inbox-list .selected{border-color:#22d3ee}.audio-review{background:var(--panel);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:var(--ink)}.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:var(--ink)}.offline-notes p{color:#475569}.offline-notes textarea{color:#4cc6db;background:var(--panel);border:1px solid #b99946;border-radius:9px;font-size:14px}.app-shell[data-theme=dark]{--cream:#070b14;background:radial-gradient(circle at 50% 0,var(--panel),var(--panel) 42%,var(--panel));color:#e8eefc}.app-shell[data-theme=dark] .skill-roadmap{background:var(--panel);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:var(--muted)}.app-shell[data-theme=dark] .skill-path article{background:var(--panel);color:var(--muted)}.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:var(--ink)}.wood-options{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 18px;display:grid}.wood-options button{border:2px solid var(--line);background:var(--panel);color:var(--ink);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{background:var(--panel);color:var(--muted);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{background:linear-gradient(135deg,var(--panel),#123940);color:#fff;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:var(--muted);font-size:11px}.reward-shelf{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px;display:grid}.reward-shelf article{border:1px solid var(--line);text-align:center;background:#0f2f34;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{background:linear-gradient(180deg,var(--panel),var(--panel));color:var(--muted);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:var(--muted);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{background:var(--panel);color:#59bdcf;border:1px solid #b1954e;border-radius:4px;grid-template-rows:52px minmax(0,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{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#22b8d1 var(--panel-2);grid-template-columns:repeat(8,minmax(62px,1fr));grid-auto-rows:95px;align-content:start;gap:20px 0;min-height:0;padding:58px 18px 25px;display:grid;position:relative;overflow:hidden scroll}.score-staff:focus-visible{outline-offset:-3px;outline:3px solid #22b8d1}.score-staff::-webkit-scrollbar{width:12px}.score-staff::-webkit-scrollbar-track{background:var(--panel-2)}.score-staff::-webkit-scrollbar-thumb{border:3px solid var(--panel-2);background:#22b8d1;border-radius:10px}.staff-line{pointer-events:none;background:#0a0c1266;height:1px;position:absolute;left:18px;right:18px}.score-chord.timeline-chord{z-index:1;border-left:1px solid var(--line);border-right:1px solid var(--line);color:#59bdcf;width:auto;min-width:0;height:78px;box-shadow:none;border-radius:0;flex:none;place-self:center stretch;background:var(--panel)!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;position:absolute}.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:var(--muted);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}.guitar-score>footer b{color:#0e7490;font-style:normal}.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:var(--muted);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:var(--muted);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:var(--muted);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}.app-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}.app-header .brand.apex-brand{justify-content:flex-start}.app-header .main-nav{flex-direction:column;flex:auto;align-items:stretch;gap:4px;height:auto;display:flex!important}.app-header .main-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}.app-header .main-nav button.active{background:#22d3ee1a;box-shadow:inset 0 0 0 1px #22d3ee40}.app-header .main-nav button:hover{background:#ffffff08}.app-header .main-nav button.download-link{text-align:center;justify-content:center;margin-top:10px}.app-header .account{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px;margin-top:auto;margin-left:0;padding-top:16px}.app-header .account .role-badge{align-self:flex-start}.app-header .account .logout,.app-header .account .settings-button,.app-header .account .admin-button{justify-content:center;width:100%}}@media (max-width:900px){.app-shell{padding-bottom:64px}.app-header .main-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}.app-header .main-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}.app-header .main-nav button.active{background:#22d3ee1a;box-shadow:inset 0 0 0 1px #22d3ee40}.app-header .main-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:var(--muted);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:var(--muted);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:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.thread-list>button>small{color:var(--muted);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:var(--muted);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:var(--muted);font-size:9px}.thread-log time{color:var(--muted);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:var(--muted);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:var(--muted);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}.inbox-requests{color:var(--ink);gap:12px;padding:20px 24px;display:grid}.inbox-requests>h3{font:22px var(--font-display);margin:0}.inbox-requests>button{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:9px;justify-self:start;padding:10px 14px}.inbox-requests>article{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:14px 16px}.inbox-requests>article b{font-size:13px}.inbox-requests>article p{color:var(--muted);font-size:11px;line-height:1.5}.inbox-request-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inbox-request-actions button,.inbox-requests>article>button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);cursor:pointer;border-radius:9px;padding:9px 12px}.inbox-request-actions button:disabled{opacity:.5;cursor:wait}.inbox-safety-note{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:10px;margin:12px 20px;padding:12px 14px;font-size:11px;line-height:1.5}.recipient-results{gap:4px;max-height:220px;display:grid;overflow:auto}.recipient-results button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);text-align:left;border-radius:8px;padding:9px 12px}.parent-ack-row{align-items:flex-start;gap:10px;display:flex!important}.parent-ack-row input{min-width:18px;width:18px!important;height:18px!important;margin:2px 0 0!important}.parent-ack-row span{font-size:12px;line-height:1.4}.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:var(--muted);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%}}.app-shell small{line-height:1.4;font-size:max(11px,.78em)!important}.app-shell time{line-height:1.35;font-size:10px!important}.app-shell :is(.tr.headings,.leader-head,.admin-user-head),.app-shell :is(.version-mark span,.lounge-log section b em,.lounge-remove,.group-members small,.chat-log section b,.chord-string-status,.diagram-legend,.coach-strings span,.coach-strings small,.reward-shelf article>small){font-size:10px;line-height:1.35}.app-shell :is(.fret-number,.streak-stat i){font-size:8px}.app-shell input::placeholder,.app-shell textarea::placeholder{color:#64748b;opacity:1}.app-shell[data-theme=dark]{--muted:#c2ccdc;--line:#34445f}.app-shell[data-theme=dark] .page{color:var(--ink)}.app-shell[data-theme=dark] input::placeholder,.app-shell[data-theme=dark] textarea::placeholder{color:#aebbd0;opacity:1}.app-shell[data-theme=dark] .toast{color:#fff;background:#111827;border:1px solid #475569;box-shadow:0 10px 34px #000a}.guitar-score>header{color:var(--ink)}.guitar-score>header span,.guitar-score>header em,.score-chord.timeline-chord small{color:var(--muted)}.guitar-score>header span{font-size:10px}.guitar-score>header em,.guitar-score>footer{font-size:11px;line-height:1.35}.score-chord.timeline-chord small{font-size:10px}.score-chord.timeline-chord small i{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:8px;font-style:normal;font-weight:800;display:block}.score-chord.timeline-chord>span{letter-spacing:2px;white-space:nowrap;max-width:100%;font-size:12px}.score-chord.timeline-chord button{color:#ef4444;font-size:15px;font-weight:900}.assignment-head span{color:#9a3412;background:#ffedd5}.sound-style button.selected{color:#9a3412;background:#fff7ed;border-color:#c2410c;box-shadow:0 0 0 2px #c2410c22}.sound-style button.selected small{color:#7c2d12}.answers button.correct,.feedback.yes,.assignment-live{color:#065f46;background:#d1fae5;border-color:#059669}.answers button.wrong,.feedback.no{color:#7f1d1d;background:#fee2e2;border-color:#dc2626}.selected-chords span,.string-targets>div.active{color:#164e63;background:#cffafe;border-color:#0891b2}.tuner-status{color:#78350f;background:#fef3c7}.tuner-status.tuned{color:#065f46;background:#d1fae5}.app-shell[data-theme=dark] .assignment-head span{color:#ffd7bd;background:#4a2415}.app-shell[data-theme=dark] .sound-style button.selected{color:#ffe0c7;background:#4a2415;border-color:#fb923c}.app-shell[data-theme=dark] .sound-style button.selected small{color:#fdba74}.app-shell[data-theme=dark] :is(.answers button.correct,.feedback.yes,.assignment-live){color:#d1fae5;background:#064e3b;border-color:#34d399}.app-shell[data-theme=dark] :is(.answers button.wrong,.feedback.no){color:#fee2e2;background:#4c1d1d;border-color:#f87171}.app-shell[data-theme=dark] :is(.selected-chords span,.string-targets>div.active){color:#ecfeff;background:#164e63;border-color:#67e8f9}.app-shell[data-theme=dark] .tuner-status{color:#fef3c7;background:#422006}.app-shell[data-theme=dark] .tuner-status.tuned{color:#d1fae5;background:#064e3b}.song-template-picker{margin:0 0 16px;position:relative}.apply-songs-button{border:1px solid var(--blue);color:#155e75;background:#ecfeff;border-radius:9px;width:100%;min-height:44px;font-size:13px;font-weight:900}.song-template-panel{border:1px solid var(--line);background:var(--panel-2);z-index:4;border-radius:12px;margin-top:8px;padding:14px;position:relative;box-shadow:0 14px 30px #0002}.song-template-panel>label{color:var(--ink);font-size:12px;font-weight:900;display:block}.song-template-panel>label input{border:1px solid var(--line);background:var(--panel);width:100%;height:44px;color:var(--ink);border-radius:8px;margin-top:7px;padding:0 12px;font-size:13px;display:block}.song-template-list{gap:7px;max-height:420px;margin-top:10px;padding-right:2px;display:grid;overflow-y:auto}.song-template-list>button{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:11px 12px;display:flex}.song-template-list>button:hover{border-color:var(--blue);box-shadow:0 0 0 2px #22d3ee22}.song-template-list>button span{min-width:0}.song-template-list>button b,.song-template-list>button small,.song-template-list>button em{display:block}.song-template-list>button b{font-size:13px}.song-template-list>button small{color:var(--muted);margin-top:3px}.song-template-list>button em{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:11px;font-style:normal}.song-template-list>button strong{color:var(--blue);flex:none;font-size:11px}.song-template-list>p{color:var(--muted);margin:4px 0;font-size:12px}.song-template-panel>small{color:var(--muted);margin-top:10px;display:block}.app-shell[data-theme=dark] .apply-songs-button{color:#cffafe;background:#083344;border-color:#22d3ee}.app-shell[data-theme=dark] .song-template-panel{border-color:var(--line);background:#111b2c}@media (max-width:560px){.song-template-list>button{flex-direction:column;align-items:flex-start}.song-template-list>button strong{align-self:flex-end}}.preview-strings{filter:drop-shadow(0 4px 1px #0008)}.real-guitar-viewer{cursor:default;touch-action:auto;background:#080d16;grid-template-rows:minmax(390px,1fr) auto;min-height:430px;display:grid}.real-guitar-viewer:active{cursor:default}.real-guitar-viewer iframe{background:#080d16;border:0;width:100%;height:100%;min-height:390px;display:block}.real-model-hint{pointer-events:none;background:#07111ddd;border-radius:6px;padding:7px 9px;box-shadow:0 2px 12px #0008;color:#e7f7ff!important}.model-attribution{z-index:4;color:#aebed1;text-align:center;background:#080d16;margin:0;padding:8px 12px;font-size:9px;line-height:1.45;position:relative}.model-attribution a{color:#67e8f9;text-underline-offset:2px;font-weight:800;text-decoration:underline}@media (max-width:760px){.real-guitar-viewer{grid-template-rows:minmax(340px,1fr) auto;min-height:380px}.real-guitar-viewer iframe{min-height:340px}}@media (max-width:470px){.real-guitar-viewer{grid-template-rows:minmax(300px,1fr) auto;min-height:340px}.real-guitar-viewer iframe{min-height:300px}.real-model-hint{max-width:calc(100% - 28px)}}.song-timeline.guitar-score{grid-template-rows:34px auto minmax(0,1fr) 46px;height:430px}.guitar-score>header{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:6px 12px;display:flex}.guitar-score>header em{flex:none;grid-area:auto;position:static}.score-song-title{min-width:0;color:var(--ink);font:22px/1.18 var(--font-display);overflow-wrap:anywhere;border-bottom:1px solid #ae9451;padding:8px 14px 10px}.score-staff{overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom;cursor:ns-resize;height:100%;max-height:100%;scroll-padding-block:24px;overflow-y:auto!important}.score-chord.timeline-chord{touch-action:pan-y}.guitar-score>footer{align-items:center;gap:10px;padding:5px 9px 5px 14px}.score-scroll-controls{gap:6px;margin-left:auto;display:flex}.score-scroll-controls button{color:#155e75;white-space:nowrap;background:#e8faff;border:1px solid #0e8fa6;border-radius:6px;min-height:32px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:900}.score-scroll-controls button:disabled{border-color:var(--line);background:var(--panel-2);color:var(--muted);opacity:.55;cursor:not-allowed}.app-shell[data-theme=dark] .score-scroll-controls button:not(:disabled){color:#cffafe;background:#083344;border-color:#22d3ee}@media (max-width:700px){.song-timeline.guitar-score{grid-template-rows:34px auto minmax(0,1fr) 58px;height:430px}.guitar-score>header{padding:6px 9px}.guitar-score>header span{letter-spacing:.8px}.score-song-title{padding:8px 11px 10px;font-size:20px}.guitar-score>footer{flex-direction:column;align-items:flex-start;gap:3px;padding:4px 7px}.score-scroll-controls{gap:5px;width:100%}.score-scroll-controls button{flex:1;min-height:30px;padding:4px 5px}}.workshop-voice-options{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop-voice-options button{padding:8px 6px}.workshop-voice-options button b,.workshop-voice-options button small{display:block}.workshop-voice-options button small{color:var(--muted);margin-top:3px;font-size:7px;line-height:1.3}.workshop-voice-options button.selected small{color:#d7f7fb}.private-inbox .inbox-heading{z-index:auto;flex-flow:wrap;align-items:center;width:auto;height:auto;padding:24px 28px;position:static;inset:auto;overflow:visible}.inbox-heading>div:first-child{flex:340px;min-width:0}.inbox-heading-actions{flex-wrap:wrap;flex:260px;justify-content:flex-end;max-width:100%}.inbox-heading-actions button{white-space:normal;max-width:100%}@media (max-width:560px){.private-inbox .inbox-heading{flex-direction:column;align-items:flex-start}.inbox-heading-actions{justify-content:stretch}.inbox-heading-actions button{flex:145px}}.mobile-menu-toggle,.mobile-menu-backdrop{display:none}@media (max-width:950px){.app-shell{padding-bottom:0}.app-header{z-index:140;justify-content:space-between;align-items:center;gap:6px;height:auto;min-height:68px;padding:8px 10px;display:flex;position:sticky;top:0;overflow:visible}.app-header .apex-brand{flex:0 auto;gap:6px;min-width:0;padding:0}.app-header .apex-brand img{object-fit:contain;width:40px;height:40px}.app-header .apex-brand span{letter-spacing:.6px;white-space:nowrap;font-size:9px;line-height:1.05}.app-header .apex-brand b{font-size:11px}.app-header .account{border:0;flex-direction:row;flex:0 auto;align-items:center;gap:5px;min-width:0;margin:0 0 0 auto;padding:0;display:flex}.app-header .account .role-badge,.app-header .account .admin-button,.app-header .account small,.app-header .account>div{display:none}.app-header .account .avatar{flex:0 0 34px;width:34px;height:34px;font-size:14px}.app-header .account .settings-button,.app-header .account .logout{border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;font-size:0;line-height:1;display:grid}.app-header .account .settings-button:before{content:"⚙";font-size:18px}.app-header .account .logout:before{content:"↪";font-size:21px}.mobile-menu-toggle{border:1px solid var(--blue);background:var(--panel);width:40px;height:40px;color:var(--ink);border-radius:10px;flex:0 0 40px;place-items:center;padding:0;display:grid}.mobile-menu-toggle span{font-size:24px;line-height:1}.app-header .main-nav{z-index:151;border:1px solid var(--line);background:var(--panel);opacity:0;visibility:hidden;pointer-events:none;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;width:min(84vw,330px);height:auto;max-height:calc(100dvh - 92px);padding:10px;transition:transform .22s,opacity .18s,visibility .18s;position:absolute;inset:calc(100% + 8px) 10px auto auto;overflow:hidden auto;transform:translate(calc(100% + 24px));box-shadow:0 24px 70px #020817b8;display:flex!important}.app-header .main-nav.mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.app-header .main-nav button,.app-header .main-nav button.download-link{width:100%;height:auto;min-height:46px;color:var(--ink);text-align:left;white-space:normal;text-overflow:clip;border:1px solid #0000;border-radius:10px;flex:none;justify-content:flex-start;align-items:center;padding:12px 14px;font-size:15px;line-height:1.3;display:flex;overflow:visible}.app-header .main-nav button.active{color:var(--blue);background:#22d3ee1a;border-color:#22d3ee66}.mobile-menu-backdrop{z-index:120;background:#0208178c;border:0;padding:0;display:block;position:fixed;inset:0}}@media (max-width:360px){.app-header{gap:3px;padding-inline:7px}.app-header .apex-brand span{display:none}.app-header .account{gap:3px}.app-header .account>div{max-width:52px;font-size:9px}.app-header .account .settings-button,.app-header .account .logout{flex-basis:33px;width:33px;height:34px}.mobile-menu-toggle{flex-basis:37px;width:37px;height:37px}}@media (max-width:520px){.app-header .account>div,.app-header .account .avatar{display:none}}.games-hub{max-width:1240px;margin:0 auto;padding:40px 30px 72px}.games-hub-heading{margin-bottom:22px}.games-hub-heading small{color:var(--blue);letter-spacing:2px;font-size:10px;font-weight:900}.games-hub-heading h1{margin:7px 0 5px}.games-hub-heading p{color:var(--muted);margin:0;font-size:13px}.games-hub>.runner-shell{margin-top:0}.runner-shell{color:#f8fafc;background:#08131f;border:1px solid #245265;border-radius:20px;max-width:1180px;margin:34px auto 8px;overflow:hidden;box-shadow:0 24px 70px #02081766}.runner-shell button{font-family:var(--font-body)}.runner-loading{color:#a9eefa;align-content:center;place-items:center;gap:8px;min-height:160px;display:grid}.runner-loading span{font-size:30px}.runner-loading b{font:18px var(--font-display)}.runner-header{z-index:auto;background:linear-gradient(115deg,#0a1b2c,#0b2830);border:0;border-bottom:1px solid #1b3d4c;justify-content:space-between;align-items:flex-start;gap:30px;width:auto;height:auto;min-height:0;padding:24px 28px;display:flex;position:static;inset:auto;overflow:visible}.runner-header>div:first-child{min-width:0}.runner-header small,.runner-shop-title small,.runner-quiz>small,.runner-death>small{color:#22d3ee;letter-spacing:2px;font-size:10px;font-weight:900}.runner-header h2{font:30px var(--font-display);margin:5px 0 4px}.runner-header p{color:#a9b8c9;margin:0;font-size:12px}.runner-records{flex:none;min-width:330px}.runner-records>span{color:#fbbf24;letter-spacing:1.5px;text-align:right;margin-bottom:8px;font-size:9px;font-weight:900;display:block}.runner-records ol{grid-template-columns:repeat(3,1fr);gap:7px;margin:0;padding:0;list-style:none;display:grid}.runner-records li{background:#07111d;border:1px solid #29465b;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:5px;min-width:96px;padding:8px 10px;display:grid}.runner-records li b{color:#64748b;font-size:9px}.runner-records li strong{font:19px var(--font-display);text-align:right}.runner-records li small{color:#8fa3b8;letter-spacing:.5px;font-size:8px}.runner-hud{background:#1a3d4a;border-bottom:1px solid #245265;grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.runner-hud>span,.runner-hud>button{color:#f8fafc;text-align:left;background:#0b1826;border:0;min-width:0;padding:11px 16px;transition:all .2s}.runner-hud small,.runner-hud b{display:block}.runner-hud small{color:#8fa3b8;letter-spacing:1.2px;font-size:8px;font-weight:900}.runner-hud b{font:17px var(--font-display);margin-top:3px}.runner-power-toggle{cursor:pointer;position:relative}:is(.runner-power-toggle:hover,.runner-power-toggle:focus-visible){background:#10263a}.runner-power-toggle.active{box-shadow:inset 0 -3px #22d3ee}.runner-power-toggle i{color:#67e8f9;letter-spacing:.5px;text-transform:uppercase;font-size:7px;font-style:normal;font-weight:900;position:absolute;top:8px;right:8px}.runner-hud .coin-earned{background:#4a3508;box-shadow:inset 0 0 0 2px #fbbf24}.runner-hud .coin-earned b{color:#fde68a}.runner-forcefield-timer.active{background:linear-gradient(135deg,#083344,#0b2f4c);box-shadow:inset 0 -3px #67e8f9}.runner-forcefield-timer.active b{color:#a5f3fc;text-shadow:0 0 12px #22d3ee}.runner-pickup-status{color:#93a7bb;background:#0a1724;border-bottom:1px solid #244457;grid-template-columns:auto auto auto auto 1fr;align-items:center;gap:16px;padding:8px 16px;font-size:9px;display:grid}.runner-pickup-status span{color:#7dd3fc;font-weight:900}.runner-pickup-status span:nth-child(3){color:#d8b4fe}.runner-pickup-status.speed-active span:nth-child(3){color:#f0d8ff;text-shadow:0 0 9px #c084fc}.runner-pickup-status b{color:#cbd5e1}.runner-pickup-status small{text-align:right}.runner-pickup-status.boost b{color:#86efac}.runner-pickup-status.downgrade b{color:#fda4af}.runner-stage{background:#071321;min-height:360px;position:relative}.runner-stage>canvas{aspect-ratio:8/3;background:#071321;width:100%;height:auto;display:block}.runner-touch-controls,.runner-mobile-home{display:none}.runner-mobile-launcher{color:#eefcff;background:linear-gradient(135deg,#081523,#0b2633);border:1px solid #2a5365;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:22px 0;padding:18px 20px;display:flex}.runner-mobile-launcher div{gap:3px;display:grid}.runner-mobile-launcher small{color:#67e8f9;letter-spacing:1.4px;font-size:8px;font-weight:900}.runner-mobile-launcher b{font:22px var(--font-display)}.runner-mobile-launcher span{color:#9fb4c7;font-size:11px}.runner-mobile-launcher button{color:#05272e;background:#22d3ee;border:1px solid #22d3ee;border-radius:9px;min-height:42px;padding:0 16px;font-weight:900}.runner-overlay{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030914c9;align-content:center;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.runner-lock{text-align:center;width:min(520px,100%)}.runner-lock>span{filter:drop-shadow(0 0 22px #22d3ee66);font-size:58px;display:block}.runner-lock b{font:26px var(--font-display);margin-top:9px;display:block}.runner-lock p{color:#b8c6d7;margin:8px 0;font-weight:800}.runner-lock i{background:#26384b;border-radius:20px;width:min(360px,100%);height:10px;margin:15px auto 13px;display:block;overflow:hidden}.runner-lock i span{border-radius:inherit;background:linear-gradient(90deg,#0ea5b7,#22d3ee,#fbbf24);height:100%;transition:width .2s;display:block}.runner-lock small{color:#91a3b8;letter-spacing:.7px;font-size:10px;font-weight:800;display:block}.runner-shell kbd{color:#fff;background:#101d2c;border:1px solid #5b718a;border-bottom-width:3px;border-radius:5px;place-items:center;min-width:31px;height:24px;padding:0 7px;font-size:10px;font-weight:900;display:inline-grid;box-shadow:0 2px #020617}.runner-unlocked{text-align:center}.runner-unlocked>span{color:#67e8f9;background:#083344;border:1px solid #22d3ee;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 8px;font-size:30px;display:grid;box-shadow:0 0 30px #22d3ee55}.runner-unlocked b{font:27px var(--font-display)}.runner-unlocked p{color:#aebed1;margin:7px 0 18px;font-size:12px}.runner-unlocked>small{color:#9fb2c7;letter-spacing:.8px;justify-content:center;align-items:center;gap:6px;margin:-10px 0 14px;font-size:9px;font-style:normal;font-weight:900;display:flex}.runner-unlocked>small i{border:2px solid #fff;border-radius:50%;width:13px;height:13px;display:inline-block}.runner-soundtrack-picker{border:0;width:min(620px,100%);margin:0 0 12px;padding:0}.runner-soundtrack-picker legend{color:#67e8f9;text-align:center;letter-spacing:1.4px;width:100%;margin-bottom:6px;font-size:9px;font-weight:950}.runner-soundtrack-picker>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.runner-soundtrack-picker button{color:#dbeafe;text-align:left;background:#0a1827;border:1px solid #355069;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;min-height:54px;padding:7px 11px;display:grid}.runner-soundtrack-picker button>span{color:#7dd3fc;background:#132b3b;border-radius:50%;grid-row:1/3;place-items:center;width:31px;height:31px;font-size:18px;display:grid}.runner-soundtrack-picker button b{font-size:11px}.runner-soundtrack-picker button small{color:#91a5ba;font-size:8px;font-weight:800}.runner-soundtrack-picker button.selected{background:#0c3441;border-color:#22d3ee;box-shadow:inset 0 0 0 1px #22d3ee,0 0 16px #22d3ee33}.runner-soundtrack-picker button.selected>span{color:#05272e;background:#22d3ee}.runner-soundtrack-picker button.selected small{color:#a5f3fc}.runner-menu-actions{flex-wrap:wrap;gap:10px;display:flex}.runner-menu-actions button,.runner-death button,.runner-back,.runner-lock button{color:#e9fbff;background:#0d3341;border:1px solid #22d3ee;border-radius:9px;min-height:44px;padding:0 18px;font-weight:900}.runner-menu-actions button:first-child,.runner-death button:first-child{color:#06232a;background:#22d3ee}.runner-lock button{margin-top:12px}.runner-menu-actions .runner-hard-mode-toggle,.runner-death .runner-hard-mode-toggle{color:#cffafe;background:#0d3341;border-color:#22d3ee}.runner-menu-actions .runner-hard-mode-toggle.medium,.runner-death .runner-hard-mode-toggle.medium{color:#fde68a;background:#3d2c0b;border-color:#fbbf24;box-shadow:0 0 16px #fbbf2438}.runner-menu-actions .runner-hard-mode-toggle.hard,.runner-death .runner-hard-mode-toggle.hard{color:#fff;background:#6f152b;border-color:#fb7185;box-shadow:0 0 18px #fb718566}.runner-customizer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020817ed;padding:14px;display:block;overflow-y:auto}.runner-customizer>section{background:linear-gradient(145deg,#0b1929,#08131f);border:1px solid #2f5368;border-radius:15px;width:min(820px,100%);margin:auto;padding:16px;box-shadow:0 22px 60px #000b}.runner-customizer>section>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.runner-customizer header small{color:#67e8f9;letter-spacing:1.4px;font-size:8px;font-weight:900}.runner-customizer header h3{font:24px var(--font-display);margin:2px 0 0}.runner-customizer header p{color:#9eafc3;margin:2px 0 0;font-size:9px}.runner-customizer-top-actions{align-items:center;gap:8px;display:flex}.runner-customizer-top-actions>b{color:#fde68a;text-align:center;background:#3c2c09;border:1px solid #8a6512;border-radius:8px;min-width:72px;padding:8px 11px;font-size:13px}.runner-customizer-top-actions>button{color:#dbeafe;background:#111d2c;border:1px solid #3e556c;border-radius:8px;flex:none;width:34px;height:34px;font-size:22px}.runner-customizer-grid{grid-template-columns:minmax(210px,.75fr) minmax(330px,1.25fr);gap:14px;display:grid}.runner-avatar-preview{background:#071521;border:1px solid #244b60;border-radius:13px;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.runner-avatar-preview canvas{object-fit:contain;width:100%;height:250px;display:block}.runner-avatar-preview>small{color:#67e8f9;letter-spacing:1.3px;text-shadow:0 1px 4px #000;font-size:8px;font-weight:900;position:absolute;bottom:9px;left:12px}.runner-customizer-controls{align-content:start;gap:10px;display:grid}.runner-customizer fieldset{border:0;min-width:0;margin:0;padding:0}.runner-customizer legend,.runner-skin-slider>span>b{color:#dbeafe;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.runner-character-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.runner-character-options>button{color:#d8e4f1;text-align:left;background:#0b1826;border:1px solid #34495d;border-radius:10px;align-items:center;gap:8px;min-height:60px;padding:4px 10px;display:flex;overflow:hidden}.runner-character-options>button.selected{background:#103344;border-color:#22d3ee;box-shadow:inset 0 0 0 1px #22d3ee,0 0 18px #22d3ee22}.runner-character-options img{object-fit:contain;width:58px;height:54px}.runner-character-options b,.runner-character-options small{display:block}.runner-character-options b{font-size:12px}.runner-character-options small{color:#8fa4bb;text-transform:uppercase;margin-top:2px;font-size:8px}.runner-skin-slider{background:#0a1623;border:1px solid #2a4155;border-radius:10px;padding:10px;display:block}.runner-skin-slider>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.runner-skin-slider>span>b{margin:0}.runner-skin-slider output{color:#9fb1c5;font-size:9px;font-weight:800}.runner-skin-slider input{accent-color:#22d3ee;width:100%;margin:9px 0 7px}.runner-skin-slider>i{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.runner-skin-slider>i b{border:1px solid #fff8;border-radius:10px;height:10px}.runner-hair-picker{background:#0a1623;border-radius:10px;border:1px solid #2a4155!important;padding:10px!important}.runner-hair-picker>div{grid-template-columns:34px 54px 1fr 34px;align-items:center;gap:8px;display:grid}.runner-hair-picker button{color:#dbeafe;background:#101f30;border:1px solid #3a536a;border-radius:7px;height:34px;font-size:24px}.runner-hair-picker strong,.runner-hair-picker small{display:block}.runner-hair-picker strong{text-transform:capitalize;font-size:11px}.runner-hair-picker small{color:#67e8f9;letter-spacing:.7px;margin-top:3px;font-size:8px;font-weight:900}.runner-hair-art{object-fit:contain;background:radial-gradient(circle,#19465a,#071521);border:1px solid #28465a;border-radius:8px;width:54px;height:46px;display:block}.runner-customizer-error{color:#fecdd3;text-align:center;background:#4c1d1d;border:1px solid #fb7185;border-radius:7px;margin:-2px 0;padding:7px 10px;font-size:10px;animation:.22s 2 runner-error-flash;display:block}.runner-customizer-actions{gap:8px;display:flex}.runner-customizer-actions button{color:#dbeafe;background:#111d2b;border:1px solid #41566c;border-radius:8px;min-height:40px;padding:0 14px;font-size:10px;font-weight:900}.runner-customizer-actions .runner-save-play{color:#05272e;background:#22d3ee;border-color:#22d3ee;flex:1;font-size:12px}.runner-customizer-actions .runner-save-play.locked{color:#fff7d6;background:#6b3f08;border-color:#f59e0b;box-shadow:inset 0 0 0 1px #fbbf24}@keyframes runner-error-flash{50%{background:#7f1d1d;transform:translate(3px)}}.runner-shop{padding:24px max(24px,8vw);display:block;overflow-y:auto}.runner-shop-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.runner-shop-title h3{font:25px var(--font-display);margin:4px 0 0}.runner-shop-title>b{color:#fde68a;font-size:18px}.runner-shop-grid{gap:8px;display:grid}.runner-shop-grid article{background:#0b1826;border:1px solid #2a4658;border-radius:11px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;display:grid}.runner-shop-grid article>span:first-child{color:#67e8f9;background:#11303a;border-radius:9px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.runner-shop-grid article>div b,.runner-shop-grid article>div small{display:block}.runner-shop-grid article>div b{font-size:13px}.runner-shop-grid article>div small{color:#93a7bb;margin-top:3px;font-size:9px}.runner-shop-grid article button{color:#cffafe;background:#083344;border:1px solid #22d3ee;border-radius:7px;min-width:68px;min-height:36px;font-size:10px;font-weight:900}.runner-shop-grid article button:disabled{color:#64748b;cursor:not-allowed;background:#111827;border-color:#334155}.runner-shop-grid article .runner-color{background:#22d3ee;border:2px solid #f8fafc;border-radius:50%}.runner-shop-grid article .runner-color.sunset{background:#fb7185}.runner-shop-grid article .runner-color.gold{background:#fbbf24}.runner-back{color:#cbd5e1;background:#101827;border-color:#475569;margin:14px 0 0 auto;display:block}.runner-death{text-align:center;overflow-y:auto}.runner-death>span{color:#fb923c;font-size:42px}.runner-death h3{font:42px var(--font-display);color:#f8fafc;margin:8px 0 4px}.runner-death p{color:#aebed1;margin:0 0 18px}.runner-death>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.runner-post-run-soundtrack{margin:0 auto 16px}.runner-quiz-backdrop{z-index:8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617df;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.runner-quiz{background:#0b1726;border:1px solid #22d3ee;border-radius:16px;width:min(610px,100%);padding:25px;box-shadow:0 24px 70px #000b}.runner-quiz h3{font:27px var(--font-display);margin:6px 0 3px}.runner-quiz>p{color:#a9b8c9;margin:0 0 8px;font-size:11px}.runner-quiz-diagram{color:#0f172a;background:#f8fafc;border-color:#36576a;margin:10px auto 13px}.runner-quiz-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.runner-quiz-options button{color:#f8fafc;background:#111f30;border:1px solid #385066;border-radius:8px;min-height:48px;padding:8px;font-weight:900}:is(.runner-quiz-options button:hover,.runner-quiz-options button:focus-visible){background:#0d3341;border-color:#22d3ee}.runner-quiz>strong{color:#fecdd3;background:#4c1d1d;border:1px solid #fb7185;border-radius:7px;margin-top:11px;padding:9px;font-size:11px;display:block}.runner-quiz footer{color:#91a3b8;border-top:1px solid #263d50;margin:14px -25px -25px;padding:11px 25px;font-size:10px}.runner-quiz footer b{color:#67e8f9}.runner-controls{color:#9fb0c3;background:#091725;border-top:1px solid #234555;flex-wrap:wrap;align-items:center;gap:9px 18px;min-height:52px;padding:10px 16px;font-size:10px;display:flex}.runner-controls span{white-space:nowrap;align-items:center;gap:6px;display:flex}.runner-controls .runner-forcefield-key,.runner-controls .runner-speed-key{color:#cffafe;background:#083344;border:1px solid #22d3ee88;border-radius:7px;padding:4px 8px}.runner-controls .runner-speed-key{color:#f3e8ff;background:#2e1746;border-color:#c084fc88}.runner-controls .runner-forcefield-key kbd{color:#ecfeff;background:#0e3040;border-color:#67e8f9;box-shadow:0 2px #041b24}.runner-controls .runner-speed-key kbd{color:#fff;background:#4c1d6f;border-color:#d8b4fe;box-shadow:0 2px #241037}.runner-controls>button{color:#cbd5e1;background:#111827;border:1px solid #475569;border-radius:7px;margin-left:auto;padding:8px 11px;font-size:10px;font-weight:900}.runner-save-error{color:#fecaca;text-align:center;background:#3f1717;border-top:1px solid #7f1d1d;margin:0;padding:9px 16px;font-size:10px}@media (max-width:760px){.games-hub{padding:28px 12px 55px}.games-hub-heading{padding:0 6px}.runner-shell{border-radius:14px;margin:24px 0}.runner-header{padding:20px;display:block}.runner-records{min-width:0;margin-top:17px}.runner-records>span{text-align:left}.runner-hud{grid-template-columns:1fr 1fr}.runner-hud>span,.runner-hud>button{padding:9px 11px}.runner-pickup-status{grid-template-columns:1fr 1fr;gap:4px 10px}.runner-pickup-status small{text-align:left;grid-column:1/-1}.runner-stage{min-height:0}.runner-stage>canvas{object-fit:contain;height:auto}.runner-touch-controls{z-index:3;grid-template-columns:repeat(4,54px);gap:6px;display:grid;position:absolute;bottom:8px;right:8px}.runner-touch-controls button{color:#e6f8ff;touch-action:manipulation;background:#071827e8;border:1px solid #4b647b;border-radius:12px;place-items:center;min-height:51px;display:grid;box-shadow:0 5px 14px #0008}.runner-touch-controls button.active{color:#fff4bf;background:#5a3b08;border-color:#fbbf24;box-shadow:0 0 16px #fbbf2466}.runner-touch-controls b{font-size:19px;line-height:1}.runner-touch-controls span{letter-spacing:.3px;text-transform:uppercase;font-size:8px;font-weight:900}.runner-overlay{padding:18px}.runner-lock b{font-size:21px}.runner-shop{padding:16px}.runner-customizer{padding:10px}.runner-customizer>section{padding:12px}.runner-customizer-grid{grid-template-columns:1fr}.runner-avatar-preview{min-height:210px}.runner-avatar-preview canvas{height:210px}.runner-character-options img{width:44px}.runner-quiz-options{grid-template-columns:1fr 1fr}.runner-controls{flex-wrap:wrap;align-items:flex-start;gap:9px 14px}.runner-controls>button{margin-left:0}.runner-records li{min-width:0;padding:7px}.runner-records li strong{font-size:16px}}@media (max-width:460px){.runner-touch-controls{grid-template-columns:repeat(4,46px);gap:4px;bottom:5px;right:5px}.runner-touch-controls button{border-radius:10px;min-height:46px}.runner-touch-controls b{font-size:17px}.runner-touch-controls span{font-size:7px}.runner-power-toggle i{display:none}}.runner-rotate-overlay{display:none}@media screen and (max-width:950px) and (orientation:landscape),screen and (max-width:1366px) and (orientation:landscape) and (pointer:coarse){:root{--runner-touch-size:clamp(60px,12.5vh,78px);--runner-safe-left:env(safe-area-inset-left,0px);--runner-safe-right:env(safe-area-inset-right,0px);--runner-safe-bottom:env(safe-area-inset-bottom,0px)}html.fretboard-flight-open,body.fretboard-flight-open{overscroll-behavior:none;overflow:hidden}.runner-shell{z-index:300;touch-action:none;background:#050b14;border:0;border-radius:0;width:100vw;height:100dvh;margin:0;position:fixed;inset:0;overflow:hidden}.runner-header,.runner-controls,.runner-save-error{display:none}.runner-mobile-home{top:4px;left:max(4px,env(safe-area-inset-left,0px));z-index:340;color:#e6fbff;touch-action:manipulation;background:#071827e8;border:1px solid #67e8f9;border-radius:8px;justify-content:center;align-items:center;width:60px;height:34px;font-size:10px;font-weight:900;display:flex;position:fixed;box-shadow:0 3px 10px #0009}.runner-hud{z-index:315;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07111db8;border-bottom-color:#ffffff18;grid-template-columns:repeat(5,minmax(0,1fr));padding-left:68px;position:fixed;top:0;left:0;right:0}.runner-hud>span,.runner-hud>button{background:#07111da8;min-height:42px;padding:6px 11px}.runner-hud small{font-size:6px}.runner-hud b{margin-top:1px;font-size:clamp(11px,3vh,15px)}.runner-power-toggle i{display:none}.runner-pickup-status{z-index:314;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07111da8;grid-template-columns:auto auto auto auto 1fr;gap:8px;padding:5px 11px;font-size:7px;position:fixed;top:42px;left:0;right:0}.runner-pickup-status small{text-align:right;text-overflow:ellipsis;white-space:nowrap;grid-column:auto;overflow:hidden}.runner-stage{z-index:301;touch-action:none;background:#050b14;place-items:center;min-height:0;display:grid;position:fixed;inset:0;overflow:hidden}.runner-stage>canvas{aspect-ratio:8/3;object-fit:contain;touch-action:none;-webkit-tap-highlight-color:transparent;width:100vw;max-width:none;height:auto;max-height:100dvh;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.runner-touch-controls{z-index:320;pointer-events:none;touch-action:none;display:block;position:fixed;inset:0}.runner-touch-cluster{bottom:calc(9px + var(--runner-safe-bottom));height:calc(var(--runner-touch-size)*1.82);pointer-events:none;position:absolute}.runner-touch-cluster-left{left:calc(11px + var(--runner-safe-left));width:calc(var(--runner-touch-size)*3.35);height:calc(var(--runner-touch-size)*1.92)}.runner-touch-cluster-right{right:calc(11px + var(--runner-safe-right));width:calc(var(--runner-touch-size)*3.35);height:calc(var(--runner-touch-size)*1.92)}.runner-touch-controls button{width:var(--runner-touch-size);min-width:60px;height:var(--runner-touch-size);color:#111827;text-align:center;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffffbd;border:2px solid #fffffff0;border-radius:50%;place-content:center;min-height:60px;margin:0;padding:5px;line-height:1.02;transition:opacity 70ms,transform 70ms;display:grid;position:absolute;box-shadow:0 5px 15px #0008,inset 0 1px #fff}.runner-touch-controls button b{color:#08111e;font-size:clamp(16px,4vh,22px);line-height:1}.runner-touch-controls button span{color:#111827;letter-spacing:-.1px;text-transform:uppercase;max-width:54px;margin-top:2px;font-size:clamp(7px,1.75vh,10px);font-weight:950;line-height:1;display:block}.runner-touch-controls button:active,.runner-touch-controls button.active{color:#06101a;opacity:.72;background:#fffffff2;border-color:#fff;transform:scale(.91);box-shadow:0 2px 7px #0009,inset 0 0 0 2px #4edfff80}.runner-touch-sprint{bottom:0;left:0}.runner-touch-speed{left:calc(var(--runner-touch-size)*.95);bottom:0}.runner-touch-slide{left:calc(var(--runner-touch-size)*.95);bottom:calc(var(--runner-touch-size)*.8)}.runner-touch-superman{left:calc(var(--runner-touch-size)*1.9);bottom:calc(var(--runner-touch-size)*.8)}.runner-touch-forcefield{left:calc(var(--runner-touch-size)*2.35);bottom:0}.runner-touch-jump{bottom:0;right:0}.runner-touch-double-jump{right:calc(var(--runner-touch-size)*.95);bottom:calc(var(--runner-touch-size)*.8)}.runner-touch-triple-jump{right:calc(var(--runner-touch-size)*1.9);bottom:calc(var(--runner-touch-size)*.8)}.runner-touch-gravity-push{right:calc(var(--runner-touch-size)*2.35);bottom:0}.runner-overlay{z-index:305}.runner-quiz-backdrop{z-index:330;position:fixed}.runner-shop{padding:62px 14px 12px}.runner-menu{align-content:start;padding:73px 10px 12px;overflow-y:auto}.runner-menu .runner-unlocked>span,.runner-menu .runner-unlocked>p{display:none}.runner-menu .runner-unlocked>b{font-size:17px}.runner-menu .runner-unlocked>small{margin:2px 0 7px}.runner-menu .runner-soundtrack-picker{margin-bottom:8px}.runner-menu .runner-soundtrack-picker button{min-height:45px;padding:4px 8px}.runner-menu .runner-menu-actions{justify-content:center;gap:6px}.runner-menu .runner-menu-actions button{min-height:34px;padding:0 11px;font-size:9px}.runner-customizer{padding:54px max(8px,env(safe-area-inset-right,0px)) 8px max(8px,env(safe-area-inset-left,0px));align-content:start;overflow:auto}.runner-customizer>section{border-radius:11px;width:min(900px,100%);min-height:0;margin:0 auto;padding:9px 10px}.runner-customizer>section>header{align-items:center;margin-bottom:7px}.runner-customizer header h3{font-size:clamp(16px,4.4vh,21px)}.runner-customizer header p{display:none}.runner-customizer-top-actions>b{min-width:60px;padding:6px 8px}.runner-customizer-top-actions>button{width:32px;height:32px}.runner-customizer-grid{grid-template-columns:minmax(150px,.62fr) minmax(290px,1.38fr);align-items:stretch;gap:9px}.runner-avatar-preview{place-items:center;height:auto;min-height:0;padding:3px}.runner-avatar-preview canvas{aspect-ratio:4/3;object-fit:contain;width:min(100%,360px);height:auto;max-height:calc(100dvh - 126px);display:block}.runner-avatar-preview>small{font-size:6px;bottom:6px;left:8px}.runner-customizer-controls{gap:6px}.runner-customizer legend,.runner-skin-slider>span>b{margin-bottom:3px;font-size:8px}.runner-character-options{gap:6px}.runner-character-options>button{min-height:45px;padding:2px 7px}.runner-character-options img{width:39px;height:39px}.runner-character-options b{font-size:10px}.runner-character-options small{font-size:7px}.runner-skin-slider{padding:6px 8px}.runner-skin-slider input{margin:5px 0 3px}.runner-skin-slider>i b{height:7px}.runner-hair-picker{padding:6px 8px!important}.runner-hair-picker>div{grid-template-columns:31px 46px 1fr 31px;gap:6px}.runner-hair-picker button{height:31px}.runner-hair-art{width:46px;height:38px}.runner-customizer-actions button{min-height:34px}}@media screen and (max-width:700px) and (orientation:landscape){.runner-customizer-grid{grid-template-columns:minmax(132px,.55fr) minmax(260px,1.45fr)}.runner-avatar-preview canvas{max-height:calc(100dvh - 118px)}}@media screen and (max-width:950px) and (orientation:portrait){html.fretboard-flight-open,body.fretboard-flight-open{overscroll-behavior:none;overflow:hidden}.runner-shell{z-index:300;background:#050b14;border:0;border-radius:0;width:100vw;height:100dvh;margin:0;position:fixed;inset:0;overflow:hidden}.runner-header,.runner-hud,.runner-pickup-status,.runner-controls{visibility:hidden}.runner-mobile-home{top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));z-index:410;color:#e6fbff;visibility:visible;background:#071827;border:1px solid #67e8f9;border-radius:9px;justify-content:center;align-items:center;width:72px;height:40px;font-weight:900;display:flex;position:fixed}.runner-stage{min-height:0;position:fixed;inset:0}.runner-rotate-overlay{z-index:400;color:#fff;text-align:center;touch-action:none;background:#050b14;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;display:flex;position:fixed;inset:0}.runner-rotate-overlay>span{border:2px solid #ffffffc7;border-radius:14px;place-items:center;width:66px;height:50px;margin-bottom:7px;font-size:31px;display:grid}.runner-rotate-overlay>b{font-size:17px}.runner-rotate-overlay>small{color:#ffffff9c;font-size:12px}}.landing-page{--landing-bg:#07111d;--landing-panel:#0d1b2a;--landing-panel-2:#10283a;--landing-cyan:#22d3ee;--landing-orange:#ff8a3d;--landing-text:#f4f8ff;--landing-muted:#9fb0c3;background:var(--landing-bg);min-height:100vh;color:var(--landing-text);font-family:var(--font-body);overflow:hidden}.landing-page button,.landing-page a{font:inherit}.landing-page button{cursor:pointer}.landing-page a{color:inherit;text-decoration:none}.landing-nav{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111de8;border-bottom:1px solid #ffffff14;align-items:center;gap:24px;width:100%;height:68px;padding:0 max(20px,50vw - 620px);display:flex;position:sticky;top:0}.landing-brand{color:#fff;letter-spacing:1.35px;white-space:nowrap;align-items:center;gap:10px;font-size:11px;font-weight:800;display:inline-flex}.landing-brand img{object-fit:cover;object-position:center;border-radius:8px;width:42px;height:42px;display:block;box-shadow:0 7px 18px #00c8ff26}.landing-brand b{color:var(--landing-cyan);font-size:13px;display:block}.landing-nav-actions{align-items:center;gap:20px;margin-left:auto;display:none}.landing-login-link{color:#dce6f3;background:0 0;border:0;padding:10px 4px;font-weight:700}.landing-login-link:hover{color:var(--landing-cyan)}.landing-preview-button,.landing-secondary-button{border-radius:9px;min-height:46px;padding:0 19px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.landing-preview-button{color:#fff;background:linear-gradient(135deg,#0891b2,#22b8d2);border:1px solid #67e8f9;box-shadow:0 10px 24px #0891b23d}.landing-secondary-button{color:#f5f9ff;background:#ffffff08;border:1px solid #ffffff37}:is(.landing-secondary-button:hover,.landing-secondary-button:focus-visible){border-color:var(--landing-cyan);color:#c9f9ff;background:#22d3ee12}.landing-menu-toggle{background:#ffffff08;border:1px solid #ffffff24;border-radius:9px;place-content:center;gap:5px;width:44px;height:42px;margin-left:auto;padding:10px;display:grid}.landing-menu-toggle i{background:#fff;border-radius:2px;width:20px;height:2px;display:block}.landing-mobile-menu{z-index:62;background:#0b1826f5;border:1px solid #ffffff1f;border-radius:0 0 13px 13px;gap:8px;padding:12px;display:none;position:absolute;top:68px;left:14px;right:14px;box-shadow:0 22px 45px #0009}.landing-mobile-menu.open{display:grid}.landing-mobile-menu>button:first-child{color:#fff;background:#ffffff08;border:1px solid #ffffff28;border-radius:8px;min-height:44px;font-weight:800}.landing-hero{gap:48px;max-width:1240px;margin:auto;padding:72px 20px 62px;display:grid;position:relative}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0a789859,#0000 67%);border-radius:50%;width:620px;height:620px;position:absolute;top:-190px;left:-260px}.landing-hero-copy{z-index:1;align-self:center;position:relative}.landing-free-pill{color:#9bf4ff;letter-spacing:1px;background:#0b3341;border:1px solid #42e5f75e;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900;display:inline-flex}.landing-eyebrow,.landing-section-heading>span,.landing-final-cta>span,.landing-community-copy>span{color:var(--landing-orange);letter-spacing:2.2px;margin:20px 0 0;font-size:10px;font-weight:900}.landing-hero h1{color:#fff;-webkit-text-fill-color:#fff;max-width:710px;font:700 clamp(44px,7vw,76px)/.98 var(--font-display);letter-spacing:-3.2px;overflow-wrap:anywhere;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin:14px 0 18px}.landing-hero-lead{color:#b4c2d2;max-width:650px;margin:0;font-size:clamp(15px,2vw,18px);line-height:1.75}.landing-hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.landing-preview-large{min-height:52px;padding:0 23px}.landing-preview-large span{margin-left:20px}.landing-trust-row{color:#8fa2b6;flex-wrap:wrap;gap:10px 18px;margin-top:22px;font-size:10px;display:flex}.landing-trust-row span{align-items:center;gap:6px;display:flex}.landing-trust-row b{color:#75ebfa;background:#163946;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.landing-product-wrap{align-self:center;position:relative}.landing-product-wrap:before{content:"";filter:blur(52px);background:#11bbd834;border-radius:50%;position:absolute;inset:14% 5% -10%}.landing-device{background:#081522;border:1px solid #66d9eb53;border-radius:18px;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-2deg)rotateX(1deg);box-shadow:0 35px 80px #0009,0 0 0 7px #ffffff05}.landing-device-bar{color:#8296aa;background:#101e2d;border-bottom:1px solid #ffffff13;align-items:center;height:38px;padding:0 12px;display:flex}.landing-device-bar>span{gap:5px;display:flex}.landing-device-bar i{background:#456174;border-radius:50%;width:6px;height:6px;display:block}.landing-device-bar i:first-child{background:#ff8a3d}.landing-device-bar b{letter-spacing:1.4px;margin:auto;font-size:7px}.landing-device-bar small{font-size:6px}.landing-device-screen{grid-template-columns:43px 1fr;min-height:290px;display:grid}.landing-mock-rail{background:#08131f;border-right:1px solid #ffffff0f;align-content:start;gap:8px;padding:11px 8px;display:grid}.landing-mock-rail span{aspect-ratio:1;color:#557087;border-radius:7px;place-items:center;font-size:12px;display:grid}.landing-mock-rail .active{color:#6ceafa;background:#0f4957}.landing-mock-main{padding:18px}.landing-mock-welcome{grid-template-columns:1fr auto;gap:4px;display:grid}.landing-mock-welcome small{color:#ff9e66;letter-spacing:1.3px;grid-column:1/-1;font-size:6px;font-weight:900}.landing-mock-welcome b{font:700 15px var(--font-display)}.landing-mock-welcome span{color:#7fe8f4;font-size:6px}.landing-mock-grid{grid-template-columns:1.35fr .85fr;gap:9px;margin-top:16px;display:grid}.landing-mock-grid article{background:#0d1d2d;border:1px solid #ffffff12;border-radius:9px;min-height:84px;padding:12px}.landing-mock-grid small{color:#8298ac;letter-spacing:.7px;font-size:6px;font-weight:900}.landing-mock-lesson{grid-row:span 2}.landing-mock-lesson b,.landing-mock-game b{font:700 12px var(--font-display);margin-top:5px;display:block}.landing-mock-lesson p{color:#71e1ef;margin:26px 0 8px;font-size:10px}.landing-mock-lesson i{background:#243649;border-radius:4px;height:4px;display:block;overflow:hidden}.landing-mock-lesson i span{background:linear-gradient(90deg,#20d1ec,#ff8a3d);width:72%;height:100%;display:block}.landing-mock-lesson em{color:#7f91a4;text-align:right;margin-top:5px;font-size:6px;font-style:normal;display:block}.landing-mock-game{position:relative;overflow:hidden;background:linear-gradient(135deg,#15323d,#31223b)!important}.landing-mock-game>span{color:#fff;background:#ff8a3d;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:8px;display:grid}.landing-mock-stat{grid-template-columns:1fr auto;align-content:center;display:grid}.landing-mock-stat small{grid-column:1/-1}.landing-mock-stat b{font:700 20px var(--font-display);margin-top:4px}.landing-mock-stat span{color:#72e9a8;align-self:end;font-size:6px}.landing-video-note{color:#778da2;letter-spacing:.6px;gap:7px;margin:16px 0 0 12px;font-size:8px;display:inline-flex;position:relative}.landing-video-note b{color:#75e6f4}.landing-mock-rail button{aspect-ratio:1;color:#557087;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:12px;transition:background .16s,color .16s,transform .16s;display:grid}:is(.landing-mock-rail button:hover,.landing-mock-rail button:focus-visible){color:#92f3ff;background:#123342;outline:none;transform:translateY(-1px)}.landing-live-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.landing-live-card{color:#eef7ff;text-align:left;cursor:pointer;background:#0d1d2d;border:1px solid #ffffff16;border-radius:9px;grid-template-columns:28px 1fr;align-content:start;gap:2px 8px;min-height:102px;padding:11px;transition:border-color .17s,background .17s,transform .17s;display:grid}:is(.landing-live-card:hover,.landing-live-card:focus-visible){background:#10283a;border-color:#56e5f587;outline:none;transform:translateY(-2px)}.landing-live-card>span{background:#123b4a;border-radius:8px;grid-row:1/4;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.landing-live-card small{color:#72e4f1;letter-spacing:.75px;font-size:6px;font-weight:900}.landing-live-card b{font:700 10px/1.2 var(--font-display)}.landing-live-card em{color:#8498ab;font-size:6px;font-style:normal;line-height:1.35}.landing-live-game{background:linear-gradient(135deg,#123743,#2a2036)}.landing-live-game>span{background:#ff8a3d}.landing-proof{grid-template-columns:1fr 1fr;max-width:1240px;margin:auto;padding:0 20px 60px;display:grid}.landing-proof span{color:#7f93a8;border-top:1px solid #ffffff18;padding:17px 10px;font-size:9px}.landing-proof b{color:#eaf5ff;font:700 16px var(--font-display);margin-bottom:4px;display:block}.landing-section{max-width:1240px;margin:auto;padding:86px 20px}.landing-section-heading{max-width:730px;margin-bottom:36px}.landing-section-heading>span{margin:0;display:block}.landing-section-heading h2,.landing-final-cta h2,.landing-community-copy h2{color:#f7fbff;font:700 clamp(30px,4vw,49px)/1.08 var(--font-display);letter-spacing:-1.8px;margin:12px 0 14px}.landing-section-heading p{color:#94a7bb;max-width:620px;margin:0;font-size:14px;line-height:1.7}.landing-features{position:relative}.landing-features:before{content:"";filter:blur(70px);pointer-events:none;background:#3c174036;border-radius:50%;width:480px;height:480px;position:absolute;bottom:0;right:-20%}.landing-feature-grid{gap:14px;display:grid;position:relative}.landing-feature-grid article{background:linear-gradient(145deg,#0d1c2b,#0a1622);border:1px solid #ffffff15;border-radius:16px;flex-direction:column;min-height:320px;padding:28px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 16px 40px #0002}.landing-feature-grid article:hover{border-color:#43d7eb55;transform:translateY(-5px)}.landing-feature-icon{color:#75ecfb;background:#0e3642;border:1px solid #48d5e65c;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:32px;font-size:24px;display:grid}.landing-feature-grid article:nth-child(2) .landing-feature-icon{color:#ff9c63;background:#452618;border-color:#ffad7c62}.landing-feature-grid article:nth-child(3) .landing-feature-icon{color:#d9b0ff;background:#2e1f42;border-color:#c795f36b}.landing-feature-grid small{color:#ff9560;letter-spacing:1.8px;font-size:8px;font-weight:900}.landing-feature-grid h3{font:700 22px var(--font-display);margin:8px 0 10px}.landing-feature-grid p{color:#92a5ba;margin:0;font-size:12px;line-height:1.75}.landing-feature-grid a{color:#71e9f8;margin-top:auto;padding-top:24px;font-size:10px;font-weight:800}.landing-feature-grid a b{margin-left:8px}.landing-audiences{border-top:1px solid #ffffff0d}.landing-audience-grid{gap:15px;display:grid}.landing-audience-grid article{border-radius:17px;padding:32px}.landing-audience-grid article>small{letter-spacing:1.8px;font-size:8px;font-weight:900}.landing-audience-grid h3{max-width:490px;font:700 clamp(25px,3vw,36px)/1.13 var(--font-display);margin:12px 0}.landing-audience-grid p{color:#b1c1d0;max-width:560px;font-size:12px;line-height:1.75}.landing-audience-grid ul{gap:11px;margin:25px 0 29px;padding:0;list-style:none;display:grid}.landing-audience-grid li{align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.landing-audience-grid li span{border:1px solid;border-radius:50%;place-items:center;width:27px;height:27px;font-size:7px;display:grid}.landing-audience-grid button{min-height:42px;color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:0 15px;font-size:10px;font-weight:900}.landing-student-panel{color:#e3fbff;background:linear-gradient(145deg,#0b3945,#0c222e);border:1px solid #23ccdf4f}.landing-student-panel>small{color:#75ecfb}.landing-educator-panel{color:#fff2ea;background:linear-gradient(145deg,#3a2118,#1c1920);border:1px solid #ff946054}.landing-educator-panel>small{color:#ffa170}.landing-community{background:linear-gradient(135deg,#171b21,#102731);border:1px solid #dcb85542;border-radius:18px;gap:30px;margin-bottom:70px;display:grid;box-shadow:0 25px 60px #0005}.landing-community-logo{background:#fff;border:1px solid #e4c86932;border-radius:14px;align-content:center;place-items:center;gap:14px;min-height:210px;padding:28px;display:grid}.landing-community-logo img{width:min(240px,80%);height:auto;display:block}.landing-community-logo span{color:#715f1e;letter-spacing:2px;font-size:8px;font-weight:900}.landing-community-copy>span{color:#e8c65a;margin:0;display:block}.landing-community-copy p{color:#adbdcb;max-width:680px;margin:0;font-size:13px;line-height:1.75}.landing-community-copy>div{flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;display:flex}.landing-community-copy strong{color:#efd874;letter-spacing:.8px;text-transform:uppercase;font-size:9px}.landing-community-copy a{color:#f6df88;border:1px solid #f0d26a;border-radius:8px;align-items:center;gap:22px;min-height:42px;margin-left:auto;padding:0 16px;font-size:10px;font-weight:900;display:inline-flex}.landing-final-cta{text-align:center;background:radial-gradient(circle at 50% 120%,#0d6b7a78,#0000 53%),linear-gradient(#091521,#07111d);padding:88px 20px}.landing-final-cta>span{margin:0;display:block}.landing-final-cta h2{max-width:820px;margin:14px auto}.landing-final-cta p{color:#98aabd;margin:0;font-size:14px}.landing-final-cta>div{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:27px;display:flex}.landing-footer{background:#050c14;border-top:1px solid #ffffff12;padding:42px max(20px,50vw - 620px) 24px}.landing-footer-top{align-items:center;gap:18px;display:grid}.landing-footer-top>p{color:#71859a;margin:0;font-size:10px}.landing-footer-links{flex-wrap:wrap;gap:13px 20px;display:flex}.landing-footer-links a,.landing-footer-links button{color:#a6b5c5;background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.landing-footer-links a:hover,.landing-footer-links button:hover{color:#6ceafa}.landing-policy-notes{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;gap:10px;margin-top:27px;padding:18px 0;display:grid}.landing-policy-notes p{color:#617488;margin:0;font-size:8px;line-height:1.6}.landing-policy-notes b{color:#8da1b5}.landing-footer-bottom{color:#566b80;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:18px;font-size:8px;display:flex}.landing-footer-bottom a{color:#75dce9}.landing-version{color:#8baabc;white-space:nowrap;background:linear-gradient(135deg,#0b2430,#10202c);border:1px solid #2c8797;border-radius:7px;align-items:center;gap:8px;min-height:30px;padding:3px 9px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff09,0 0 18px #0cb5ce1c}.landing-version small{letter-spacing:.13em;color:#66d9e9;font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.landing-version b{color:#f6fbff;letter-spacing:-.08em;text-shadow:0 0 10px #27d8ef66;align-items:baseline;gap:1px;font:900 19px/.9 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.landing-version b i{color:#f6fbff;font-style:normal}.landing-version b em{color:#f5b142;text-shadow:0 0 8px #f5b14299;font-style:normal}.landing-auth-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020914e8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.landing-auth-dialog{color:#edf7ff;background:#0d1927;border:1px solid #4fdcec55;border-radius:18px;width:min(480px,100%);margin:auto;padding:34px;position:relative;box-shadow:0 35px 100px #000c}.landing-auth-close{color:#d9e5f0;background:#ffffff08;border:1px solid #ffffff25;border-radius:50%;place-items:center;width:35px;height:35px;font-size:22px;display:grid;position:absolute;top:11px;right:13px}.landing-auth-dialog .auth-box{width:100%}.landing-auth-dialog .auth-box>small{color:#ff9560}.landing-auth-dialog .auth-box h2{color:#fff}.landing-auth-dialog .auth-box>p,.landing-auth-dialog .auth-box label{color:#9eb0c3}.landing-auth-dialog .auth-box input{color:#fff;background:#08131f;border-color:#2b4256}.landing-auth-dialog .auth-box input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee1d}.landing-auth-dialog .remember-row{grid-template-columns:18px 1fr;align-items:start;gap:8px;display:grid}.landing-auth-dialog .remember-row input{width:16px;margin:1px 0}.landing-auth-dialog .remember-row b,.landing-auth-dialog .remember-row small{display:block}.landing-auth-dialog .remember-row small{color:#71879c;margin-top:3px;font-size:8px;font-weight:500}.landing-auth-dialog .auth-submit{background:linear-gradient(135deg,#0891b2,#22b8d2);box-shadow:0 10px 24px #0891b238}.landing-auth-dialog .guest-cta,.landing-auth-dialog .auth-install{color:#a9f5ff;background:#0b3440;border:1px solid #3ebfd168;border-radius:7px;width:100%;min-height:43px;margin-top:9px;font-size:10px;font-weight:900}.landing-auth-dialog .create-options{border-color:#25394c}.landing-auth-dialog .create-options button,.landing-auth-dialog .back-login{color:#85ebf8;background:#0b202d;border-color:#38c9dd}.landing-auth-trust{background:#0d2932;border:1px solid #2c5360;border-radius:9px;align-items:flex-start;gap:9px;margin-top:17px;padding:11px;display:flex}.landing-auth-trust>span{color:#7cf2ff;background:#135365;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:11px;display:grid}.landing-auth-trust p{color:#8da6b9;margin:0;font-size:9px;line-height:1.5}.landing-auth-trust b{color:#dffbff;display:block}.landing-auth-dialog .support-line{border-color:#263a4d}@media (min-width:780px){.landing-nav-actions{display:flex}.landing-menu-toggle,.landing-mobile-menu{display:none!important}.landing-hero{grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);padding-top:94px;padding-bottom:86px}.landing-proof{grid-template-columns:repeat(4,1fr)}.landing-proof span{border-bottom:1px solid #ffffff18;padding:20px}.landing-proof span+span{border-left:1px solid #ffffff12}.landing-feature-grid{grid-template-columns:repeat(3,1fr)}.landing-audience-grid{grid-template-columns:1fr 1fr}.landing-community{grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr);align-items:center;padding:30px}.landing-footer-top{grid-template-columns:auto 1fr auto}.landing-footer-top>p{padding-left:20px}.landing-policy-notes{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width:779px){.landing-hero{padding-top:54px}.landing-hero h1{letter-spacing:-2px}.landing-device{transform:none}.landing-section{padding-top:66px;padding-bottom:66px}.landing-community{margin-left:14px;margin-right:14px;padding:16px}.landing-community-copy{padding:6px 8px 14px}.landing-community-copy a{margin-left:0}.landing-auth-dialog{padding:30px 20px}.landing-footer-bottom{display:grid}}@media (max-width:440px){.landing-hero h1{letter-spacing:-1.6px;font-size:clamp(34px,13vw,48px);line-height:1.02}.landing-hero-actions>*{width:100%}.landing-proof{grid-template-columns:1fr 1fr}.landing-device-screen{min-height:250px}.landing-mock-main{padding:12px}.landing-mock-lesson p{margin-top:18px}.landing-community-logo{min-height:180px}.landing-final-cta>div>*{width:100%}}.landing-audience-actions{flex-wrap:wrap;gap:9px;display:flex}.landing-audience-actions a{min-height:42px;color:inherit;border:1px solid;border-radius:8px;align-items:center;padding:0 15px;font-size:10px;font-weight:900;display:inline-flex}.landing-auth-dialog .create-options a{color:#85ebf8;text-align:center;background:#0b202d;border:1px solid #38c9dd;border-radius:6px;place-items:center;min-height:38px;padding:8px;font-size:10px;font-weight:900;display:grid}@media (prefers-reduced-motion:reduce){.landing-page *{scroll-behavior:auto!important;transition:none!important}.landing-feature-grid article:hover,.landing-preview-button:hover{transform:none}}.legal-page{color:#182230;background:#fff;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.legal-page a{color:inherit;text-decoration:none}.legal-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #dfe5eb;align-items:center;gap:28px;width:100%;height:auto;min-height:74px;padding:10px max(24px,50vw - 540px);display:flex;position:sticky;top:0}.legal-brand{white-space:nowrap;color:#14202d;letter-spacing:1.2px;align-items:center;gap:10px;font-size:10px;font-weight:800;display:inline-flex}.legal-brand img{object-fit:cover;object-position:center;border-radius:8px;width:44px;height:44px;display:block}.legal-brand b{color:#087f99;font-size:12px;display:block}.legal-header nav{align-items:center;gap:24px;height:auto;margin-left:auto;display:flex}.legal-header nav a{color:#526172;border-bottom:2px solid #0000;padding:8px 0;font-size:12px;font-weight:700}.legal-header nav a:hover,.legal-header nav a.active{color:#172432;border-color:#0e8fa6}.legal-header nav .legal-home-link{color:#1c2d3d;border:1px solid #bdc8d3;border-radius:6px;padding:10px 14px}.legal-document{width:min(920px,100% - 40px);margin:0 auto;padding:70px 0 80px}.legal-title{border-bottom:2px solid #1e2d3c;padding-bottom:34px}.legal-title p{color:#087f99;letter-spacing:2px;margin:0 0 14px;font-size:11px;font-weight:800}.legal-title h1{color:#111b26;letter-spacing:-2px;margin:0 0 14px;font:700 clamp(42px,6vw,66px)/1.02 Georgia,Times New Roman,serif}.legal-title span{color:#637181;font-size:12px}.legal-document>section{border-bottom:1px solid #e2e7ec;padding:32px 0}.legal-document section h2{color:#182532;letter-spacing:-.25px;margin:0 0 14px;font:700 25px/1.25 Georgia,Times New Roman,serif}.legal-document section p,.legal-document section li{color:#3e4b59;font-size:15px;line-height:1.78}.legal-document section p{margin:0}.legal-document section ul:not(.legal-checklist):not(.legal-rules){gap:12px;margin:18px 0 0;padding-left:22px;display:grid}.legal-document section a{color:#066f87;text-underline-offset:3px;text-decoration:underline}.legal-summary{background:#f5f7f9;border-radius:10px;gap:30px;margin-top:36px;display:grid;border:1px solid #cfd8e1!important;padding:34px!important}.legal-summary small,.legal-contact small{color:#087f99;letter-spacing:1.7px;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.legal-summary h2{font-size:31px!important}.legal-checklist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.legal-checklist li{background:#fff;border:1px solid #d9e0e6;border-radius:6px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:12px 14px;display:grid;color:#24313e!important;font-size:13px!important;line-height:1.35!important}.legal-checklist li span,.legal-rules li>span{color:#087f99;background:#e6f5f7;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:grid}.legal-rules{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.legal-rules li{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.legal-rules li p{margin:0}.legal-contact{background:#f8fafb;border-radius:9px;margin-top:34px;border:1px solid #b8c8d5!important;padding:34px!important}.legal-footer{color:#5e6c7a;background:#f6f8fa;border-top:1px solid #dfe5eb;flex-wrap:wrap;justify-content:center;gap:16px 26px;padding:25px 20px;font-size:11px;display:flex}.legal-footer a{font-weight:700}.legal-footer a:hover{color:#087f99}.legal-section-heading{border-bottom:2px solid #1e2d3c;padding:52px 0 4px;scroll-margin-top:104px}.legal-section-heading small{color:#087f99;letter-spacing:1.7px;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.legal-section-heading h2{color:#111b26;letter-spacing:-1px;margin:0 0 8px;font:700 clamp(34px,5vw,48px)/1.08 Georgia,Times New Roman,serif}.legal-section-heading p{color:#637181;margin:0 0 20px;font-size:14px}.legal-section-heading-terms{margin-top:44px}@media (min-width:760px){.legal-summary{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start}}@media (max-width:640px){.legal-header{flex-wrap:wrap;align-items:flex-start;padding:10px 18px}.legal-header nav{gap:16px;width:100%;margin:0}.legal-header nav .legal-home-link{margin-left:auto;padding:8px 10px}.legal-document{width:min(100% - 30px,920px);padding-top:46px}.legal-title h1{letter-spacing:-1px;font-size:42px}.legal-summary{padding:24px!important}.legal-document>section{padding:27px 0}.legal-document section h2{font-size:22px}.legal-document section p,.legal-document section li{font-size:14px}}.language-switcher{gap:2px;display:grid}.language-switcher>span{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;font-size:7px;font-weight:900}.language-switcher select{border:1px solid var(--line);background:var(--panel);max-width:105px;color:var(--ink);border-radius:6px;padding:6px 7px;font-size:9px;font-weight:800}.diagram{border:1px solid #64748b;border-radius:2px;background:#f8fafc!important}.diagram .string{width:1.5px;box-shadow:0 0 0 .15px #26384a;background:#26384a!important}.diagram .fret{width:calc(100% - 8px);height:1.5px;left:4px;background:#617185!important}.diagram .nut{width:calc(100% - 8px);height:4px;left:4px;background:#101b29!important}.diagram .dot{color:#fff;border:1px solid #062f3a;box-shadow:0 1px 2px #0005;background:#06b6d4!important}.chord-string-status{color:#087b58;padding:0 1px;font-size:9px!important}.chord-string-status>span{place-items:center;min-width:0;font-weight:950;display:grid}.chord-string-status .muted{color:#c52f26}.fret-number{color:#39495b!important}.diagram-legend{color:#4a5a6d!important}.diagram-legend b{color:#172433!important}.app-shell[data-theme=dark] .diagram{border-color:#6f8299;background:#f2f6fa!important}.app-shell[data-theme=dark] .diagram .string{background:#243447!important}.app-shell[data-theme=dark] .diagram .fret{background:#5a6d83!important}.app-shell[data-theme=dark] .diagram .nut{background:#0b1522!important}.app-shell[data-theme=dark] .fret-number{color:#d5deea!important}.app-shell[data-theme=dark] .chord-string-status{color:#6ee7b7}.app-shell[data-theme=dark] .chord-string-status .muted{color:#ff8a76}.app-shell[data-theme=dark] .diagram-legend{color:#c4d0df!important}.app-shell[data-theme=dark] .diagram-legend b{color:#f8fafc!important}.lesson-feedback.correct{border:1px solid #15803d;color:#14532d!important;background:#dcfce7!important}.lesson-feedback.wrong{border:1px solid #dc2626;color:#7f1d1d!important;background:#fee2e2!important}.app-shell[data-theme=dark] .lesson-feedback.correct{border-color:#4ade80;color:#dcfce7!important;background:#123824!important}.app-shell[data-theme=dark] .lesson-feedback.wrong{border-color:#fb7185;color:#fff1f2!important;background:#4c1d1d!important}.placement-backdrop{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030914e8;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.placement-modal{color:#edf8ff;text-align:center;background:#0c1827;border:1px solid #48d8ea55;border-radius:18px;width:min(560px,100%);margin:auto;padding:30px;box-shadow:0 35px 90px #000b}.placement-modal>small,.placement-modal header small{color:#67e8f9;letter-spacing:1.8px;font-size:9px;font-weight:900}.placement-modal h2{color:#fff;font:700 30px var(--font-display);margin:8px 0 10px}.placement-modal>p{color:#9fb0c3;font-size:12px;line-height:1.65}.placement-icon{color:#7df5ff;background:#0e3b48;border:1px solid #4de8f4;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 13px;font-size:31px;display:grid}.placement-modal ul{text-align:left;gap:7px;margin:20px 0;padding:0;list-style:none;display:grid}.placement-modal li{background:#ffffff06;border:1px solid #ffffff16;border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:10px;display:flex}.placement-modal li span{color:#8296aa}.placement-start,.placement-skip{border-radius:8px;width:100%;min-height:44px;font-weight:900}.placement-start{color:#05222a;background:#12b8d2;border:0}.placement-skip{color:#b8c7d6;background:0 0;border:1px solid #ffffff27;margin-top:8px}.placement-modal>header{background:0 0;border:0;width:100%;height:auto;padding:0;position:static}.placement-modal header>div{text-align:left}.placement-modal header>span{color:#ffad78;margin-left:auto;font-size:10px;font-weight:900}.placement-progress{background:#253448;border-radius:9px;height:5px;margin:15px 0 18px;overflow:hidden}.placement-progress i{border-radius:inherit;background:linear-gradient(90deg,#20d2e8,#ff8a3d);height:100%;display:block}.placement-chord{background:#f8fafc;border:1px solid #5d7388;border-radius:12px;width:170px;margin:0 auto 20px;padding:14px 24px 18px}.placement-string-status{color:#0f8a65;grid-template-columns:repeat(6,1fr);margin-bottom:5px;font-weight:900;display:grid}.placement-string-status span:first-child{color:#cf3b32}.placement-fretboard{background:#fff;border-top:5px solid #142235;width:110px;height:125px;margin:auto;position:relative}.placement-fretboard .p-string,.placement-fretboard .p-fret{background:#475569;display:block;position:absolute}.placement-fretboard .p-string{width:2px;height:100%;top:0}.placement-fretboard .p-fret{width:100%;height:2px;left:0}.placement-fretboard b{color:#fff;background:#06b6d4;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;display:grid;position:absolute;transform:translate(-50%,-50%)}.placement-answers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.placement-answers button{color:#f4f8ff;background:#102436;border:1px solid #52677c;border-radius:8px;min-height:44px;font-weight:900}.placement-answers button.correct{background:#14532d;border-color:#4ade80}.placement-answers button.wrong{background:#4c1d1d;border-color:#fb7185}.placement-result{color:#ffd2d9!important}.placement-result.correct{color:#b9f6cf!important}.actionable-insights{background:var(--panel);border:1px solid #cbd5e1;border-radius:14px;margin:0 0 25px;padding:24px;box-shadow:0 12px 30px #0f172a0b}.actionable-insights>header{background:0 0;border:0;width:100%;height:auto;padding:0 0 18px;position:static}.actionable-insights header small{color:var(--orange);letter-spacing:1.7px;font-size:9px;font-weight:900}.actionable-insights header h2{color:var(--ink);font:700 27px var(--font-display);margin:5px 0}.actionable-insights header p{color:var(--muted);margin:0;font-size:10px}.actionable-insights header>span{color:var(--blue);border:1px solid #0e8fa655;border-radius:20px;margin-left:auto;padding:7px 10px;font-size:8px;font-weight:900}.insight-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.insight-grid article{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:10px;padding:15px}.insight-grid article>div{align-items:center;gap:8px;display:flex}.insight-grid article>div span{color:#78effa;background:#123f49;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.insight-grid article strong{color:#c2410c;font:700 27px var(--font-display);align-items:end;gap:7px;margin:15px 0 8px;display:flex}.insight-grid article strong small{color:var(--muted);font:800 8px var(--font-body);text-transform:uppercase;padding-bottom:4px}.insight-grid article>i{background:#d8dee7;border-radius:5px;height:5px;display:block;overflow:hidden}.insight-grid article>i i{background:linear-gradient(90deg,#fbbf24,#ef4444);height:100%;display:block}.insight-grid article p{color:var(--muted);margin:10px 0;font-size:9px}.insight-grid article em{color:var(--blue);font-size:9px;font-style:normal;font-weight:800;display:block}.insights-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:10px;padding:28px}.insights-empty span,.insights-empty b{display:block}.app-shell[data-theme=dark] .actionable-insights{border-color:#304158}.app-shell[data-theme=dark] .insight-grid article{background:#0f1b2b}.app-shell[data-theme=dark] .insight-grid article>i{background:#25364b}.studio-share-control{background:#f4f7fa;border:1px solid #b6c5d4;border-radius:9px;align-items:center;gap:10px;margin-top:14px;padding:11px;display:flex}.studio-share-control>label{flex:1;align-items:flex-start;gap:9px;display:flex}.studio-share-control input{accent-color:#0e8fa6;width:18px;height:18px}.studio-share-control b,.studio-share-control small{display:block}.studio-share-control b{font-size:10px}.studio-share-control small{color:#4b5b6d;margin-top:3px;font-size:8px}.studio-share-control select{background:#fff;border:1px solid #aab8c6;border-radius:6px;padding:7px;font-size:9px}.saved-song-row{grid-template-columns:1fr auto;gap:5px;display:grid}.saved-song-row>button:first-child{color:var(--ink);text-align:left;background:#11b5d2;border:0;border-radius:7px;padding:8px}.saved-song-row>button:last-child{color:#0e8fa6;background:#fff;border:1px solid #0e8fa6;border-radius:7px;padding:6px;font-size:8px;font-weight:900}.saved-song-row>button.shared{color:#fff;background:#0e8fa6}.class-song-board{margin-top:16px;overflow:hidden;border:1px solid var(--line)!important;padding:0!important}.class-song-board>header{border:0;border-bottom:1px solid var(--line);color:#fff;background:#0e3440;width:100%;height:auto;padding:12px;position:static}.class-song-board header small{color:#67e8f9;letter-spacing:1px;font-size:8px}.class-song-board header h3{margin:3px 0 0;font-size:15px}.class-song-board header>span{color:#ffd166;margin-left:auto;font-size:7px;font-weight:900}.class-song-board>div{gap:6px;padding:8px;display:grid}.class-song-board article{border:1px solid var(--line);border-radius:8px;grid-template-columns:27px 1fr auto auto;align-items:center;gap:6px;padding:8px;display:grid}.class-song-board article>span{font-size:18px}.class-song-board article b,.class-song-board article small,.class-song-board article p{margin:0;display:block}.class-song-board article b{font-size:9px}.class-song-board article small,.class-song-board article p{color:var(--muted);margin-top:2px;font-size:7px}.class-song-board article>button{color:#0e8fa6;background:#fff;border:1px solid #0e8fa6;border-radius:6px;padding:6px;font-size:8px;font-weight:900}.class-song-board>p{color:var(--muted);padding:13px;font-size:9px}.runner-mic-control{z-index:11;color:#eefbff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;background:#061422e8;border:1px solid #58dced8a;border-radius:10px;grid-template-columns:auto minmax(130px,1fr) auto;align-items:center;gap:10px;width:min(560px,100% - 24px);padding:9px 10px;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 10px 28px #0008}.runner-mic-control>div small,.runner-mic-control>div b,.runner-mic-control>div span,.runner-mic-control output strong,.runner-mic-control output span{display:block}.runner-mic-control small{color:#6ceafb;letter-spacing:1px;font-size:7px}.runner-mic-control b{font-size:11px}.runner-mic-control>div span{color:#8197aa;font-size:7px}.runner-mic-control output strong{color:#ffad73;font-size:11px}.runner-mic-control output span{color:#b5c4d2;font-size:8px}.runner-mic-control.correct{border-color:#4ade80;box-shadow:0 0 24px #22c55e55}.runner-mic-control button{color:#ecfeff;background:#0e5564;border:1px solid #5deafb;border-radius:7px;min-height:32px;padding:0 10px;font-size:8px;font-weight:900}@media (max-width:900px){.insight-grid{grid-template-columns:1fr 1fr}.language-switcher{order:4}.language-switcher>span{display:none}.language-switcher select{max-width:78px}.runner-mic-control{grid-template-columns:1fr auto;width:min(450px,100% - 160px);padding:5px 7px;top:5px;left:50%;transform:translate(-50%)}.runner-mic-control>div{display:none}.runner-mic-control output span{white-space:nowrap;text-overflow:ellipsis;max-width:155px;overflow:hidden}}@media (max-width:620px){.insight-grid{grid-template-columns:1fr}.placement-modal{padding:23px 17px}.placement-modal h2{font-size:25px}.placement-answers{grid-template-columns:1fr}.studio-share-control{flex-direction:column;align-items:stretch}.runner-mic-control{width:auto;left:80px;right:80px;transform:none}.runner-mic-control output strong{display:none}}@media screen and (max-width:950px){html:not(.fretboard-flight-open),body:not(.fretboard-flight-open){overscroll-behavior-y:auto;height:auto;min-height:100%;overflow:hidden auto}body:not(.fretboard-flight-open) .app-shell{height:auto;min-height:100dvh;overflow:visible}body:not(.fretboard-flight-open) .page,body:not(.fretboard-flight-open) .gear-hub{height:auto;overflow:visible}}:root{--font-display:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.landing-page{--landing-bg:#0b0c0e;--landing-panel:#131518;--landing-panel-2:#1a1d22;--landing-orange:#f59e0b;background-color:#0b0c0e;background-image:radial-gradient(circle at 76% 5%,#f59e0b12,#0000 25%),radial-gradient(circle at 12% 28%,#0e8fa614,#0000 26%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:auto,auto,48px 48px,48px 48px}.landing-nav{-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:#0b0c0edb;border-bottom-color:#ffffff12}.landing-brand img{filter:drop-shadow(0 0 14px #22d3ee22)}.landing-hero{max-width:1320px}.landing-hero:before{background:radial-gradient(circle,#f59e0b16,#0000 65%)}.landing-free-pill{color:#ffd878;background:#2f210b;border-color:#f59e0b55}.landing-eyebrow,.landing-section-heading>span,.landing-final-cta>span,.landing-community-copy>span{color:#f5ae2b}.landing-hero h1{letter-spacing:-.055em;font-size:clamp(48px,6.7vw,86px)}.landing-preview-button{color:#171006;background:linear-gradient(135deg,#f7b11f,#f59e0b);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 26px #f59e0b25}:is(.landing-preview-button:hover,.landing-preview-button:focus-visible){transform:translateY(-2px);box-shadow:0 13px 36px #f59e0b45,0 0 0 1px #ffe0a4}.landing-secondary-button{color:#f8fafc;background:#15171b;border-color:#fff2}.landing-trust-row b{color:#ffc14b;background:#372608}.landing-tone-rig{background:linear-gradient(145deg,#17191d,#0c0d0f);border:1px solid #ffffff1c;border-radius:18px;align-self:center;min-width:0;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-1.2deg);box-shadow:0 32px 80px #000a,inset 0 1px #ffffff12}.landing-tone-rig:hover{transform:perspective(1000px)rotateY(0)translateY(-3px)}.landing-tone-rig:before,.landing-tone-rig:after,.landing-rack-grid article:before,.landing-rack-grid article:after{content:"";z-index:2;background:#07080a;border:1px solid #ffffff20;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:inset 0 1px #fff2}.landing-tone-rig:before,.landing-rack-grid article:before{top:9px;left:9px}.landing-tone-rig:after,.landing-rack-grid article:after{bottom:9px;right:9px}.landing-tone-rig>header{color:#e8edf3;background:linear-gradient(#202329,#121418);border-bottom:1px solid #ffffff12;height:54px;padding:0 18px;display:flex;position:relative;top:auto}.landing-tone-rig>header>div{align-items:center;gap:8px;display:flex}.landing-tone-rig>header b{font:800 9px var(--font-mono);letter-spacing:1.2px}.landing-tone-rig>header em{color:#75808d;font:normal 8px var(--font-mono)}.landing-engine-led{background:#f59e0b;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite studio-led;box-shadow:0 0 12px #f59e0b}.studio-vu{color:#697582;font:700 7px var(--font-mono);grid-template-columns:auto 1fr auto auto;align-items:center;gap:5px;margin-left:auto;display:grid}.studio-vu>div{gap:2px;display:flex}.studio-vu i{background:#30353c;border-radius:1px;width:3px;height:13px;transition:background 80ms linear,box-shadow 80ms linear;display:block}.studio-vu i.lit{background:#e9a51d;box-shadow:0 0 6px #f59e0b}.studio-vu i.lit:nth-last-child(-n+3){background:#ef6d35}.landing-rig-screen{justify-content:space-between;align-items:end;padding:18px 21px 8px;display:flex}.landing-rig-screen small{color:#aab2bc;font:700 8px var(--font-mono);letter-spacing:1.6px}.landing-rig-screen h2{color:#fff;font:800 28px var(--font-display);margin:5px 0 0}.landing-rig-screen h2 span{color:#d2d7de;font:600 12px var(--font-body);margin-left:8px}.landing-rig-screen output{color:#fbbf43;font:700 9px var(--font-mono)}.landing-fretboard{background:linear-gradient(90deg,#362112,#17120f 42%,#2c1c12),repeating-linear-gradient(0deg,#0000 0 14px,#ffffff05 15px);border:1px solid #ffffff16;border-radius:12px;height:176px;margin:7px 20px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009}.landing-fretboard:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff0b,#0000 61%);position:absolute;inset:0}.landing-fret{background:linear-gradient(90deg,#695c4c,#d5c7aa,#514638);width:2px;position:absolute;top:0;bottom:0;box-shadow:2px 0 5px #0008}.landing-rig-string{z-index:1;transform-origin:0;background:linear-gradient(90deg,#cabd9d,#f4ead3 48%,#8f8777);height:1px;position:absolute;left:0;right:0;box-shadow:0 1px 2px #000}.landing-rig-string>b{color:#f6bb47;width:18px;font:800 11px var(--font-mono);text-align:center;position:absolute;top:-9px;left:5px}.landing-rig-string>i{background:#f59e0b;border:1px solid #ffe0a0;border-radius:50%;width:17px;height:17px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #f59e0bbf,inset 0 1px #fff9}.landing-fretboard.is-playing .landing-rig-string{animation:.62s cubic-bezier(.16,1,.3,1) landing-string-wave}.landing-fretboard.is-playing .landing-rig-string:nth-of-type(2){animation-delay:35ms}.landing-fretboard.is-playing .landing-rig-string:nth-of-type(3){animation-delay:70ms}.landing-fretboard.is-playing .landing-rig-string:nth-of-type(4){animation-delay:.105s}.landing-fretboard.is-playing .landing-rig-string:nth-of-type(5){animation-delay:.14s}.landing-fretboard.is-playing .landing-rig-string:nth-of-type(6){animation-delay:.175s}.landing-rig-presets{grid-template-columns:repeat(3,1fr);gap:7px;padding:0 20px;display:grid}.landing-rig-presets button{color:#98a2ae;text-align:left;background:#111317;border:1px solid #ffffff14;border-radius:9px;min-width:0;min-height:66px;padding:9px;transition:all .35s cubic-bezier(.16,1,.3,1)}.landing-rig-presets button:hover,.landing-rig-presets button.active{color:#fff;background:#251b0e;border-color:#f59e0b88;box-shadow:inset 0 1px #ffffff0d,0 8px 18px #0005}.landing-rig-presets small,.landing-rig-presets b,.landing-rig-presets span{display:block}.landing-rig-presets small{color:#f3ad24;font:700 7px var(--font-mono)}.landing-rig-presets b{margin:4px 0;font-size:9px}.landing-rig-presets span{color:#737d88;font:700 6px var(--font-mono)}.landing-tone-ab{color:#7f8994;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:14px 20px 18px;display:grid}.landing-tone-ab>span{font:700 7px var(--font-mono);letter-spacing:1px}.landing-tone-ab>div{background:#090a0c;border:1px solid #ffffff13;border-radius:7px;padding:2px;display:flex}.landing-tone-ab button{color:#7c8793;font:700 7px var(--font-mono);background:0 0;border:0;border-radius:5px;padding:6px 8px}.landing-tone-ab button.active{color:#171006;background:#f59e0b;box-shadow:0 2px 8px #f59e0b44}.landing-tone-ab>small{text-align:right;justify-self:end;font-size:7px}.landing-proof{max-width:1320px}.landing-proof b{color:#f2b330;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.landing-section{max-width:1320px}.landing-rack-grid{gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.landing-rack-grid article{min-height:330px;position:relative;background:linear-gradient(160deg,#1b1e23,#111317 66%,#0b0c0e)!important;border-color:#ffffff17!important;border-radius:10px!important;box-shadow:0 16px 42px #0007,inset 0 1px #ffffff0d!important}.landing-rack-grid article.rack-wide{grid-column:span 2;min-height:280px}.landing-rack-grid article:hover{border-color:#f59e0b55!important;box-shadow:0 25px 55px #0009,inset 0 1px #ffffff13!important}.landing-feature-icon{border-radius:7px}.rack-visual{background:#08090b;border:1px solid #ffffff12;border-radius:7px;justify-content:center;align-items:center;height:96px;margin-bottom:30px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #000}.rack-wave{gap:7px}.rack-wave i{width:3px;height:calc(13px + (var(--rack-index) % 5) * 9px);animation:rack-meter 1.4s calc(var(--rack-index)*-.08s) ease-in-out infinite alternate;background:#f2aa1f;border-radius:3px;box-shadow:0 0 12px #f59e0b88}.rack-chord{gap:13px}.rack-chord b{color:#ffc044;width:52px;height:52px;font:800 24px var(--font-display);border:1px solid #f59e0b88;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 24px #f59e0b22}.rack-chord span{background:#e9a51d;border-radius:50%;width:12px;height:12px;box-shadow:0 0 15px #f59e0b}.rack-tuner i{transform-origin:bottom;background:#f59e0b;width:2px;height:60px;position:absolute;bottom:12px;transform:rotate(8deg);box-shadow:0 0 12px #f59e0b}.rack-tuner b{color:#f3f4f6;font:700 24px var(--font-mono)}.rack-tuner span{color:#7d8792;font:700 8px var(--font-mono);margin:8px 0 0 4px}.rack-progress{justify-content:flex-start;gap:13px;padding:0 18px}.rack-progress>span{background:#292d34;border-radius:9px;width:min(360px,65%);height:8px}.rack-progress>span i{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#f5cf72);height:100%;display:block;box-shadow:0 0 12px #f59e0b55}.rack-progress b{color:#e5e7eb;font:800 9px var(--font-mono)}.rack-progress em{color:#58d99b;font:normal 8px var(--font-mono);margin-left:auto}.landing-trust-conversion{grid-template-columns:1fr 1fr;gap:18px;display:grid}.landing-conversion-copy,.landing-faq{background:linear-gradient(145deg,#171a1f,#0f1114);border:1px solid #ffffff16;border-radius:13px;padding:34px;box-shadow:0 20px 50px #0006}.landing-conversion-copy>span,.landing-faq>small{color:#f5ae2b;font:800 8px var(--font-mono);letter-spacing:1.7px}.landing-conversion-copy h2,.landing-faq h2{color:#f7f7f8;font:800 clamp(27px,4vw,44px)/1.05 var(--font-display);margin:11px 0}.landing-conversion-copy p{color:#a2a8b0;line-height:1.7}.landing-conversion-copy>div{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.landing-rig-launch,.landing-class-cta{border-radius:7px;min-height:49px;padding:0 16px;font-weight:850}.landing-rig-launch{color:#181006;background:linear-gradient(135deg,#f9bd39,#e99308);border:1px solid #ffc347;box-shadow:0 10px 30px #f59e0b2b}.landing-rig-launch b{font:700 6px var(--font-mono);letter-spacing:1px;display:block}.landing-class-cta{color:#eef2f7;background:#121419;border:1px solid #ffffff24}.landing-faq article{border-top:1px solid #ffffff15}.landing-faq article>button{color:#e8ebef;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:58px;display:flex}.landing-faq article>button b{font-size:12px}.landing-faq article>button span{color:#f5ae2b;font-size:19px}.landing-faq article>div{grid-template-rows:0fr;transition:grid-template-rows .48s cubic-bezier(.16,1,.3,1);display:grid}.landing-faq article>div p{color:#959faa;min-height:0;margin:0;font-size:11px;line-height:1.65;overflow:hidden}.landing-faq article.open>div{grid-template-rows:1fr}.landing-faq article.open>div p{padding-bottom:18px}.app-shell[data-theme=dark]{background-color:#0b0c0e;background-image:radial-gradient(circle at 85% 0,#f59e0b0b,#0000 20%),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:auto,52px 52px,52px 52px}.app-shell[data-theme=dark] .app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111317e8;border-bottom-color:#ffffff13;box-shadow:0 8px 32px #0008}.app-header>.studio-vu{background:#090a0c;border:1px solid #ffffff13;border-radius:7px;flex:0 0 115px;margin:0;padding:8px;box-shadow:inset 0 1px #ffffff08}.app-shell :is(output,.studio-vu,.runner-hud b,.runner-pickup-status,.audio-heading>span,.tuner-note small,.tuner-meter>strong){font-family:var(--font-mono);font-variant-numeric:tabular-nums}.studio-hardware-controls{color:#e8edf3;background:linear-gradient(#202329,#111317);border:1px solid #ffffff15;border-radius:10px;grid-template-columns:minmax(145px,1fr) repeat(3,minmax(112px,.55fr));gap:10px;margin:18px 0;padding:13px;display:grid;box-shadow:0 16px 38px #0007,inset 0 1px #ffffff12}.studio-rack-label{border-right:1px solid #ffffff12;align-items:center;gap:10px;padding:10px;display:flex}.studio-rack-label div{display:grid}.studio-rack-label small{color:#7c8793;font:700 7px var(--font-mono);letter-spacing:1.4px}.studio-rack-label b{font:800 11px var(--font-display);margin-top:3px}.studio-rack-label em{color:#88919b;font:normal 7px var(--font-mono);margin-left:auto}.rack-led{background:#f59e0b;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 13px #f59e0b}.studio-dial{background:#0b0c0f;border:1px solid #ffffff10;border-radius:7px;grid-template-rows:1fr 1fr;grid-template-columns:48px 1fr;align-items:center;padding:6px 8px;display:grid;position:relative}.studio-knob{background:conic-gradient(from .64turn,#f59e0b 0 var(--dial-turn),#25282e 0);width:42px;height:42px;transform:rotate(var(--dial-turn));border:1px solid #4a4f57;border-radius:50%;grid-row:1/3;place-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1);display:grid;position:relative;box-shadow:0 6px 13px #000,inset 0 1px #ffffff1b}.studio-knob:after{content:"";background:linear-gradient(145deg,#31353c,#0e1013);border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 1px #ffffff24}.studio-knob i{z-index:1;background:#ffc34b;width:2px;height:10px;position:absolute;top:4px;box-shadow:0 0 5px #f59e0b}.studio-dial>b{color:#b4bcc5;font:700 8px var(--font-mono);text-transform:uppercase;align-self:end}.studio-dial output{color:#f5b52f;font:700 9px var(--font-mono);align-self:start}.studio-dial input{cursor:ew-resize;opacity:0;width:100%;height:100%;position:absolute;inset:0}.practice-mode-switch{isolation:isolate;background:#0b0c0f;border:1px solid #ffffff15;border-radius:999px;grid-template-columns:repeat(3,1fr);width:min(520px,100%);margin:20px auto 16px;padding:4px;display:grid;position:relative}.practice-mode-switch>i{z-index:-1;background:linear-gradient(135deg,#f6b11e,#c97806);border-radius:999px;width:calc(33.3333% - 2.66667px);transition:transform .48s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 18px #f59e0b2e}.practice-mode-switch.mode-lesson>i{transform:translate(100%)}.practice-mode-switch.mode-free>i{transform:translate(200%)}.practice-mode-switch button{color:#858e99;min-height:40px;font:800 9px var(--font-mono);letter-spacing:.8px;background:0 0;border:0}.practice-mode-switch button[aria-selected=true]{color:#181006}.practice-tool-stage{max-width:880px;margin:auto}.practice-tool-stage .tool-card{border:1px solid #ffffff15;min-height:440px;box-shadow:0 18px 45px #0005}.coach-strings>div.clean>i>i,.backing-chords .playing{animation:.55s cubic-bezier(.16,1,.3,1) studio-string-pulse}.loading-screen{color:#f5b42d;font:800 13px var(--font-mono);letter-spacing:1.5px;background:#0b0c0e;position:relative;overflow:hidden}.loading-screen:after{content:"";background:linear-gradient(100deg,#0000 35%,#ffffff0c 50%,#0000 65%);animation:1.2s linear infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes studio-led{50%{opacity:.42;box-shadow:0 0 4px #f59e0b}}@keyframes landing-string-wave{0%,to{transform:translateY(0)scaleY(1)}18%{transform:translateY(3px)scaleY(4)}36%{transform:translateY(-2px)scaleY(3)}58%{transform:translateY(1px)scaleY(2)}}@keyframes rack-meter{to{opacity:.5;height:73px}}@keyframes studio-string-pulse{0%{filter:brightness()}35%{filter:brightness(1.75)drop-shadow(0 0 8px #f59e0b);transform:scaleY(1.8)}to{filter:brightness();transform:none}}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (max-width:980px){.app-header>.studio-vu{display:none}.studio-hardware-controls{grid-template-columns:1fr repeat(3,1fr)}.studio-rack-label{border-bottom:1px solid #ffffff12;border-right:0;grid-column:1/-1}.landing-tone-ab{grid-template-columns:auto 1fr}.landing-tone-ab>small{text-align:left;grid-column:1/-1;justify-self:start}}@media (max-width:779px){.landing-tone-rig{transform:none}.landing-rack-grid{grid-template-columns:1fr!important}.landing-rack-grid article.rack-wide{grid-column:auto}.landing-trust-conversion{grid-template-columns:1fr}.studio-hardware-controls{grid-template-columns:repeat(3,1fr)}.studio-rack-label{grid-column:1/-1}.studio-dial{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center}.studio-knob{grid-row:auto}.landing-fretboard{height:148px}.landing-rig-presets{grid-template-columns:1fr}.landing-rig-presets button{min-height:52px}.landing-tone-ab{grid-template-columns:1fr}.landing-tone-ab>small{justify-self:start}.landing-hero h1{font-size:clamp(43px,13vw,66px)}}@media (max-width:520px){.studio-hardware-controls{gap:5px;padding:8px}.studio-dial{padding:6px 3px}.studio-knob{width:36px;height:36px}.landing-conversion-copy,.landing-faq{padding:25px 19px}.landing-tone-rig>header{padding:0 12px}.landing-tone-rig>header em{display:none}.landing-rig-screen{padding-left:14px;padding-right:14px}.landing-fretboard{margin-left:14px;margin-right:14px}.landing-rig-presets,.landing-tone-ab{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){.landing-engine-led,.rack-wave i,.loading-screen:after,.landing-fretboard.is-playing .landing-rig-string{animation:none}.landing-tone-rig,.landing-rig-presets button,.landing-faq article>div,.practice-mode-switch>i,.studio-knob{transition:none}}.studio-string-deck{background:linear-gradient(90deg,#26170e,#100d0b 52%,#291910);border:1px solid #ffffff0f;border-radius:6px;grid-column:1/-1;gap:6px;padding:11px 14px;display:grid;overflow:hidden}.studio-string-deck i{transform-origin:0;height:1px;animation:studio-deck-vibrate .58s var(--string-delay) cubic-bezier(.16,1,.3,1);background:linear-gradient(90deg,#8e826e,#f4ead0 45%,#8b806d);display:block;box-shadow:0 1px 2px #000}@keyframes studio-deck-vibrate{0%,to{transform:translateY(0)scaleY(1)}22%{filter:brightness(1.8)drop-shadow(0 0 5px #f59e0b);transform:translateY(2px)scaleY(3.5)}45%{transform:translateY(-1px)scaleY(2)}68%{transform:translateY(1px)scaleY(1.4)}}@media (prefers-reduced-motion:reduce){.studio-string-deck i{animation:none}}.studio-knob{background:conic-gradient(from .64turn,#f59e0b 0 72%,#25282e 72%)}.landing-journey{position:relative}.landing-journey-track{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:30px;display:grid}.landing-journey-track article{background:linear-gradient(155deg,#1a1d22,#101216);border:1px solid #ffffff17;border-radius:13px;min-width:0;padding:18px 14px;position:relative;box-shadow:0 13px 30px #0005}.landing-journey-track article:after{content:"";z-index:2;background:#f59e0b66;width:8px;height:1px;position:absolute;top:35px;left:calc(100% + 1px)}.landing-journey-track article:last-child:after{display:none}.landing-journey-track article>span{color:#ffc24f;width:34px;height:34px;font:800 10px var(--font-mono);background:#2a1d09;border:1px solid #f59e0b88;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 18px #f59e0b19}.landing-journey-track small{color:#798492;font:700 7px var(--font-mono);letter-spacing:1.1px;margin-top:19px;display:block}.landing-journey-track h3{color:#f7f8fa;font:800 16px/1.15 var(--font-display);margin:6px 0}.landing-journey-track p{color:#99a4b0;margin:0;font-size:11px;line-height:1.55}.landing-journey-cta{color:#ffc34d;background:#201608;border:1px solid #f59e0b88;border-radius:8px;min-height:48px;margin:22px auto 0;padding:0 20px;font-weight:850;display:block}.landing-playways{padding-top:54px!important}.landing-playways-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.landing-playways-grid button{color:#f5f8fb;text-align:left;background:linear-gradient(145deg,#17232a,#101318);border:1px solid #ffffff18;border-radius:15px;flex-direction:column;min-width:0;min-height:230px;padding:22px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s;display:flex;box-shadow:0 16px 38px #0005}:is(.landing-playways-grid button:hover,.landing-playways-grid button:focus-visible){border-color:#f59e0b77;transform:translateY(-4px)}.landing-playways-grid button>span{color:#f4af26;font:800 9px var(--font-mono);letter-spacing:1.5px}.landing-playways-grid button>b{font:800 22px/1.12 var(--font-display);margin-top:30px}.landing-playways-grid button>p{color:#a5b0bc;font-size:13px;line-height:1.6}.landing-playways-grid button>em{color:#ffc14a;margin-top:auto;font-size:11px;font-style:normal;font-weight:850}.student-next-grid{gap:18px;margin:24px 0 30px;display:grid}.student-next-grid.has-assignment{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr)}.student-next-grid .continue-card{min-height:280px}.lesson-meta{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.lesson-meta span{color:#dffbff;background:#061a2052;border:1px solid #ffffff28;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:800}.student-assignment-summary{flex-direction:column;justify-content:center;min-width:0;padding:24px;display:flex}.student-assignment-summary>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-assignment-summary small{color:var(--orange);letter-spacing:1.4px;font-size:10px;font-weight:900}.student-assignment-summary>div>span{color:var(--orange);background:#d9591a1a;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.student-assignment-summary h2{font:800 24px/1.12 var(--font-display);margin:18px 0 8px}.student-assignment-summary p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.student-assignment-summary .outline{margin-top:22px}.teacher-priority{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:20px;margin:0 0 24px;padding:24px;display:grid;box-shadow:0 14px 36px #00000015}.teacher-priority-copy small{color:var(--orange);letter-spacing:1.6px;font-size:10px;font-weight:900}.teacher-priority-copy h2{font:800 28px/1.12 var(--font-display);margin:8px 0}.teacher-priority-copy p{max-width:52ch;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.teacher-workflow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;display:grid}.teacher-workflow span{border:1px solid var(--line);background:var(--panel-2);min-height:92px;color:var(--ink);text-align:center;border-radius:11px;place-items:center;padding:12px;font-size:12px;font-weight:800;display:grid}.teacher-workflow span b{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.teacher-workflow>i{color:var(--muted);font-style:normal}.landing-chord-feedback{color:#b8c3ce;min-height:20px;margin:-4px 20px 12px;font-size:12px;line-height:1.5}.landing-chord-feedback.playing{color:#ffd271}.app-shell[data-theme=dark] .teacher-priority{border-color:var(--line);background:var(--panel);box-shadow:0 14px 38px #0005}.app-shell[data-theme=dark] .teacher-workflow span{color:#d9e8f4;background:#101b2a;border-color:#ffffff17}@media (max-width:900px){.student-next-grid.has-assignment,.teacher-priority{grid-template-columns:1fr}.teacher-workflow{grid-template-columns:1fr 1fr}.teacher-workflow>i{display:none}}@media (max-width:1050px){.landing-journey-track{grid-template-columns:repeat(4,1fr)}.landing-journey-track article:after{display:none}.landing-playways-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.student-next-grid{margin-top:18px}.student-next-grid .continue-card{min-height:0}.lesson-meta{gap:5px}.student-assignment-summary{padding:20px}.teacher-priority{padding:18px}.teacher-workflow{grid-template-columns:1fr}.teacher-priority-copy h2{font-size:24px}.landing-chord-feedback{margin-left:14px;margin-right:14px}.landing-journey-track,.landing-playways-grid{grid-template-columns:1fr}.landing-journey-track article{grid-template-columns:auto 1fr;gap:14px;display:grid}.landing-journey-track small{margin-top:0}.landing-playways-grid button{min-height:190px}}.landing-journey-track p,.landing-playways-grid button>p,.teacher-priority-copy p,.student-assignment-summary p{font-size:1rem;line-height:1.65}.landing-journey-track small,.landing-journey-track article>span,.landing-playways-grid button>span,.landing-playways-grid button>em,.lesson-meta span,.student-assignment-summary small,.student-assignment-summary>div>span,.teacher-priority-copy small,.teacher-workflow span,.landing-chord-feedback{font-size:.875rem;line-height:1.5}.landing-journey-track article:after{display:none}.teacher-priority .primary{min-height:44px;margin-top:18px}.tuner-advanced summary{cursor:pointer;min-height:44px;color:var(--ink);padding:12px}.tuner-advanced strong{font-variant-numeric:tabular-nums;display:block}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:4px;outline:3px solid #14c9e8}[role=dialog][aria-modal=true]{overscroll-behavior:contain;max-height:calc(100dvh - 24px);overflow-y:auto}.strum-guide{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:5px;display:grid}.not-found-page{color:#eaf4ff;text-align:center;background:#0b111b;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:40px 24px;display:flex}.not-found-page h1{max-width:700px;font-size:clamp(2rem,5vw,3.5rem)}.not-found-page a{color:#25cee8;min-height:44px;padding:12px 20px}.not-found-page .primary{color:#07101a;border-radius:10px}@media (max-width:600px){.landing-journey-track{grid-template-columns:1fr}.landing-journey-track article{display:block}.landing-journey-track small{margin-top:12px}.lesson-meta span{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.landing-playways-grid button{transition:none;transition:none!important;transform:none!important}}.landing-nav{height:auto;min-height:72px}.landing-nav-links{align-items:center;gap:22px;margin-left:auto;display:none}.landing-nav-links a{color:#aeb9c8;padding:26px 0;font-size:12px;font-weight:800;position:relative}.landing-nav-links a:after{content:"";background:#f5ae2b;height:2px;transition:transform .2s;position:absolute;bottom:17px;left:0;right:0;transform:scaleX(0)}:is(.landing-nav-links a:hover,.landing-nav-links a:focus-visible){color:#fff}.landing-nav-links a:hover:after{transform:scaleX(1)}.landing-nav-links a:focus-visible:after{transform:scaleX(1)}.landing-hero{align-items:center}.landing-hero-copy .landing-eyebrow{margin-top:0}.landing-hero h1{max-width:760px}.landing-trust-row{max-width:720px}.landing-parent-cta{grid-column:1/-1}.landing-how{padding-bottom:42px}.landing-how-grid,.landing-age-grid,.landing-technology-grid{gap:14px;display:grid}.landing-how-grid article,.landing-age-grid article,.landing-technology-grid article{background:linear-gradient(145deg,#15181d,#0c0e11);border:1px solid #ffffff16;border-radius:14px;padding:26px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0003}.landing-how-grid article:before{content:"";background:linear-gradient(90deg,#22d3ee,#0000);width:100%;height:2px;position:absolute;top:0;left:0}.landing-how-grid article>span{color:#8bf5ff;width:36px;height:36px;font:900 10px var(--font-mono);background:#06333b;border:1px solid #22d3ee66;border-radius:50%;place-items:center;display:grid}.landing-how-grid h3,.landing-age-grid h3{font:800 23px var(--font-display);margin:22px 0 9px}.landing-how-grid p,.landing-age-grid p,.landing-technology-grid p{color:#9eacbc;margin:0;font-size:13px;line-height:1.7}.landing-journey-track{grid-template-columns:repeat(5,1fr)}.landing-journey-track article>span{color:#83edfa;background:#162b35}.landing-age-fit{padding-top:44px}.landing-age-grid article{min-height:230px}.landing-age-grid article:nth-child(2){background:linear-gradient(145deg,#171921,#11131a)}.landing-age-grid article:nth-child(3){background:linear-gradient(145deg,#211a11,#11100e)}.landing-age-grid small{color:#f5ae2b;font:900 10px var(--font-mono);letter-spacing:1.5px}.landing-pillar-grid{grid-template-columns:repeat(3,1fr)}.landing-feature-grid article>button{color:#71e9f8;text-align:left;background:0 0;border:0;margin-top:auto;padding:24px 0 0;font-size:10px;font-weight:800}.landing-feature-grid article>button:focus-visible{outline-offset:5px;outline:2px solid #f5ae2b}.landing-educator-workflow{background:#101318;border:1px solid #ffffff18;border-radius:16px;grid-template-columns:repeat(11,auto);align-items:center;gap:9px;padding:24px;display:grid}.landing-educator-workflow span{color:#e8edf5;text-align:center;background:#171b21;border:1px solid #ffffff14;border-radius:10px;align-content:center;justify-items:center;gap:9px;min-width:112px;min-height:98px;padding:12px;font-size:11px;font-weight:800;display:grid}.landing-educator-workflow span b{color:#171006;width:28px;height:28px;font:900 9px var(--font-mono);background:#f5ae2b;border-radius:50%;place-items:center;display:grid}.landing-educator-workflow i{color:#667384;font-style:normal}.landing-educator-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;display:flex}.landing-educator-actions>a{color:#83edfa;font-size:11px;font-weight:800}.landing-community{max-width:1200px}.landing-mission-flow{flex-wrap:wrap!important;align-items:center!important;gap:7px!important;margin:22px 0!important;display:flex!important}.landing-mission-flow span{color:#dbe6ef;background:#0c151c;border:1px solid #ffffff18;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800}.landing-mission-flow b{color:#f5ae2b}.landing-impact{grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr);align-items:center;gap:36px;display:grid}.landing-impact .landing-section-heading{margin:0}.landing-impact details{background:#101318;border:1px solid #ffffff1c;border-radius:14px}.landing-impact summary{cursor:pointer;color:#f3f6fa;justify-content:space-between;align-items:center;min-height:72px;padding:20px 24px;font-weight:800;list-style:none;display:flex}.landing-impact summary::-webkit-details-marker{display:none}.landing-impact summary span{color:#f5ae2b;font-size:22px}.landing-impact details[open] summary span{transform:rotate(45deg)}.landing-impact details>div{gap:8px;padding:0 24px 22px;display:grid}.landing-impact details p{color:#aebccb;background:#081116;border-left:2px solid #22d3ee;margin:0;padding:12px;font-size:12px}.landing-technology{border-top:1px solid #ffffff0d}.landing-technology-grid article>b{font:800 20px var(--font-display)}.landing-technology-grid article>small{color:#f4b845;font:700 9px var(--font-mono);letter-spacing:.5px;margin-top:20px;display:block}.landing-privacy{background:linear-gradient(120deg,#08262d,#101318 58%);border:1px solid #22d3ee38;border-radius:18px;justify-content:space-between;align-items:center;gap:32px;max-width:1200px;padding:38px;display:flex;box-shadow:0 20px 55px #0004}.landing-privacy>div>span{color:#72ebf8;font:900 10px var(--font-mono);letter-spacing:1.5px}.landing-privacy h2{font:800 clamp(27px,4vw,42px)/1.08 var(--font-display);margin:9px 0}.landing-privacy p{color:#aebdca;max-width:760px;margin:0;font-size:13px;line-height:1.7}.landing-privacy>a{color:#d9fbff;border:1px solid #65e9f8;border-radius:8px;flex:none;padding:13px 16px;font-size:11px;font-weight:800}.landing-about{text-align:center;padding-bottom:28px}.landing-about .landing-section-heading{margin:0 auto}.landing-about .landing-section-heading p{margin:auto}.landing-mobile-menu a{color:#e6edf6;border-bottom:1px solid #ffffff12;padding:12px 2px;font-weight:800}.landing-page :is(a,button,summary):focus-visible{outline-offset:3px;outline:2px solid #ffd166}@media (min-width:1080px){.landing-nav-links{display:flex}.landing-nav-actions{margin-left:0}.landing-how-grid{grid-template-columns:repeat(4,1fr)}.landing-age-grid,.landing-technology-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1079px){.landing-nav-actions{margin-left:auto}.landing-nav-actions .landing-login-link{display:none}.landing-menu-toggle{display:grid}.landing-educator-workflow{grid-template-columns:repeat(3,1fr)}.landing-educator-workflow i{display:none}}@media (max-width:779px){.landing-nav-actions{display:flex}.landing-nav-actions .landing-preview-button{min-height:40px;padding:0 12px;font-size:11px}.landing-how-grid,.landing-age-grid,.landing-technology-grid,.landing-pillar-grid,.landing-impact{grid-template-columns:1fr}.landing-privacy{flex-direction:column;align-items:flex-start;margin-left:16px;margin-right:16px;padding:26px 22px}.landing-educator-workflow{grid-template-columns:1fr 1fr}.landing-educator-workflow span{min-width:0}.landing-mission-flow{align-items:flex-start!important}.landing-mission-flow b{display:none}.landing-journey-track{grid-template-columns:1fr}}@media (max-width:440px){.landing-nav-actions .landing-preview-button{display:none}.landing-educator-workflow{grid-template-columns:1fr}.landing-how-grid article,.landing-age-grid article,.landing-technology-grid article{padding:21px}.landing-age-grid article{min-height:0}}.odyssey-app{color:#eef4f7;min-height:100vh;font-family:var(--font-body);background:#090b0d}.odyssey-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1014ee;border-bottom:1px solid #ffffff16;align-items:center;gap:22px;min-height:72px;padding:12px clamp(16px,4vw,54px);display:flex;position:sticky;top:0}.odyssey-brand{color:#f7b53b;font:900 19px var(--font-mono);letter-spacing:.5px;align-items:center;gap:10px;display:flex}.odyssey-brand span{color:#edf6f8}.odyssey-brand b{color:#67edf6}.odyssey-nav{gap:5px;margin-left:auto;display:flex}.odyssey-nav button,.persona-toggle button{color:#a9b8c2;background:#12181d;border:1px solid #ffffff18;border-radius:7px;min-height:44px;padding:9px 13px;font-weight:800}.odyssey-nav button.active,.persona-toggle button.active{color:#ffd477;background:#37270f;border-color:#f5b942}.persona-toggle{gap:5px;display:flex}.persona-toggle button{font-size:11px}.odyssey-hero{background:radial-gradient(circle at 80% 30%,#0d687622,#0000 35%);grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:30px;max-width:1240px;margin:auto;padding:clamp(44px,8vw,100px) clamp(18px,4vw,54px) 44px;display:grid}.odyssey-hero>div>span,.odyssey-panel-heading span{color:#f6b742;font:900 11px var(--font-mono);letter-spacing:1.8px}.odyssey-hero h1{font:900 clamp(50px,9vw,100px)/.88 var(--font-display);letter-spacing:-4px;margin:12px 0}.odyssey-hero h1 em{color:#67edf6;font-style:normal}.odyssey-hero p{color:#a4b6c1;max-width:42ch;font-size:17px;line-height:1.65}.odyssey-chord-picker{background:#10161b;border:1px solid #ffffff1c;border-radius:14px;align-self:end;padding:22px;box-shadow:0 16px 40px #0006}.odyssey-chord-picker small{color:#8fa5b2;font:800 10px var(--font-mono);letter-spacing:1.2px}.odyssey-chord-picker>div{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.odyssey-chord-picker button{color:#aaf6ff;min-width:54px;min-height:50px;font:900 20px var(--font-display);background:#0d242d;border:1px solid #2e5360;border-radius:8px}.odyssey-chord-picker button.active{color:#ffd477;background:#30240e;border-color:#f5b742;box-shadow:0 0 0 2px #f5b74233}.odyssey-panel{background:linear-gradient(145deg,#121a20,#0d1115);border:1px solid #ffffff17;border-radius:16px;max-width:1240px;margin:0 auto 24px;padding:clamp(18px,3vw,32px);box-shadow:0 22px 50px #0005}.odyssey-panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.odyssey-panel-heading h2{font:800 clamp(28px,4vw,43px) var(--font-display);margin:7px 0 0}.odyssey-stat-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.odyssey-stat-strip b{color:#b9f8ff;border:1px solid #ffffff16;border-radius:999px;padding:8px 10px;font-size:11px}.odyssey-fretboard-card{background:linear-gradient(145deg,#25160d,#130d0a);border:1px solid #2e7a87;border-radius:16px;max-width:1240px;margin:0 auto 24px;padding:clamp(18px,3vw,32px);box-shadow:0 0 34px #06b6d42a}.odyssey-fretboard-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.odyssey-fretboard-head span{color:#f5b942;font:900 10px var(--font-mono);letter-spacing:1.4px}.odyssey-fretboard-head h2{font:800 34px var(--font-display);margin:7px 0}.odyssey-fretboard-head h2 small{color:#a8b7bf;font:500 13px var(--font-body)}.odyssey-fretboard-head output{color:#86f4b9;background:#083d2b;border-radius:999px;padding:9px 12px;font-weight:900}.odyssey-fretboard-head output.warning{color:#ffd978;background:#4a3207}.odyssey-fretboard-head output.muted{color:#ffadb6;background:#4d1a1f}.odyssey-fretboard{background:linear-gradient(90deg,#32180f,#170b08);border:4px solid #9c612d;border-radius:10px;height:250px;margin-top:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0008}.odyssey-fret{background:#d8a55288;width:2px;position:absolute;top:0;bottom:0}.odyssey-string{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;height:18px;position:absolute;left:0;transform:translateY(-50%)}.odyssey-string:before{content:"";height:calc(4px - var(--string,0px));background:#d9e5e5;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 4px #fff8}.odyssey-string b{z-index:1;color:#fff;text-align:center;background:#0e8d9d;border:2px solid #f6f7f1;border-radius:50%;min-width:26px;min-height:26px;padding:4px;font-size:11px;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.odyssey-string span{z-index:1;color:#fef3c7;font-size:11px;position:absolute;top:50%;left:calc(20% + 11px);transform:translateY(-50%)}.odyssey-string.resonating:before{background:#67f5ff;animation:.2s ease-in-out infinite alternate string-pulse;box-shadow:0 0 14px #22d3ee}.odyssey-string.resonating b{box-shadow:0 0 14px #22d3ee}.odyssey-string.string-0:before{height:4px}.odyssey-string.string-1:before,.odyssey-string.string-2:before{height:3px}.odyssey-string.string-3:before,.odyssey-string.string-4:before{height:2px}.odyssey-string.string-5:before{height:1px}.odyssey-fretboard-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;display:flex}.odyssey-fretboard-actions button,.odyssey-panel button,.landing-feature-grid article>button{color:#c8fbff;background:#08323b;border:1px solid #49dbe9;border-radius:7px;min-height:44px;padding:10px 14px;font-weight:900}.odyssey-fretboard-actions p{color:#b9a68f;flex:280px;margin:0;font-size:13px}.odyssey-quest-track{gap:12px;margin-top:24px;display:grid}.odyssey-quest-track article{background:#11181d;border-left:2px solid #34505a;grid-template-columns:auto 1fr;gap:15px;padding:17px;display:grid}.odyssey-quest-track article.unlocked{border-left-color:#f5b942}.quest-number{color:#79eff8;width:38px;height:38px;font:900 14px var(--font-mono);border:1px solid #46717c;border-radius:50%;place-items:center;display:grid}.odyssey-quest-track article.completed .quest-number{color:#171008;background:#f5b942}.odyssey-quest-track small,.submission small{color:#8ea4af;font-size:11px}.odyssey-quest-track h3{font:800 22px var(--font-display);margin:5px 0}.odyssey-quest-track p{color:#a7b5be;margin:0 0 12px}.odyssey-quest-track button:disabled{opacity:.45}.impact-partner,.desk-online{color:#79edf5;border:1px solid #2e7a87;border-radius:999px;padding:8px 10px;font-size:11px}.impact-panel>p{color:#b5c2ca;max-width:65ch;line-height:1.6}.impact-progress-label{color:#d7e2e7;justify-content:space-between;gap:10px;margin:25px 0 8px;font-size:13px;display:flex}.impact-progress-label b{color:#ffd477}.impact-progress{background:#1b252a;border-radius:20px;height:12px;overflow:hidden}.impact-progress i{background:linear-gradient(90deg,#f59e0b,#67edf6);height:100%;display:block;box-shadow:0 0 18px #22d3ee}.impact-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.impact-metrics article{background:#11181d;border:1px solid #ffffff16;border-radius:10px;padding:18px}.impact-metrics b{color:#72eff8;font:900 31px var(--font-display);display:block}.impact-metrics span{color:#9aadb7;font-size:12px}.impact-panel>small{color:#f3bc4a;margin-top:13px;font-size:12px;display:block}.desk-grid{grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:22px;margin-top:25px;display:grid}.desk-grid h3{font:800 24px var(--font-display);margin:0 0 13px}.submission{background:#11181d;border:1px solid #ffffff16;border-radius:10px;gap:9px;margin-bottom:12px;padding:14px;display:grid}.submission>div:first-child{justify-content:space-between;gap:8px;display:flex}.waveform{align-items:center;gap:3px;height:45px;display:flex}.waveform i{background:#22d3ee66;border-radius:2px;flex:1}.submission input{accent-color:#f59e0b;width:100%}.submission button{justify-self:start;font-size:11px}.assignment-builder{background:#10161b;border:1px solid #ffffff16;border-radius:12px;padding:18px}.assignment-builder label{color:#aab9c1;gap:7px;margin:11px 0;font-size:12px;font-weight:800;display:grid}.assignment-builder input,.assignment-builder select,.assignment-builder textarea{color:#eef7f8;background:#0b1115;border:1px solid #38515d;border-radius:7px;min-height:44px;padding:10px}.assignment-builder output{color:#f5bf4f}.assignment-builder hr{border:0;border-top:1px solid #ffffff16;margin:22px 0}.odyssey-footer{color:#8497a2;justify-content:space-between;gap:15px;padding:28px clamp(18px,4vw,54px);font-size:12px;display:flex}.odyssey-footer a{color:#6cebf4}@keyframes string-pulse{0%{transform:scaleY(1)}to{transform:scaleY(1.9)}}@media (min-width:900px){.odyssey-nav{display:flex}.odyssey-how-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.odyssey-header{flex-wrap:wrap}.odyssey-nav{order:3;width:100%;overflow:auto}.persona-toggle{margin-left:auto}.odyssey-hero,.desk-grid,.changes-layout,.calculator-layout{grid-template-columns:1fr}.recommendation-list{grid-template-columns:repeat(3,1fr)}.dimension-grid{grid-template-columns:1fr}}@media (max-width:600px){.odyssey-hero h1{letter-spacing:-2px;font-size:56px}.odyssey-panel-heading,.odyssey-fretboard-head{flex-direction:column}.odyssey-stat-strip{justify-content:flex-start}.impact-metrics,.diagnostic-columns,.phase-roadmap,.recommendation-list{grid-template-columns:1fr}score-gauge{width:118px;height:118px}.odyssey-footer{flex-direction:column}.persona-toggle{width:100%;margin-left:0}.persona-toggle button{flex:1}}.odyssey-app{background:radial-gradient(circle at 50% 8%,#f4c86b18,#0000 32%),linear-gradient(#17100c,#090b0d 45%,#0c1515)}.odyssey-world-map{background:linear-gradient(145deg,#20170f,#0d1718);border:1px solid #d8a34f;border-radius:18px;max-width:1240px;margin:0 auto 26px;padding:clamp(20px,3vw,34px);position:relative;overflow:hidden;box-shadow:0 25px 70px #0008,inset 0 0 80px #f0b9431c}.arcade-odyssey-map-link{color:#ecffff;background:linear-gradient(100deg,#0b2d35,#152117);border:1px solid #4acbd4;border-radius:12px;align-items:center;gap:14px;margin:16px 0 20px;padding:14px 16px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 10px 25px #0004,0 0 20px #22d3ee1c}:is(.arcade-odyssey-map-link:hover,.arcade-odyssey-map-link:focus-visible){border-color:#f5b942;outline:none;transform:translateY(-2px)}.arcade-odyssey-map-link>span{color:#a6f7fb;background:#0b4953;border:1px solid #67edf6;border-radius:10px;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.arcade-odyssey-map-link div{flex:1;gap:3px;display:grid}.arcade-odyssey-map-link b{font:800 17px var(--font-display)}.arcade-odyssey-map-link small{color:#9dc2c7;font-size:10px}.arcade-odyssey-map-link strong{color:#f6c65e;font:900 10px var(--font-mono);letter-spacing:1px}.app-map-view{padding:clamp(18px,3vw,38px) 0 24px}.app-map-view .odyssey-world-map{margin-bottom:0}.map-legacy-destinations{display:none}.odyssey-world-map:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#f8cb6e14,#0000 38%);position:absolute;inset:0}.odyssey-map-heading{z-index:2;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:relative}.odyssey-map-heading>div:first-child{max-width:650px}.odyssey-map-heading span{color:#f6b742;font:900 10px var(--font-mono);letter-spacing:1.8px}.odyssey-map-heading h2{font:800 clamp(28px,4vw,44px) var(--font-display);letter-spacing:-1px;margin:8px 0 7px}.odyssey-map-heading p{color:#b8cbd0;margin:0;font-size:13px;line-height:1.55}.odyssey-map-legend{color:#a8bec4;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.odyssey-map-legend i{background:#6cebf4;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #6cebf4}.odyssey-map-legend b{color:#f6b742;margin-left:8px;font-size:15px}.odyssey-map-stage{z-index:1;aspect-ratio:16/9;isolation:isolate;background-image:linear-gradient(#fff8df05,#07181a0c),url(/odyssey-fantasy-world-clean.png);background-position:50%;background-size:cover;border:2px solid #e4b763;border-radius:14px;height:auto;margin-top:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff4c759,0 14px 36px #0008}.odyssey-map-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#160f0912,#0000 10% 90%,#160f0912);position:absolute;inset:0}.odyssey-map-routes,.odyssey-map-haze{display:none}.odyssey-map-nexus{z-index:3;text-align:center;background:radial-gradient(circle,#164b54,#071820 70%);border:1px solid #83f4f7;border-radius:50%;align-content:center;place-items:center;gap:3px;width:168px;height:124px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #0e2b32aa,0 0 45px #28e8ef77,inset 0 0 28px #27dbe044}.odyssey-map-nexus span{color:#f7c55b;text-shadow:0 0 13px #f5a623;font-size:31px;line-height:1}.odyssey-map-nexus b{color:#e7fcfc;font:900 11px var(--font-mono);letter-spacing:1px}.odyssey-map-nexus small{color:#83edf4;letter-spacing:1.5px;text-transform:uppercase;font-size:10px}.odyssey-map-landmark{z-index:5;color:#fff7da;text-align:center;cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff8cf12;border:2px solid #fff3aacc;border-radius:50%;align-content:center;place-items:center;gap:1px;width:64px;min-width:0;height:64px;padding:0;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:absolute;top:25%;left:69%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #fff8d11c,0 0 24px #ffe59999}:is(.odyssey-map-landmark:hover,.odyssey-map-landmark:focus-visible,.odyssey-map-landmark.active){background:#fff8cf2b;outline:none;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 0 9px #fff8d126,0 0 32px #ffe599d9}.odyssey-map-landmark span{text-shadow:0 1px 4px #462b0d;font-size:19px;line-height:1}.odyssey-map-landmark b{color:#fff5cd;width:120px;font:800 13px var(--font-display);text-shadow:0 1px 3px #000;background:#24190ed9;border-radius:999px;padding:4px 7px;position:absolute;top:68px}.odyssey-map-landmark small{color:#fff0b8;text-shadow:0 1px 3px #000;width:80px;font-size:9px;font-weight:800;position:absolute;top:94px}.odyssey-map-landmark-card{z-index:8;color:#fff5d5;background:#24190ef2;border:1px solid #f5c96b;border-radius:12px;width:min(265px,42%);padding:15px;position:absolute;top:34%;right:3%;box-shadow:0 16px 36px #000b}.odyssey-map-landmark-card b{font:800 20px var(--font-display);color:#ffd77d}.odyssey-map-landmark-card p{color:#ead9b5;margin:7px 0 12px;font-size:11px;line-height:1.55}.odyssey-map-landmark-card button{color:#c9fbff;background:#0a3942;border:1px solid #75e9ef;border-radius:7px;min-height:38px;padding:8px 11px;font-size:10px;font-weight:900}.odyssey-map-destination-card{z-index:6;color:#e9ffff;background:#07191eef;border:1px solid #73e8ef99;border-radius:12px;align-items:center;gap:12px;width:min(470px,48%);padding:12px 14px;display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%);box-shadow:0 15px 30px #000a,0 0 22px #26dce933}.odyssey-map-destination-card>span{color:#ffda7b;background:#4b2e12;border:1px solid #f4c35a;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.odyssey-map-destination-card>div{flex:1;min-width:0}.odyssey-map-destination-card small{color:#78e9ef;font:900 8px var(--font-mono);letter-spacing:1.2px}.odyssey-map-destination-card h3{font:800 18px var(--font-display);color:#fff4d2;margin:2px 0 3px}.odyssey-map-destination-card p{color:#b8cbd0;margin:0;font-size:10px;line-height:1.4}.odyssey-map-destination-card button{color:#ffdd8e;white-space:nowrap;background:#3c290f;border:1px solid #f4c35a;border-radius:8px;flex:none;min-height:38px;padding:8px 10px;font-size:10px;font-weight:900}.odyssey-map-node{z-index:4;color:#eafcfd;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(145deg,#0c2b34d4,#08171dc4);border:1px solid #dffcffc7;border-radius:12px;align-items:center;gap:10px;width:190px;min-height:66px;padding:9px 12px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 7px 18px #0007,0 0 14px #23d9e52b}:is(.odyssey-map-node:hover,.odyssey-map-node:focus-visible){border-color:#f4c35a;outline:none;transform:translateY(-4px)scale(1.02);box-shadow:0 14px 28px #000a,0 0 28px #f4b83b55}.odyssey-map-node.active{border-color:#f4c35a;box-shadow:0 0 0 2px #f4c35a55,0 0 28px #f4b83b44}.odyssey-map-node-icon{color:#a9f7fa;width:36px;height:36px;font:900 20px var(--font-display);background:#0f4651d9;border:1px solid #5bdce9;border-radius:10px;flex:none;place-items:center;display:grid}.odyssey-map-node b,.odyssey-map-node small{display:block}.odyssey-map-node b{font:800 15px var(--font-display)}.odyssey-map-node small{color:#c5d9dd;margin-top:3px;font-size:10px}.odyssey-map-node.north{top:7%;left:50%;transform:translate(-50%)}:is(.odyssey-map-node.north:hover,.odyssey-map-node.north:focus-visible){transform:translate(-50%)translateY(-4px)scale(1.02)}.odyssey-map-node.northwest{top:8%;left:4%}.odyssey-map-node.west{top:35%;left:4%}.odyssey-map-node.east{top:35%;right:4%}.odyssey-map-node.southwest{bottom:5%;left:14%}.odyssey-map-node.southeast{bottom:5%;right:14%}.odyssey-map-route-label{z-index:2;color:#eaffff;font:900 8px var(--font-mono);letter-spacing:2px;opacity:.9;text-shadow:0 1px 3px #000;position:absolute}.route-label-one{top:29%;left:29%;transform:rotate(-24deg)}.route-label-two{color:#fff1ad;bottom:29%;right:29%;transform:rotate(-24deg)}.odyssey-map-nexus,.odyssey-map-route-label{display:none}.odyssey-map-node{-webkit-backdrop-filter:none;backdrop-filter:none;background:#11363dcc;border:2px solid #fff5c6;border-radius:50%;justify-content:center;width:54px;height:54px;min-height:54px;padding:0;box-shadow:0 0 0 5px #fff5c629,0 4px 15px #0009,0 0 20px #21d9e58a}:is(.odyssey-map-node:hover,.odyssey-map-node:focus-visible){transform:translateY(-3px)scale(1.09)}.odyssey-map-node-icon{background:#0f4651e8;border-radius:50%;width:36px;height:36px}.odyssey-map-node>span:last-child{text-align:center;background:#24190edb;border:1px solid #f4cb77aa;border-radius:8px;width:136px;padding:5px 7px;position:absolute;top:61px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0008}.odyssey-map-node b{color:#fff4cc;font-size:13px}.odyssey-map-node small{color:#d9eced;font-size:9px}.odyssey-map-node.camp{top:25%;left:11%}.odyssey-map-node.snow{top:8%;left:39%}.odyssey-map-node.castle{top:23%;left:69%}.odyssey-map-node.aurora{top:18%;right:4%}.odyssey-map-node.mill{top:48%;left:53%}@media (max-width:760px){.odyssey-map-heading{display:block}.odyssey-map-legend{margin-top:14px}.odyssey-map-stage{background-position:50%;background-size:cover;grid-template-columns:1fr 1fr;gap:10px;height:auto;padding:18px 10px;display:grid}.odyssey-map-routes,.odyssey-map-haze,.odyssey-map-route-label,.odyssey-map-stage:after{display:none}.odyssey-map-nexus{border-radius:14px;grid-column:1/-1;width:100%;height:92px;position:relative;top:auto;left:auto;transform:none}.odyssey-map-landmark{background:#24190ed9;border-radius:14px;grid-column:1/-1;width:auto;min-width:0;height:72px;position:relative;inset:auto;transform:none}:is(.odyssey-map-landmark:hover,.odyssey-map-landmark:focus-visible,.odyssey-map-landmark.active){transform:translateY(-3px)}.odyssey-map-landmark b,.odyssey-map-landmark small{width:auto;position:static}.odyssey-map-landmark-card{grid-column:1/-1;width:auto;position:relative;top:auto;right:auto}.odyssey-map-destination-card{grid-column:1/-1;align-items:flex-start;width:auto;position:relative;bottom:auto;left:auto;transform:none}.odyssey-map-destination-card button{align-self:center}.odyssey-map-node,.odyssey-map-node.north,.odyssey-map-node.northwest,.odyssey-map-node.west,.odyssey-map-node.east,.odyssey-map-node.southwest,.odyssey-map-node.southeast{width:auto;min-height:64px;position:relative;inset:auto;transform:none}:is(.odyssey-map-node.north:hover,.odyssey-map-node.north:focus-visible){transform:translateY(-3px)scale(1.01)}.odyssey-map-stage{aspect-ratio:auto}.odyssey-map-nexus{display:none}.odyssey-map-node,.odyssey-map-node.camp,.odyssey-map-node.snow,.odyssey-map-node.castle,.odyssey-map-node.aurora,.odyssey-map-node.mill{background:#102d33e8;border-radius:12px;justify-content:flex-start;width:auto;height:auto;min-height:64px;padding:9px 12px;position:relative;inset:auto;transform:none}.odyssey-map-node>span:last-child{text-align:left;width:auto;box-shadow:none;background:0 0;border:0;padding:0;position:static;transform:none}:is(.odyssey-map-node:hover,.odyssey-map-node:focus-visible){transform:translateY(-3px)scale(1.01)}}.chord-name-card{place-items:center;gap:5px;min-width:72px;min-height:76px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 7px 20px #0003;color:#f2fbff!important;background:#102337!important;border:1px solid #2c8294!important;border-radius:10px!important;padding:10px 14px!important}.chord-name-card.large{min-width:118px;min-height:104px}.chord-name-card .chord-name{color:#fff;font:900 clamp(26px,4vw,42px) var(--font-display)}.chord-name-card small{color:#8be4ef;font:800 9px var(--font-mono);letter-spacing:.08em;text-align:center}.level-one-audio{color:#edfeff;background:#12354a;border:1px solid #67e8f9;border-radius:9px;min-height:44px;margin:14px auto;padding:10px 18px;font-weight:900;display:block;box-shadow:0 0 17px #24d8ea33}:is(.level-one-audio:hover,.level-one-audio:focus-visible){outline-offset:2px;background:#17546b;outline:2px solid #f5b942}.game-modal,.lesson-modal,.runner-quiz.level-one-quiz{color:#eff9ff!important;background:#0b1728!important;border-color:#2d8192!important}.game-modal>p,.lesson-modal>p{color:#c0d2e1}.odyssey-text-audio{background:linear-gradient(145deg,#142235,#0b1728)!important}.odyssey-note-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.odyssey-note-choices button{color:#f0fbff;text-align:center;background:#102d40;border:1px solid #36697a;border-radius:9px;min-height:50px;padding:10px;font-weight:800}.odyssey-note-choices button.resonating{background:#165062;border-color:#8df6ff;box-shadow:0 0 18px #22d3ee77}@media (max-width:640px){.odyssey-note-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.curriculum-chord-visual{justify-items:center;gap:6px;margin:12px auto;display:grid}.curriculum-chord-visual>div{background:#fff;border:2px solid #67e8f9;border-radius:10px;width:126px;height:196px;overflow:hidden;box-shadow:0 0 22px #22d3ee55}.curriculum-chord-visual img{width:auto;height:224px;margin:auto;display:block;transform:translateY(-27px)}.curriculum-chord-visual figcaption{color:#9ec6d3;letter-spacing:.04em;font-size:10px;font-weight:800}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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}@property --tw-ease{syntax:"*";inherits:false}.parent-portal-loading{color:#bfeef5;letter-spacing:.08em;background:radial-gradient(circle at 18% 12%,#2dd2ef1f,#0000 34%),linear-gradient(145deg,#07111c,#0d1726 62%,#111827);place-items:center;min-height:calc(100vh - 86px);padding:clamp(24px,5vw,72px);font-weight:800;display:grid}.parent-portal small,.parent-kicker{color:#2cd2ef;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.parent-portal h1,.parent-portal h2{color:#f3f8ff;letter-spacing:-.03em;margin:10px 0}.parent-portal p{color:#a8bbcf;line-height:1.6}.parent-portal label{color:#dbe7f5;gap:7px;font-size:13px;font-weight:700;display:grid}.parent-portal input,.parent-portal select{box-sizing:border-box;color:#f4f8ff;width:100%;font:inherit;background:#0a1726;border:1px solid #8eb1cb4d;border-radius:11px;outline:none;padding:12px 13px}.parent-portal input:focus,.parent-portal select:focus{border-color:#2cd2ef;box-shadow:0 0 0 3px #2dd2ef21}.parent-portal button{color:#041522;font:inherit;cursor:pointer;background:#19b9d4;border:1px solid #0000;border-radius:11px;padding:12px 16px;font-weight:800;transition:transform .18s,filter .18s,background .18s}.parent-portal button:hover{filter:brightness(1.08);transform:translateY(-1px)}.parent-portal button:disabled{cursor:not-allowed;opacity:.5;transform:none}.parent-portal{color:#eaf2fb;width:min(100%,1180px);margin:0 auto;padding:clamp(22px,4vw,56px) clamp(16px,4vw,40px) 80px}.parent-portal-hero{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:26px;display:flex}.parent-portal-hero h1{font-size:clamp(32px,5vw,58px)}.parent-portal-hero p{max-width:560px;margin:0}.parent-code-panel{background:linear-gradient(135deg,#f5b1421f,#0a192ae6);border:1px solid #f5b14259;border-radius:18px;align-items:center;gap:16px;min-width:min(100%,420px);padding:16px;display:flex}.parent-code-panel div{flex:1;gap:5px;display:grid}.parent-code-panel strong{letter-spacing:.18em;color:#ffd27c;font:800 28px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.parent-code-panel b{color:#d8e4f1}.parent-code-panel span{color:#9bb0c3;font-size:11px;line-height:1.35}.parent-code-panel button{white-space:nowrap;color:#24170a;background:#f5b142}.parent-portal-toolbar{background:#0c1929;border:1px solid #8eb1cb2e;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:7px;display:flex}.parent-portal-toolbar nav{gap:4px;display:flex}.parent-portal-toolbar nav button{color:#91a8bd;background:0 0;padding:10px 14px}.parent-portal-toolbar nav button.active{color:#f3f8ff;background:#19364a}.parent-portal-toolbar>label{align-items:center;gap:9px;display:flex}.parent-portal-toolbar>label span{color:#8198ad;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.parent-portal-toolbar select{min-width:150px;padding:9px}.parent-empty{text-align:center;background:#09172673;border:1px dashed #8eb1cb59;border-radius:22px;place-items:center;gap:10px;min-height:350px;padding:32px;display:grid}.parent-empty>span{color:#2cd2ef;font-size:42px}.parent-empty h2{margin:0}.parent-empty p{max-width:460px;margin:0}.parent-empty button{margin-top:10px}.parent-student-strip{background:#0c1929;border:1px solid #8eb1cb33;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:16px 20px;display:flex}.parent-student-strip>div{align-items:center;gap:12px;display:flex}.parent-student-strip>div>span{color:#062033;background:#16aec8;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.parent-student-strip p{gap:2px;margin:0;display:grid}.parent-student-strip p small{color:#7f99ae;font-size:10px}.parent-student-strip p b{font-size:18px}.parent-student-strip dl{gap:26px;margin:0;display:flex}.parent-student-strip dl div{gap:3px;display:grid}.parent-student-strip dt{color:#7f99ae;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.parent-student-strip dd{color:#f5b142;margin:0;font:800 22px ui-monospace,SFMono-Regular,Consolas,monospace}.parent-dashboard-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px;display:grid}.parent-practice-card,.parent-curriculum-card,.parent-goal-form,.parent-goal-list,.parent-settings-grid>form,.parent-account-access{background:linear-gradient(145deg,#0e1d2e,#0b1725);border:1px solid #8eb1cb30;border-radius:20px;padding:22px;box-shadow:0 12px 34px #00000026}.parent-practice-card header,.parent-curriculum-card header,.parent-goal-list header{justify-content:space-between;align-items:start;gap:15px;display:flex}.parent-practice-card h2,.parent-curriculum-card h2,.parent-goal-form h2,.parent-goal-list h2,.parent-settings-grid h2{margin:7px 0 0;font-size:23px}.parent-practice-card header>span,.parent-curriculum-card header>span{color:#71879b;font-size:12px}.parent-metric-row{align-items:center;gap:30px;margin:22px 0;display:flex}.parent-practice-ring{aspect-ratio:1;background:conic-gradient(#2cd2ef var(--practice-ring),#203649 0);border-radius:50%;align-content:center;place-items:center;width:128px;display:grid;position:relative}.parent-practice-ring:after{content:"";background:#0d1b2b;border-radius:50%;position:absolute;inset:9px}.parent-practice-ring>*{z-index:1;position:relative}.parent-practice-ring strong{font:800 30px ui-monospace,SFMono-Regular,Consolas,monospace}.parent-practice-ring span{color:#8da4b8;font-size:12px}.parent-metric-row dl{gap:28px;margin:0;display:flex}.parent-metric-row dl div{gap:4px;display:grid}.parent-metric-row dt{color:#8096aa;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.parent-metric-row dd{color:#f3f8ff;margin:0;font:800 25px ui-monospace,SFMono-Regular,Consolas,monospace}.parent-metric-row dd small{color:#7f98ae;margin-left:4px;font:500 12px inherit}.parent-bars{border-top:1px solid #8eb1cb24;align-items:end;gap:9px;height:135px;padding-top:10px;display:flex}.parent-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;height:100%;display:flex}.parent-bars>div>span{background:linear-gradient(#2cd2ef,#1a5f7b);border-radius:7px 7px 3px 3px;align-items:end;width:100%;height:100%;min-height:5px;max-height:102px;display:flex}.parent-bars i{color:#dff9ff;align-self:center;margin-bottom:4px;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.parent-bars small{color:#8299ad;font-size:10px}.parent-card-note{color:#8299ad;margin:15px 0 0;font-size:13px}.parent-curriculum-card>section{border-bottom:1px solid #8eb1cb24;padding:15px 0}.parent-curriculum-card>section:last-child{border-bottom:0}.parent-curriculum-card h3{color:#8ea6bb;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:12px}.parent-chord-list{flex-wrap:wrap;gap:7px;display:flex}.parent-chord-list b{color:#78e9f7;background:#2dd2ef1a;border:1px solid #2dd2ef61;border-radius:8px;padding:7px 10px}.parent-record-list{gap:8px;display:grid}.parent-record-list>div{align-items:center;gap:9px;display:flex}.parent-record-list>div>span{color:#35dc97}.parent-record-list b{flex:1;font-size:13px}.parent-record-list em{color:#f5b142;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.parent-curriculum-card section>p{color:#71889c;margin:0;font-size:13px}.parent-goals-layout{grid-template-columns:minmax(260px,.76fr) minmax(0,1.24fr);gap:22px;display:grid}.parent-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.parent-goal-form{align-content:start;gap:13px;display:grid}.parent-form-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.parent-goal-form button,.parent-settings-grid form>button{margin-top:5px}.parent-toggle{align-items:start;grid-template-rows:auto!important;grid-template-columns:auto 1fr!important;gap:10px!important;display:flex!important}.parent-toggle input{width:18px;margin-top:2px}.parent-toggle span{gap:3px;display:grid}.parent-toggle small{color:#7e95aa;font-size:11px;line-height:1.4;display:block}.parent-goal-list{gap:13px;display:grid}.parent-goal-list>header{padding-bottom:9px}.parent-goal-list>article{background:#0b1a2a;border:1px solid #8eb1cb29;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.parent-goal-list>article.unlocked{background:#1a5e4d29;border-color:#35dc9773}.parent-goal-badge{color:#ffd27c;background:#f5b14229;border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.parent-goal-list article>div{min-width:0}.parent-goal-list article>div>small{color:#2cd2ef;font-size:10px}.parent-goal-list article h3{margin:4px 0;font-size:16px}.parent-goal-list article p{margin:0;font-size:12px}.parent-goal-progress{background:#1d3245;border-radius:999px;height:7px;margin:11px 0 5px;overflow:hidden}.parent-goal-progress i{border-radius:inherit;background:linear-gradient(90deg,#2cd2ef,#f5b142);height:100%;display:block}.parent-goal-list article em{color:#8198ac;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.parent-goal-list article>button{color:#201709;white-space:nowrap;background:#f5b142;padding:9px 10px}.parent-goals-empty{color:#8aa0b4;text-align:center;padding:30px 10px}.parent-settings-grid>form,.parent-account-access{align-content:start;gap:14px;display:grid}.parent-settings-grid>form p,.parent-account-access p{margin:0;font-size:13px}.parent-settings-grid label{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.parent-settings-grid label span{grid-column:1/-1}.parent-settings-grid input[type=range]{accent-color:#2cd2ef;padding:0}.parent-settings-grid output{color:#f5b142;font:700 16px ui-monospace,SFMono-Regular,Consolas,monospace}.parent-settings-grid footer{color:#7f96aa;border-top:1px solid #8eb1cb26;padding-top:12px;font-size:12px}.parent-settings-grid footer b{color:#edf6ff}.parent-coin-balances{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.parent-coin-balances>span{background:#f5b14212;border:1px solid #f5b14233;border-radius:12px;gap:5px;padding:12px;display:grid}.parent-coin-balances small{color:#8fa5ba;letter-spacing:.07em;font-size:9px}.parent-coin-balances b{color:#ffd27c;font:800 18px ui-monospace,SFMono-Regular,Consolas,monospace}.parent-coin-presets{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.parent-coin-presets button{color:#cbeef4;background:#132a3d;border-color:#8eb1cb47;padding:8px 4px;font-size:11px}.parent-account-check{color:#c9f7e4;background:#35dc9714;border:1px solid #35dc9740;border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:12px;font-size:12px;display:flex}.parent-account-check span{color:#54e5a9;background:#35dc9729;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.parent-account-access footer{margin-top:auto}.parent-link-wrap{z-index:60}.parent-link-modal{background:#0c1b2b;border:1px solid #2dd2ef59;border-radius:22px;width:min(100% - 32px,470px);padding:28px;box-shadow:0 25px 80px #0006}.parent-link-modal h2{margin:9px 0;font-size:28px}.parent-link-modal>p{color:#9fb2c4;line-height:1.55}.parent-link-modal form{gap:9px;margin-top:20px;display:grid}.parent-link-modal form>small{color:#7790a5;font-size:11px}.parent-link-modal form button{margin-top:8px}.family-connections{border-top:1px solid #8eb1cb29;gap:9px;margin-top:22px;padding-top:17px;display:grid}.family-connections>small{color:#f5b142}.family-connections article{align-items:center;gap:10px;display:flex}.family-connections article>span{color:#35dc97;background:#35dc9724;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.family-connections article>div{gap:2px;display:grid}.family-connections article small{color:#8198ad;letter-spacing:0;text-transform:none;font-size:11px;font-weight:500}.parent-connect-cta{color:#dcf8ff;cursor:pointer;background:#2dd2ef17;border:1px solid #2dd2ef47;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px 12px;display:grid}.parent-connect-cta span{color:#2cd2ef;grid-row:span 2;font-size:20px}.parent-connect-cta b{font-size:12px}.parent-connect-cta small{color:#7e9bad;font-size:10px}.parent-connect-compact{white-space:nowrap;color:#a9eefa!important;background:0 0!important;border:1px solid #2dd2ef59!important;padding:10px 12px!important}@media (max-width:860px){.parent-portal-hero{display:grid}.parent-code-panel{min-width:0}.parent-dashboard-grid,.parent-goals-layout,.parent-settings-grid{grid-template-columns:1fr}.parent-student-strip{flex-direction:column;align-items:flex-start}.parent-student-strip dl{justify-content:space-between;width:100%}}@media (max-width:620px){.parent-portal{padding:25px 13px 60px}.parent-portal-toolbar{flex-direction:column;align-items:stretch}.parent-portal-toolbar nav{width:100%;overflow:auto}.parent-portal-toolbar nav button{white-space:nowrap;flex:1}.parent-portal-toolbar>label{width:100%}.parent-portal-toolbar select{flex:1}.parent-code-panel{flex-direction:column;align-items:stretch}.parent-code-panel button{width:100%}.parent-metric-row{gap:18px}.parent-practice-ring{width:104px}.parent-metric-row dl{gap:13px}.parent-metric-row dd{font-size:20px}.parent-goal-list>article{grid-template-columns:auto minmax(0,1fr)}.parent-goal-list article>button{grid-column:2;justify-self:start}.parent-connect-cta{margin-top:8px}.parent-form-row,.parent-coin-balances{grid-template-columns:1fr}.parent-link-modal{padding:23px}}