:root{--primary:#1c4f3f;--primary-hover:#143e31;--on-primary:#fff;--primary-container:#1c4f3f;--on-primary-container:#8cc0ab;--primary-fixed:#b9eed8;--primary-fixed-dim:#9dd1bc;--on-primary-fixed:#002117;--on-primary-fixed-variant:#1c4f3f;--secondary:#5a605b;--on-secondary:#fff;--secondary-container:#dbe1db;--on-secondary-container:#5e6460;--tertiary:#1c352d;--tertiary-container:#324c43;--on-tertiary-container:#9fbbb0;--background:#f4fbf7;--surface:#f4fbf7;--surface-lowest:#fff;--surface-low:#eef5f1;--surface-mid:#e8f0ec;--surface-high:#e2eae6;--surface-highest:#dde4e0;--on-surface:#161d1b;--on-surface-variant:#404944;--outline:#707974;--outline-variant:#c0c9c3;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#93000a;--border-subtle:#1c4f3f14;--border-strong:#1118161f;--shadow-xs:0 1px 3px #1c4f3f0a;--shadow-card:0 4px 20px -2px #1c4f3f0b;--shadow-hover:0 8px 24px -4px #1c4f3f17;--shadow-modal:0 24px 60px -8px #122a222e;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--on-surface);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;transition:transform .12s cubic-bezier(.2,0,0,1),opacity .15s,background-color .15s}button:active{transform:scale(.985)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}a{color:inherit;touch-action:manipulation;text-decoration:none}h1,h2,h3,h4,p{margin:0}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.app{background:var(--background);flex-direction:column;min-height:100dvh;display:flex}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,20px)}.site-header{z-index:40;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#f4fbf7d9;border-bottom:.5px solid #1c4f3f14;width:100%;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1080px;height:58px;margin:0 auto;padding:0 20px;display:flex}.brand{letter-spacing:-.015em;color:var(--on-surface);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.brand-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #1c4f3f26}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.2)}}.brand-subtitle{letter-spacing:.12em;color:var(--outline);margin-left:4px;font-size:10px;font-weight:600}.header-nav{align-items:center;gap:16px;display:flex}.nav-link{color:var(--on-surface-variant);border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.nav-link:hover{color:var(--on-surface);background:var(--surface-low)}.nav-link.nav-active{color:var(--primary);background:var(--surface-low);font-weight:600}.header-actions{align-items:center;gap:8px;display:flex}.account-trigger{background:var(--surface-low);border:1px solid var(--border-subtle);color:var(--on-surface);border-radius:9999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:13px;font-weight:600;display:flex}.account-trigger:hover{background:var(--surface-mid)}.avatar{background:var(--primary);width:26px;height:26px;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.shell{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:16px 20px 48px}.notice{color:var(--primary);background:#f0f7f3;border:1px solid #1c4f3f26;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.5;animation:.2s ease-out slide-down;display:flex}.notice[role=alert]{color:var(--error);background:#fdf2f2;border-color:#ba1a1a33}.notice button{flex-shrink:0;padding:2px 6px;font-size:12px;font-weight:600;text-decoration:underline}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.home-hero{flex-direction:column;gap:6px;padding:16px 0 20px;display:flex}.hero-header-row{justify-content:space-between;align-items:center;display:flex}.hero-title{letter-spacing:-.015em;color:var(--on-surface);font-size:28px;font-weight:700;line-height:36px}.hero-badge{background:var(--surface-high);color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.hero-badge .badge-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}.hero-subtitle{color:var(--on-surface-variant);font-size:14px;line-height:20px}.study-card{background:var(--surface-low);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:20px;flex-direction:column;gap:12px;margin:12px 0 24px;padding:18px 20px;transition:transform .14s,box-shadow .14s;display:flex}.study-card:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.study-card-top{justify-content:space-between;align-items:center;display:flex}.study-card-tag{letter-spacing:.1em;color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:700}.study-card-progress{color:var(--outline);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.study-card-main{justify-content:space-between;align-items:center;gap:16px;display:flex}.study-card-info{flex:1;min-width:0}.study-card-info h3{letter-spacing:-.01em;color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.study-card-info p{color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.btn-resume{background:var(--primary);color:var(--on-primary);border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #1c4f3f33}.btn-resume:hover{background:var(--primary-hover)}.catalog-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.catalog-header h2{letter-spacing:-.01em;color:var(--on-surface);font-size:18px;font-weight:600}.catalog-header-right{align-items:center;gap:12px;display:flex}.count-text{color:var(--outline);font-size:12px}.text-btn{color:var(--primary);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.text-btn:hover{background:var(--surface-low)}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.course-card-item{background:var(--surface-lowest);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;transition:transform .14s,box-shadow .14s,background .14s;display:flex}.course-card-item:hover{box-shadow:var(--shadow-card);background:#fbfdfc;transform:translateY(-1px)}.course-vol-badge{background:var(--surface-high);border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.course-vol-badge span{letter-spacing:.1em;color:var(--outline);font-size:10px;font-weight:700}.course-vol-badge strong{color:var(--primary);font-size:18px;font-weight:700;line-height:1.1}.course-info{flex:1;min-width:0}.course-title-row{align-items:center;gap:8px;display:flex}.course-title-row h4{letter-spacing:-.01em;color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.status-badge{background:var(--surface-high);color:var(--outline);border-radius:9999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.status-badge.unlocked{color:var(--primary);background:#e2efe7}.course-info p{color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.course-meta-tags{color:var(--outline);align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.course-chevron{color:var(--outline);flex-shrink:0}.bottom-note-card{background:var(--surface-low);border:1px solid var(--border-subtle);border-radius:16px;align-items:center;gap:14px;margin-top:32px;padding:16px 20px;display:flex}.bottom-note-icon{width:36px;height:36px;color:var(--primary);background:#e2efe7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bottom-note-text strong{color:var(--on-surface);font-size:13px;font-weight:600;display:block}.bottom-note-text p{color:var(--on-surface-variant);margin-top:2px;font-size:12px}.site-footer{width:100%;max-width:1080px;padding:24px 20px env(safe-area-inset-bottom,24px);border-top:.5px solid var(--border-subtle);color:var(--outline);justify-content:space-between;align-items:center;margin:0 auto;font-size:11px;display:flex}.course-detail-view{flex-direction:column;gap:16px;animation:.15s ease-out fade-in;display:flex}.back-btn{color:var(--primary);align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:600;display:inline-flex}.course-hero-card{background:var(--surface-low);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.course-hero-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.course-hero-top h2{letter-spacing:-.015em;color:var(--on-surface);margin-top:6px;font-size:22px;font-weight:700}.course-hero-icon{width:48px;height:48px;color:var(--primary);background:#1c4f3f1a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.course-hero-pills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.metric-pill{background:var(--surface-lowest);border:1px solid var(--border-subtle);color:var(--on-surface);border-radius:9999px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.metric-pill.accent{background:var(--primary-fixed);color:var(--on-primary-fixed);border-color:#0000}.quick-action-bar{background:var(--surface-high);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;display:grid}.action-bar-btn{color:var(--on-surface-variant);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .12s;display:flex}.action-bar-btn.active,.action-bar-btn.primary{background:var(--surface-lowest);color:var(--primary);box-shadow:var(--shadow-xs)}.episodes-section{flex-direction:column;gap:10px;display:flex}.episodes-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.episodes-header span:first-child{letter-spacing:.12em;color:var(--outline);text-transform:uppercase;font-size:11px;font-weight:700}.episodes-header span:last-child{color:var(--outline);font-size:12px}.episodes-container{background:var(--surface-lowest);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.episode-row{cursor:pointer;background:var(--surface-lowest);text-align:left;border:0;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px 18px;transition:background .12s;display:flex}.episode-row:hover{background:var(--surface-low)}.episode-row.active-episode{background:#b9eed840}.episode-number-badge{background:var(--surface-low);width:40px;height:40px;color:var(--secondary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.episode-row.active-episode .episode-number-badge{background:var(--primary);color:var(--on-primary)}.episode-main-info{flex:1;min-width:0}.episode-title-row{align-items:center;gap:8px;display:flex}.episode-title-row strong{color:var(--on-surface);font-size:15px;font-weight:600}.episode-row.active-episode .episode-title-row strong{color:var(--primary)}.episode-main-info p{color:var(--outline);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.episode-action-btn{background:var(--surface-low);width:34px;height:34px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.episode-row.active-episode .episode-action-btn{background:var(--primary);color:var(--on-primary)}.episode-separator{background:var(--surface-mid);height:1px;margin-left:72px}.player-view{flex-direction:column;gap:16px;animation:.15s ease-out fade-in;display:flex}.player-sub-header{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.btn-collapse{background:var(--surface-low);border:1px solid var(--border-subtle);color:var(--on-surface-variant);border-radius:9999px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-collapse:hover{background:var(--surface-mid)}.player-header-center{text-align:center;flex-direction:column;align-items:center;display:flex}.player-header-center h2{color:var(--on-surface);font-size:16px;font-weight:600}.player-header-center span{color:var(--outline);letter-spacing:.05em;font-size:11px}.btn-mode-toggle{background:var(--surface-high);color:var(--primary);border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn-mode-toggle:hover{background:var(--surface-highest)}.word-focal-card{background:var(--surface-lowest);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:310px;padding:24px 24px 20px;display:flex;position:relative;overflow:hidden}.ambient-glow-top{filter:blur(40px);pointer-events:none;background:#b9eed866;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-60px}.ambient-glow-bottom{filter:blur(35px);pointer-events:none;background:#e2eae699;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-60px;left:-60px}.word-card-top{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.target-badge{background:var(--surface-low);letter-spacing:.1em;color:var(--primary);text-transform:uppercase;border-radius:9999px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.word-headline{letter-spacing:-.025em;color:var(--on-surface);word-break:break-word;margin-top:6px;font-size:34px;font-weight:700;line-height:42px}.word-tags-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.pos-tag{background:var(--secondary-container);color:var(--on-surface-variant);border-radius:6px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pos-tag strong{color:var(--primary);margin-right:4px}.meaning-tag{color:var(--primary);font-size:18px;font-weight:600}.example-quote-box{z-index:2;background:var(--surface-low);border-radius:14px;align-items:flex-start;gap:10px;margin:16px 0;padding:14px 16px;display:flex;position:relative}.example-quote-box .material-symbols-outlined{color:var(--primary);flex-shrink:0;margin-top:2px}.example-text{flex:1}.sentence-en{color:var(--on-surface);font-size:15px;line-height:22px}.sentence-zh{color:var(--outline);margin-top:4px;font-size:13px;line-height:18px}.waveform-row{z-index:2;justify-content:space-between;align-items:center;padding-top:8px;display:flex;position:relative}.audio-source-badge{color:var(--outline);align-items:center;gap:6px;font-size:11px;display:flex}.waveform-bars{align-items:flex-end;gap:4px;height:26px;padding:0 4px;display:flex}.wave-bar{background:var(--primary);border-radius:4px;width:3.5px;height:6px;transition:height .18s}.wave-bar:nth-child(2n){background:#366756}.waveform-bars.playing .wave-bar{animation:.8s ease-in-out infinite alternate wavePulse}.waveform-bars.playing .wave-bar:first-child{animation-delay:.1s}.waveform-bars.playing .wave-bar:nth-child(2){animation-delay:.4s}.waveform-bars.playing .wave-bar:nth-child(3){animation-delay:.2s}.waveform-bars.playing .wave-bar:nth-child(4){animation-delay:.6s}.waveform-bars.playing .wave-bar:nth-child(5){animation-delay:.3s}.waveform-bars.playing .wave-bar:nth-child(6){animation-delay:.5s}.waveform-bars.playing .wave-bar:nth-child(7){animation-delay:.15s}.waveform-bars.playing .wave-bar:nth-child(8){animation-delay:.35s}@keyframes wavePulse{0%{height:4px}50%{height:22px}to{height:10px}}.scrubber-deck{flex-direction:column;gap:6px;padding:0 4px;display:flex}.scrubber-slider{appearance:none;background:var(--surface-high);cursor:pointer;width:100%;height:6px;accent-color:var(--primary);border-radius:9999px;outline:none;margin:8px 0 4px}.scrubber-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .12s;box-shadow:0 1px 4px #00000040}.scrubber-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.timestamps-row{font-variant-numeric:tabular-nums;color:var(--outline);justify-content:space-between;align-items:center;font-size:12px;display:flex}.timestamp-track-type{letter-spacing:.1em;text-transform:uppercase;color:var(--outline);font-size:10px;font-weight:700}.transport-deck{justify-content:center;align-items:center;gap:20px;padding:6px 0;display:flex}.transport-btn{width:44px;height:44px;color:var(--on-surface);border-radius:50%;justify-content:center;align-items:center;display:flex}.transport-btn:hover{background:var(--surface-low)}.transport-btn.subtle{width:38px;height:38px;color:var(--outline)}.play-master-btn{background:var(--primary);width:64px;height:64px;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;transition:transform .12s cubic-bezier(.2,0,0,1),background-color .15s;display:flex;box-shadow:0 6px 20px #1c4f3f47}.play-master-btn:hover{background:var(--primary-hover)}.play-master-btn .material-symbols-outlined{font-size:34px}.settings-pickers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.picker-card{background:var(--surface-lowest);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:all .12s;display:flex}.picker-card:hover{background:var(--surface-low)}.picker-card.active{background:var(--primary-fixed);border-color:#0000}.picker-top{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.picker-label{color:var(--outline);margin-top:2px;font-size:11px}.playlist-drawer-card{background:var(--surface-lowest);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:20px;margin-top:4px;overflow:hidden}.playlist-header-row{cursor:pointer;background:var(--surface-lowest);justify-content:space-between;align-items:center;padding:14px 18px;transition:background .12s;display:flex}.playlist-header-row:hover{background:var(--surface-low)}.playlist-header-left{align-items:center;gap:10px;display:flex}.playlist-icon-badge{background:var(--surface-low);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.playlist-header-titles{align-items:center;gap:8px;display:flex}.playlist-header-titles strong{color:var(--on-surface);font-size:15px;font-weight:600}.playlist-count-pill{background:var(--primary);color:var(--on-primary);border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.playlist-preview-text{color:var(--outline);margin-top:2px;font-size:12px}.playlist-items-list{border-top:1px solid var(--surface-mid);max-height:280px;padding:6px 0;overflow-y:auto}.playlist-item-row{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 18px;transition:background .12s;display:flex}.playlist-item-row:hover{background:var(--surface-low)}.playlist-item-row.current-word{color:var(--primary);background:#e2efe7}.playlist-word-idx{color:var(--outline);flex-shrink:0;width:24px;font-size:13px;font-weight:600}.playlist-item-row.current-word .playlist-word-idx{color:var(--primary)}.playlist-word-main{flex:1;min-width:0}.playlist-word-main strong{color:var(--on-surface);font-size:14px;font-weight:600}.playlist-item-row.current-word .playlist-word-main strong{color:var(--primary)}.playlist-word-main small{color:var(--outline);margin-left:8px;font-size:12px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(16px);background:#122a2259;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-modal);background:#fff;border-radius:24px;outline:none;width:100%;max-width:440px;max-height:90dvh;padding:32px 28px;position:relative;overflow-y:auto}.modal-close-btn{background:var(--surface-low);width:32px;height:32px;color:var(--outline);border-radius:50%;justify-content:center;align-items:center;transition:all .12s;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{background:var(--surface-mid);color:var(--on-surface)}.modal-eyebrow{letter-spacing:.12em;color:var(--outline);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.modal-title{letter-spacing:-.015em;color:var(--on-surface);margin-bottom:20px;font-size:22px;font-weight:700}.field{color:var(--on-surface);margin-bottom:16px;font-size:13px;font-weight:600;display:block}.field input{background:var(--surface-low);border:1px solid var(--border-subtle);width:100%;color:var(--on-surface);border-radius:12px;outline:none;margin-top:6px;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s;display:block}.field input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #1c4f3f1f}.form-note{color:var(--outline);margin-top:8px;font-size:12px;line-height:1.6}.auth-form{flex-direction:column;display:flex}.auth-form fieldset{border:0;min-width:0;margin:0;padding:0}.primary,.primary-btn{background:var(--primary);width:100%;color:var(--on-primary);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:13px 20px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 10px #1c4f3f33}.primary:hover,.primary-btn:hover{background:var(--primary-hover)}.text-button,.text-action-btn{width:100%;color:var(--primary);justify-content:center;align-items:center;margin-top:8px;padding:10px;font-size:13px;font-weight:600;display:flex}.full{width:100%}.logout-btn{color:#ba1a1a;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:10px;font-size:13px;font-weight:600;display:flex}.auth-tabs{border-bottom:1px solid var(--surface-high);align-items:center;gap:16px;margin-bottom:18px;display:flex}.auth-tabs button{color:var(--outline);padding:8px 0 10px;font-size:14px;font-weight:600;position:relative}.auth-tabs button[aria-pressed=true]{color:var(--primary)}.auth-tabs button[aria-pressed=true]:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-tabs span{color:var(--outline);font-size:13px}.form-success{color:var(--primary);background:#e2efe7;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.5}.account-email-box{background:var(--surface-low);color:var(--on-surface);border-radius:12px;margin-bottom:16px;padding:14px 16px;font-size:14px;font-weight:600}.entitlements-list{flex-direction:column;margin-bottom:16px;display:flex}.entitlement-row{border-bottom:1px solid var(--surface-high);justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}.entitlement-row strong{color:var(--on-surface);font-weight:600}.entitlement-row span{color:var(--outline);font-size:12px}.sheet-options-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.sheet-option-item{background:var(--surface-low);border:1px solid var(--border-subtle);width:100%;color:var(--on-surface);text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;padding:13px 16px;font-size:14px;transition:all .12s;display:flex}.sheet-option-item:hover{background:var(--surface-mid)}.sheet-option-item.selected{color:var(--primary);background:#e2efe7;border-color:#1c4f3f33;font-weight:600}.sheet-option-left{flex-direction:column;gap:2px;display:flex}.sheet-option-desc{color:var(--outline);font-size:11px;font-weight:400}.sheet-option-item.selected .sheet-option-desc{color:#366756}.sheet-option-check{color:var(--primary);font-size:20px}.picker-card .picker-top{align-items:center;gap:4px;display:flex}.picker-arrow{color:var(--outline);margin-left:1px;font-size:14px}.empty-box{text-align:center;border:1px dashed var(--border-subtle);background:#fff6;border-radius:20px;padding:48px 20px}.empty-box h3{color:var(--on-surface);margin-bottom:6px;font-size:17px;font-weight:600}.empty-box p{color:var(--outline);font-size:13px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.header-container{height:54px;padding:0 16px}.brand-subtitle,.nav-link:not(.nav-active){display:none}.shell{padding:12px 16px 36px}.course-grid{grid-template-columns:1fr;gap:10px}.word-focal-card{min-height:290px;padding:20px 18px 16px}.word-headline{font-size:30px;line-height:38px}.transport-deck{gap:12px}.play-master-btn{width:58px;height:58px}.settings-pickers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.picker-card{padding:8px 4px}.picker-top{font-size:12px}.picker-label{font-size:10px}.modal-card{padding:24px 20px}}