@font-face{font-family:geistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_bd693000-module__cSpglq__className{font-family:geistSans,geistSans Fallback}.geistsans_bd693000-module__cSpglq__variable{--font-geist-sans:"geistSans", "geistSans Fallback"}
@font-face{font-family:geistMono;src:url(../media/GeistMono_Variable-s.p.3ms9vq719j3f8.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.geistmono_e440b2c1-module__JNh-GW__className{font-family:geistMono,geistMono Fallback}.geistmono_e440b2c1-module__JNh-GW__variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
@font-face{font-family:vazirmatn;src:url(../media/Vazirmatn_Variable-s.p.0tzxgo2fuaf-x.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:vazirmatn Fallback;src:local(Arial);ascent-override:102.54%;descent-override:53.71%;line-gap-override:0.0%;size-adjust:100.0%}.vazirmatn_591c81f4-module__Yiw53G__className{font-family:vazirmatn,vazirmatn Fallback}.vazirmatn_591c81f4-module__Yiw53G__variable{--font-vazirmatn:"vazirmatn", "vazirmatn Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-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-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-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,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}.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,)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}}:root{--ink:#142a35;--muted:#6f8189;--mint:#23c98f;--purple:#7759e8;--cream:#f5f1e9;--line:#d9e1df}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}header{background:#fff;border-bottom:1px solid #e2e5e3;justify-content:space-between;align-items:center;height:82px;padding:0 34px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:23px;font-weight:800;text-decoration:none;display:flex}.brand span{background:var(--mint);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.lesson-title{text-align:center;flex-direction:column;gap:3px;display:flex}.lesson-title small,.stats small{letter-spacing:1.5px;color:#829299;font-size:10px;font-weight:800}.lesson-title strong{font-size:16px}.header-actions{gap:10px;display:flex}.icon-btn,.avatar{background:#eff3f1;border:0;border-radius:50%;width:42px;height:42px;font-weight:700}.avatar{color:#fff;background:#142a35;font-size:12px}.game-shell{grid-template-columns:250px 1fr;max-width:1440px;min-height:calc(100vh - 82px);margin:auto;display:grid}aside{background:#fff;border-right:1px solid #e0e4e2;padding:28px 24px}.progress-ring{background:conic-gradient(var(--mint) 68%,#e9eeeb 0);border-radius:50%;place-items:center;width:82px;height:82px;margin:auto;display:grid;position:relative}.progress-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.progress-ring span{z-index:1;font-size:18px;font-weight:800}aside>p{text-align:center;letter-spacing:1.5px;color:#89979b;margin:12px 0 30px;font-size:9px;font-weight:700}nav{flex-direction:column;gap:7px;display:flex}nav button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px 8px;display:flex}nav button i{color:#819096;border:1px solid #d4dcda;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;display:grid}nav button span{flex-direction:column;gap:4px;display:flex}nav button b{font-size:13px}nav button small{color:#86959a;font-size:10px}.done i{color:#159d70;background:#ddf8ed;border:0}.active{background:#f0edff!important}.active i{background:var(--purple);color:#fff;border:0}.active small{color:var(--purple)}.tip{background:#f7f5ee;border-radius:14px;margin-top:36px;padding:17px;font-size:11px;line-height:1.5}.tip>span{color:var(--purple);margin-right:8px;font-size:18px}.tip p{color:#6f7d80;margin:8px 0 0}.stage{padding:20px 26px;position:relative;overflow:hidden}.callout{color:#fff;z-index:10;pointer-events:none;background:#10221c;border:1px solid #23c98f50;border-radius:30px;padding:6px 16px;font-size:11px;font-weight:700;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0a171340}.callout span{color:var(--mint)}.callout .warn{color:#ee8c48}.controls{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;display:flex}.play{background:var(--purple);color:#fff;border:0;border-radius:50%;width:55px;height:55px;font-size:18px;box-shadow:0 8px 18px #7659e84f}.controls>div{align-items:center;gap:10px;display:flex}.controls>div>span{letter-spacing:1px;color:#879497;font-size:9px;font-weight:700}.controls>div button{background:#fff;border:1px solid #d9dfdc;border-radius:7px;width:28px;height:28px}.controls b{text-align:center;min-width:78px}.controls b small{color:#889699;font-size:9px}.restart{color:#738286;background:0 0;border:0;font-size:12px}.play{letter-spacing:.5px;font-size:10px;font-weight:800}.icon-btn{letter-spacing:.5px;font-size:9px}.icon-btn.muted{color:#9aa6a9;background:#f2f2f0}.track-status{letter-spacing:1.2px;color:#8a9699;justify-content:center;align-items:center;gap:7px;margin:14px auto -8px;font-size:9px;font-weight:800;display:flex}.track-status i{background:#bdc7c4;border-radius:50%;width:7px;height:7px}.track-status.live{color:#159d70}.track-status.live i{background:var(--mint);animation:1s infinite trackPulse;box-shadow:0 0 0 5px #23c98f20}@keyframes trackPulse{50%{opacity:.65;transform:scale(.7)}}.mic-panel{background:#fff;border:1px solid #dce3e0;border-radius:13px;grid-template-columns:auto 72px 1fr;align-items:center;gap:14px;max-width:570px;margin:18px auto -8px;padding:10px 14px;display:grid;box-shadow:0 5px 15px #2039400b}.mic-panel>button{background:var(--ink);color:#fff;letter-spacing:.7px;border:0;border-radius:9px;padding:10px 13px;font-size:9px;font-weight:800}.mic-panel>button:disabled{opacity:.55}.mic-panel>div{border-left:1px solid #e2e7e4;border-right:1px solid #e2e7e4;flex-direction:column;align-items:center;display:flex}.mic-panel small{letter-spacing:1px;color:#879598;font-size:7px}.mic-panel b{color:var(--purple);font-size:21px}.mic-panel p{color:#738286;margin:0;font-size:10px;line-height:1.4}.mic-panel.listening{background:#f5fffb;border-color:#8ee4c5}.mic-panel.listening>button{background:var(--mint)}@media (max-width:600px){.mic-panel{grid-template-columns:auto 65px}.mic-panel p{text-align:center;grid-column:1/-1}}.practice-panel{min-width:0;margin-top:16px;transition:all .3s}.string-order-toggle-btn{color:#476068;cursor:pointer;background:#fff;border:1px solid #cfdad6;border-radius:9px;padding:7px 11px;font-size:9px;font-weight:800}.pitch-control b{min-width:54px}.controls>div button:disabled{opacity:.35;cursor:not-allowed}.audio-output-row{align-items:center;gap:10px;max-width:570px;margin:12px auto -6px;display:flex}.audio-output-row button{color:#476068;letter-spacing:.55px;background:#fff;border:1px solid #cfdad6;border-radius:9px;flex:none;padding:8px 10px;font-size:8px;font-weight:800}.audio-output-row span{color:#738286;font-size:9px;line-height:1.3}@media (max-width:600px){.controls{grid-template-columns:55px minmax(0,1fr) minmax(0,1fr) auto;gap:5px;display:grid}.controls>div{justify-content:center;gap:3px}.controls>div>span{display:none}.controls>div button{width:25px;height:27px}.controls b,.pitch-control b{min-width:30px;font-size:11px}.restart{white-space:nowrap}.audio-output-row{flex-direction:column;align-items:stretch;gap:5px;margin-top:10px}.audio-output-row button{width:100%}.audio-output-row span{text-align:center}}.yousician-stage-container{background:#dedcb6;border:1px solid #cfcaa2;border-radius:16px;max-width:1060px;margin:10px auto 0;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000040}.yousician-exact-container{flex-direction:column;width:100%;display:flex;position:relative}.yousician-top-menu{z-index:5;background:#dedcb6;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:8px 18px;display:flex}.top-action-btn{color:#fff;text-shadow:0 1px 3px #0006;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;transition:background .15s,transform .15s;display:flex}.top-action-btn:hover{background:#ffffff40;transform:translateY(-1px)}.action-icon{font-size:18px;line-height:1}.action-label{letter-spacing:1px;font-size:8.5px;font-weight:900}.top-title-center{align-items:center;gap:10px;display:flex}.exercise-name-pill{color:#3f4738;background:#ffffff73;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:800}.yousician-exact-canvas-wrapper{background:#202422;width:100%;height:340px;position:relative;overflow:hidden}.yousician-exact-canvas{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}.yousician-bottom-bar{background:#dedcb6;border-top:1px solid #00000014;grid-template-columns:44px 1fr 56px;align-items:center;gap:12px;padding:6px 14px;display:grid}.yousician-hand-guide{filter:drop-shadow(0 2px 5px #0003);justify-content:center;align-items:center;transition:transform .2s;display:flex}.yousician-hand-guide:hover{transform:scale(1.08)}.hand-svg{display:block;overflow:visible}.timeline-play-btn{color:#fff;cursor:pointer;background:#1e2924;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;transition:transform .15s,background .15s;display:grid;box-shadow:0 3px 8px #0000004d}.timeline-play-btn:hover{background:#23c98f;transform:scale(1.05)}.timeline-track-wrapper{box-sizing:border-box;cursor:pointer;background:#111a14;border:1px solid #ffffff1f;border-radius:11px;width:100%;height:22px;padding:3px 6px;position:relative;box-shadow:inset 0 2px 5px #00000080}.timeline-track{align-items:center;width:100%;height:100%;display:flex;position:relative}.timeline-note-dot{opacity:.85;border-radius:2px;min-width:4px;position:absolute;top:2px;bottom:2px;box-shadow:0 0 3px #0000004d}.timeline-note-dot.active{opacity:1;box-shadow:0 0 8px #fff}.timeline-progress-fill{pointer-events:none;background:#23c98f59;border-radius:9px;position:absolute;top:0;bottom:0;left:0}.yousician-hand-guide{-webkit-user-select:none;user-select:none;place-items:center;display:grid}.hand-svg{display:block}@media (max-width:800px){header{height:64px;padding:0 16px}.lesson-title{display:none}.game-shell{min-height:calc(100vh - 64px);display:block}aside{display:none}.stage{padding:10px 8px}.yousician-stage-container{border-radius:12px}.yousician-exact-canvas-wrapper{height:280px}.top-action-btn{padding:2px 6px}.action-icon{font-size:15px}.action-label{font-size:7.5px}.exercise-name-pill{display:none}}@media (max-height:600px) and (orientation:landscape){header{height:48px;padding:0 12px}.lesson-title{display:none}.game-shell{min-height:calc(100vh - 48px);display:block}aside{display:none}.stage{padding:4px 8px}.yousician-exact-canvas-wrapper{height:220px}.practice-panel{margin-top:6px}.callout{display:none}}.admin-page{color:#f0f3f5;background:#141517;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.admin-header{background:#1a1c1f;border-bottom:1px solid #282a2e;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex}.admin-header .brand{color:#fff}.admin-account{color:#94a3b8;align-items:center;gap:12px;font-size:11px;display:flex}.admin-account a{color:#f1f5f9;background:#1e2226;border:1px solid #334155;border-radius:8px;padding:7px 11px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s}.admin-account a:hover{background:#282e34;border-color:#475569}.admin-content{width:min(1040px,100% - 32px);margin:0 auto;padding:38px 0 60px}.admin-intro small{color:#a892ff;letter-spacing:1.4px;font-size:9px;font-weight:900}.admin-intro h1{letter-spacing:-1.2px;color:#fff;margin:6px 0 4px;font-size:36px}.admin-intro p{color:#94a3b8;margin:0;font-size:13px}.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:22px;margin-top:26px;display:grid}.admin-song-form,.admin-song-list{color:#f1f5f9;background:#1b1c1f;border:1px solid #282a2e;border-radius:18px;padding:24px;box-shadow:0 14px 40px #00000059}.admin-song-form h2,.admin-song-list h2{color:#fff;margin:0;font-size:18px;font-weight:800}.admin-entry-tabs{background:#141517;border:1px solid #282a2e;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0 8px;padding:4px;display:grid}.admin-entry-tabs button{color:#8896a6;letter-spacing:.7px;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 6px;font-size:8.5px;font-weight:900;transition:all .15s}.admin-entry-tabs button:hover{color:#fff}.admin-entry-tabs button.selected{color:#fff;background:#25262c;border:1px solid #7759e8;box-shadow:0 0 12px #7759e84d}.admin-song-form label{color:#94a3b8;letter-spacing:.7px;text-transform:uppercase;margin-top:15px;font-size:9px;font-weight:900;display:block;position:relative}.admin-song-form input,.admin-song-form textarea{color:#fff;width:100%;font:inherit;background:#141517;border:1px solid #2b2e34;border-radius:10px;outline:none;margin-top:6px;padding:11px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s;display:block}.admin-song-form input:focus,.admin-song-form textarea:focus{border-color:#7759e8;box-shadow:0 0 0 3px #7759e833}.admin-song-form label>span{color:#64748b;font-size:8px;font-weight:900;position:absolute;bottom:12px;right:12px}.admin-note-help{color:#94a3b8;margin-top:8px;font-size:9.5px;line-height:1.5}.admin-message{color:#f59e0b;background:#332418;border:1px solid #5a381a;border-radius:8px;margin:12px 0;padding:9px 12px;font-size:10.5px;font-weight:700}.admin-message.success{color:#34d399;background:#142e22;border:1px solid #1e523b}.admin-form-actions{gap:8px;margin-top:18px;display:flex}.admin-form-actions button{letter-spacing:.7px;cursor:pointer;border:0;border-radius:10px;padding:13px;font-size:9.5px;font-weight:900;transition:opacity .15s,transform .15s}.admin-form-actions button[type=submit]{color:#fff;background:#7759e8;flex:1;box-shadow:0 6px 18px #7759e859}.admin-form-actions button[type=submit]:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.admin-form-actions button[type=button]{color:#94a3b8;background:#1b1c1f;border:1px solid #334155}.admin-form-actions button[type=button]:hover{color:#fff;background:#25282e}.admin-form-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-list-title{justify-content:space-between;align-items:center;display:flex}.admin-list-title>span{color:#a892ff;background:#2c2250;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid}.admin-song-list article{border-top:1px solid #282a2e;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.admin-song-list article:first-of-type{margin-top:14px}.admin-song-list article div{flex-direction:column;gap:4px;display:flex}.admin-song-list article strong{color:#fff;font-size:13px}.admin-song-list article span,.admin-empty{color:#8896a6;font-size:9.5px}.admin-list-actions{flex-direction:row!important;gap:6px!important;display:flex!important}.admin-song-list .admin-list-actions button{cursor:pointer;border-radius:7px;padding:6px 10px;font-size:8.5px;font-weight:800;transition:all .15s}.admin-song-list .admin-list-actions button:first-child{color:#a892ff;background:#262044;border:1px solid #3d3266}.admin-song-list .admin-list-actions button:first-child:hover{color:#fff;background:#332b5c}.admin-song-list .admin-list-actions button:last-child{color:#f87171;background:#2c1a18;border:1px solid #4a2723}.admin-song-list .admin-list-actions button:last-child:hover{color:#fff;background:#3b201d}.staff-editor{margin-top:15px}.notation-toolbox{background:#141517;border:1px solid #282a2e;border-radius:13px;grid-template-columns:1fr;gap:10px;margin-top:14px;padding:13px;display:grid}.notation-toolbox section>small{color:#64748b;letter-spacing:.8px;margin:0 0 6px;font-size:7.5px;font-weight:900;display:block}.duration-picker{background:#1b1c1f;border:1px solid #282a2e;border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.duration-picker button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;align-items:center;min-width:48px;padding:5px 7px;transition:all .15s;display:flex}.duration-picker button:hover{color:#fff;background:#25282e}.duration-picker button.selected,.accidental-picker button.selected{box-shadow:0 2px 8px #7759e873;color:#fff!important;background:#7759e8!important}.duration-picker b{height:22px;font-family:Times New Roman,serif;font-size:23px;line-height:19px}.duration-picker span{font-size:7px;font-weight:800}.accidental-picker{background:#1b1c1f;border:1px solid #282a2e;border-radius:10px;padding:4px;display:flex}.accidental-picker button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:7px;width:32px;height:32px;font-family:Times New Roman,serif;font-size:20px;transition:all .15s}.accidental-picker button:hover{color:#fff;background:#25282e}.tool-row,.symbol-tools{flex-wrap:wrap;align-items:stretch;gap:5px;display:flex}.symbol-tool{color:#cbd5e1;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:52px;min-height:44px;padding:5px 8px;transition:all .15s;display:flex}.symbol-tool:hover{color:#fff;background:#23252b;border-color:#7759e8}.symbol-tool>b{color:#fff;font-family:Times New Roman,serif;font-size:18px;line-height:18px}.symbol-tool>span{color:#8896a6;white-space:nowrap;margin-top:3px;font-size:6.5px;font-weight:800}.rest-tool{min-width:72px;font-family:Times New Roman,serif;font-size:21px}.rest-tool>span{font-family:Arial,sans-serif}.score-settings>div{gap:8px;display:flex}.score-settings label{color:#8896a6;text-transform:none;align-items:center;gap:6px;margin:0;font-size:8.5px;font-weight:900;display:flex}.score-settings select{color:#fff;background:#1b1c1f;border:1px solid #282a2e;border-radius:7px;outline:none;padding:6px 8px;font-size:9px}.staff-instruction{color:#8896a6;margin:10px 0 7px;font-size:9.5px;line-height:1.4}.staff-scroll{background:#141517;border:1px solid #282a2e;border-radius:12px;overflow-x:auto}.notation-staff{background:#141517;min-width:100%;height:148px;position:relative;overflow:hidden}.staff-lines{background:repeating-linear-gradient(#475569 0 1px,#0000 1px 12px);height:49px;position:absolute;top:52px;left:70px;right:18px}.treble-clef{z-index:3;color:#fff;font-family:Times New Roman,serif;font-size:65px;line-height:1;position:absolute;top:36px;left:22px}.time-signature{z-index:3;color:#fff;flex-direction:column;font-family:Times New Roman,serif;font-size:22px;line-height:20px;display:flex;position:absolute;top:51px;left:86px}.score-key{z-index:3;color:#8896a6;font:700 8px Arial,sans-serif;position:absolute;top:10px;left:72px}.staff-pitch-target{z-index:1;text-align:right;cursor:pointer;background:0 0;border:0;height:6px;padding:0;position:absolute;left:118px;right:16px}.staff-pitch-target:hover{background:#7759e826}.staff-pitch-target span{display:none}.staff-event{z-index:4;color:#fff;cursor:pointer;background:0 0;border:0;width:40px;height:48px;padding:0;position:absolute}.staff-event>.note-mark{z-index:1;width:23px;height:40px;font-size:0;line-height:0;position:absolute;top:0;left:9px}.staff-event>.note-mark:before{content:"";background:#fff;border-radius:50%;width:17px;height:11px;position:absolute;top:19px;left:2px;transform:rotate(-14deg)}.staff-event>.note-mark:after{content:"";background:#fff;width:2px;height:24px;position:absolute;top:1px;left:17px}.staff-event>.note-mark.whole:before,.staff-event>.note-mark.half:before{background:#141517;border:2px solid #fff}.staff-event>.note-mark.whole:after{display:none}.staff-event>.note-mark>span{width:9px;height:14px;position:absolute;top:2px;left:18px}.staff-event>.note-mark.eighth>span:before,.staff-event>.note-mark.sixteenth>span:before{content:"";border-top:3px solid #fff;border-radius:50%;width:9px;height:7px;position:absolute;top:0;left:0;transform:rotate(26deg)}.staff-event>.note-mark.sixteenth>span:before{box-shadow:1px 5px 0 -1px #fff}.staff-event>.note-mark.beam-next>span:after{content:"";border-top:4px solid #fff;width:49px;position:absolute;top:-1px;left:-1px}.staff-event>.note-mark.beam-next>span:before{display:none}.staff-event>.note-mark>em{color:#fff;font:700 15px Arial,sans-serif;position:absolute;top:18px;left:22px}.staff-event>.note-mark>strong{color:#fff;font:700 9px Arial,sans-serif;position:absolute;top:-9px;left:5px}.staff-event>.rest-mark{color:#fff;width:26px;height:30px;font-family:Times New Roman,serif;font-size:29px;line-height:29px;position:absolute;top:7px;left:7px}.staff-event>i{z-index:2;color:#fff;font-family:Times New Roman,serif;font-size:19px;font-style:normal;position:absolute;top:15px;left:-2px}.staff-event>small{color:#8896a6;text-align:center;margin:0;font-size:7px;font-weight:900;position:absolute;top:42px;left:0;right:0}.staff-event.selected{background:#7759e84d;border-radius:8px;box-shadow:0 0 0 2px #7759e8}.staff-event.ledger-low:after,.staff-event.ledger-high:after{content:"";z-index:0;background:#94a3b8;height:1px;position:absolute;top:24px;left:5px;right:5px}.empty-staff{color:#64748b;letter-spacing:.3px;font-size:8.5px;position:absolute;top:117px;left:150px}.staff-marker{z-index:5;color:#fff;cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.staff-marker.selected{background:#7759e84d;border-radius:5px;box-shadow:0 0 0 2px #7759e8}.marker-barline,.marker-doubleBar,.marker-repeatStart,.marker-repeatEnd{width:26px;height:62px;font-family:Times New Roman,serif;font-size:39px;line-height:58px;top:43px}.marker-tie,.marker-slur{width:72px;height:24px;font-family:Times New Roman,serif;font-size:37px;line-height:18px;top:25px}.marker-ending1,.marker-ending2{text-align:left;color:#fff;border-top:1px solid #fff;border-left:1px solid #fff;width:65px;height:21px;font:700 10px Arial,sans-serif;top:7px}.marker-chord{color:#fff;width:45px;font:700 10px Arial,sans-serif;top:9px}.marker-lyric{color:#cbd5e1;width:70px;font:italic 10px Times New Roman,serif;top:122px}.marker-fine,.marker-dcFine{color:#cbd5e1;width:80px;font:700 9px Times New Roman,serif;top:122px}.staff-actions{justify-content:space-between;align-items:center;gap:8px;margin:10px 0 14px;display:flex}.staff-actions>span{color:#8896a6;font-size:8.5px;font-weight:800}.staff-actions>div{gap:6px;display:flex}.staff-actions button{color:#cbd5e1;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:7px;padding:6px 10px;font-size:8.5px;font-weight:800;transition:all .15s}.staff-actions button:hover:not(:disabled){color:#fff;background:#262930;border-color:#3b424d}.staff-actions button:disabled{opacity:.4;cursor:not-allowed}.guitar-editor{margin-top:15px}.guitar-entry-controls{background:#141517;border:1px solid #282a2e;border-radius:13px;grid-template-columns:1fr .75fr 1.35fr;gap:8px;padding:12px;display:grid}.guitar-entry-controls label{margin:0}.guitar-entry-controls select{color:#fff;background:#1b1c1f;border:1px solid #282a2e;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:9px 8px;font-size:10px;display:block}.guitar-entry-controls select:focus{border-color:#7759e8;box-shadow:0 0 0 3px #7759e833}.guitar-entry-preview{background:#141517;border:1px solid #282a2e;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:9px;padding:11px;display:grid}.guitar-entry-preview>div{flex-direction:column;gap:2px;min-width:0;display:flex}.guitar-entry-preview small{color:#8896a6;letter-spacing:.8px;font-size:7.5px;font-weight:900}.guitar-entry-preview strong{color:#a892ff;font-size:22px}.guitar-entry-preview span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.guitar-entry-preview button{color:#fff;white-space:nowrap;cursor:pointer;background:#7759e8;border:0;border-radius:9px;padding:10px 12px;font-size:8.5px;font-weight:900}.guitar-entry-preview button.add-rest{background:#334155}.guitar-sequence{flex-direction:column;gap:6px;max-height:290px;padding-right:3px;display:flex;overflow-y:auto}.guitar-sequence>p{text-align:center;color:#64748b;border:1px dashed #282a2e;border-radius:11px;margin:0;padding:18px;font-size:9px}.guitar-sequence article{background:#141517;border:1px solid #282a2e;border-radius:10px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.guitar-sequence article.rest{background:#18191d}.guitar-sequence article>span{color:#a892ff;background:#2c2250;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8.5px;font-weight:900;display:grid}.guitar-sequence article.rest>span{color:#94a3b8;background:#25282e}.guitar-sequence article>div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.guitar-sequence article strong{color:#fff;font-size:12px}.guitar-sequence article small{color:#8896a6;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.guitar-event-actions{gap:4px;display:flex}.guitar-event-actions button,.guitar-sequence-summary button{color:#cbd5e1;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:6px;font-size:9px;font-weight:900}.guitar-event-actions button{width:24px;height:24px;padding:0}.guitar-event-actions button:last-child{color:#f87171;background:#2c1a18;border-color:#4a2723}.guitar-event-actions button:disabled,.guitar-sequence-summary button:disabled{opacity:.35;cursor:not-allowed}.guitar-sequence-summary{justify-content:space-between;align-items:center;gap:8px;margin:9px 0 14px;display:flex}.guitar-sequence-summary>span{color:#8896a6;font-size:8.5px;font-weight:800}.guitar-sequence-summary>div{gap:6px;display:flex}.guitar-sequence-summary button{padding:6px 10px}.admin-login-page{background:#141517;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.admin-corner-theme{top:16px;position:absolute;inset-inline-end:16px}.admin-login-card{background:#1b1c1f;border:1px solid #282a2e;border-radius:20px;flex-direction:column;gap:20px;width:min(440px,100%);padding:36px 32px 30px;display:flex;box-shadow:0 20px 50px #00000080}.admin-login-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.admin-login-header .brand{color:#fff}.login-badge{letter-spacing:1.5px;color:#a892ff;background:#2c2250;border-radius:12px;margin-top:8px;padding:4px 10px;font-size:8px;font-weight:900}.admin-login-header h2{color:#fff;margin:4px 0 0;font-size:24px;font-weight:800}.admin-login-header p{color:#8896a6;margin:0;font-size:12px}.admin-login-form{flex-direction:column;gap:14px;display:flex}.admin-login-error{color:#f59e0b;background:#332418;border:1px solid #5a381a;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:700}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{letter-spacing:.8px;color:#8896a6;text-transform:uppercase;font-size:9px;font-weight:900}.form-group input{width:100%;font:inherit;color:#fff;background:#141517;border:1px solid #282a2e;border-radius:10px;outline:none;padding:11px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#7759e8;box-shadow:0 0 0 3px #7759e840}.login-submit-btn{color:#fff;letter-spacing:.8px;cursor:pointer;background:#7759e8;border:0;border-radius:11px;width:100%;padding:13px;font-size:10px;font-weight:900;transition:opacity .2s,transform .15s;box-shadow:0 6px 18px #7759e859}.login-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.quick-login-btn{color:#a892ff;cursor:pointer;background:#141517;border:1px solid #282a2e;border-radius:11px;width:100%;padding:11px;font-size:9.5px;font-weight:800;transition:background .15s,border-color .15s}.quick-login-btn:hover:not(:disabled){background:#25262c;border-color:#7759e8}.admin-login-footer{text-align:center;border-top:1px solid #282a2e;flex-direction:column;align-items:center;gap:8px;padding-top:16px;display:flex}.admin-login-footer p{color:#8896a6;margin:0;font-size:10px}.admin-login-footer code{color:#f1f5f9;background:#141517;border:1px solid #282a2e;border-radius:5px;padding:2px 5px;font-size:9.5px}.back-link{color:#a892ff;font-size:11px;font-weight:800;text-decoration:none}.back-link:hover{text-decoration:underline}@media (max-width:760px){.admin-header{height:64px;padding:0 14px}.admin-account>span{display:none}.admin-content{padding:24px 0 40px}.admin-intro h1{font-size:28px}.admin-grid{grid-template-columns:1fr}.admin-song-form,.admin-song-list{padding:16px}.admin-entry-tabs button{padding:8px 4px;font-size:7.5px}.notation-toolbox{padding:9px}.symbol-tools{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.symbol-tool{flex:0 0 54px}.staff-actions{flex-direction:column;align-items:flex-start}.staff-actions>div{width:100%}.staff-actions button{flex:1}}.theme-toggle-btn{color:#f1f5f9;letter-spacing:.5px;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:9.5px;font-weight:800;transition:all .15s;display:inline-flex}.theme-toggle-btn:hover{background:#334155;transform:translateY(-1px)}.theme-icon{align-items:center;gap:4px;display:inline-flex}.theme-text{letter-spacing:0;font-size:9px}.role-badge{letter-spacing:.7px;text-transform:uppercase;border-radius:10px;padding:3px 8px;font-size:8.5px;font-weight:900;display:inline-block}.role-badge.admin{color:#a78bfa;background:#8b5cf633;border:1px solid #8b5cf666}.role-badge.teacher{color:#38bdf8;background:#0ea5e933;border:1px solid #0ea5e966}.role-badge.student{color:#34d399;background:#10b98133;border:1px solid #10b98166}.user-profile-tag{background:#1b1c1f;border:1px solid #282a2e;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:flex}.user-display-name{color:#f1f5f9;font-size:11px;font-weight:700}.logout-icon-btn{opacity:.7;font-size:13px;text-decoration:none;transition:opacity .15s}.logout-icon-btn:hover{opacity:1}.header-action-btn{color:#f1f5f9;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:9px;padding:7px 11px;font-size:9.5px;font-weight:800;transition:background .15s}.header-action-btn:hover{background:#25282e}.header-admin-link{color:#fff;background:#7759e8;border-radius:10px;padding:8px 13px;font-size:9.5px;font-weight:800;text-decoration:none;transition:transform .15s,opacity .15s;box-shadow:0 4px 12px #7759e84d}.header-admin-link:hover{opacity:.92;transform:translateY(-1px)}.admin-header-center{align-items:center;display:flex}.admin-nav-link{color:#cbd5e1;background:#1b1c1f;border:1px solid #282a2e;border-radius:20px;padding:7px 14px;font-size:10px;font-weight:800;text-decoration:none;transition:all .15s}.admin-nav-link:hover{color:#fff;background:#25282e;transform:translateY(-1px)}.change-password-header-btn{color:#f1f5f9;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:9px;padding:6px 10px;font-size:9px;font-weight:800;transition:background .15s}.change-password-header-btn:hover{background:#25282e}.sign-out-btn{color:#8896a6;border:1px solid #282a2e;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:800;text-decoration:none;transition:all .15s}.sign-out-btn:hover{color:#ef4444;border-color:#ef4444}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{color:#f1f5f9;background:#1b1c1f;border:1px solid #282a2e;border-radius:16px;width:100%;max-width:440px;padding:24px;box-shadow:0 20px 50px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{margin:0;font-size:17px;font-weight:800}.modal-icon{font-size:22px}.modal-close-btn{color:#8896a6;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:16px}.modal-close-btn:hover{background:#282a2e}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-alert{border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700}.modal-alert.error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.modal-alert.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.modal-actions{gap:10px;margin-top:10px;display:flex}.modal-btn{letter-spacing:.6px;cursor:pointer;border:0;border-radius:9px;flex:1;padding:11px;font-size:10px;font-weight:800;transition:opacity .15s}.modal-btn.primary{color:#fff;background:#7759e8}.modal-btn.secondary{color:#cbd5e1;background:#25282e;border:1px solid #334155}.modal-btn:disabled{opacity:.55;cursor:not-allowed}.login-screen{color:#f1f5f9;background:#0f172a;flex-direction:column;min-height:100vh;display:flex}.login-top-bar{justify-content:space-between;align-items:center;padding:24px 34px;display:flex}.login-card-wrapper{flex:1;place-items:center;padding:20px;display:grid}.login-card{background:#1b1c1f;border:1px solid #282a2e;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:440px;padding:34px;display:flex;box-shadow:0 20px 60px #0006}.login-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.login-icon-badge{background:#23c98f26;border-radius:16px;place-items:center;width:58px;height:58px;font-size:32px;display:grid}.login-header h2{color:#fff;margin:0;font-size:22px;font-weight:800}.login-header p{color:#8896a6;margin:0;font-size:11px;line-height:1.5}.login-form{flex-direction:column;gap:16px;display:flex}.login-alert.error{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700}.login-btn-primary{color:#fff;letter-spacing:.8px;cursor:pointer;background:#7759e8;border:0;border-radius:10px;padding:13px;font-size:11px;font-weight:800;transition:transform .15s,opacity .15s;box-shadow:0 6px 18px #7759e859}.login-btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-roles-info{border-top:1px solid #282a2e;flex-direction:column;gap:6px;padding-top:14px;display:flex}.role-chip{color:#8896a6;align-items:center;gap:6px;font-size:10px;display:flex}.role-chip strong{border-radius:6px;padding:2px 6px;font-size:8.5px;font-weight:800}.role-chip.admin strong{color:#a78bfa;background:#8b5cf633}.role-chip.teacher strong{color:#38bdf8;background:#0ea5e933}.role-chip.student strong{color:#34d399;background:#10b98133}.quick-login-section{text-align:center;border-top:1px solid #282a2e;flex-direction:column;gap:8px;padding-top:14px;display:flex}.quick-login-section small{color:#8896a6;font-size:9px;font-weight:700}.admin-tabs-nav{border-bottom:2px solid #282a2e;gap:12px;width:min(1040px,100% - 32px);margin:0 auto 20px;padding-bottom:12px;display:flex}.admin-main-tab{color:#8896a6;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .15s}.admin-main-tab.active{color:#fff;background:#7759e8;box-shadow:0 4px 12px #7759e84d}.user-management-section{width:min(1040px,100% - 32px);margin:0 auto}.user-management-grid{grid-template-columns:360px 1fr;gap:24px;margin-top:20px;display:grid}@media (max-width:900px){.user-management-grid{grid-template-columns:1fr}}.admin-card{background:#1b1c1f;border:1px solid #282a2e;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0003}.admin-card h2{color:#fff;margin:0 0 16px;font-size:16px;font-weight:800}.user-create-form{flex-direction:column;gap:14px;display:flex}.user-form-alert{background:#141517;border:1px solid #282a2e;border-radius:8px;padding:10px 12px;font-size:10px;font-weight:700}.create-user-submit-btn{color:#fff;letter-spacing:.6px;cursor:pointer;background:#23c98f;border:0;border-radius:9px;padding:12px;font-size:10.5px;font-weight:800;transition:transform .15s;box-shadow:0 4px 12px #23c98f4d}.create-user-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.user-list-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.refresh-users-btn{color:#cbd5e1;cursor:pointer;background:#141517;border:1px solid #282a2e;border-radius:7px;padding:5px 10px;font-size:9.5px;font-weight:800}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;text-align:left;width:100%}.users-table th{letter-spacing:.8px;text-transform:uppercase;color:#8896a6;border-bottom:1px solid #282a2e;padding:10px 12px;font-size:9.5px}.users-table td{border-bottom:1px solid #282a2e;padding:12px;font-size:12px}.users-table tr:hover td{background:#23252b}.user-cell-info{flex-direction:column;gap:2px;display:flex}.user-cell-info strong{color:#fff}.user-cell-info small{color:#8896a6;font-size:10px}.user-row-actions{gap:6px;display:flex}.user-action-btn{color:#cbd5e1;cursor:pointer;background:#141517;border:1px solid #282a2e;border-radius:6px;padding:5px 9px;font-size:9px;font-weight:800;transition:all .15s}.user-action-btn.edit:hover{color:#a892ff;background:#7759e833;border-color:#7759e8}.user-action-btn.delete:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.role-select{color:#fff;background:#141517;border:1px solid #282a2e;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.role-select:focus{border-color:#7759e8}.restricted-notice{place-items:center;min-height:60vh;display:grid}.restricted-card{text-align:center;background:#1b1c1f;border:1px solid #282a2e;border-radius:20px;flex-direction:column;align-items:center;gap:16px;max-width:500px;padding:36px;display:flex;box-shadow:0 20px 50px #0006}.restricted-icon{font-size:40px}.restricted-card h2{color:#fff;margin:0;font-size:20px;font-weight:800}.restricted-card p{color:#8896a6;margin:0;font-size:12px;line-height:1.6}.restricted-actions{gap:10px;margin-top:10px;display:flex}.restricted-actions .btn-primary{color:#fff;background:#7759e8;border-radius:10px;padding:10px 18px;font-size:11px;font-weight:800;text-decoration:none}.restricted-actions .btn-secondary{color:#cbd5e1;background:#25282e;border:1px solid #334155;border-radius:10px;padding:10px 18px;font-size:11px;font-weight:800;text-decoration:none}.app-loading-screen{text-align:center;color:#fff;background:#141517;place-content:center;gap:14px;min-height:100vh;display:grid}.loading-spinner{color:#23c98f;font-size:38px;animation:1s infinite alternate pulse}@keyframes pulse{50%{opacity:.5}}[data-theme=light] body{color:#142a35;background:#f5f1e9}[data-theme=light] header{background:#fff;border-bottom-color:#e2e5e3}[data-theme=light] .brand{color:#142a35}[data-theme=light] aside{background:#fff;border-right-color:#e0e4e2}[data-theme=light] .progress-ring:after{background:#fff}[data-theme=light] .progress-ring span,[data-theme=light] nav button,[data-theme=light] .lesson-title strong{color:#142a35}[data-theme=light] .theme-toggle-btn,[data-theme=light] .header-action-btn,[data-theme=light] .change-password-header-btn{color:#142a35;background:#eff3f1;border-color:#d9dfdc}[data-theme=light] .user-profile-tag{background:#eff3f1;border-color:#d9dfdc}[data-theme=light] .user-display-name{color:#142a35}[data-theme=light] .admin-page{color:#142a35;background:#f5f1e9}[data-theme=light] .admin-header{background:#fff;border-bottom-color:#e2e5e3}[data-theme=light] .admin-intro h1{color:#142a35}[data-theme=light] .admin-song-form,[data-theme=light] .admin-song-list,[data-theme=light] .admin-card{background:#fff;border-color:#d9dfdc;box-shadow:0 10px 30px #0000000f}[data-theme=light] .admin-song-form h2,[data-theme=light] .admin-song-list h2,[data-theme=light] .admin-card h2,[data-theme=light] .admin-song-list article strong{color:#142a35}[data-theme=light] .admin-song-form input,[data-theme=light] .admin-song-form textarea,[data-theme=light] .form-group input,[data-theme=light] .role-select{color:#142a35;background:#fff;border-color:#cfdad6}[data-theme=light] .admin-entry-tabs{background:#eff3f1}[data-theme=light] .admin-entry-tabs button.selected{color:#142a35;background:#fff}[data-theme=light] .users-table th{color:#6f8189;border-bottom-color:#e2e5e3}[data-theme=light] .users-table td{border-bottom-color:#e2e5e3}[data-theme=light] .users-table tr:hover td{background:#f8fafc}[data-theme=light] .user-cell-info strong{color:#142a35}[data-theme=light] .modal-card{color:#142a35;background:#fff;border-color:#d9dfdc}[data-theme=light] .modal-btn.secondary{color:#142a35;background:#eff3f1;border-color:#d9dfdc}.staff-selected-banner{background:#1e1b4b;border:1px solid #6366f1;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;animation:.2s fadeIn;display:flex;box-shadow:0 4px 16px #6366f140}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.selected-banner-info{flex-direction:column;gap:3px;display:flex}.selected-tag{color:#fff;letter-spacing:.7px;background:#6366f1;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:8px;font-weight:900;display:inline-block}.selected-banner-info strong{color:#fff;font-size:13px}.selected-banner-info small{color:#a5b4fc;font-size:9.5px}.selected-banner-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.selected-banner-actions button{color:#e0e7ff;cursor:pointer;background:#312e81;border:1px solid #3730a3;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:800;transition:all .15s}.selected-banner-actions button:hover:not(:disabled){color:#fff;background:#4338ca;border-color:#6366f1}.selected-banner-actions button:disabled{opacity:.4;cursor:not-allowed}.selected-banner-actions .delete-btn{color:#f87171;background:#ef444433;border-color:#ef444466}.selected-banner-actions .delete-btn:hover{color:#fff;background:#ef4444}.selected-banner-actions .done-btn{color:#fff;background:#23c98f;border-color:#23c98f}.selected-banner-actions .done-btn:hover{background:#1eb37f}.guitar-entry-preview.editing-mode{background:#6366f11f;border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.guitar-edit-actions-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.replace-btn{color:#fff;cursor:pointer;background:#6366f1;border:0;border-radius:8px;padding:9px 12px;font-size:9.5px;font-weight:900;transition:all .15s;box-shadow:0 3px 10px #6366f166}.replace-btn:hover{background:#4f46e5;transform:translateY(-1px)}.insert-after-btn{color:#fff;cursor:pointer;background:#23c98f;border:0;border-radius:8px;padding:9px 11px;font-size:9.5px;font-weight:800;transition:all .15s}.insert-after-btn:hover{background:#1eb37f}.cancel-selection-btn{color:#cbd5e1;cursor:pointer;background:#334155;border:0;border-radius:8px;padding:9px 10px;font-size:9px;font-weight:800}.cancel-selection-btn:hover{color:#fff;background:#475569}.editing-badge{color:#a892ff;font-size:9px;font-style:normal;font-weight:800}.guitar-editor-help{color:#8896a6;margin:8px 0 6px;font-size:9.5px;line-height:1.4}.guitar-sequence article.selected{background:#6366f133;border-color:#6366f1;box-shadow:0 0 0 2px #6366f1}.quick-notes-palette{background:#141517;border:1px solid #282a2e;border-radius:12px;margin-top:8px;padding:10px 12px}.quick-notes-palette small{color:#8896a6;letter-spacing:.8px;text-transform:uppercase;font-size:8px;font-weight:900}.quick-note-buttons{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.quick-note-btn{color:#fff;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800;transition:all .15s}.quick-note-btn:hover{color:#fff;background:#7759e8;border-color:#7759e8;transform:translateY(-1px)}.quick-action-btn{cursor:pointer;border-radius:7px;padding:6px 10px;font-size:9.5px;font-weight:800;transition:all .15s}.quick-action-btn.rest{color:#23c98f;background:#23c98f26;border:1px solid #23c98f66}.quick-action-btn.rest:hover{color:#fff;background:#23c98f}.quick-action-btn.backspace{color:#f87171;background:#ef444426;border:1px solid #ef444466}.quick-action-btn.backspace:hover{color:#fff;background:#ef4444}.quick-action-btn.clean{color:#cbd5e1;background:#25282e;border:1px solid #3b424d}.quick-action-btn.clean:hover{color:#fff;background:#334155}.note-tokens-preview{background:#141517;border:1px solid #282a2e;border-radius:12px;margin-top:10px;padding:10px 12px}.tokens-header small{color:#8896a6;letter-spacing:.8px;font-size:8px;font-weight:900}.tokens-list{flex-wrap:wrap;gap:5px;max-height:110px;margin-top:6px;display:flex;overflow-y:auto}.note-chip{color:#fff;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:7px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .15s;display:inline-flex}.note-chip:hover{color:#fff;background:#7759e8;border-color:#7759e8;transform:translateY(-1px)}.token-index{color:#8896a6;background:#141517;border-radius:4px;padding:1px 4px;font-size:7.5px;font-weight:900}.staff-insert-gap{color:#a5b4fc;cursor:pointer;z-index:6;opacity:.55;background:#1b1c1f;border:1px dashed #6366f1;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:900;line-height:1;transition:all .15s;display:grid;position:absolute;top:66px;box-shadow:0 2px 6px #0006}.staff-insert-gap:hover,.staff-insert-gap.active{opacity:1;color:#fff;background:#6366f1;border-style:solid;transform:scale(1.25);box-shadow:0 0 10px #6366f199}.selected-tag-row{align-items:center;gap:6px;display:flex}.mode-tag{color:#34d399;letter-spacing:.6px;background:#23c98f33;border:1px solid #23c98f66;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800}.mode-toggle-group{background:#141517;border:1px solid #3730a3;border-radius:8px;gap:3px;padding:3px;display:flex}.mode-btn{color:#a5b4fc;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 9px;font-size:9px;font-weight:800;transition:all .15s}.mode-btn:hover{color:#fff}.mode-btn.active{color:#fff;background:#6366f1;box-shadow:0 2px 6px #0000004d}.item-movement-group{align-items:center;gap:4px;display:flex}.insert-before-btn{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:8px;padding:9px 11px;font-size:9.5px;font-weight:800;transition:all .15s}.insert-before-btn:hover{background:#2563eb;transform:translateY(-1px)}.guitar-entry-item-container{align-items:center;gap:6px;display:flex}.guitar-insert-divider{color:#a5b4fc;cursor:pointer;background:#1b1c1f;border:1px dashed #6366f1;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;transition:all .15s;display:grid}.guitar-insert-divider:hover{color:#fff;background:#6366f1;border-style:solid;transform:scale(1.2);box-shadow:0 0 10px #6366f180}.chip-token-item{align-items:center;gap:4px;display:inline-flex}.chip-insert-divider{color:#a78bfa;cursor:pointer;background:#141517;border:1px dashed #7759e8;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-weight:900;transition:all .15s;display:grid}.chip-insert-divider:hover{color:#fff;background:#7759e8;border-style:solid;transform:scale(1.2)}.yousician-mode-switcher{background:#0003;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:3px;padding:3px;display:inline-flex}.yousician-mode-switcher .mode-btn{color:#52604c;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:5px 12px;font-size:10px;font-weight:800;transition:all .15s}.yousician-mode-switcher .mode-btn:hover{color:#1e261b;background:#ffffff40}.yousician-mode-switcher .mode-btn.active{color:#fff;background:#22c55e;box-shadow:0 2px 8px #22c55e59}.practice-mode-hud{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:12px;right:12px}.practice-target-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0f172ad9;border:1px solid #fff3;border-radius:24px;align-items:center;gap:8px;padding:6px 12px;display:flex;box-shadow:0 4px 16px #0000004d}.target-pill-label{color:#94a3b8;letter-spacing:.8px;font-size:8px;font-weight:900}.target-note-badge{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid;box-shadow:0 0 10px #ffffff4d}.target-instruction{flex-direction:column;line-height:1.15;display:flex}.target-instruction strong{color:#fff;font-size:11.5px}.target-instruction small{color:#cbd5e1;font-size:9.5px}.practice-mic-status-box{pointer-events:auto}.highway-mic-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:10.5px;font-weight:800;transition:all .15s;display:inline-flex}.highway-mic-btn.off{color:#fff;background:#ef4444e0;border-color:#f87171}.highway-mic-btn.off:hover{background:#dc2626;transform:scale(1.03)}.highway-mic-btn.listening{color:#fff;background:#10b981e0;border-color:#34d399}.highway-mic-btn.listening:hover{background:#059669}.mic-pulse-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite micPulse;box-shadow:0 0 8px #fff}@keyframes micPulse{0%{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.35)}to{opacity:.7;transform:scale(.85)}}.highway-mic-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;align-items:center;padding:5px 12px;font-size:10px;font-weight:800;display:inline-flex}.highway-mic-badge.starting{color:#fff;background:#f59e0be0}.highway-mic-badge.blocked{color:#fff;background:#ef4444e0}.timeline-play-btn.practice-mode-active{color:#fff;background:#10b981;font-size:16px}.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}.home-page{color:#f0f3f5;min-height:100vh;font-family:var(--font-vazirmatn), Tahoma, Arial, sans-serif;background:#141517}.home-page button{font-family:inherit}.home-appbar{z-index:20;height:auto;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 0;background:#1b1c1f;border-bottom:1px solid #282a2e;display:block;position:sticky;top:0}.home-appbar-row{flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:42px;display:flex}.home-brand{flex:auto;align-items:center;gap:9px;min-width:0;display:flex}.home-appbar-end{flex:none;order:0;min-width:0;margin-inline-start:auto}.home-tabs{scrollbar-width:none;flex-direction:row;flex-basis:100%;order:1;align-items:center;gap:6px;min-width:0;padding:8px 0 9px;display:flex;overflow-x:auto}.home-tabs::-webkit-scrollbar{display:none}@media (min-width:1100px){.home-appbar-row{flex-wrap:nowrap;gap:0 12px}.home-brand{flex:none}.home-tabs{flex:auto;order:0;justify-content:flex-start;margin-inline-start:14px;padding:0}}.home-brand-mark{color:#06231a;background:#34d399;border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.home-brand-name{letter-spacing:-.4px;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:800;overflow:hidden}.home-appbar-end{align-items:center;gap:6px;display:flex}.tuner-pill{color:#34d399;cursor:pointer;background:#34d39921;border:1px solid #34d39961;border-radius:11px;align-items:center;gap:6px;height:36px;padding:0 11px;transition:transform .15s,opacity .15s;display:inline-flex}.tuner-pill:hover{transform:translateY(-1px)}.tuner-pill-mark{display:inline-flex}.tuner-pill-label{font-size:11px;font-weight:800}@media (max-width:379px){.tuner-pill-label{display:none}.tuner-pill{padding:0 9px}}.home-avatar{color:#fff;cursor:pointer;background:#7759e8;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;text-decoration:none;display:grid}.home-avatar-guest{color:#cbd5e1;background:0 0;border:1px solid #334155;font-size:9px;font-weight:800}.home-skeleton-circle{background:#23252b;animation:1.1s ease-in-out infinite home-skeleton-pulse}.home-tab{cursor:pointer;color:#8896a6;white-space:nowrap;background:#23252b;border:0;border-radius:11px;flex:none;padding:8px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.home-tab-active{color:#fff;background:#7759e8;font-weight:700;box-shadow:0 0 14px #7759e866}.home-content{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px;display:grid}.home-card{background:#1b1c1f;border:1px solid #282a2e;border-radius:18px;padding:15px}.home-eyebrow{letter-spacing:1.4px;color:#a892ff;margin:0;font-size:9px;font-weight:900}.home-mono{color:#f0f3f5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.home-resume-card{flex-direction:column;gap:12px;display:flex}.home-resume-top{align-items:center;gap:12px;display:flex}.home-progress-ring{border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;position:relative}.home-progress-ring:after{content:"";background:#1b1c1f;border-radius:50%;position:absolute;inset:6px}.home-progress-ring span{z-index:1;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800;position:relative}.home-resume-text{min-width:0}.home-resume-title{color:#fff;margin:2px 0 0;font-size:15px;font-weight:800;line-height:1.35}.home-resume-meta{color:#8896a6;margin:4px 0 0;font-size:11px;line-height:1.5}.home-progress-row{align-items:center;gap:8px;display:flex}.home-progress-bar{background:#282a2e;border-radius:3px;flex:1;height:6px;display:block;overflow:hidden}.home-progress-fill{background:#34d399;border-radius:3px;height:100%;display:block}.home-progress-count{color:#8896a6;white-space:nowrap;font-size:10px;font-weight:700}.home-stars{color:#34d399;white-space:nowrap;font-size:11px}.home-resume-actions{gap:8px;display:flex}.home-btn-primary{color:#fff;cursor:pointer;background:#7759e8;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;height:44px;font-size:13px;font-weight:800;text-decoration:none;transition:opacity .15s;display:inline-flex;box-shadow:0 6px 18px #7759e866}.home-btn-secondary{color:#cbd5e1;cursor:pointer;background:#1e2226;border:1px solid #334155;border-radius:12px;height:44px;padding:0 16px;font-size:12px;font-weight:700;transition:opacity .15s}.home-resume-empty,.home-signin-card{gap:6px}.home-signin-title{color:#fff;margin:2px 0 0;font-size:15px;font-weight:800}.home-signin-body{color:#8896a6;margin:4px 0 0;font-size:11px;line-height:1.6}.home-signin-btn{width:100%;height:44px;margin-top:10px}.home-lastsong-card{border-radius:16px;align-items:center;gap:11px;padding:11px;display:flex}.home-placeholder-art{background:repeating-linear-gradient(135deg,#23262a 0 6px,#2a2d32 6px 12px);display:block}.home-lastsong-cover{border-radius:11px;flex-shrink:0;width:48px;height:48px}.home-lastsong-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.home-lastsong-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.home-chip-row{flex-wrap:wrap;gap:5px;display:flex}.home-chip{white-space:nowrap;border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700}.home-chip-chord{color:#a892ff;background:#2c2250}.home-chip-neutral{color:#8896a6;background:#23252b}.home-lastsong-play{color:#06231a;cursor:pointer;background:#34d399;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 5px 16px #34d39959}.home-section-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.home-section-header h2{color:#fff;margin:0;font-size:15px;font-weight:800}.home-see-all{cursor:pointer;color:#a892ff;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.home-song-scroller{scrollbar-width:none;gap:10px;min-width:0;display:flex;overflow-x:auto}.home-song-scroller::-webkit-scrollbar{display:none}.home-song-card{text-align:right;cursor:pointer;width:132px;color:inherit;background:0 0;border:0;flex-direction:column;flex:none;gap:5px;padding:0;display:flex}.home-song-art{border-radius:13px;width:96px;height:96px}.home-song-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.home-song-artist{color:#8896a6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.home-classes-articles{gap:14px;display:grid}.home-class-list{flex-direction:column;gap:10px;display:flex}.home-class-card{cursor:pointer;text-align:right;color:inherit;background:#1b1c1f;border:1px solid #282a2e;border-radius:14px;align-items:center;gap:11px;width:100%;padding:10px;display:flex}.home-class-thumb{border-radius:10px;flex-shrink:0;width:84px;height:58px}.home-class-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.home-class-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.home-class-meta{color:#8896a6;font-size:10.5px}.home-badge-row{align-items:center;gap:6px;margin-top:2px;display:flex}.home-badge{white-space:nowrap;border-radius:5px;align-items:center;gap:3px;padding:2px 7px;font-size:9px;font-weight:800;display:inline-flex}.home-badge-beginner{color:#34d399;background:#142e22}.home-badge-intermediate{color:#a892ff;background:#2c2250}.home-badge-advanced{color:#ee8c48;background:#3a2418}.home-badge-locked{color:#8896a6;background:#23252b}.home-class-stars{color:#34d399;font-size:9px}.home-articles-card{border-radius:14px;padding:0;overflow:hidden}.home-article-row{width:100%;color:inherit;cursor:pointer;text-align:right;background:0 0;border:0;border-bottom:1px solid #282a2e;justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;display:flex}.home-article-row:last-child{border-bottom:0}.home-article-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.home-article-meta{color:#8896a6;flex-shrink:0;font-size:10px}.home-article-row svg{color:#4a5560;flex-shrink:0}.home-toast{color:#f0f3f5;z-index:50;background:#23252b;border:1px solid #334155;border-radius:12px;padding:10px 18px;font-size:12px;font-weight:600;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}@keyframes home-skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.home-skeleton{background:#1b1c1f;border:1px solid #282a2e;border-radius:16px;animation:1.1s ease-in-out infinite home-skeleton-pulse}.home-skeleton-resume{border-radius:18px;height:178px}.home-skeleton-lastsong{height:70px}.home-skeleton-song-card{border-radius:13px;flex:none;width:132px;height:148px}.home-skeleton-class-card{height:78px}.home-skeleton-articles{height:130px}@media (hover:hover) and (pointer:fine){.home-card:hover,.home-song-card:hover .home-song-art,.home-class-card:hover{transform:translateY(-1px)}.home-lastsong-card:hover,.home-class-card:hover{box-shadow:0 10px 26px #00000047}.home-btn-primary:hover,.home-btn-secondary:hover,.home-lastsong-play:hover{opacity:.92}}.home-card,.home-lastsong-card,.home-class-card{transition:transform .15s,box-shadow .15s}@media (min-width:720px){.home-content{gap:16px;padding:18px 20px 32px}.home-class-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}}@media (min-width:1100px){.home-appbar{padding:6px 28px 0}.home-appbar-row{min-height:52px}.home-content{gap:18px;max-width:1160px;margin:0 auto;padding:26px 24px 44px}.home-resume-card{padding:22px}.home-progress-ring{width:66px;height:66px}.home-resume-title{font-size:20px}.home-btn-primary,.home-btn-secondary{height:46px}.home-section-header h2{font-size:19px}.home-song-scroller{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid;overflow:visible}.home-song-card{width:auto}.home-song-art{width:100%;height:130px}.home-classes-articles{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start}.home-class-list{grid-template-columns:minmax(0,1fr)}}[data-theme=light] .home-page{color:#142a35;background:#f5f1e9}[data-theme=light] .home-appbar{background:#fff;border-bottom-color:#e2e5e3}[data-theme=light] .home-brand-name{color:#142a35}[data-theme=light] .tuner-pill{color:#159d70;background:#ddf8ed;border-color:#23c98f59}[data-theme=light] .home-avatar-guest{color:#142a35;border-color:#d9e1df}[data-theme=light] .home-skeleton-circle{background:#efebe2}[data-theme=light] .home-tab{color:#6f8189;background:#f5f3ef}[data-theme=light] .home-tab-active{color:#fff;background:#7759e8}[data-theme=light] .home-card,[data-theme=light] .home-lastsong-card,[data-theme=light] .home-class-card,[data-theme=light] .home-articles-card,[data-theme=light] .home-skeleton{background:#fff;border-color:#e4e8e5}[data-theme=light] .home-resume-title,[data-theme=light] .home-signin-title,[data-theme=light] .home-lastsong-title,[data-theme=light] .home-song-title,[data-theme=light] .home-class-title,[data-theme=light] .home-article-title,[data-theme=light] .home-section-header h2,[data-theme=light] .home-progress-ring span,[data-theme=light] .home-mono{color:#142a35}[data-theme=light] .home-resume-meta,[data-theme=light] .home-signin-body,[data-theme=light] .home-progress-count,[data-theme=light] .home-song-artist,[data-theme=light] .home-class-meta,[data-theme=light] .home-article-meta{color:#6f8189}[data-theme=light] .home-progress-ring:after{background:#fff}[data-theme=light] .home-progress-bar{background:#efebe2}[data-theme=light] .home-progress-fill,[data-theme=light] .home-stars,[data-theme=light] .home-class-stars{color:#23c98f}[data-theme=light] .home-progress-fill{background:#23c98f}[data-theme=light] .home-btn-secondary{color:#142a35;background:#f5f3ef;border-color:#d9e1df}[data-theme=light] .home-placeholder-art{background:repeating-linear-gradient(135deg,#e6e1d6 0 6px,#efebe2 6px 12px)}[data-theme=light] .home-chip-neutral,[data-theme=light] .home-badge-locked{color:#6f8189;background:#f5f3ef}[data-theme=light] .home-chip-chord,[data-theme=light] .home-badge-intermediate{color:#5c3fd0;background:#f0edff}[data-theme=light] .home-badge-beginner{color:#159d70;background:#ddf8ed}[data-theme=light] .home-badge-advanced{color:#c96a2e;background:#fdecdf}[data-theme=light] .home-lastsong-play{box-shadow:0 5px 16px #23c98f4d}[data-theme=light] .home-article-row{border-bottom-color:#e2e5e3}[data-theme=light] .home-article-row svg{color:#a7b3ad}[data-theme=light] .home-toast{color:#fff;background:#142a35;border-color:#142a35}.home-search,.tuner-pill-label-long{display:none}@media (min-width:1100px){.home-search{background:#23252b;border:1px solid #282a2e;border-radius:11px;width:220px;height:38px;display:block}.home-search input{width:100%;height:100%;font:inherit;color:#f0f3f5;background:0 0;border:0;outline:none;padding:0 12px;font-size:12px}.home-search input::placeholder{color:#6b7480}.tuner-pill-label{display:none}.tuner-pill-label-long{font-size:11px;font-weight:800;display:inline}.home-tabs .home-tab{box-shadow:none;background:0 0;padding:8px 15px;font-size:12.5px}.home-tabs .home-tab-active{background:#7759e8}}[data-theme=light] .home-search{background:#fff;border-color:#e2e5e3}[data-theme=light] .home-search input{color:#142a35}[data-theme=light] .home-tabs .home-tab{color:#6f8189}[data-theme=light] .home-tabs .home-tab-active{color:#fff}body:has(.tuner-page){background:#0f1114}[data-theme=light] body:has(.tuner-page){background:#f2efe7}.tuner-page{color:#f0f3f5;min-height:100vh;font-family:var(--font-vazirmatn), Tahoma, Arial, sans-serif;background:#0f1114;flex-direction:column;padding-bottom:48px;display:flex}.tuner-page button{font-family:inherit}.tuner-body{gap:16px;width:100%;max-width:560px;margin-inline:auto;padding:16px 18px 0;display:grid}.tuner-strings-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin-bottom:10px;display:flex}.tuner-stringmode{background:#1b1c1f;border:1px solid #282a2e;border-radius:11px;gap:2px;padding:3px;display:inline-flex}.tuner-stringmode button{color:#8896a6;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 10px;font-size:10px;font-weight:700}.tuner-stringmode button.is-on{color:#fff;background:#7759e8}.tuner-listening{letter-spacing:.6px;color:#34d399;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.tuner-listening-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite tuner-pulse;box-shadow:0 0 0 5px #34d39924}@keyframes tuner-pulse{50%{opacity:.6;transform:scale(.6)}}.tuner-card{background:#15181c;border:1px solid #23262b;border-radius:22px;padding:22px 18px 18px}.tuner-permission{text-align:center;justify-items:center;gap:14px;display:grid}.tuner-permission p{color:#93a3a0;margin:0;font-size:12.5px;line-height:1.6}.tuner-primary{color:#fff;cursor:pointer;background:#7759e8;border:0;border-radius:12px;height:44px;padding:0 22px;font-size:13px;font-weight:800;box-shadow:0 6px 18px #7759e866}.tuner-primary:disabled{opacity:.55;cursor:default}.tuner-note{justify-content:center;align-items:baseline;gap:4px;display:flex}.tuner-note-letter{letter-spacing:-3px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:84px;font-weight:900;line-height:1}.tuner-note-octave{color:#5f6b76;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;font-weight:800}.tuner-cents{text-align:center;color:#8896a6;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:800}.tuner-guide{text-align:center;color:#8896a6;min-height:1.2em;margin-top:6px;font-size:12px;font-weight:800;line-height:1.35}.tuner-cents.off,.tuner-guide.off{color:#ee8c48}.tuner-cents.in-tune,.tuner-guide.in-tune{color:#34d399}.tuner-meter{height:72px;margin-top:18px;position:relative}.tuner-meter-ticks{background:repeating-linear-gradient(90deg,#ffffff26 0 1px,#0000 1px 17px);height:30px;position:absolute;top:16px;left:0;right:0}.tuner-meter-center{background:#34d399;width:2px;margin-left:-1px;position:absolute;top:6px;bottom:20px;left:50%;box-shadow:0 0 12px #34d399b3}.tuner-needle-track{position:absolute;inset:0 0 14px}.tuner-needle{will-change:transform;background:#ee8c48;border-radius:2px;width:4px;margin-left:-2px;transition:background .2s,box-shadow .2s;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 14px #ee8c48a6}.tuner-needle.in-tune{background:#34d399;box-shadow:0 0 14px #34d399a6}.tuner-meter-scale{color:#5f6b76;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.tuner-meter-scale .is-zero{color:#34d399}.tuner-strings-label{letter-spacing:1.3px;color:#8896a6;font-size:9px;font-weight:900}.tuner-strings-row{gap:7px;display:flex}.tuner-pad{cursor:pointer;color:#6b7480;background:#1b1c1f;border:1px solid #282a2e;border-radius:14px;flex:1;place-items:center;gap:2px;height:56px;display:grid}.tuner-pad-letter{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:800}.tuner-pad-mark{font-size:8px}.tuner-pad-tag{color:#a892ff;font-size:7px;font-weight:800}.tuner-pad.is-tuned{color:#34d399;background:#142e22;border-color:#34d39966}.tuner-pad.is-active{color:#fff;background:#241c46;border-color:#7759e8;box-shadow:0 0 16px #7759e859}.tuner-pad.is-active .tuner-pad-letter{font-size:17px;font-weight:900}.tuner-settings{gap:10px;display:flex}.tuner-setting{text-align:right;background:#1b1c1f;border:1px solid #282a2e;border-radius:14px;padding:12px}.tuner-setting-tuning{color:inherit;cursor:pointer;flex:1;display:block}.tuner-setting-ref{flex:none;width:118px}.tuner-setting-label{letter-spacing:1.1px;color:#8896a6;font-size:8.5px;font-weight:900;display:block}.tuner-setting-value{color:#fff;margin-top:5px;font-size:13px;font-weight:800;display:block}.tuner-setting-mono{color:#8896a6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500}.tuner-ref-stepper{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.tuner-ref-stepper button{color:#cbd5e1;cursor:pointer;background:#23252b;border:0;border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.tuner-ref-value{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800}.tuner-help{color:#93a3a0;background:#34d39912;border:1px solid #34d3992e;border-radius:14px;margin:0;padding:12px 13px;font-size:10.5px;font-weight:500;line-height:1.6}[data-theme=light] .tuner-page{color:#142a35;background:#f2efe7}[data-theme=light] .tuner-card,[data-theme=light] .tuner-setting,[data-theme=light] .tuner-pad,[data-theme=light] .tuner-stringmode{background:#fff;border-color:#e2e5e3}[data-theme=light] .tuner-note-letter,[data-theme=light] .tuner-setting-value,[data-theme=light] .tuner-ref-value{color:#142a35}[data-theme=light] .tuner-cents,[data-theme=light] .tuner-guide{color:#6f8189}[data-theme=light] .tuner-meter-ticks{background:repeating-linear-gradient(90deg,#142a3524 0 1px,#0000 1px 17px)}[data-theme=light] .tuner-ref-stepper button{color:#5c3fd0;background:#f0edff}[data-theme=light] .tuner-pad.is-active{color:#4a2fc0;background:#f0edff;border-color:#7759e8}[data-theme=light] .tuner-pad.is-tuned{color:#159d70;background:#ddf8ed;border-color:#8ee4c5}[data-theme=light] .tuner-stringmode button{color:#6f8189}[data-theme=light] .tuner-stringmode button.is-on{color:#fff}[data-theme=light] .tuner-help{color:#4a5b57;background:#23c98f1a;border-color:#23c98f47}.songs-page{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;display:grid}.songs-searchrow{gap:8px;display:flex}.songs-search{min-width:0;height:44px;font:inherit;color:#f0f3f5;background:#1b1c1f;border:1px solid #282a2e;border-radius:13px;flex:1;padding:0 14px;font-size:12px}.songs-search::placeholder{color:#6b7480}.songs-add{color:#fff;height:44px;font:inherit;cursor:pointer;background:#7759e8;border:0;border-radius:13px;flex:none;padding:0 15px;font-size:12px;font-weight:800}.songs-chips{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.songs-chips::-webkit-scrollbar{display:none}.songs-chip{color:#8896a6;font:inherit;cursor:pointer;white-space:nowrap;background:#1b1c1f;border:1px solid #282a2e;border-radius:10px;flex:none;padding:7px 12px;font-size:11px;font-weight:700}.songs-chip-active{color:#fff;background:#2c2250;border-color:#7759e8;font-weight:800}.songs-list{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.songs-row{text-align:start;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:14px;align-items:center;gap:11px;width:100%;padding:10px;transition:border-color .15s;display:flex}.songs-row:hover{border-color:#3a4048}.songs-row-skeleton{height:68px;animation:1.1s ease-in-out infinite home-skeleton-pulse}.songs-art{background:repeating-linear-gradient(135deg,#23262a 0 6px,#2a2d32 6px 12px);border-radius:11px;flex:none;width:46px;height:46px}.songs-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.songs-row-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.songs-row-artist{color:#8896a6;font-size:10.5px}.songs-row-chords{gap:9px;margin-top:3px;font-family:ui-monospace,Menlo,monospace;font-size:9.5px;font-weight:800;display:flex}.songs-chord{color:#8896a6}.songs-chord-lead{color:#34d399}.songs-row-end{flex-direction:column;flex:none;align-items:flex-end;gap:5px;display:flex}.songs-badge{border-radius:5px;padding:2px 7px;font-size:9px;font-weight:800}.songs-badge-easy{color:#34d399;background:#142e22}.songs-badge-medium{color:#a892ff;background:#2c2250}.songs-badge-hard{color:#ee8c48;background:#3a2418}.songs-row-dur{color:#6b7480;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:700}.songs-empty{color:#8896a6;margin:4px 0;font-size:12px;line-height:1.6}.songs-footmark{text-align:center;background:#15181c;border:1px dashed #2f3238;border-radius:14px;flex-direction:column;gap:3px;padding:13px 14px;display:flex}.songs-footmark-count{color:#8896a6;font-size:11.5px;font-weight:800}.songs-footmark-hint{color:#6b7480;font-size:10px}@media (min-width:1100px){.songs-page{max-width:1160px;margin:0 auto;padding:26px 24px 44px}.songs-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.player-page{color:#f0f3f5;min-height:100vh;font-family:var(--font-vazirmatn), Tahoma, Arial, sans-serif;background:#0f1114;flex-direction:column;display:flex}.player-page-msg{color:#8896a6;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:13px}.player-mono{font-family:ui-monospace,Menlo,monospace}.player-video{cursor:pointer;text-align:start;background:linear-gradient(#0f1114a8,#0f1114a8),repeating-linear-gradient(135deg,#23262a 0 6px,#2a2d32 6px 12px);border:1px solid #282a2e;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:82px;margin:12px 14px 0;padding:12px 13px;display:flex}.player-video-body{flex-direction:column;gap:3px;min-width:0;display:flex}.player-video-title{color:#fff;font-size:11.5px;font-weight:800}.player-video-meta{color:#8896a6;font-size:9.5px}.player-video-badge{color:#fff;background:#7759e833;border:1px solid #7759e8;border-radius:10px;flex:none;align-items:center;gap:5px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}.player-scroll{flex-direction:column;flex:1;min-height:0;display:flex}.player-context{align-items:stretch;gap:10px;margin:12px 14px 0;display:flex}.player-diagrams,.player-curchord{background:#1b1c1f;border:1px solid #282a2e;border-radius:14px}.player-diagrams{scrollbar-width:none;flex:1;justify-content:center;align-items:flex-start;gap:16px;min-width:0;padding:12px 14px;display:flex;overflow-x:auto}.player-diagrams::-webkit-scrollbar{display:none}.player-diagram-cur,.player-diagram-next{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.player-diagram-cur svg,.player-diagram-next svg{max-width:100%}.player-diagram-next{opacity:.72}.player-diagram-kicker{letter-spacing:1px;color:#6b7480;font-size:8px;font-weight:900}.player-diagram-label{font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:900}.player-diagram-label-next{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800}.player-curchord{flex-direction:column;flex:none;gap:7px;width:120px;padding:10px;display:flex}.player-eyebrow{letter-spacing:1.2px;color:#8896a6;font-size:8.5px;font-weight:900}.player-curchord-name{font-family:ui-monospace,Menlo,monospace;font-size:26px;font-weight:900;line-height:1}.player-beatdots{gap:5px;margin-top:auto;display:flex}.player-beatdot{background:#ffffff29;border-radius:50%;width:9px;height:9px}.player-beatdot.on{background:#34d399}@media (min-width:1100px){.player-curchord{width:150px}.player-curchord-name{font-size:30px}}.player-sheet{scrollbar-width:thin;flex:1;min-height:240px;padding:16px 14px 0;position:relative;overflow-y:auto}.player-sheet-tail{height:60vh}.player-line{border-radius:10px;flex-wrap:wrap;gap:2px 10px;margin-bottom:4px;padding:6px 8px;transition:opacity .2s,background .2s;display:flex}.player-line-past{opacity:.34}.player-line-next{opacity:.62}.player-line-later{opacity:.42}.player-line-current{background:#34d39912;border-right:3px solid #34d399;padding:11px 12px}.player-cell{flex-direction:column;align-items:center;display:flex}.player-cell-chord{color:#a892ff;white-space:pre;min-height:15px;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:800}.player-cell-text{color:#f0f3f5;font-size:15px;font-weight:600;line-height:1.5}.player-line-current .player-cell-text{color:#fff;font-size:19px;font-weight:700}.player-line-current .player-cell-chord{font-size:12px;font-weight:900}.player-cell-sung .player-cell-text,.player-cell-sung .player-cell-chord{color:#34d399}.player-rail{background:0 0;border:0;padding:0;display:none}.player-transport{padding:11px 14px calc(env(safe-area-inset-bottom,0px) + 14px);background:#1b1c1f;border-top:1px solid #282a2e;position:sticky;bottom:0}.player-timeline{cursor:pointer;background:#111a14;border:1px solid #ffffff1a;border-radius:11px;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000080}.player-timeline-block{opacity:.55;border-radius:2px;position:absolute;top:5px;bottom:5px}.player-timeline-block.passed{opacity:.3}.player-timeline-block.active{opacity:1;box-shadow:0 0 8px #fff}.player-timeline-block.upcoming{opacity:.62}.player-times{color:#6b7480;justify-content:space-between;margin-top:4px;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:700;display:flex}.player-transport-row{align-items:center;gap:12px;display:flex}.player-transport-track{flex:1;min-width:0}.player-play{color:#06231a;cursor:pointer;background:#34d399;border:0;border-radius:50%;flex:none;width:46px;height:46px;font-size:15px;box-shadow:0 5px 16px #34d39959}.player-synthnote{color:#6b7480;text-align:center;margin-top:7px;font-size:9.5px;display:block}.player-filepick{color:#a892ff;cursor:pointer;border:1px solid #2f3238;border-radius:10px;margin-top:7px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-block}.player-quicktoggles{gap:8px;margin-top:9px;display:flex}.player-qtoggle{color:#8896a6;min-width:0;height:34px;font:inherit;cursor:pointer;background:#1e2024;border:1px solid #2a2d32;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.player-qtoggle.on{color:#34d399;border-color:#34d39966}.player-qpip{background:#3a4048;border-radius:50%;flex:none;width:9px;height:9px}.player-qtoggle.on .player-qpip{background:#34d399;box-shadow:0 0 8px #34d399}.player-collapse{color:#cbd5e1;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:50%;flex:none;width:40px;height:40px;font-size:17px;line-height:1;display:none}.player-metrolight{background:#34d399;border-radius:50%;flex:none;width:12px;height:12px;display:none}@keyframes player-metropulse{0%{transform:scale(1.5)}to{transform:scale(1)}}.player-page.is-focus .player-metrolight{animation:.22s ease-out player-metropulse;display:inline-block}.player-page.is-focus .player-metrolight[data-down=true]{box-shadow:0 0 0 4px #ffffff24}.player-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.player-tool{cursor:pointer;text-align:start;background:#1e2024;border:1px solid #2a2d32;border-radius:11px;flex-direction:column;gap:2px;min-width:0;padding:6px 8px;display:flex;overflow:hidden}.player-tool-label{letter-spacing:.8px;color:#6b7480;white-space:nowrap;text-overflow:ellipsis;font-size:7.5px;font-weight:900;overflow:hidden}.player-tool-value{color:#8896a6;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800;overflow:hidden}.player-tools-cta{color:#fff;font:inherit;cursor:pointer;background:#7759e8;border:0;border-radius:11px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:800;display:flex;box-shadow:0 5px 14px #7759e859}.player-tools-cta-eyebrow{letter-spacing:.8px;opacity:.75;font-size:8px;font-weight:900}@media (min-width:700px){.player-tools{flex-wrap:wrap;gap:8px;display:flex}.player-tool{flex:none;padding:6px 10px}.player-tools-cta{flex-direction:column;grid-column:auto;gap:1px;margin-inline-start:auto;padding:6px 12px}}.player-paywall{z-index:40;background:#08090ba8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.player-paywall-card{width:100%;max-width:460px;padding:22px 20px calc(env(safe-area-inset-bottom,0px) + 22px);text-align:center;background:#1b1c1f;border:1px solid #282a2e;border-radius:20px 20px 0 0;flex-direction:column;gap:10px;display:flex}.player-paywall-lock{font-size:24px}.player-paywall-title{color:#fff;margin:0;font-size:15px;font-weight:800}.player-paywall-body{color:#8896a6;margin:0;font-size:11.5px;line-height:1.7}.player-paywall-close{color:#fff;font:inherit;cursor:pointer;background:#7759e8;border:0;border-radius:12px;align-self:center;margin-top:6px;padding:11px 26px;font-size:12px;font-weight:800}.player-focus-lock{overflow:hidden}@media (max-width:1099.98px){.player-page.is-focus{z-index:30;flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.player-page.is-focus .app-headwrap,.player-page.is-focus .player-video,.player-page.is-focus .player-tools,.player-page.is-focus .player-synthnote,.player-page.is-focus .player-filepick,.player-page.is-focus .player-quicktoggles{display:none}.player-page.is-focus .player-scroll{flex:1;min-height:0}.player-page.is-focus .player-context{background:#0f1114;border-bottom:1px solid #282a2e;flex:none;align-items:center;margin:0;padding:8px 12px}.player-page.is-focus .player-curchord{background:0 0;border:0;flex-direction:row;flex:none;align-items:center;gap:10px;width:auto;padding:0}.player-page.is-focus .player-curchord .player-eyebrow,.player-page.is-focus .player-beatdots{display:none}.player-page.is-focus .player-diagrams{gap:12px;padding:4px 8px}.player-page.is-focus .player-sheet{flex:1;min-height:0;padding-top:12px}.player-page.is-focus .player-transport{flex:none}.player-page.is-focus .player-collapse{place-items:center;display:grid}}@media (min-width:1100px){.player-video{display:none}.player-page{height:100vh;min-height:0;overflow:hidden}.player-scroll{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 336px;gap:20px;width:100%;max-width:1240px;min-height:0;margin:0 auto;padding:20px 22px 0;display:grid;overflow:hidden}.player-context{grid-area:1/1;margin:0 0 14px}.player-sheet{grid-area:2/1;min-height:0;padding:0;overflow-y:auto}.player-line-current .player-cell-text{font-size:24px}.player-line-current .player-cell-chord{font-size:14px}.player-cell-text{font-size:17px}.player-rail{flex-direction:column;grid-area:1/2/span 2;align-content:start;gap:14px;min-height:0;display:flex;overflow-y:auto}.player-rail-video{cursor:pointer;text-align:start;background:linear-gradient(#0f1114b3,#0f1114b3),repeating-linear-gradient(135deg,#23262a 0 6px,#2a2d32 6px 12px);border:1px solid #282a2e;border-radius:16px;flex-direction:column;gap:6px;min-height:190px;padding:16px;display:flex}.player-rail-lock{font-size:26px}.player-rail-cta{color:#fff;background:#7759e8;border-radius:10px;align-self:flex-start;margin-top:auto;padding:8px 14px;font-size:11px;font-weight:800}.player-rail-card{background:#15181c;border:1px solid #23262b;border-radius:14px;flex-direction:column;gap:10px;padding:13px;display:flex}.player-allchords{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.player-allchord{color:#8896a6;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:4px;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:800;display:flex}.player-allchord.cur{border-color:#34d399}.player-toggles{gap:0}.player-toggle{color:#cbd5e1;cursor:pointer;justify-content:space-between;align-items:center;padding:9px 0;font-size:12px;display:flex}.player-toggle+.player-toggle{border-top:1px solid #23262b}.player-toggle input{opacity:0;pointer-events:none;position:absolute}.player-switch{background:#2a2d32;border-radius:12px;width:40px;height:23px;transition:background .15s;position:relative}.player-switch:after{content:"";background:#6b7480;border-radius:50%;width:17px;height:17px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.player-toggle input:checked+.player-switch{background:#34d399}.player-toggle input:checked+.player-switch:after{background:#06231a;transform:translate(17px)}.player-transport{grid-template-columns:minmax(0,1fr);gap:6px;width:100%;max-width:1240px;margin:0 auto;padding:12px 22px 16px;display:grid}.player-paywall{align-items:center}.player-paywall-card{border-radius:20px}.player-quicktoggles{display:none}}[data-theme=light] .songs-search{color:#142a35;background:#fff;border-color:#e2e5e3}[data-theme=light] .songs-chip{color:#6f8189;background:#fff;border-color:#e2e5e3}[data-theme=light] .songs-chip-active{color:#4a2fc0;background:#f0edff;border-color:#7759e8}[data-theme=light] .songs-row{background:#fff;border-color:#e4e8e5}[data-theme=light] .songs-row:hover{border-color:#cfd8d4}[data-theme=light] .songs-row-title{color:#142a35}[data-theme=light] .songs-art{background:repeating-linear-gradient(135deg,#e6e1d6 0 6px,#efebe2 6px 12px)}[data-theme=light] .songs-footmark{background:#faf7f0;border-color:#ddd6c8}[data-theme=light] .player-page{color:#142a35;background:#f5f1e9}[data-theme=light] .player-video,[data-theme=light] .player-rail-video{border-color:#142a351f}[data-theme=light] .player-diagrams,[data-theme=light] .player-curchord,[data-theme=light] .player-rail-card{background:#fff;border-color:#e4e8e5}[data-theme=light] .player-diagram-label{color:#142a35}[data-theme=light] .player-diagram-kicker{color:#8a94a0}[data-theme=light] .player-eyebrow{color:#6f8189}[data-theme=light] .player-cell-text{color:#243039}[data-theme=light] .player-line-past{opacity:.46}[data-theme=light] .player-line-next{opacity:.74}[data-theme=light] .player-line-later{opacity:.56}[data-theme=light] .player-line-current .player-cell-text{color:#142a35}[data-theme=light] .player-line-current{background:#23c98f1a;border-right-color:#23c98f}[data-theme=light] .player-cell-sung .player-cell-text,[data-theme=light] .player-cell-sung .player-cell-chord{color:#159d70}[data-theme=light] .player-beatdot{background:#142a3524}[data-theme=light] .player-transport{background:#fff;border-top-color:#e2e5e3}[data-theme=light] .player-tool{background:#f5f3ef;border-color:#e2e5e3}[data-theme=light] .player-tool-label,[data-theme=light] .player-synthnote,[data-theme=light] .player-times{color:#6f8189}[data-theme=light] .player-toggle{color:#142a35}[data-theme=light] .player-toggle+.player-toggle{border-top-color:#e4e8e5}[data-theme=light] .player-switch{background:#d9e1de}[data-theme=light] .player-switch:after{background:#fff}[data-theme=light] .player-paywall-card{background:#fff;border-color:#e4e8e5}[data-theme=light] .player-paywall-title{color:#142a35}[data-theme=light] .player-timeline{background:#eae4d6;border-color:#142a351f;box-shadow:inset 0 2px 4px #142a3524}[data-theme=light] .player-qtoggle{color:#6f8189;background:#f5f3ef;border-color:#e2e5e3}[data-theme=light] .player-qtoggle.on{color:#159d70;border-color:#159d7066}[data-theme=light] .player-qpip{background:#c7cfca}[data-theme=light] .player-collapse{color:#6f8189;background:#eff3f1;border-color:#e2e5e3}[data-theme=light] .player-page.is-focus .player-context{background:#f5f1e9;border-bottom-color:#e2e5e3}[data-theme=light] .player-page.is-focus .player-metrolight[data-down=true]{box-shadow:0 0 0 4px #142a351f}.app-focusbar{z-index:20;height:auto;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 12px;background:#1b1c1f;border-bottom:1px solid #282a2e;display:block;position:sticky;top:0}.app-focusbar-row{align-items:center;gap:10px;display:flex}.tuner-page .app-focusbar-row{max-width:560px;margin-inline:auto}.app-focus-back{color:#cbd5e1;cursor:pointer;background:#23252b;border:1px solid #282a2e;border-radius:12px;flex:none;align-items:center;gap:9px;height:38px;padding:0 13px;font-size:15px;display:inline-flex}.app-focus-back-label{color:#8896a6;font-size:11px;font-weight:700}@media (max-width:359px){.app-focus-back-label{display:none}}.app-focus-titleblock{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-focus-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.app-focus-sub{color:#8896a6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.app-focusbar-end{flex:none;align-items:center;gap:7px;display:flex}.app-focus-action{color:#8896a6;cursor:pointer;background:#23252b;border:1px solid #282a2e;border-radius:12px;flex:none;width:38px;height:38px;font-size:15px}@media (min-width:1100px){.app-focusbar{padding:12px 22px}}.app-contextbar{background:#1b1c1f;border-bottom:1px solid #282a2e;flex-direction:column;gap:10px;padding:12px 14px;display:flex}@media (min-width:1100px){.app-contextbar{padding:14px 24px}}.app-headwrap{z-index:20;position:sticky;top:0}.app-headwrap>.home-appbar{position:static}.app-subbar{background:#15181c;border-bottom:1px solid #23262b;padding:8px 14px}.app-subbar-row{align-items:center;gap:10px;display:flex}.app-subbar-back{color:#cbd5e1;cursor:pointer;background:#23252b;border:1px solid #282a2e;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.app-crumbs{scrollbar-width:none;flex-flow:row;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.app-crumbs::-webkit-scrollbar{display:none}.app-crumb-item{align-items:center;gap:6px;display:inline-flex}.app-crumb{color:#8896a6;white-space:nowrap;font-size:11.5px;text-decoration:none}.app-crumb-current{color:#f0f3f5;font-weight:800}.app-crumb-sep{color:#3a4048;font-size:11px}.app-subbar-actions{flex:none;align-items:center;gap:6px;display:flex}.app-subbar-sub{color:#6b7480;margin-top:4px;padding-inline-start:40px;font-size:10.5px;line-height:1.4}@media (min-width:1100px){.app-subbar{padding-inline:24px}}[data-theme=light] .app-focusbar,[data-theme=light] .app-contextbar,[data-theme=light] .app-subbar{background:#fff;border-bottom-color:#e2e5e3}[data-theme=light] .app-subbar-back{color:#6f8189;background:#eff3f1;border-color:#e2e5e3}[data-theme=light] .app-crumb{color:#6f8189}[data-theme=light] .app-crumb-current{color:#142a35}[data-theme=light] .app-crumb-sep{color:#c1c9c5}[data-theme=light] .app-subbar-sub{color:#6f8189}[data-theme=light] .app-focus-back,[data-theme=light] .app-focus-action{color:#6f8189;background:#eff3f1;border-color:#e2e5e3}[data-theme=light] .app-focus-title{color:#142a35}:is([data-theme=light] body:has(.tuner-page) .app-focusbar,[data-theme=light] body:has(.player-page) .app-focusbar){background:#fff}.learn-cats{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;display:grid}.learn-page{color:#f0f3f5;background:#141517;min-height:100vh}.learn-body{grid-template-columns:minmax(0,1fr);gap:12px;max-width:640px;margin:0 auto;padding:14px;display:grid}.learn-pagehead{margin-bottom:2px}.learn-pagetitle{color:#fff;margin:0;font-size:20px;font-weight:900}.learn-pagesub{color:#8896a6;margin:4px 0 0;font-size:11.5px;line-height:1.6}.learn-empty{color:#8896a6;margin:8px 0;font-size:12px;line-height:1.7}.learn-cat-list{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.learn-cat-card{text-align:start;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:16px;width:100%;height:auto;padding:0;transition:border-color .15s;display:block;position:relative;overflow:hidden}.learn-cat-card:hover{border-color:#3a4048}.learn-cat-skeleton{height:168px;animation:1.1s ease-in-out infinite home-skeleton-pulse}.learn-cat-banner{background:repeating-linear-gradient(135deg,#23262a 0 6px,#2a2d32 6px 12px);height:96px;display:block;position:relative}.learn-cat-scrim{background:linear-gradient(#1b1c1f33,#1b1c1ff5);position:absolute;inset:0}.learn-cat-name{position:absolute;bottom:11px;right:13px}.learn-cat-title{color:#fff;font-size:17px;font-weight:900;display:block}.learn-cat-meta{color:#8896a6;margin-top:3px;font-size:10.5px;display:block}.learn-cat-glyph{gap:5px;display:flex;position:absolute;bottom:12px;left:13px}.learn-cat-glyph-chords span{color:#a892ff;background:#2c2250e6;border-radius:4px;padding:2px 6px;font:800 9px ui-monospace,Menlo,monospace}.learn-cat-glyph-eq{align-items:flex-end;gap:3px;bottom:14px}.learn-cat-glyph-eq span{border-radius:2px;width:4px}.learn-cat-glyph-beats{gap:4px;bottom:13px}.learn-cat-glyph-beats span{border-radius:50%;width:10px;height:10px}.learn-cat-foot{flex-direction:column;gap:6px;padding:12px 13px;display:flex}.learn-cat-progress{align-items:center;gap:7px;display:flex}.learn-cat-bar{background:#282a2e;border-radius:3px;flex:1;height:5px;overflow:hidden}.learn-cat-bar span{background:#34d399;border-radius:3px;height:100%;display:block}.learn-cat-pct{color:#6b7480;white-space:nowrap;font:700 9.5px Vazirmatn,system-ui,sans-serif}.learn-cat-status{color:#6b7480;font-size:10px;line-height:1.5}.learn-cat-arrow{color:#4a5560;font-size:14px;position:absolute;bottom:14px;left:13px}.learn-body .learn-chips{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.learn-body .learn-chips::-webkit-scrollbar{display:none}.learn-chip{color:#8896a6;cursor:pointer;white-space:nowrap;background:#1b1c1f;border:1px solid #282a2e;border-radius:10px;flex:none;padding:7px 13px;font:700 11px Vazirmatn,system-ui,sans-serif}.learn-chip-active{color:#fff;background:#2c2250;border-color:#7759e8;font-weight:800}.learn-class-list{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.learn-class-row{text-align:start;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:16px;align-items:center;gap:11px;width:100%;height:auto;padding:11px;transition:border-color .15s;display:flex;position:relative}.learn-class-row:hover{border-color:#3a4048}.learn-class-inprogress{border-color:#34d39957}.learn-class-skeleton{height:86px;animation:1.1s ease-in-out infinite home-skeleton-pulse}.learn-class-thumb{background:repeating-linear-gradient(135deg,#23262a 0 6px,#2a2d32 6px 12px);border-radius:11px;flex:none;place-items:center;width:92px;height:62px;display:grid;position:relative}.learn-class-play{color:#141517;background:#cbd5e1e6;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.learn-class-play.is-active{color:#06231a;background:#34d399e6}.learn-class-dur{color:#cbd5e1;background:#0f1114b3;border-radius:3px;padding:1px 4px;font:700 7px ui-monospace,Menlo,monospace;position:absolute;bottom:4px;left:5px}.learn-class-locked .learn-class-thumb:after{content:"";background:#0f111480;border-radius:11px;position:absolute;inset:0}.learn-lock{z-index:1;width:22px;height:24px;position:relative}.learn-lock:before{content:"";background:#8896a6;border-radius:4px;width:22px;height:14px;position:absolute;bottom:0;left:0}.learn-lock:after{content:"";border:2.5px solid #8896a6;border-bottom:0;border-radius:6px 6px 0 0;width:12px;height:11px;position:absolute;top:0;left:5px}.learn-class-body{flex-direction:column;flex:1;min-width:0;display:flex}.learn-class-eyebrow{letter-spacing:1.2px;color:#34d399;margin-bottom:4px;font:900 8.5px Vazirmatn,system-ui,sans-serif}.learn-class-title{color:#fff;font-size:14.5px;font-weight:800}.learn-class-locked .learn-class-title{color:#cbd5e1}.learn-class-teacher{color:#8896a6;margin-top:3px;font-size:10.5px}.learn-class-badges{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.learn-badge{white-space:nowrap;border-radius:5px;padding:2px 7px;font:800 9px Vazirmatn,system-ui,sans-serif}.learn-badge-beginner{color:#34d399;background:#142e22}.learn-badge-intermediate{color:#a892ff;background:#2c2250}.learn-badge-advanced{color:#ee8c48;background:#3a2418}.learn-badge-count{color:#8896a6;background:#23252b}.learn-badge-free{color:#34d399;background:#34d39924}.learn-badge-sub{color:#a892ff;background:#2c2250}.learn-class-strip{align-items:center;gap:9px;margin-top:9px;display:flex}.learn-class-bar{background:#282a2e;border-radius:3px;flex:1;height:6px;overflow:hidden}.learn-class-bar span{background:#34d399;border-radius:3px;height:100%;display:block}.learn-class-count{color:#8896a6;white-space:nowrap;font:700 10px Vazirmatn,system-ui,sans-serif}.learn-class-stars{color:#34d399;letter-spacing:1px;font-size:10px}.learn-sort{color:#8896a6;cursor:pointer;background:#23252b;border:1px solid #282a2e;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.learn-roadmap-skeleton{background:#1b1c1f;border-radius:16px;height:320px;animation:1.1s ease-in-out infinite home-skeleton-pulse}.learn-progress-badge{color:#34d399;flex-direction:column;align-items:flex-end;line-height:1.05;display:flex}.learn-progress-pct{font:900 21px ui-monospace,Menlo,monospace}.learn-progress-stars{letter-spacing:1.5px;font-size:13px}.learn-intro{text-align:start;cursor:pointer;background:repeating-linear-gradient(135deg,#23262a 0 6px,#2a2d32 6px 12px);border:0;border-radius:16px;width:100%;height:104px;padding:12px 13px;display:block;position:relative;overflow:hidden}.learn-intro-scrim{background:linear-gradient(#14151740,#141517f0);position:absolute;inset:0}.learn-intro-text{position:absolute;bottom:12px;left:60px;right:13px}.learn-intro-eyebrow{letter-spacing:1.2px;color:#8896a6;font:900 8.5px Vazirmatn,system-ui,sans-serif;display:block}.learn-intro-title{color:#fff;margin-top:4px;font-size:13px;font-weight:800;line-height:1.4;display:block}.learn-intro-play{color:#06231a;background:#34d399;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;display:grid;position:absolute;bottom:12px;left:13px}.learn-level{margin-top:4px}.learn-level-head{align-items:center;gap:9px;margin-bottom:11px;display:flex}.learn-level-label{letter-spacing:1.3px;color:#34d399;white-space:nowrap;font:900 9px Vazirmatn,system-ui,sans-serif}.learn-level-head.is-locked .learn-level-label{color:#6b7480}.learn-level-rule{background:#282a2e;flex:1;height:1px}.learn-level-stars{color:#34d399;letter-spacing:.8px;font-size:9px}.learn-spine{gap:0;display:grid}.learn-row{gap:11px;display:flex}.learn-rail{flex-direction:column;flex:none;align-items:center;width:34px;display:flex}.learn-node{border-radius:50%;flex:none;place-items:center;font:800 11px ui-monospace,Menlo,monospace;display:grid}.learn-node.is-done{color:#34d399;background:#142e22;border:2px solid #34d399;width:30px;height:30px;font-size:12px}.learn-node.is-current{color:#fff;background:#7759e8;width:34px;height:34px;box-shadow:0 0 0 5px #7759e838}.learn-node.is-todo{color:#6b7480;background:#1b1c1f;border:2px solid #2f3238;width:30px;height:30px}.learn-connector{flex:1;width:2px;min-height:14px;margin:3px 0}.learn-connector-cleared{background:#34d399}.learn-connector-into-current{background:linear-gradient(#34d399,#7759e8)}.learn-connector-pending{background:#282a2e}.learn-rail-body{flex:1;min-width:0;padding-bottom:12px}.learn-item-card{text-align:start;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:13px;align-items:center;gap:10px;width:100%;padding:11px 12px;transition:border-color .15s;display:flex}button.learn-item-card:hover{border-color:#3a4048}.learn-item-main{flex-direction:column;flex:1;min-width:0;display:flex}.learn-item-meta{align-items:center;gap:6px;display:flex}.learn-item-type{letter-spacing:.8px;font:800 8px Vazirmatn,system-ui,sans-serif}.learn-item-type.is-video{color:#8896a6}.learn-item-type.is-exercise{color:#a892ff}.learn-item-dot{background:#3a4048;border-radius:50%;flex:none;width:3px;height:3px}.learn-item-dot.is-current{background:#7759e8}.learn-item-detail{color:#6b7480;font:700 8.5px ui-monospace,Menlo,monospace}.learn-item-title{color:#cbd5e1;margin-top:4px;font-size:13px;font-weight:700}.learn-item-arrow{color:#4a5560;flex:none;font-size:13px}.learn-item-score{text-align:left;flex-direction:column;flex:none;align-items:flex-start;display:flex}.learn-item-score-pct{color:#34d399;font:800 12px ui-monospace,Menlo,monospace}.learn-item-score-stars{color:#34d399;letter-spacing:.8px;font-size:8.5px}.learn-item-current{cursor:default;background:#241c46;border:1px solid #7759e8;border-radius:13px;padding:12px 13px;display:block;box-shadow:0 6px 18px #7759e838}.learn-item-current .learn-item-type,.learn-item-current .learn-item-detail{color:#a892ff}.learn-item-title.is-current{color:#fff;margin-top:5px;font-size:15px;font-weight:800}.learn-item-gate{color:#c3b9f5;margin-top:5px;font-size:10.5px;line-height:1.6}.learn-item-gate-num{color:#fff;font-family:ui-monospace,Menlo,monospace;font-weight:800}.learn-item-actions{gap:8px;margin-top:11px;display:flex}.learn-btn-primary{color:#06231a;cursor:pointer;background:#34d399;border:0;border-radius:12px;flex:1;height:42px;font:800 12.5px Vazirmatn,system-ui,sans-serif}.learn-btn-primary:active{background:#2bb98a}.learn-btn-ghost{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff3d;border-radius:12px;flex:none;height:42px;padding:0 14px;font:800 12px Vazirmatn,system-ui,sans-serif}.learn-gate{background:#17181b;border:1px dashed #2f3238;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.learn-gate-lock{flex:none;width:26px;height:29px;position:relative}.learn-gate-lock:before{content:"";background:#4a5560;border-radius:5px;width:26px;height:17px;position:absolute;bottom:0;left:0}.learn-gate-lock:after{content:"";border:2.5px solid #4a5560;border-bottom:0;border-radius:7px 7px 0 0;width:14px;height:13px;position:absolute;top:0;left:6px}.learn-gate-text{flex:1;min-width:0}.learn-gate-title{color:#8896a6;font-size:12.5px;font-weight:800}.learn-gate-why{color:#6b7480;margin-top:4px;font-size:10.5px;line-height:1.6}.learn-gate-need{color:#cbd5e1;font-family:ui-monospace,Menlo,monospace;font-weight:800}.learn-gate-now{color:#ee8c48;font-family:ui-monospace,Menlo,monospace;font-weight:800}@media (min-width:1100px){.learn-cats{max-width:1160px;margin:0 auto;padding:26px 24px 44px}.learn-cat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}[data-theme=light] .learn-page{color:#142a35;background:#f7f4ec}[data-theme=light] .learn-pagetitle{color:#142a35}[data-theme=light] .learn-cat-card,[data-theme=light] .learn-class-row,[data-theme=light] .learn-item-card,[data-theme=light] .learn-chip{background:#fff;border-color:#e4e8e5}[data-theme=light] .learn-cat-card:hover,[data-theme=light] .learn-class-row:hover,[data-theme=light] button.learn-item-card:hover{border-color:#cfd8d4}[data-theme=light] .learn-cat-title,[data-theme=light] .learn-class-title,[data-theme=light] .learn-item-title{color:#142a35}[data-theme=light] .learn-cat-banner,[data-theme=light] .learn-class-thumb,[data-theme=light] .learn-intro{background:repeating-linear-gradient(135deg,#e6e1d6 0 6px,#efebe2 6px 12px)}[data-theme=light] .learn-cat-scrim{background:linear-gradient(#f7f4ec33,#f7f4ecf5)}[data-theme=light] .learn-intro-scrim{background:linear-gradient(#f7f4ec33,#f7f4ecf0)}[data-theme=light] .learn-intro-title{color:#142a35}[data-theme=light] .learn-cat-bar,[data-theme=light] .learn-class-bar{background:#e2e5e3}[data-theme=light] .learn-chip{color:#6f8189}[data-theme=light] .learn-chip-active{color:#4a2fc0;background:#f0edff;border-color:#7759e8}[data-theme=light] .learn-sort{color:#6f8189;background:#eff3f1;border-color:#e2e5e3}[data-theme=light] .learn-level-rule{background:#e2e5e3}[data-theme=light] .learn-node.is-todo{background:#eff3f1;border-color:#d4dcd8}[data-theme=light] .learn-connector-pending{background:#e2e5e3}[data-theme=light] .learn-item-current{background:#efeaff;border-color:#7759e8}[data-theme=light] .learn-item-title.is-current{color:#221a3f}[data-theme=light] .learn-item-gate{color:#5b4fa0}[data-theme=light] .learn-item-gate-num{color:#221a3f}[data-theme=light] .learn-item-current .learn-item-type,[data-theme=light] .learn-item-current .learn-item-detail{color:#6a4fd0}[data-theme=light] .learn-gate{background:#f1eee5;border-color:#d4ccb8}[data-theme=light] .learn-gate-title{color:#6f8189}[data-theme=light] .learn-gate-need{color:#3a4b53}.exercise-page{color:#f0f3f5;background:#0f1114;min-height:100vh}.exercise-body{grid-template-columns:minmax(0,1fr);gap:12px;max-width:640px;margin:0 auto;padding:14px;display:grid}.exercise-skeleton{background:#15181c;border-radius:16px;height:320px;animation:1.1s ease-in-out infinite home-skeleton-pulse}.exercise-mono{color:#9fb0c4;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:800}.exercise-mono-fa{color:#9fb0c4;font:800 9px Vazirmatn,system-ui,sans-serif}.exercise-modeswitch{background:#1b1c1f;border:1px solid #282a2e;border-radius:11px;gap:4px;padding:3px;display:inline-flex}.exercise-mode{color:#8896a6;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 10px;font:800 9.5px Vazirmatn,system-ui,sans-serif}.exercise-mode.is-on{color:#06231a;background:#34d399}.exercise-stats{gap:8px;display:flex}.exercise-stat{background:#15181c;border:1px solid #23262b;border-radius:12px;flex:1;padding:9px 11px}.exercise-stat-threshold{border-color:#ee8c484d}.exercise-stat-label{letter-spacing:1.1px;color:#8896a6;font:900 8px Vazirmatn,system-ui,sans-serif;display:block}.exercise-stat-value{color:#fff;margin-top:3px;font:900 19px ui-monospace,Menlo,monospace;display:block}.exercise-highway-wrap{position:relative}.exercise-beatstrip{z-index:3;background:#0a0c1099;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;height:22px;padding:0 9px;display:flex;position:absolute;top:0;left:0;right:0}.exercise-beatdots{gap:4px;display:flex}.exercise-beatdot{background:#34d3994d;border-radius:50%;width:5px;height:5px}.exercise-beatdot.on{background:#34d399}.exercise-canvas{background:#141821;border:1px solid #282a2e;border-radius:16px;height:clamp(240px,64vw,320px);overflow:hidden}.exercise-canvas-el{width:100%;height:100%;display:block}.exercise-diagcard{z-index:4;background:#243356;border-radius:10px;flex-direction:column;gap:4px;width:108px;padding:7px 8px 8px;display:flex;position:absolute;top:30px;left:10px;box-shadow:0 8px 20px #00000073}.exercise-diagcard-name{font:800 11px ui-monospace,Menlo,monospace}.exercise-minimap{align-items:center;gap:8px;display:flex}.exercise-mini-btn{color:#cbd5e1;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:9px;flex:none;width:26px;height:26px;font-size:10px}.exercise-mini-track{cursor:pointer;background:#15181c;border:1px solid #23262b;border-radius:9px;flex:1;height:26px;position:relative;overflow:hidden}.exercise-mini-block{border-radius:2px;position:absolute;top:6px;bottom:6px}.exercise-mini-head{background:#fff;width:2px;position:absolute;top:0;bottom:0}.exercise-row{align-items:stretch;gap:9px;display:flex}.exercise-nextcard{background:#1b1c1f;border:1px solid #282a2e;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:6px;width:112px;padding:10px;display:flex}.exercise-eyebrow{letter-spacing:1.1px;color:#8896a6;font:900 8px Vazirmatn,system-ui,sans-serif}.exercise-nextcard-name{color:#fff;font:900 12px ui-monospace,Menlo,monospace}.exercise-mic{background:#1b1c1f;border:1px solid #282a2e;border-radius:14px;flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;padding:11px;display:flex}.exercise-mic-head{align-items:center;gap:6px;display:flex}.exercise-mic-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34d39929}.exercise-mic-on{color:#34d399;flex:1;font:800 9.5px Vazirmatn,system-ui,sans-serif}.exercise-meter{background:#111a14 repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 15px);border:1px solid #ffffff14;border-radius:8px;height:26px;position:relative;overflow:hidden}.exercise-meter-center{background:#34d399;width:2px;position:absolute;top:3px;bottom:3px;left:50%;box-shadow:0 0 9px #34d399}.exercise-meter-needle{background:#ee8c48;border-radius:2px;width:3px;margin-left:-1.5px;transition:left 80ms linear;position:absolute;top:0;bottom:0}.exercise-mic-foot{color:#6b7480;justify-content:space-between;font:700 9px Vazirmatn,system-ui,sans-serif;display:flex}.exercise-mic-foot .is-in{color:#34d399;font-weight:800}.exercise-mic-foot .is-out{color:#ee8c48;font-weight:800}.exercise-mic-msg{color:#c9a184;text-align:center;flex-direction:column;gap:8px;font:600 10px/1.6 Vazirmatn,system-ui,sans-serif;display:flex}.exercise-mic-actions{justify-content:center;gap:6px;display:flex}.exercise-mic-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #2f3238;border-radius:10px;padding:7px 12px;font:800 10px Vazirmatn,system-ui,sans-serif}.exercise-mic-btn.is-primary{color:#06231a;background:#34d399;border-color:#34d399}.exercise-measure{align-items:center;gap:8px;display:flex}.exercise-measure-bar{background:#23262b;border-radius:4px;flex:1;height:7px;position:relative;overflow:hidden}.exercise-measure-fill{background:#34d399;border-radius:4px;position:absolute;top:0;bottom:0;left:0}.exercise-measure-threshold{background:#ee8c48;width:2px;position:absolute;top:0;bottom:0}.exercise-transport{gap:9px;display:flex}.exercise-tbtn{color:#cbd5e1;cursor:pointer;background:#1b1c1f;border:1px solid #282a2e;border-radius:14px;flex:none;min-width:46px;height:46px;font:800 13px Vazirmatn,system-ui,sans-serif}.exercise-tbtn.is-primary{color:#06231a;background:#34d399;border-color:#34d399;flex:1;box-shadow:0 6px 18px #34d3994d}.exercise-practicenote{color:#c9a184;background:#ee8c4812;border:1px solid #ee8c4833;border-radius:12px;padding:10px 12px;font:600 10px/1.6 Vazirmatn,system-ui,sans-serif}.exercise-practicenote b{color:#ee8c48}.exercise-finish{z-index:40;background:#08090bb8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.exercise-finish-card{width:100%;max-width:460px;padding:22px 20px calc(env(safe-area-inset-bottom,0px) + 22px);text-align:center;background:#1b1c1f;border:1px solid #282a2e;border-radius:20px 20px 0 0;flex-direction:column;gap:10px;display:flex}.exercise-finish-title{color:#fff;margin:0;font-size:16px;font-weight:900}.exercise-finish-body{color:#8896a6;margin:0;font-size:11.5px;line-height:1.7}.exercise-finish-actions{gap:8px;margin-top:6px;display:flex}@media (min-width:700px){.exercise-finish{align-items:center}.exercise-finish-card{border-radius:20px}}[data-theme=light] .exercise-page{color:#142a35;background:#f5f1e9}.exercise-mic-toggle{color:#8896a6;cursor:pointer;background:#15181c;border:1px solid #2a2d32;border-radius:10px;flex:1;align-items:center;gap:7px;min-width:0;height:30px;padding:0 10px;font:800 10px Vazirmatn,system-ui,sans-serif;display:inline-flex}.exercise-mic-toggle.is-on{color:#34d399;border-color:#34d39966}.exercise-mic-toggle:disabled{opacity:.6}.exercise-mic-glyph{filter:grayscale();font-size:12px}.exercise-mic-toggle.is-on .exercise-mic-glyph{filter:none}.exercise-mic-note{color:#6b7480;font:600 9.5px/1.6 Vazirmatn,system-ui,sans-serif}.exercise-hand-wrap{z-index:4;pointer-events:none;position:absolute;top:26px;left:50%;transform:translate(-50%)}.exercise-hand{display:block}.exercise-setrow{text-align:start;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.exercise-setlabel{color:#cbd5e1;font:700 11.5px Vazirmatn,system-ui,sans-serif}.exercise-segmented{background:#15181c;border:1px solid #23262b;border-radius:10px;gap:4px;padding:3px;display:inline-flex}.exercise-seg{color:#8896a6;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font:800 10px Vazirmatn,system-ui,sans-serif}.exercise-seg.is-on{color:#06231a;background:#34d399}.exercise-switch{cursor:pointer;background:#2a2d32;border:0;border-radius:12px;width:42px;height:24px;transition:background .15s;position:relative}.exercise-switch.is-on{background:#34d399}.exercise-switch-knob{background:#6b7480;border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.exercise-switch.is-on .exercise-switch-knob{background:#06231a;transform:translate(18px)}.exercise-sethint{color:#6b7480;font-size:9.5px;font-weight:600}.exercise-stepper{background:#15181c;border:1px solid #23262b;border-radius:10px;align-items:center;gap:4px;padding:3px;display:inline-flex}.exercise-stepper button{color:#cbd5e1;cursor:pointer;background:#23252b;border:0;border-radius:7px;width:26px;height:26px;font:900 14px ui-monospace,Menlo,monospace}.exercise-stepper button:disabled{opacity:.4;cursor:default}.exercise-stepper-val{text-align:center;color:#fff;flex-direction:column;align-items:center;min-width:78px;font:800 10px/1.15 ui-monospace,Menlo,monospace;display:inline-flex}.exercise-stepper-pct{color:#ee8c48;font:700 8px Vazirmatn,system-ui,sans-serif}.exercise-stepper-reset{font-size:12px!important}@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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}