@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a090d;--s1:#100e14;--s2:#1a1720;--s3:#24212c;--s4:#2d2a35;--s5:#393642;--text:#fff;--muted:#9a9a9a;--faint:#6a6a6a;--dim:#3a3a3a;--aurora-300:#c4a6ff;--aurora-400:#a25cff;--aurora-500:#8c30ff;--aurora-600:#7a1fe6;--aurora-700:#6614c2;--aurora-wash:#8c30ff29;--aurora-glow:#8c30ff73;--aurora-black:#130a22;--primary:var(--aurora-500);--primary-hover:var(--aurora-400);--primary-press:var(--aurora-600);--pbright:var(--aurora-400);--pdim:var(--aurora-wash);--pglow:#8c30ff47;--on-primary:#fff;--brand-bar-top:#fcfbfc;--brand-bar-bottom:#e4dadb;--brand-peak-top:#fc914b;--brand-peak-bottom:#fd4b27;--brand-bar-top-light:#26252a;--brand-bar-bottom-light:#0f0e12;--brand-surface:#0a090d;--spark-300:#ffa48b;--spark:#ff7a59;--spark-600:#f2603b;--spark-700:#c9421f;--sdim:#ff7a5924;--sglow:#ff7a5959;--cta-faint:#ff7a590f;--cta-soft:#ff7a5929;--cta-soft-border:#ff7a5947;--cta:var(--spark);--cta-hover:var(--spark-600);--cta-press:var(--spark-600);--on-cta:#241209;--cta-edge:inset 0 1px 0 #ffffff38;--cta-lift:0 3px 14px #ff7a5929;--cta-lift-hi:0 6px 20px #ff7a5938;--cta-lift-lo:0 2px 7px #ff7a5924;--amber:#f59e0b;--adim:#f59e0b1f;--blue:#3b82f6;--bdim:#3b82f61f;--teal:#14b8a6;--tdim:#14b8a621;--red:#ef4444;--rdim:#ef44441f;--green:#1db954;--gdim:#1db9541a;--gglow:#1db95440;--source-spotify:var(--green);--source-youtube:var(--red);--glass:#ffffff0b;--glass-hi:#ffffff13;--glass-line:#ffffff14;--glass-line-hi:#ffffff26;--glass-edge:inset 0 1px 0 #ffffff0f;--glass-blur:saturate(150%) blur(20px);--bar-glass:#0a090db8;--bar-glass-op:#0e0d12f7;--bar-fade:#0a090d80;--lift:0 1px 2px #00000061, 0 10px 28px #00000042;--well:#00000038;--glass-lo:#ffffff05;--ok-soft:#1db9541a;--ok-line:#1db95457;--ok-text:#6ee7a0;--err-soft:#ef444413;--err-line:#ef44444d;--r-sm:8px;--r-md:12px;--r-lg:16px;--shadow-card:0 4px 16px #00000073;--shadow-glow:0 6px 24px #8c30ff59;--shadow-glow-cta:0 6px 24px #ff7a5959;--f:"Figtree", sans-serif;--f-display:"Fraunces", Georgia, serif;--f-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}}@layer theme{:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5f2;--s1:#fff;--s2:#f0eeeb;--s3:#e7e4e0;--s4:#d9d5d0;--s5:#cbc6c0;--text:#211e1c;--muted:#5e5852;--faint:#6b655f;--dim:#746d67;--primary:#7a1fe6;--primary-hover:#6614c2;--primary-press:#5410a5;--pbright:#7a1fe6;--pdim:#7a1fe617;--pglow:#7a1fe62e;--on-primary:#fff;--brand-bar-top:#26252a;--brand-bar-bottom:#0f0e12;--brand-surface:#f7f5f2;--spark-300:#b94227;--spark:#bd3f24;--spark-600:#a93821;--spark-700:#8e2b19;--sdim:#d74d2e17;--sglow:#d74d2e2e;--cta:#bd3f24;--cta-hover:#a93821;--cta-press:#8e2b19;--on-cta:#fff;--cta-edge:inset 0 1px 0 #ffffff52;--cta-lift:0 2px 8px #77321d21;--cta-lift-hi:0 5px 14px #77321d2e;--cta-lift-lo:0 1px 4px #77321d1a;--cta-faint:#d74d2e0e;--cta-soft:#d74d2e1a;--cta-soft-border:#b73e243d;--amber:#a85b00;--on-amber:#fff;--adim:#a85b001a;--blue:#245fbd;--bdim:#245fbd17;--teal:#087f73;--on-teal:#fff;--tdim:#087f7317;--red:#c43b36;--rdim:#c43b3614;--green:#147d3f;--gdim:#147d3f17;--gglow:#147d3f29;--glass:#201b1709;--glass-hi:#201b170f;--glass-line:#201b1717;--glass-line-hi:#201b1726;--glass-edge:inset 0 1px 0 #fffffff0;--bar-glass:#ffffffc7;--bar-glass-op:#fffffff5;--bar-fade:#f7f5f294;--well:#221c180e;--glass-lo:#201b1705;--lift:0 1px 2px #2d231c14, 0 8px 22px #2d231c14;--ok-soft:#147d3f14;--ok-line:#147d3f52;--ok-text:#176c3b;--err-soft:#c43b3612;--err-line:#c43b3642;--shadow-card:0 4px 16px #2d231c1a;--shadow-glow:0 5px 18px #7a1fe626;--shadow-glow-cta:0 4px 14px #b73e242b}html[data-theme=light],html[data-theme=light] body{background:var(--bg);color:var(--text)}html[data-theme=light] #boot-splash{background:var(--bg)!important}html[data-theme=light] #boot-splash .bs-bar-1,html[data-theme=light] #boot-splash .bs-bar-2,html[data-theme=light] #boot-splash .bs-bar-4{background:linear-gradient(#26252a,#0f0e12)!important}:root[data-theme=light] .bottom-bar,:root[data-theme=light] .mobile-tabs{box-shadow:var(--glass-edge), 0 8px 26px #32261d24}:root[data-theme=light] .yt-dock:not(.overlay-trap){box-shadow:var(--lift)}:root[data-theme=light] .fb-backdrop,:root[data-theme=light] .prac-modal-backdrop,:root[data-theme=light] .promo-sheet-overlay,:root[data-theme=light] .iig-backdrop{-webkit-backdrop-filter:blur(8px)saturate(115%);backdrop-filter:blur(8px)saturate(115%);background:#231d193d}:root[data-theme=light] .prac-modal{box-shadow:var(--glass-edge), 0 20px 54px #31251d33}:root[data-theme=light] .iig{box-shadow:0 12px 40px #31251d33}:root[data-theme=light] .prg-hm-grid .prg-hm-cell[data-count="0"]{border:1px solid var(--s4);background:var(--s2)!important}:root[data-theme=light] .prg-sw-dot{background:var(--s2);border-color:var(--s4)}:root[data-theme=light] .atmo-scrim{background:var(--bg)!important}:root[data-theme=light] .cloze-bare .cloze-option{color:var(--text);background:var(--s2);border-color:var(--s4);box-shadow:var(--lift);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=light] .cloze-bare .cloze-option:hover:not(:disabled){color:var(--text);background:var(--s3);border-color:var(--cta-soft-border)}:root[data-theme=light] .cloze-bare .cloze-option.wrong{color:var(--red);background:var(--err-soft);border-color:var(--err-line)}:root[data-theme=light] .mode-bar.mode-bar-guided{opacity:1}:root[data-theme=light] .lyric-line.past .line-body{opacity:.68}:root[data-theme=light] .lyrics-list:not(.focus-mode).study-anim .lyric-line.line-far,:root[data-theme=light] .lyrics-list:not(.focus-mode).study-anim .lyric-line.line-far.past{opacity:.78;transform:none}:root[data-theme=light] .lyrics-list:not(.focus-mode).study-anim .lyric-line.line-far .line-body,:root[data-theme=light] .lyrics-list:not(.focus-mode).study-anim .lyric-line.line-far .line-actions{filter:none}:root[data-theme=light] .lyrics-list.focus-mode:not(.study-anim) .lyric-line.line-far{opacity:.01}:root[data-theme=light] .lyrics-list.focus-mode.study-anim .lyric-line.line-far{opacity:.01;transform:translateY(4px)scale(.84)}:root[data-theme=light] .lyrics-list.focus-mode.study-anim .lyric-line.line-far.past{opacity:.005}:root[data-theme=light] .word-hard{color:var(--amber)}:root[data-theme=light] .word-expr,:root[data-theme=light] .wp-em-blue,:root[data-theme=light] .wp-expr-phrase,:root[data-theme=light] .sc-badge.a2{color:var(--blue)}:root[data-theme=light] .word-gram{color:var(--primary)}:root[data-theme=light] .word-dual{color:var(--teal)}:root[data-theme=light] .study-banner,:root[data-theme=light] .pron-tip,:root[data-theme=light] .prg-streak-lbl,:root[data-theme=light] .pf-level-line{color:var(--muted)}:root[data-theme=light] .pron-premium-btn,:root[data-theme=light] .sync-calibrate-btn,:root[data-theme=light] .cloze-miss-btn,:root[data-theme=light] .plan-badge.urgent-badge,:root[data-theme=light] .plan-cta.urgent{color:var(--on-amber)}:root[data-theme=light] .slang-chip.on{color:var(--on-teal)}:root[data-theme=light] .cloze-done.hit{color:var(--green)}:root[data-theme=light] .cloze-done.miss{color:var(--amber)}:root[data-theme=light] .yt-dock{border-color:var(--glass-line-hi);box-shadow:var(--lift)}:root[data-theme=light] .yt-dock .yt-dock-min{color:#fff;background:#161210db;border:1px solid #ffffff47}:root[data-theme=light] .yt-dock.minimized{background:var(--s1);border-color:var(--glass-line-hi)}:root[data-theme=light] .yt-dock.minimized .yt-dock-min{background:var(--s1);color:var(--red);border-color:var(--glass-line-hi);box-shadow:var(--lift)}:root[data-theme=light] .ob2-hero-sub,:root[data-theme=light] .ob2-quick .ob2-chip{color:var(--muted)}:root[data-theme=light] .ob2-level-code{color:var(--text)}:root[data-theme=light] .ob2-level.on .ob2-level-code{color:var(--on-cta)}:root[data-theme=light] .ob2-btn:disabled{background:var(--s2);color:var(--muted);border:1px solid var(--s3);opacity:1;box-shadow:none}:root[data-theme=light] .ob2-skip:disabled{opacity:1}:root[data-theme=light] .ob2-curate-loading{color:var(--text);background:#f7f5f2e6}:root[data-theme=light] .prac-cta:disabled,:root[data-theme=light] .login-primary:disabled,:root[data-theme=light] .ac-button:disabled{color:var(--muted);background:var(--s2);border:1px solid var(--s3);opacity:1;box-shadow:none}:root[data-theme=light] .search-btn:hover:not(:disabled),:root[data-theme=light] .study-banner .sb-cta:hover,:root[data-theme=light] .pron-premium-btn:hover,:root[data-theme=light] .sync-calibrate-btn:hover,:root[data-theme=light] .cloze-miss-btn:hover,:root[data-theme=light] .slang-chip:hover,:root[data-theme=light] .login-primary:hover:not(:disabled),:root[data-theme=light] .nav-login-btn:hover,:root[data-theme=light] .ob2-btn.primary:hover:not(:disabled),:root[data-theme=light] .gsp-cta:hover,:root[data-theme=light] .state-btn.primary:hover,:root[data-theme=light] .sl-cta:hover,:root[data-theme=light] .fb-send:hover:not(:disabled){filter:brightness(.94)}:root[data-theme=light] .pron-word.clickable:hover,:root[data-theme=light] .sing-chip:hover{filter:brightness(.9)}:root[data-theme=light] .plan-cta.urgent:hover{background:#864800}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#aaa39c}}@layer base{*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--cta);color:var(--on-cta)}html,body,#root{height:100%}@media (display-mode:standalone){html,body,#root,.app-shell{height:100vh}}body{background:var(--bg);font-family:var(--f);color:var(--text);overflow:hidden}button{font-family:var(--f);cursor:pointer}a{color:inherit;text-decoration:none}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--cta);outline-offset:3px}.route-pending{width:100%;min-height:160px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.app-shell{flex-direction:column;height:100%;display:flex}.app-body{flex:1;display:flex;overflow:hidden}.app-main{overscroll-behavior-y:contain;flex:1;min-width:0;padding:28px 32px;overflow:hidden auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--s4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}.sec-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sec-title{font-size:15px;font-weight:700}.sec-link{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;font-size:11px;font-weight:600;transition:color .15s;display:flex}.sec-link:hover{color:var(--text)}}@layer components{.iig-backdrop{z-index:300;background:#000000a8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.iig{background:var(--s1);border:1px solid var(--s3);text-align:left;border-radius:18px;width:100%;max-width:380px;padding:26px 22px 22px;position:relative;box-shadow:0 12px 40px #0009}.iig-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:12px;right:12px}.iig h2{margin:0 0 8px;font-size:20px}.iig-lead{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.5}.iig-badge,.iig-alert{border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:14px;font-size:26px;display:grid}.iig-badge{background:var(--cta-soft);border:1px solid var(--cta-soft-border);color:var(--cta)}.iig-alert{background:var(--adim);border:1px solid var(--amber);color:var(--amber)}.iig-steps{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.iig-steps li{color:var(--text);align-items:baseline;gap:10px;font-size:14px;line-height:1.5;display:flex}.iig-n{background:var(--cta);width:22px;height:22px;color:var(--on-cta);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid;transform:translateY(2px)}.iig-steps b{color:var(--text);font-weight:700}.iig-glyph{color:var(--cta);vertical-align:middle;font-size:16px}.iig-steps i{color:var(--muted)}.iig-copy{background:var(--cta);border-radius:var(--r-md);width:100%;color:var(--on-cta);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.iig-copy:hover{background:var(--cta-hover)}.iig-tip{color:var(--faint);margin:12px 0 0;font-size:12px;line-height:1.5}.avatar-menu{flex-shrink:0;position:relative}.avatar-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:3px;padding:3px 4px 3px 3px;font-family:inherit;transition:background .15s;display:flex}.avatar-menu-btn:hover{background:var(--s2)}.avatar-menu-img,.avatar-menu-initial{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.avatar-menu-initial{color:#fff;place-items:center;font-size:12px;font-weight:800;display:grid}.avatar-menu-generic{background:var(--s3);color:var(--muted)}.avatar-menu-generic i{font-size:14px}.avatar-menu-chev{color:var(--muted);font-size:13px;transition:transform .15s}.avatar-menu-chev.up{transform:rotate(180deg)}.avatar-menu-panel{background:var(--s2);border:1px solid var(--s3);z-index:110;border-radius:12px;flex-direction:column;gap:2px;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000073}.avatar-menu-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}.avatar-menu-item:hover{background:var(--s3)}.avatar-menu-item i{color:var(--muted);flex-shrink:0;font-size:15px}.avatar-menu-danger,.avatar-menu-danger i{color:var(--red)}.song-autocomplete{width:100%;color:var(--text);background:color-mix(in srgb, var(--s2) 96%, var(--bg));border:1px solid var(--glass-line-hi);box-shadow:var(--glass-edge), 0 16px 36px #00000047;text-align:left;overscroll-behavior:contain;border-radius:14px;max-height:min(72vh,560px);padding:8px;overflow-y:auto}.song-autocomplete-section+.song-autocomplete-section{margin-top:6px}.song-autocomplete-heading{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:8px 10px 5px;font-size:10px;font-weight:800;line-height:1.3}.song-query-suggestion{width:100%;min-height:40px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:8px 10px;font-size:13px;display:flex}.song-query-suggestion:hover,.song-query-suggestion:focus-visible{background:var(--s3);outline:none}.song-query-suggestion>i{color:var(--muted);flex:none;font-size:16px}.song-query-suggestion span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-autocomplete-row{border-radius:10px;align-items:center;gap:6px;min-width:0;padding:4px;display:flex}.song-autocomplete-row:hover,.song-autocomplete-row:focus-within{background:var(--s3)}.song-autocomplete-pick{width:0;min-width:0;min-height:54px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:auto;align-items:center;gap:11px;padding:4px;display:flex}.song-autocomplete-pick:focus-visible{outline:2px solid var(--cta);outline-offset:1px}.song-autocomplete-art{background:var(--s3);border-radius:7px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.song-autocomplete-art .album-art-img{object-fit:cover;width:100%;height:100%}.song-autocomplete-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.song-autocomplete-title,.song-autocomplete-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-autocomplete-title{font-size:13px;font-weight:700}.song-autocomplete-artist{color:var(--muted);font-size:11px}.song-autocomplete-availability{color:var(--muted);font-size:10px}.song-autocomplete-availability.is-ready{color:var(--cta)}.search-favorite{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 36px;place-items:center;padding:0;transition:color .15s,background .15s,border-color .15s,transform .15s;display:grid}.search-favorite:hover,.search-favorite:focus-visible{color:var(--text);background:var(--glass-hi);border-color:var(--glass-line);outline:none}.search-favorite:active{transform:scale(.92)}.search-favorite i{font-size:17px}.search-favorite.is-favorite{color:var(--cta)}.song-autocomplete-favorite{flex-basis:36px}.song-autocomplete-loading{min-height:54px;color:var(--muted);align-items:center;gap:9px;padding:8px 12px;font-size:12px;display:flex}.song-autocomplete-loading .spinner{width:15px;height:15px}.song-autocomplete-empty{color:var(--muted);padding:12px 10px;font-size:12px;line-height:1.45}.song-autocomplete-seeall{border:0;border-top:1px solid var(--glass-line);width:100%;min-height:42px;color:var(--cta);font:inherit;cursor:pointer;background:0 0;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.song-autocomplete-seeall:hover,.song-autocomplete-seeall:focus-visible{color:var(--text);outline:none}.search-page-autocomplete{z-index:30;position:absolute;top:calc(100% + 7px);left:0;right:0}.search-page-input-wrap{position:relative}.search-result-favorite{z-index:2;background:color-mix(in srgb, var(--bg) 78%, transparent);border-color:var(--glass-line);position:absolute;top:7px;right:7px;box-shadow:0 2px 9px #0003}.search-result-favorite:hover,.search-result-favorite:focus-visible{background:var(--bg)}@media (width<=600px){.song-autocomplete{max-height:60vh}.song-autocomplete-availability{font-size:9px}.search-page-autocomplete{margin-top:8px;position:static}.search-page-autocomplete .song-autocomplete{max-height:none;box-shadow:none;overscroll-behavior:auto;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.search-page-autocomplete .song-autocomplete-section+.song-autocomplete-section{margin-top:16px}.search-page-autocomplete .song-autocomplete-heading{padding:10px 2px 5px}.search-page-autocomplete .song-autocomplete-row{border-bottom:1px solid var(--glass-line);border-radius:0;padding:5px 0}.search-page-autocomplete .song-autocomplete-row:hover,.search-page-autocomplete .song-autocomplete-row:focus-within{background:0 0}.search-page-autocomplete .song-autocomplete-pick{gap:12px;min-height:60px;padding:4px 0}.search-page-autocomplete .song-autocomplete-art{flex-basis:48px;width:48px;height:48px}.search-page-autocomplete .song-autocomplete-favorite{flex-basis:44px;width:44px;height:44px}}.topnav{background:var(--bg);isolation:isolate;border-bottom:1px solid var(--glass-line);padding:env(safe-area-inset-top) 28px 0;height:calc(52px + env(safe-area-inset-top));box-sizing:border-box;z-index:100;flex-shrink:0;align-items:center;gap:20px;display:flex;position:sticky;top:0}.logo{color:var(--text);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;margin-right:4px;font-size:14px;font-weight:900}.nav-links{flex:none;gap:8px;display:flex}.nl{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nl i{font-size:16px}.nl:hover{color:var(--text);background:var(--glass)}.nl.active{color:var(--text);background:var(--glass-hi)}.nav-right{align-items:center;gap:8px;display:flex}.nav-search{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.nav-search-form{width:100%;max-width:420px;margin:0 auto;position:relative}.nav-search-input-row{padding-right:3px}.nav-search-input-row .search-input{padding:7px 6px 7px 14px;font-size:13px}.nav-search-input-row .search-btn.icon-only{width:30px;height:30px}.nav-search-input-row .search-btn.icon-only i{font-size:15px}.nav-search-dropdown{background:color-mix(in srgb, var(--s2) 88%, transparent);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line-hi);border-radius:var(--r-md);box-shadow:var(--glass-edge), 0 16px 40px #0000008c;z-index:10;text-align:left;max-height:70vh;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.nav-search-dropdown:has(.song-autocomplete){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;overflow:visible}.nav-search-dropdown .song-autocomplete{max-height:min(70vh,560px)}.nav-search-dropdown .search-results{max-height:none;margin-top:0}.nav-search-empty{color:var(--muted);text-align:center;padding:14px 10px;font-size:13px}.nav-search-loading{color:var(--muted);align-items:center;gap:8px;padding:14px 10px;font-size:13px;display:flex}.streak-pill{background:var(--glass);border:1px solid var(--glass-line);color:var(--amber);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.level-pill{background:var(--cta-soft);border:1px solid var(--cta-soft-border);color:var(--cta);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700}.plan-pill{cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.plan-pill i{font-size:12px}.plan-pill.free{background:var(--glass);border:1px solid var(--glass-line);color:var(--muted)}.plan-pill.free:hover{border-color:var(--cta-soft-border);color:var(--text)}.plan-pill.premium{background:var(--cta-soft);border:1px solid var(--cta-soft-border);color:var(--cta)}.plan-pill.founder{background:var(--adim);color:var(--amber);border:1px solid #f59e0b66}.nav-login-btn{background:var(--cta);color:var(--on-cta);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:filter .15s;display:flex}.nav-login-btn:hover{filter:brightness(1.1)}.nav-login-btn i{font-size:13px}.nav-install{background:var(--cta);color:var(--on-cta);cursor:pointer;border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 11px;font-family:inherit;font-size:11px;font-weight:700;display:none}.nav-install i{font-size:13px}@media (width<=768px){.app-shell:has(.home-shell)>.topnav{transition:transform .24s ease-out,visibility .24s;position:absolute;inset:0 0 auto}.app-shell:has(.mobile-tabs[data-search-emphasis=true])>.topnav:not(:has(:focus-visible)){visibility:hidden;pointer-events:none;transform:translateY(-100%)}.topnav{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;height:48px;padding:0 12px}.app-main.home-shell{padding-top:calc(64px + env(safe-area-inset-top,0px));scroll-padding-top:calc(48px + env(safe-area-inset-top,0px))}}@media (width<=768px) and (prefers-reduced-motion:reduce){.app-shell:has(.home-shell)>.topnav{transition:none}}@media (width<=768px){.topnav{z-index:100}}@media (width<=768px) and (display-mode:standalone){@supports (-webkit-touch-callout:none){.app-shell:has(.home-shell)>.topnav{background-color:var(--bg);backface-visibility:hidden;will-change:transform;transform:translate(0,0)}.app-shell:has(.mobile-tabs[data-search-emphasis=true])>.topnav:not(:has(:focus-visible)){transform:translateY(-100%)}}}.marquee{white-space:nowrap;max-width:100%;overflow:hidden}.marquee-text{white-space:nowrap;will-change:transform;display:inline-block}.marquee-text.run{animation:marquee-pingpong var(--dur) ease-in-out infinite}@keyframes marquee-pingpong{0%,12%{transform:translate(0)}50%,62%{transform:translateX(var(--shift))}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.marquee-text.run{animation:none}}.bottom-bar{background:var(--bg);border-top:1px solid var(--s2);flex-shrink:0;grid-template-columns:minmax(140px,1fr) minmax(380px,560px) minmax(140px,1fr);align-items:center;gap:16px;height:72px;padding:0 20px;display:grid;position:relative}.bp-track{cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-width:0;max-width:440px;display:flex}.bp-track-row{align-items:center;gap:12px;width:fit-content;min-width:0;max-width:100%;display:flex}.bp-track-ghost{visibility:hidden;pointer-events:none;width:100%}.bp-art{background:var(--s2);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.bp-art i{color:var(--muted);font-size:16px}.bp-track-info{flex-direction:column;align-items:stretch;gap:0;min-width:0;line-height:1;display:flex}.bp-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1;overflow:hidden}.bp-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:0;font-size:11px;line-height:1.05;display:block;overflow:hidden}.bp-artist.artist-link{width:fit-content;max-width:100%}.bp-heart{color:var(--muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:color .15s;display:flex}.bp-heart:hover{color:var(--text)}.bp-heart.on{color:var(--spark)}.bp-heart:disabled{opacity:.4;cursor:default}.bp-center{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:600px;display:flex}.bp-btns{align-items:center;gap:8px;display:flex}.bpc{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:color .15s;display:flex}.bpc:hover{color:var(--text)}.bpc.play{color:var(--text);background:0 0;border-radius:50%;width:34px;height:34px;font-size:16px}.bpc.play:hover{background:0 0}.bpc.play:disabled{color:var(--muted)}.bp-progress-row{align-items:center;gap:8px;width:100%;display:flex}.bp-time{color:var(--faint);flex-shrink:0;width:26px;font-size:9.5px}.bp-time:last-child{text-align:right}.bp-pbar{background:var(--s3);cursor:pointer;touch-action:none;border-radius:2px;flex:1;height:3px;position:relative}.bp-pbar:before{content:"";position:absolute;inset:-4px 0 -12px}.bp-pbar:hover .bp-handle,.bp-pbar.dragging .bp-handle,.bp-pbar:focus-visible .bp-handle{opacity:1}.bp-pbar.dragging{height:5px}.bp-pbar:focus-visible{outline:2px solid var(--cta);outline-offset:5px}.bp-pfill{background:var(--cta);border-radius:2px;width:38%;height:100%}.bp-handle{opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%)}:root[data-theme=light] .bp-handle{background:var(--text);border:2px solid var(--s1);box-shadow:0 1px 3px #2d231c3d}.bp-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bp-volume{align-items:center;gap:6px;display:flex}.bp-vol-slider{width:84px;height:4px;accent-color:var(--cta);cursor:pointer}.vol-bar{background:var(--s3);border-radius:2px;width:80px;height:4px}.vol-fill{background:var(--muted);border-radius:2px;width:65%;height:100%}.mobile-tabs{display:none}@media (width<=768px){.mobile-tabs{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom,0px));z-index:92;background:var(--s1);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--glass-line);box-shadow:var(--glass-edge), 0 10px 30px #0000008c;border-radius:24px;padding-bottom:0;display:flex;position:fixed}.mt-item{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:9px 0 10px;font-size:9px;font-weight:600;display:flex}.mt-item i{font-size:18px}.mt-item.active{color:var(--cta)}.mt-search{flex:1;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.mt-search-circle{background:var(--cta);width:34px;height:34px;color:var(--on-cta);border-radius:50%;place-items:center;transition:filter .15s;display:grid}.mt-search-circle i{font-size:18px}.mt-search:active .mt-search-circle{filter:brightness(.92)}.mobile-tabs{height:50px}.mt-item,.mt-search{min-width:44px;min-height:44px;transition:flex-grow .24s ease-out}.mt-item i,.mt-item span{transition:transform .24s ease-out}.mt-search-circle{transition:transform .24s ease-out,filter .15s}.mobile-tabs[data-search-emphasis=true]:not(:has(:focus-visible)) .mt-item{flex-grow:.9}.mobile-tabs[data-search-emphasis=true]:not(:has(:focus-visible)) .mt-search{flex-grow:1.35}.mobile-tabs[data-search-emphasis=true]:not(:has(:focus-visible)) .mt-search-circle{transform:scale(1.2353)}.mobile-tabs[data-search-emphasis=true]:not(:has(:focus-visible)) .mt-item i{transform:scale(.9)}.mobile-tabs[data-search-emphasis=true]:not(:has(:focus-visible)) .mt-item span{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.mobile-tabs .mt-item,.mobile-tabs .mt-search,.mobile-tabs .mt-item i,.mobile-tabs .mt-item span,.mobile-tabs .mt-search-circle{transition:none}}.state-screen{text-align:center;place-items:center;padding:32px 24px;display:grid;position:relative}.state-screen.fullscreen{background:var(--bg);position:absolute;inset:0;overflow-y:auto}.state-screen.inline{width:100%;min-height:50vh}.state-glow{background:radial-gradient(circle, var(--cta-soft), transparent 68%);filter:blur(28px);pointer-events:none;width:380px;height:380px;position:absolute;top:16%;left:50%;transform:translate(-50%)}.state-inner{flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex;position:relative}.state-medallion{border:1px solid var(--s3);border-radius:50%;place-items:center;width:88px;height:88px;margin-bottom:22px;display:grid}.state-medallion i{font-size:40px}.state-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:23px;font-weight:900;line-height:1.15}.state-body{color:var(--muted);max-width:380px;margin:12px 0 0;font-size:15px;line-height:1.55}.state-body b{color:var(--text)}.state-actions{flex-direction:column;gap:10px;width:100%;max-width:300px;margin-top:26px;display:flex}.state-btn{width:100%;font-size:15px;font-weight:700;font-family:var(--f);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;transition:filter .15s,background .15s,border-color .15s;display:flex}.state-btn i{font-size:17px}.state-btn.primary{background:var(--cta);color:var(--on-cta);border:none}.state-btn.primary:hover{filter:brightness(1.08)}.state-btn.ghost{color:var(--text);border:1px solid var(--s3);background:0 0}.state-btn.ghost:hover{border-color:var(--s5);background:var(--s2)}.state-footer{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:20px;font-size:12px;font-weight:700}.sidebar{border-right:1px solid var(--s2);flex-shrink:0;width:210px;padding:20px 0;overflow-y:auto}.sb-section{margin-bottom:4px}.sb-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);margin-bottom:6px;padding:0 16px;font-size:9px;font-weight:700}.sb-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:8px 16px;transition:background .12s;display:flex}.sb-item:hover,.sb-item.active{background:var(--s2)}.sb-item i{color:var(--muted);flex-shrink:0;font-size:14px}.sb-item.active i{color:var(--cta)}.sb-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sb-item.active .sb-name{color:var(--cta)}.sb-sub{color:var(--dim);margin-top:1px;font-size:10px}.sb-divider{background:var(--s2);height:1px;margin:10px 16px}.sb-check{margin-left:auto;color:var(--green)!important}.sb-badge{background:var(--s3);color:var(--muted);border-radius:10px;flex-shrink:0;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.sb-badge-due{background:var(--adim);color:var(--amber)}.sb-badge-new{background:var(--gdim);color:var(--green)}.shelf{margin-bottom:20px}.shelf-head-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.shelf-wrap{position:relative}.shelf-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.shelf-track::-webkit-scrollbar{display:none}.shelf-item{scroll-snap-align:start;flex:0 0 clamp(148px,22vw,172px);min-width:0}.shelf-nav{align-items:center;gap:2px;display:none}@media (hover:hover) and (pointer:fine){.shelf-nav{display:flex}}.shelf-arrow{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.shelf-arrow i{font-size:15px}.shelf-arrow:hover:not(:disabled){background:var(--s3);color:var(--text)}.shelf-arrow:disabled{opacity:.3;pointer-events:none}.app-dialog{box-sizing:border-box;border:1px solid var(--glass-line-hi);background:var(--s1);width:min(620px,100% - 28px);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--lift);border-radius:22px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.app-dialog::backdrop{background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-dialog[open]{flex-direction:column;display:flex}.app-dialog>header{background:var(--s1);border-bottom:1px solid var(--glass-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.app-dialog>header h2{font-family:var(--f);margin:0;font-size:18px}.app-dialog>header button{border:1px solid var(--glass-line);background:var(--glass);width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.app-dialog-body{overscroll-behavior:contain;overflow-wrap:anywhere;min-height:0;padding:20px;overflow-y:auto}.yt-dock{right:16px;bottom:calc(var(--bottom-chrome,72px) + 12px);aspect-ratio:16/9;background:var(--s1);z-index:90;border:1px solid var(--s3);border-radius:10px;width:280px;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0009}.yt-dock.hidden{opacity:0;pointer-events:none}.yt-dock iframe{width:100%;height:100%}.yt-dock.overlay-trap{box-shadow:none;aspect-ratio:auto;z-index:200;background:0 0;border:none;border-radius:0}.yt-dock.overlay-trap iframe{opacity:.001;pointer-events:auto}.yt-dock.overlay-trap .yt-dock-min{display:none}.yt-dock.embed{box-shadow:none;aspect-ratio:auto;z-index:60;background:var(--s1);border:none;border-radius:14px}.yt-dock.embed iframe{opacity:1;pointer-events:auto}.yt-dock.embed .yt-dock-min{display:none}.yt-dock-min{z-index:2;width:24px;height:24px;color:var(--text);cursor:pointer;background:#000000b3;border:none;border-radius:6px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.yt-dock.minimized{aspect-ratio:1;border-color:var(--s4);border-radius:50%;width:56px}.yt-dock.minimized iframe{opacity:.001;pointer-events:none}.yt-dock.minimized .yt-dock-min{width:100%;height:100%;color:var(--text);background:#0000008c;border-radius:50%;font-size:20px;inset:0}.search-hero{background:var(--s1);border:1px solid var(--s3);border-radius:14px;margin-bottom:14px;padding:20px}.search-hero-title{margin-bottom:4px;font-size:18px;font-weight:700}.search-hero-sub{color:var(--muted);margin-bottom:14px;font-size:13px}.search-input-row{background:var(--s2);border:1px solid var(--s3);border-radius:24px;align-items:center;gap:2px;padding-right:5px;display:flex}.search-input-row:focus-within{border-color:var(--cta)}.search-input{min-width:0;color:var(--text);background:0 0;border:none;border-radius:24px;outline:none;flex:1;padding:12px 18px;font-family:inherit;font-size:14px}.search-btn{background:var(--cta);color:var(--on-cta);cursor:pointer;border:none;border-radius:24px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s,filter .15s}.search-btn:hover:not(:disabled){filter:brightness(1.08)}.search-btn:disabled{opacity:.5;cursor:default}.search-btn.icon-only{width:38px;height:38px;color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.search-btn.icon-only:hover:not(:disabled){filter:none;background:var(--s3);color:var(--text)}.search-btn.icon-only i{font-size:18px}.search-btn.icon-only .spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-results{flex-direction:column;gap:6px;max-height:60vh;margin-top:14px;display:flex;overflow-y:auto}.search-credit{color:var(--muted);margin:8px 0;font-size:12px}.sr-item{cursor:pointer;background:var(--s2);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.sr-item:hover{background:var(--s3)}.sr-art{background:var(--s3);width:38px;height:38px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.sr-info{flex:1;min-width:0}.sr-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sr-artist{color:var(--muted);font-size:12px}.sr-badge{color:var(--muted);border:1px solid var(--s4);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px}.search-empty{background:var(--s2);border:1px solid var(--s3);color:var(--muted);border-radius:12px;align-items:flex-start;gap:11px;margin-top:14px;padding:14px 16px;font-size:13px;line-height:1.45;display:flex}.search-empty>i{color:var(--amber);flex-shrink:0;margin-top:1px;font-size:18px}.search-empty-body{flex-direction:column;align-items:flex-start;gap:11px;min-width:0;display:flex}.search-empty-actions{gap:8px;display:flex}.search-empty .search-retry-btn{background:var(--s3)}.search-retry-btn{background:var(--s2);border:1px solid var(--s3);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.search-retry-btn:hover{border-color:var(--cta-soft-border);color:var(--text)}.search-retry-btn i{font-size:13px}.search-suggestion{background:var(--cta-soft);border:1px solid var(--cta-soft-border);border-radius:var(--r-md);width:100%;color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:8px;margin-top:-4px;margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s;display:flex}.search-suggestion:hover{border-color:var(--cta-soft-border);background:var(--cta-soft)}.search-suggestion>i{color:var(--cta);flex-shrink:0;font-size:16px}.search-suggestion b{color:var(--cta)}.search-approx-note{color:var(--muted);align-items:center;gap:7px;margin-bottom:8px;font-size:12.5px;display:flex}.search-approx-note>i{color:var(--amber);flex-shrink:0;font-size:15px}.search-seeall{border:1px dashed var(--s4);border-radius:var(--r-md);width:100%;color:var(--cta);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.search-seeall:hover{border-color:var(--cta-soft-border);background:var(--cta-soft)}.search-seeall i{font-size:14px}.search-slow{color:var(--amber);align-items:center;gap:8px;padding:10px 4px;font-size:13px;display:flex}.search-slow .spinner{width:14px;height:14px}.yt-modal{border-radius:14px;width:min(440px,100% - 28px)}.yt-modal .app-dialog-body{padding:24px}.yt-modal p{color:var(--muted);margin:0 0 14px;font-size:13px}.yt-modal .search-input{box-sizing:border-box;width:100%;margin-bottom:12px}.yt-modal-error{color:var(--amber);align-items:center;gap:7px;margin:-4px 0 12px;font-size:12.5px;display:flex}.yt-modal-error i{flex-shrink:0;font-size:15px}.yt-modal-actions{justify-content:flex-end;gap:10px;display:flex}.yt-modal-link{color:var(--cta);align-self:center;margin-right:auto;font-size:13px;text-decoration:none}.btn-ghost{border:1px solid var(--s3);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;padding:9px 18px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s,opacity .15s}.btn-ghost:hover:not(:disabled){background:var(--s2);border-color:var(--s4)}.btn-ghost:disabled{opacity:.5;cursor:default}.offline-banner{background:var(--adim);color:var(--amber);border-bottom:1px solid #f59e0b40;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.offline-banner i{font-size:14px}.app-shell{--source:var(--muted);--source-dim:#ffffff0f}.app-shell[data-source=spotify]{--source:var(--green);--source-dim:#1db95426}.app-shell[data-source=youtube]{--source:#ff5252;--source-dim:#ff525226}.bp-pfill{background:var(--source)}.bp-art i{color:var(--source)}.yt-dock{border-color:var(--source)}.source-chip{letter-spacing:.5px;color:var(--source);background:var(--source-dim);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.source-chip i{font-size:11px}.album-art-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.album-art-img.skel-loading{background:var(--s3);animation:1.4s ease-in-out infinite skel-pulse}@keyframes skel-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.album-art-img.skel-loading{opacity:.7;animation:none}}.review-wrap{flex-direction:column;align-items:center;gap:20px;max-width:560px;margin:0 auto;padding:32px 20px;display:flex}.review-progress{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}.review-tentativas{color:var(--amber);margin-top:-12px;font-size:12.5px;font-weight:600}.review-stage{perspective:1200px;width:100%}.review-card{background:var(--glass);border:1px solid var(--glass-line);width:100%;box-shadow:var(--glass-edge), var(--lift);text-align:center;cursor:pointer;min-height:220px;transform-style:preserve-3d;border-radius:18px;flex-direction:column;justify-content:center;gap:10px;padding:40px 28px;transition:transform .16s ease-in;display:flex}.review-card.flipping{transform:rotateX(90deg)}.review-word{font-family:var(--f-display);letter-spacing:-.01em;color:var(--text);font-size:34px;font-weight:900}.review-mastery{color:var(--muted);justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.review-mastery i{color:var(--cta);font-size:12px}.review-ipa{color:var(--muted);font-size:15px}.ipa-academic{color:var(--muted);margin-left:6px;font-size:11px}.review-hint{color:var(--muted);margin-top:14px;font-size:13px}.review-back{flex-direction:column;align-items:center;gap:8px;display:flex}.review-translation{font-family:var(--f-display);letter-spacing:-.01em;color:var(--cta);margin-bottom:2px;font-size:24px;font-weight:700}.review-trans-loading{color:var(--muted);font-size:14px;font-weight:600}.review-definition{color:var(--muted);font-size:15px;line-height:1.5}.review-example{background:var(--well);text-align:left;border-radius:10px;width:100%;padding:10px 14px}.review-example-label{letter-spacing:.5px;text-transform:uppercase;color:var(--teal);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.review-example-en{color:var(--text);font-size:13px;font-weight:700;line-height:1.4}.review-example-pt{color:var(--muted);margin-top:2px;font-size:12px;font-style:italic}.review-source{background:var(--glass-hi);border:1px solid var(--glass-line-hi);border-left:3px solid var(--teal);width:100%;font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .12s,transform .12s;display:flex}@media (hover:hover) and (pointer:fine){.review-source:hover{background:var(--glass-line-hi);transform:translateY(-1px)}}.review-source:active{transform:scale(.98)}.review-source>i:first-child{color:var(--teal);flex-shrink:0;font-size:18px}.review-source-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.review-source-label{letter-spacing:.4px;color:var(--teal);font-size:10px;font-weight:700}.review-source-track{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.review-source-play{color:var(--teal);flex-shrink:0;font-size:22px}.review-ctx-block{background:var(--well);border-left:3px solid var(--teal);text-align:left;border-radius:10px;width:100%;padding:10px 14px}.review-ctx-label{letter-spacing:.5px;text-transform:uppercase;color:var(--teal);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.review-ctx-line{color:var(--muted);margin:0;font-size:15px;font-style:italic;line-height:1.6}.review-ctx-hit{color:var(--cta);font-style:normal;font-weight:700}.review-grades{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}@media (width<=460px){.review-grades{grid-template-columns:repeat(2,1fr)}}.review-grade{border:1px solid var(--glass-line-hi);border-radius:var(--r-md);background:var(--glass-hi);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:14px 6px 11px;font-family:inherit;transition:transform .12s,border-color .12s,background .12s;display:flex}.review-grade i{font-size:21px}.review-grade .rg-label{font-size:14px;font-weight:700}.review-grade .rg-when{color:var(--muted);font-size:10.5px;font-weight:600}@media (hover:hover) and (pointer:fine){.review-grade:hover{transform:translateY(-2px)}}.review-grade:active{transform:scale(.97)}.review-grade.again i{color:var(--red)}.review-grade.hard i{color:var(--amber)}.review-grade.good i{color:var(--green)}.review-grade.easy i{color:var(--cta)}@media (hover:hover) and (pointer:fine){.review-grade.again:hover{border-color:var(--red);background:var(--rdim)}.review-grade.hard:hover{border-color:var(--amber);background:var(--adim)}.review-grade.good:hover{border-color:var(--green);background:var(--gdim)}.review-grade.easy:hover{border-color:var(--cta-soft-border);background:var(--cta-soft)}}.review-howto{background:var(--s1);border:1px solid var(--s3);border-left:3px solid var(--blue);border-radius:10px;width:100%;padding:14px 16px}.review-howto-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.review-howto-head span{letter-spacing:1.2px;color:var(--blue);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.review-howto ol{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.5;display:flex}.review-howto b{color:var(--text);font-weight:600}.review-listen{border:1px solid var(--glass-line-hi);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;align-self:center;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}@media (hover:hover) and (pointer:fine){.review-listen:hover{border-color:var(--cta-soft-border);color:var(--text)}}.review-listen:active{transform:scale(.96)}.review-step{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.review-question{text-align:center;color:var(--text);margin-bottom:10px;font-size:14px;font-weight:600}.review-done-state{text-align:center;padding:60px 20px}.review-remind{background:var(--cta-soft);border:1px solid var(--cta-soft-border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;margin:16px auto 0;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){.review-remind:hover{background:var(--cta-soft-border)}}.review-remind i{color:var(--cta)}.review-done-state i{color:var(--green);font-size:44px}.review-done-state h2{font-family:var(--f-display);letter-spacing:-.01em;margin:14px 0 6px;font-size:24px;font-weight:900}.review-done-state p{color:var(--muted);font-size:14px}.login-card{background:var(--s1);border:1px solid var(--s3);border-radius:14px;margin-bottom:24px;padding:20px}.login-row{gap:10px;display:flex}.login-note{color:var(--muted);margin-top:10px;font-size:12px}.local-mode-banner{color:var(--amber);background:#f59e0b14;border:1px solid #f59e0b59;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.study-empty{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.study-empty i{color:var(--cta);font-size:44px}.study-empty h2{color:var(--text);margin:0}.lyrics-loading{color:var(--muted);align-items:center;gap:10px;padding:24px;font-size:14px;display:flex}.spinner{border:2px solid var(--s3);border-top-color:var(--cta);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.sec-genres{color:var(--muted);margin-left:10px;font-size:12px;font-weight:400}.sec-credit{color:var(--muted);text-decoration:underline}.sec-credit:hover{color:var(--cta)}.study-empty .search-btn{align-items:center;gap:8px;display:inline-flex}.study-empty .search-btn i{color:inherit;font-size:15px}.study-banner{color:#cfcfcf;background:var(--s2);border:0;border-radius:0;flex-wrap:wrap;flex-shrink:0;align-items:flex-start;gap:10px;margin:12px 0 4px;padding:12px 40px 12px 14px;font-size:13px;line-height:1.5;display:flex;position:relative}.study-banner .sb-text{flex:1;min-width:200px}.study-banner .sb-title{color:var(--text);font-weight:700;display:block}.study-banner .sb-sub{color:var(--muted);margin-top:1px;font-size:12.5px;display:block}.study-banner .sb-ico{color:var(--muted);flex-shrink:0;margin-top:1px;font-size:15px}.study-banner .sb-action{flex-shrink:0;display:flex}.study-banner.sb-ok{background:var(--gdim);border-color:#1db95466}.study-banner.sb-ok .sb-ico{color:var(--green)}.study-banner.sb-warn{background:var(--adim);border-color:#f59e0b66}.study-banner.sb-warn .sb-ico{color:var(--amber)}.study-banner.sb-freeze{background:var(--bdim);border-color:var(--blue)}.study-banner.sb-freeze .sb-ico{color:var(--blue)}.study-banner.sb-subtle{background:var(--s2);border-color:var(--s3);margin:8px 0 4px;padding:9px 36px 9px 12px;font-size:12px}.study-banner.sb-subtle .sb-ico{color:var(--muted);font-size:14px}.study-banner .sb-link{color:var(--cta);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;display:inline}.study-banner .sb-link:hover{color:var(--text)}.study-banner.sb-warn .sb-link{color:var(--amber)}.study-banner.sb-ok .sb-link{color:var(--green)}.study-banner.sb-freeze .sb-link{color:var(--blue)}.sb-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.sb-close:hover{color:var(--text);background:var(--s3)}.sb-close i{font-size:15px}.study-banner .sb-cta{background:var(--cta);color:var(--on-cta);cursor:pointer;white-space:nowrap;border:none;border-radius:18px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:filter .15s;display:inline-flex}.study-banner .sb-cta:hover{filter:brightness(1.1)}.study-banner .sb-cta:disabled{opacity:.6;cursor:default}.study-banner.sb-warn .sb-cta{background:var(--amber)}.study-banner.sb-ok .sb-cta{background:var(--green)}.app-loading{top:env(safe-area-inset-top);background:var(--s3);z-index:101;height:3px;position:fixed;left:0;right:0;overflow:hidden}.app-loading:before{content:"";background:var(--cta);will-change:transform;border-radius:2px;width:40%;height:100%;animation:1.1s ease-in-out infinite app-load-slide;position:absolute;top:0;left:-40%}@keyframes app-load-slide{0%{transform:translate(0)}to{transform:translate(350%)}}.review-page .review-wrap{width:100%}:root[data-theme=light] .yt-dock:not(.overlay-trap){box-shadow:var(--lift)}:root[data-theme=light] .yt-dock.minimized .yt-dock-min{background:var(--s1);color:var(--cta);border:1px solid var(--glass-line-hi)}}@layer pages{.home-shell .study-banner{border-radius:var(--r-md)}.today-hero{margin-bottom:22px}.today-greeting{font-family:var(--f-display);letter-spacing:-.01em;margin:0 0 4px;font-size:27px;font-weight:900}.today-sub{color:var(--muted);margin:0 0 18px;font-size:13px}.today-row{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.now-playing{cursor:pointer;flex:0 480px;align-items:flex-end;gap:16px;min-width:0;display:flex}.np-art{background:var(--s2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;overflow:hidden}.np-art i{color:var(--muted);font-size:24px}.np-info{flex:auto;min-width:0;max-width:260px;padding-bottom:2px}.np-kicker{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cta);margin-bottom:4px;font-size:10.5px}.now-playing.start .np-kicker{color:var(--muted)}.np-title{font-family:var(--f-display);white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:600;line-height:1.15;overflow:hidden}.np-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.np-lesson{background:var(--cta-soft);border:1px solid var(--cta-soft-border);cursor:pointer;color:var(--cta);border-radius:999px;align-items:center;gap:5px;margin-top:7px;padding:3px 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.np-lesson i{font-size:12px}.np-lesson:hover{background:var(--cta-soft-border)}.np-progress{background:var(--well);border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.np-progress-fill{background:var(--cta);border-radius:2px;height:100%}.np-go{background:var(--cta);width:44px;height:44px;color:var(--on-cta);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;font-size:18px;display:flex}.today-stats{flex:260px;gap:10px;display:flex}.stat-tile{text-align:left;min-width:0;color:var(--text);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-edge);cursor:pointer;border-radius:14px;flex:1;padding:14px 16px;font-family:inherit;transition:background .18s,border-color .18s,box-shadow .18s,transform .12s;display:block;position:relative}.stat-tile:hover{background:var(--glass-hi);border-color:var(--glass-line-hi);box-shadow:var(--glass-edge), var(--lift)}.stat-tile:active{transform:scale(.99)}.stat-tile:focus-visible{outline:2px solid var(--cta-soft-border);outline-offset:2px}.stat-go{background:var(--cta-soft);border:1px solid var(--cta-soft-border);width:26px;height:26px;color:var(--cta);border-radius:50%;place-items:center;font-size:13px;transition:background .18s,color .18s,transform .18s;display:grid;position:absolute;top:12px;right:12px}.stat-tile:hover .stat-go{background:var(--cta);color:var(--on-cta);transform:translate(2px)}.stat-label{font-family:var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;padding-right:30px;font-size:10px}.stat-num{font-family:var(--f-display);font-size:26px;font-weight:900;line-height:1}.stat-num i{color:var(--green);font-size:22px}.stat-num.spark{color:var(--spark)}.stat-sub{color:var(--muted);margin-top:4px;font-size:11.5px}.home-shell .search-hero{background:0 0;border:none;padding:0}.home-shell .song-card{border-radius:12px;padding:12px}.home-shell .sc-art{border-radius:8px}.home-shell .sc-badge{border-radius:4px}.song-grid{grid-template-columns:repeat(5,1fr);align-items:start;gap:10px;margin-bottom:30px;display:grid}@media (width>=1500px){.song-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.song-card{background:var(--glass);border:1px solid var(--glass-line);cursor:pointer;border-radius:10px;min-width:0;padding:13px;transition:background .15s,border-color .15s;position:relative}.song-card:hover{background:var(--glass-hi);border-color:var(--glass-line-hi)}.sc-art{aspect-ratio:1;background:linear-gradient(135deg, var(--s3), var(--s1));border-radius:7px;justify-content:center;align-items:center;width:100%;margin-bottom:10px;display:flex;position:relative;overflow:hidden}.sc-art i{color:var(--muted);opacity:.4;font-size:26px}.sc-art .album-art-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sc-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sc-artist{color:var(--muted);margin-top:2px;font-size:10px}.artist-link{cursor:pointer;width:fit-content}.artist-link:hover{color:var(--text);text-decoration:underline}.artist-link-multi{cursor:default}.artist-link-multi:hover{color:inherit;text-decoration:none}.artist-link-multi .artist-part{cursor:pointer}.artist-link-multi .artist-part:hover{color:var(--text);text-decoration:underline}.artist-link-multi .artist-sep{cursor:default;opacity:.75}.sc-meta{justify-content:space-between;align-items:center;gap:6px;min-height:16px;margin-top:7px;display:flex}.sc-badge{border-radius:3px;padding:2px 5px;font-size:9px;font-weight:700}.sc-badge.b1{background:var(--glass-hi);color:var(--muted)}.sc-badge.b2{background:var(--adim);color:var(--amber)}.sc-badge.a2{background:var(--bdim);color:#93c5fd}.sc-words{color:var(--muted);font-size:10px}.sc-tag{border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.sc-tag i{font-size:11px}.sc-tag.popular{background:var(--adim);color:var(--amber)}.sc-tag.speak{background:var(--gdim);color:var(--green)}.pl-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.pl-card{background:var(--glass);border:1px solid var(--glass-line);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .15s,border-color .15s;display:flex}.pl-card:hover{background:var(--glass-hi);border-color:var(--glass-line-hi)}.pl-art{background:var(--s3);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.pl-art img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.pl-name{font-family:var(--f-display);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pl-count{color:var(--muted);margin-top:3px;font-size:11px}.recent-list{flex-direction:column;gap:5px;display:flex}.rc-item{background:var(--glass);border:1px solid var(--glass-line);cursor:pointer;border-radius:7px;align-items:center;gap:13px;padding:9px 13px;transition:background .15s,border-color .15s;display:flex}.rc-item:hover{background:var(--glass-hi);border-color:var(--glass-line-hi)}.home-shell .rc-item{border-radius:8px;padding:8px 12px}.home-shell .rc-art{border-radius:8px}.rc-num{color:var(--dim);text-align:right;flex-shrink:0;width:14px;font-size:11px}.rc-art{background:var(--s2);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.rc-art i{color:var(--muted);font-size:15px}.rc-name{font-size:13px;font-weight:600}.rc-artist{color:var(--muted);font-size:11px}.rc-right{flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;display:flex}.rc-score{font-size:12px;font-weight:700}.rc-bar{background:var(--well);border-radius:2px;width:56px;height:3px}.rc-fill{border-radius:2px;height:100%}.rc-words{color:var(--dim);font-size:9px}.explore-hint{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-top:14px;padding:4px 2px;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.explore-hint:hover{color:var(--text)}.explore-hint i{color:var(--muted);font-size:15px}.explore-hint-arrow{margin-left:-1px;color:var(--muted)!important;font-size:13px!important}.home-discover{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:4px;display:flex}.home-discover .explore-hint{margin-top:0}.catalog-hits{flex-direction:column;gap:4px;margin-top:10px;display:flex}.catalog-hit{border:1px solid var(--glass-line);background:var(--glass);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:border-color .15s;display:flex}.catalog-hit:hover{border-color:var(--cta-soft-border)}.catalog-hit i{color:var(--muted);flex-shrink:0;font-size:15px}.ch-title{font-weight:700}.ch-artist{color:var(--muted);font-size:12px}.theme-discovery{margin-bottom:28px}.collection-tile{text-align:left;width:100%;color:var(--text);border:1px solid var(--glass-line);background:var(--glass);border-radius:var(--r-md);flex-direction:column;gap:5px;padding:10px;display:flex}.collection-tile:hover{background:var(--glass-hi);border-color:var(--glass-line-hi)}.collection-tile:focus-visible{outline:2px solid var(--cta);outline-offset:2px}.collection-mosaic{aspect-ratio:1;border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;width:100%;margin-bottom:6px;display:grid;overflow:hidden}.collection-mosaic>span{aspect-ratio:1;background:var(--s2);min-width:0;position:relative;overflow:hidden}.collection-mosaic>span>*{object-fit:cover;width:100%;height:100%}.collection-label{font-size:13px;font-weight:600}.collection-sub{color:var(--muted);font-size:11px}.theme-genres summary{color:var(--muted);cursor:pointer;padding:12px 0;font-size:12px}.theme-genres summary:focus-visible{outline:2px solid var(--cta);outline-offset:2px}.theme-tags{flex:300px;grid-template-columns:repeat(2,1fr);align-content:start;gap:4px 12px;display:grid}@media (width>=480px){.theme-tags{grid-template-columns:repeat(3,1fr)}}@media (width>=860px){.theme-tags{grid-template-columns:repeat(4,1fr)}}.theme-tag{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:block}.theme-tag:hover{background:var(--glass);color:var(--text)}.theme-tag-count{color:var(--faint);font-weight:400}.theme-tag-all{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.feature-shelf{margin-bottom:20px}.feature-row{align-items:flex-start;gap:16px;display:flex}.feature-item{cursor:pointer;flex:0 0 168px}.feature-art{background:var(--s2);border-radius:4px;justify-content:center;align-items:center;width:168px;height:168px;margin-bottom:10px;display:flex;overflow:hidden}.feature-title{font-family:var(--f-display);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.feature-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.strip{background:var(--glass);border:1px solid var(--glass-line);border-radius:8px;flex-direction:column;flex:1;gap:1px;min-width:0;max-height:168px;display:flex;overflow:hidden auto}.strip-item{cursor:pointer;background:0 0;align-items:center;gap:10px;min-width:0;padding:9px 12px;display:flex}.strip-art{background:var(--s2);border-radius:4px;flex-shrink:0;width:30px;height:30px;overflow:hidden}.strip-info{min-width:0}.strip-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.strip-artist{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tracklist{border-top:1px solid var(--glass-line)}.track-row{border-bottom:1px solid var(--glass-line);cursor:pointer;align-items:center;gap:14px;padding:10px 2px;transition:background .15s;display:flex}.track-row:hover{background:var(--glass)}.track-num{font-family:var(--f-mono);color:var(--faint);font-variant-numeric:tabular-nums;flex-shrink:0;width:18px;font-size:12px}.track-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.track-artist{color:var(--muted);flex-shrink:0;font-size:12px}.track-xp{font-family:var(--f-mono);color:var(--faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11.5px}.sc-card-action{z-index:0;border-radius:inherit;background:0 0;border:0;width:100%;position:absolute;inset:0}.song-card>:not(.sc-card-action){z-index:1;pointer-events:none;position:relative}.song-card :is(a,button){pointer-events:auto}.sc-card-action:focus-visible,.artist-link:focus-visible,.artist-part:focus-visible{outline:2px solid var(--cta);outline-offset:3px}.sc-artist.artist-link{display:block}.song-card .sc-name{height:16px;line-height:16px}.song-card .sc-artist{white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;height:14px;line-height:14px;display:block;overflow:hidden}.song-card .sc-meta{white-space:nowrap;height:18px;min-height:18px;overflow:hidden}.song-card .sc-meta>*{text-overflow:ellipsis;min-width:0;overflow:hidden}.ob2-root{background:radial-gradient(140% 90% at 50% -10%, var(--glass-hi) 0%, transparent 55%), var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}.ob2-top{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ob2-navbtn{color:var(--muted);font-family:var(--f);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.ob2-navbtn.faint{color:var(--faint);margin-left:auto}.ob2-navbtn:hover{color:var(--text)}.ob2-navbtn i{font-size:17px}.ob2-body{flex:1;place-items:center;padding:12px 20px 24px;display:grid;overflow-y:auto}.ob2-col{width:100%;max-width:480px}.ob2-head{margin-bottom:22px}.ob2-kicker{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.ob2-h1{font-family:var(--f-display);letter-spacing:-.01em;color:var(--text);margin:0;font-size:clamp(24px,6.5vw,28px);font-weight:900;line-height:1.12}.ob2-sub{color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.55}.ob2-btn{cursor:pointer;width:100%;font-family:var(--f);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:filter .15s,opacity .15s;display:flex}.ob2-btn.lg{margin-top:22px;padding:15px;font-size:15px}.ob2-btn.primary{background:var(--cta);color:var(--on-cta);box-shadow:var(--shadow-glow-cta)}.ob2-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.ob2-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.ob2-btn i{font-size:17px}.ob2-link{color:var(--cta);font-family:var(--f);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:14px;padding:14px 0;font-size:13.5px;font-weight:700;display:inline-flex}.ob2-link i{font-size:16px}.ob2-list{flex-direction:column;gap:12px;display:flex}.ob2-option{text-align:left;background:var(--glass);border:1.5px solid var(--glass-line);cursor:pointer;border-radius:12px;align-items:center;gap:14px;width:100%;padding:15px 16px;transition:border-color .15s,background .15s;display:flex}.ob2-option.on{background:var(--cta-soft);border-color:var(--cta-soft-border)}.ob2-option>i{flex-shrink:0;font-size:24px}.ob2-option-text{flex-direction:column;flex:1;min-width:0;display:flex}.ob2-option-title{color:var(--text);font-size:15px;font-weight:700}.ob2-option-sub{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.4}.ob2-radio{border:2px solid var(--s5);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.ob2-radio.on{border-color:var(--cta-soft-border);background:var(--cta)}.ob2-radio i{color:#fff;font-size:13px}.ob2-levels{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ob2-level{text-align:left;background:var(--glass);border:1.5px solid var(--glass-line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .15s,background .15s;display:flex}.ob2-level.on{background:var(--cta-soft);border-color:var(--cta-soft-border)}.ob2-level-code{background:var(--s4);width:36px;height:36px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:900;display:grid}.ob2-level.on .ob2-level-code{background:var(--cta)}.ob2-level-name{color:var(--text);font-size:13.5px;font-weight:700}.ob2-chips{flex-wrap:wrap;gap:10px;display:flex}.ob2-chip{background:var(--glass);border:1.5px solid var(--glass-line);font-family:var(--f);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ob2-chip i{font-size:14px}.ob2-chip.on{background:var(--cta-soft);border-color:var(--cta-soft-border);color:var(--cta)}.ob2-welcome{text-align:center;flex-direction:column;align-items:center;max-width:440px;margin:auto;padding:24px;display:flex;position:relative}.ob2-welcome-title{letter-spacing:-.02em;color:var(--text);margin:26px 0 0;font-size:clamp(28px,8vw,34px);font-weight:900;line-height:1.06}.ob2-welcome-sub{color:var(--muted);max-width:380px;margin:14px 0 0;font-size:16px;line-height:1.55}.ob2-welcome .ob2-btn{max-width:300px}.ob2-quick{text-align:center;flex-direction:column;align-items:center;max-width:480px;margin:auto;padding:24px;display:flex;position:relative}.ob2-brand{align-items:center;gap:9px;margin-bottom:32px;display:inline-flex}.ob2-brand-name{color:var(--text);letter-spacing:.5px;font-size:19px;font-weight:800}.ob2-hero{font-family:var(--f-display);letter-spacing:-.01em;color:var(--text);max-width:430px;margin:0;font-size:clamp(26px,7vw,33px);font-weight:900;line-height:1.14}.ob2-hero-sub{color:#ffffffb8;max-width:400px;margin:16px 0 0;font-size:15px;line-height:1.6}.ob2-action-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:34px 0 16px;font-size:12px;font-weight:700}.ob2-quick .ob2-chips{justify-content:center;margin:0}.ob2-quick .ob2-chip{background:var(--glass-hi);border-color:var(--glass-line-hi);color:#d6d6d6}.ob2-quick .ob2-chip.on{background:var(--cta-soft);border-color:var(--cta-soft-border);color:var(--cta)}.ob2-legal{align-items:center;gap:10px;margin-top:26px;font-size:13px;display:flex}.ob2-legal a{color:var(--muted);text-decoration:none}.ob2-legal a:hover{color:var(--text);text-decoration:underline}.ob2-legal span{color:var(--faint)}.ob2-quick .ob2-btn{width:100%;max-width:340px;margin-top:8px}.ob2-skip{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:2px;padding:8px;font-family:inherit;font-size:14px;font-weight:600}.ob2-skip:hover{color:var(--text)}.ob2-skip:disabled{opacity:.4;cursor:default}.ob2-quick:has(.ob2-curate-grid){max-width:560px}.ob2-curate-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:4px;display:grid}@media (width<=420px){.ob2-curate-grid{grid-template-columns:1fr;max-width:280px;margin-inline:auto}}.ob2-curate-item{transition:opacity .15s;position:relative}.ob2-curate-loading{color:var(--text);background:#0000008c;border-radius:12px;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.ob2-quick .ob2-skip{margin-top:22px}.ob2-ready{text-align:center;flex-direction:column;align-items:center;display:flex}.ob2-medallion{background:var(--sdim);border:1px solid var(--sglow);border-radius:50%;place-items:center;width:88px;height:88px;margin-bottom:22px;display:grid}.ob2-medallion i{color:var(--spark);font-size:42px}.ob2-ready .ob2-btn{max-width:320px;margin-top:28px}.ob2-summary{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.ob2-tag{letter-spacing:.5px;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.ob2-tag i{font-size:13px}.ob2-tag.aurora{background:var(--cta-soft);color:var(--cta);border:1px solid var(--cta-soft-border)}.ob2-tag.spark{background:var(--sdim);color:var(--spark)}.ob2-tag.green{background:var(--gdim);color:var(--green)}.ob2-tag.red{background:var(--rdim);color:var(--red)}.ob2-tag.teal{background:var(--tdim);color:var(--teal)}.ob2-footer{flex-shrink:0;place-items:center;padding:0 0 26px;display:grid}.ob2-dots{gap:7px;display:flex}.ob2-welcome .ob2-dots{margin-top:24px}.ob2-dots span{background:var(--glass-line-hi);border-radius:999px;width:7px;height:7px;transition:all .2s}.ob2-dots span.on{background:var(--cta);width:22px}.ob2-dots span.past{background:var(--cta-soft-border)}.ob2-quiz-q{color:var(--text);text-align:center;margin:0 0 20px;font-size:20px;font-weight:600;line-height:1.5}.ob2-quiz-blank{color:var(--text);letter-spacing:1px;font-weight:800}.ob2-quiz-opt{text-align:center;background:var(--glass);border:1.5px solid var(--glass-line);width:100%;font-family:var(--f);color:var(--text);cursor:pointer;border-radius:12px;padding:14px;font-size:15px;font-weight:700;transition:border-color .15s,background .15s;display:block}.ob2-quiz-opt:hover{border-color:var(--cta-soft-border);background:var(--cta-soft);color:var(--cta)}}@layer responsive{.mobile-only{display:none!important}.panel-backdrop{display:none}@media (width<=1100px) and (width>=769px){.lp-xp{display:none}.topnav{gap:10px;padding-left:12px;padding-right:12px}.nav-links{gap:4px}.nl{padding:8px 9px}.nav-right{gap:6px}.nav-search-form{max-width:220px}.shelf-item{flex-basis:clamp(140px,26vw,164px)}}@media (width<=999px){.nav-search-form{display:none}.topnav .nav-search{flex:auto}}@media (width<=768px){.mobile-only{display:flex!important}body,.app-shell{height:100%}.search-input,.login-input,input[type=email],input[type=text]{font-size:16px}.topnav{padding:env(safe-area-inset-top) 12px 0;height:calc(48px + env(safe-area-inset-top));gap:8px}.topnav .nav-links,.lp-xp{display:none}.topnav .nav-right{margin-left:auto}@media (width<=420px){.nav-install .ni-label{display:none}.nav-install{padding:4px 8px}.level-pill{display:none}}.vocab-header{flex-direction:column;align-items:stretch;gap:12px}.level-pill{white-space:nowrap}:root{--tabbar-h:50px;--tabbar-gap:max(10px, env(safe-area-inset-bottom,0px));--player-h:76px}.app-main{padding:16px 14px calc(var(--tabbar-h) + var(--tabbar-gap) + 20px)}.app-shell.has-player .app-main{padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--player-h) + 28px)}.sidebar{display:none}.song-grid{grid-template-columns:repeat(2,1fr)}.pl-grid{grid-template-columns:1fr 1fr}.vocab-grid{grid-template-columns:1fr}.search-hero .search-btn.icon-only{flex:none}.login-row{flex-wrap:wrap}.challenge-card{gap:12px;padding:14px 16px}.app-shell:after{content:none}.bottom-bar{left:10px;right:10px;bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + 8px);z-index:89;border:1px solid var(--glass-line);background:var(--s1);box-shadow:var(--glass-edge), 0 8px 24px #00000080;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;height:auto;padding:7px 12px;position:fixed;overflow:hidden}.bp-track{grid-area:1/1}.bp-center{display:contents}.bp-btns{grid-area:1/2}.bottom-bar .bp-progress-row{grid-area:2/1/auto/-1}.bp-track-ghost{display:none}.app-loading{height:2px}.bp-right{display:none}.bp-track{width:auto;min-width:0}.bp-heart{width:26px;height:30px;font-size:14px}.bp-art{width:36px;height:36px}.bp-track-row{gap:8px}.panel-resizer{display:none}.study-shell{position:relative}.lyrics-list:not(.focus-mode) .lyrics-track{padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + 16px)}.app-shell.has-player .lyrics-list:not(.focus-mode) .lyrics-track{padding-bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + var(--player-h) + 20px)}.study-loading{padding-bottom:calc(32px + var(--tabbar-h) + var(--tabbar-gap))}.app-shell.has-player .study-loading{padding-bottom:calc(32px + var(--tabbar-h) + var(--tabbar-gap) + var(--player-h))}.song-panel{z-index:250;background:var(--bg);border-right:1px solid var(--s3);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);width:min(320px,85vw)!important}.song-panel.mobile-open{transform:none}.panel-backdrop.show{z-index:240;background:#0000008c;display:block;position:fixed;inset:0}.word-panel{display:none}.word-panel.has-word{border-top:1px solid var(--s3);z-index:260;border-radius:16px 16px 0 0;max-height:62dvh;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080;width:100%!important}.lyrics-wrap{border-right:none}.mode-bar{gap:8px;padding:8px 10px}.mode-subtitle{display:none}.mode-tab{padding:7px 10px}.mode-tabs{display:none}.mode-select-wrap{display:block}.mode-bar .mode-icon-btn{width:40px;height:40px}.slang-contrast{grid-template-columns:1fr}.pron-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pron-actions .pron-speak-btn{grid-column:1/-1;justify-content:center}.pron-actions .pron-retry-btn{justify-content:center;padding:10px 8px}.pron-actions .pron-close-btn{grid-column:1/-1;justify-content:center;padding:10px 8px}.lyric-line{padding:10px 12px}.line-actions{opacity:1}.pron-panel{margin:0 10px 8px}.yt-dock{width:180px;right:8px}.yt-dock.minimized{aspect-ratio:auto;width:48px;height:48px}.review-grades{gap:7px}.review-grade{padding:12px 4px 9px}.review-grade .rg-label{font-size:13px}.review-wrap{gap:14px;padding:16px 14px}.review-card{gap:8px;padding:24px 20px}.review-ctx-block,.review-example,.review-source{padding:8px 12px}.set-level-grid{grid-template-columns:repeat(3,1fr)}.set-login-row{flex-direction:column}.set-login-row .search-btn{width:100%}.set-row{flex-wrap:wrap}.set-row>.search-btn,.set-row>.btn-ghost{width:100%;margin-top:8px}.prg-2col,.prg-2col-eq,.prg-activity-cols{grid-template-columns:1fr}.prg-activity-divider{display:none}.prg-activity-col:first-child{padding-bottom:4px}.prg-level-line{flex-direction:column;align-items:flex-start;gap:6px}.login-card{margin-bottom:16px;padding:14px 16px}.login-card .search-hero-title{font-size:16px}.login-card .search-hero-sub{font-size:12px}.login-row{flex-direction:column}.login-row .search-btn{width:100%}.search-hero-title{font-size:22px}.hero-focal{gap:11px;padding:13px 14px}.hero-focal .challenge-ico{width:46px;height:46px}.hero-focal .challenge-kicker{white-space:nowrap}.hero-focal .challenge-title{font-size:15px}.hero-focal-go{width:38px;height:38px;font-size:18px}.shelf-item{flex-basis:132px}.shelf-arrow{display:none!important}.pron-panel{max-height:60dvh;overflow-y:auto}.ob-root{justify-content:flex-start;padding:36px 20px 90px}.ob-welcome--b{grid-template-columns:1fr;gap:22px}.ob-b-left{text-align:center;align-items:center;gap:18px;width:100%}.ob-b-left .ob-h1{font-size:27px}.ob-b-right{display:none}.ob-welcome--a,.ob-welcome--c{gap:18px}.ob-h1{font-size:25px}.ob-h1-big{font-size:42px}.ob-sub,.ob-sub--c{max-width:340px;font-size:14px}.ob-how--list{gap:12px;width:100%;max-width:320px}.ob-how--row{text-align:left;grid-template-columns:1fr;gap:12px;max-width:320px}.ob-how-item{align-items:flex-start;gap:12px;display:flex}.ob-how-item>i{margin-top:2px;font-size:20px}.ob-spotify-btn{justify-content:center;width:100%;max-width:320px}.ob-vinyl-hero>div{width:92px!important;height:92px!important}.ob-level-grid{grid-template-columns:1fr 1fr}.ob-quiz-q{font-size:19px}.ob-footer{flex-direction:column;gap:14px;margin-top:28px;position:static;transform:none}.ob-skip{position:static}.ob-back{align-self:flex-start;margin-bottom:4px;position:static;transform:none}}@media (width<=420px){.streak-pill{display:none}.song-card{padding:10px}}@media (width>=769px){:root{--player-h-desk:80px;--player-gap-desk:16px}.bottom-bar{left:calc(var(--rail-l,0px) + 20px);right:calc(var(--rail-r,0px) + 20px);bottom:var(--player-gap-desk);z-index:89;height:var(--player-h-desk);border:1px solid var(--glass-line);background:var(--bar-glass-op);box-shadow:var(--glass-edge), 0 12px 38px #00000075;border-radius:16px;grid-template-rows:auto;grid-template-columns:minmax(220px,1fr) minmax(380px,560px) minmax(220px,1fr);align-items:center;gap:20px;padding:0 20px;transition:left .18s,right .18s;position:fixed;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root:not([data-perf=baixo]) .bottom-bar{background:var(--bar-glass);-webkit-backdrop-filter:var(--glass-blur)}}.bp-art{border-radius:7px;width:48px;height:48px}.bp-track{gap:0}.bp-track-ghost{display:none}.bp-center{gap:7px;max-width:none;display:flex}.bp-btns{gap:14px}.bpc.play{width:40px;height:40px;font-size:18px}.bp-progress-row{gap:10px}.bp-time{width:32px;font-size:10.5px}.bp-right{justify-content:flex-end;gap:14px}.app-shell.has-player .app-main,.app-shell.has-player .lyrics-list:not(.focus-mode) .lyrics-track{padding-bottom:calc(var(--player-h-desk) + var(--player-gap-desk) + 16px)}.app-shell.has-player .study-loading{padding-bottom:calc(32px + var(--player-h-desk) + var(--player-gap-desk))}.app-shell.has-player:after{content:"";left:var(--rail-l,0px);right:var(--rail-r,0px);height:calc(var(--player-h-desk) + var(--player-gap-desk) + 48px);z-index:88;pointer-events:none;background:var(--bar-fade);position:fixed;bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 66% 100%);mask-image:linear-gradient(#0000 0%,#000 66% 100%)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root:not([data-perf=baixo]) .app-shell.has-player:after{-webkit-backdrop-filter:saturate(130%)blur(12px)}}}}@layer utilities{.app-shell{--floating-clearance:0px}.app-shell:has(~.yt-dock.minimized:not(.hidden)){--floating-clearance:64px}.app-shell .app-main,.app-shell.has-player .app-main,.app-shell .lm-page,.app-shell.has-player .lm-page{box-sizing:border-box;min-height:0;padding-bottom:calc(var(--bottom-chrome,0px) + var(--floating-clearance) + 32px);scroll-padding-bottom:calc(var(--bottom-chrome,0px) + var(--floating-clearance) + 32px)}.app-shell .library-page,.app-shell.has-player .library-page,.app-shell .review-page,.app-shell.has-player .review-page{margin-bottom:0}.app-shell .lyrics-list:not(.focus-mode) .lyrics-track,.app-shell.has-player .lyrics-list:not(.focus-mode) .lyrics-track{padding-bottom:calc(var(--bottom-chrome,0px) + var(--floating-clearance) + 32px)}.app-shell .prac-root{box-sizing:border-box;padding-bottom:calc(var(--bottom-chrome,0px) + var(--floating-clearance))}.app-shell .prac-screen{scroll-padding-bottom:24px}.app-shell:has(.study-practice-fab){--floating-clearance:64px}.app-shell:has(.study-practice-fab):has(~.yt-dock.minimized:not(.hidden)){--floating-clearance:124px}}