@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.sidebar{width:180px;min-height:100vh;background:var(--c-sidebar);border-right:1px solid var(--c-divider);display:flex;flex-direction:column;padding:10px 8px 0;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:width .25s ease;overflow:hidden}.sidebar--collapsed{width:48px}.sidebar--collapsed .sidebar-logo{margin-bottom:8px}.sidebar--collapsed .sidebar-logo-text{width:24px;height:24px;font-size:10px}.sidebar--collapsed .sidebar-lang-badge{display:none}.sidebar--collapsed .nav-btn{justify-content:center;padding:0;gap:0}.sidebar--collapsed .nav-label{display:none}.sidebar--collapsed .nav-btn.active:before{display:none}.sidebar-logo{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--c-accent);letter-spacing:-.5px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;margin-right:auto;transition:all .25s ease;flex-shrink:0}.sidebar-logo-text{width:28px;height:28px;background:var(--grad-accent);color:var(--c-on-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 6px 18px var(--c-accent-glow);flex-shrink:0}.sidebar-lang-badge{font-family:system-ui,sans-serif;font-weight:600;font-size:9px;color:var(--c-accent);background:var(--c-accent-soft);border:1px solid var(--c-accent-glow);border-radius:var(--radius-sm, 4px);padding:1px 4px;white-space:nowrap;line-height:1.2;letter-spacing:0;opacity:.85}.sidebar-brand-block{display:flex;flex-direction:column;gap:3px;min-width:0}.sidebar-brand-title{font-size:13px;font-weight:800;color:var(--c-text);line-height:1;white-space:nowrap}.sidebar-brand-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sidebar-nav-items{display:flex;flex-direction:column;gap:1px}.sidebar-section-divider{height:1px;background:var(--c-divider);margin:6px 8px 4px;flex-shrink:0}.sidebar-nav-items--extra{gap:1px}.nav-btn--extra{opacity:.7;height:28px;font-size:11px}.nav-btn--extra:hover,.nav-btn--extra.active{opacity:1}.nav-btn{width:100%;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 8px;transition:var(--transition);position:relative;font-size:12px;font-family:var(--font-body);flex-shrink:0}.nav-btn:hover{background:var(--c-surface2);color:var(--c-text)}.nav-btn.active{background:var(--c-accent-soft);color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-border)}.nav-btn.active .nav-icon{color:var(--c-accent)}.nav-btn.active:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--grad-accent);border-radius:0 3px 3px 0;box-shadow:0 0 12px var(--c-accent-glow)}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:18px;height:18px}.nav-label{font-size:12px;font-weight:500;white-space:nowrap}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:1px}.sidebar-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:1px}.sidebar-chat-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 10px}.sidebar-chat-header-title{font-size:10px;font-weight:600;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.06em}.sidebar-chat-header-actions{display:flex;align-items:center;gap:2px}.sidebar-chat-search-btn,.sidebar-chat-new-btn{width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.sidebar-chat-search-btn:hover,.sidebar-chat-new-btn:hover{background:var(--c-surface2);color:var(--c-text)}.sidebar-chat-section{display:flex;flex-direction:column;gap:1px;margin-top:8px;padding-top:8px;border-top:1px solid var(--c-divider);flex:1;overflow:hidden;min-height:0}.sidebar-chat-action{width:100%;height:30px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 10px;transition:var(--transition);font-size:12px;font-family:var(--font-body);flex-shrink:0}.sidebar-chat-action:hover{background:var(--c-surface2);color:var(--c-text)}.sidebar-chat-action svg{flex-shrink:0}.sidebar-chat-search{padding:2px 0}.sidebar-chat-search-input{width:100%;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-body);font-size:11px;padding:5px 8px;outline:none;transition:var(--transition);box-sizing:border-box}.sidebar-chat-search-input:focus{border-color:var(--c-accent)}.sidebar-chat-divider{display:flex;align-items:center;padding:6px 10px 2px;font-size:10px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600;flex-shrink:0}.sidebar-chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding:1px 0}.sidebar-chat-item{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);min-height:28px}.sidebar-chat-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;position:relative;border:1px solid transparent}.sidebar-chat-item:hover{background:var(--c-surface2)}.sidebar-chat-item--active{background:var(--c-accent-soft);border-color:var(--c-accent-glow);transition:border-color .1s ease,background .1s ease}.sidebar-chat-item--active.sidebar-chat-item--fading{border-color:transparent;background:transparent;transition:border-color 2s ease-out,background 2s ease-out}.sidebar-chat-item--active .sidebar-chat-item-title{color:var(--c-text);font-weight:600}.sidebar-chat-item-title{flex:1;font-size:11px;color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;background:transparent;border:none;text-align:left;cursor:pointer;padding:0;font-family:inherit}.sidebar-chat-edit-input{flex:1;font-size:11px;color:var(--c-text);background:var(--c-surface2);border:1px solid var(--c-accent);border-radius:var(--radius-sm);padding:2px 5px;outline:none;font-family:inherit;min-width:0}.sidebar-chat-item-delete{width:20px;height:20px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);flex-shrink:0}.sidebar-chat-item:hover .sidebar-chat-item-delete{opacity:1}.sidebar-chat-item-delete:hover{color:var(--c-red);background:var(--c-red-soft)}.sidebar-chat-item-delete--confirm{opacity:1!important;color:var(--c-red)!important;background:#f8717126!important}.sidebar-chat-item-delete-confirm-text{font-size:.6rem;font-weight:700;white-space:nowrap;letter-spacing:.02em}.sidebar-account-wrap,.sidebar-account-btn{position:relative}.sidebar-account-menu{position:absolute;bottom:100%;left:0;right:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:6px;margin-bottom:4px;box-shadow:0 -8px 24px #0006;z-index:200;display:flex;flex-direction:column;gap:1px}.sidebar-account-menu-item{width:100%;height:34px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:12px;font-family:var(--font-body);transition:var(--transition);text-align:left}.sidebar-account-menu-item:hover{background:var(--c-surface2);color:var(--c-text)}.sidebar-account-menu-item svg{flex-shrink:0}.sidebar-account-menu-item--danger{color:var(--c-red)}.sidebar-account-menu-item--danger:hover{background:var(--c-red-soft);color:var(--c-red)}.sidebar-account-menu-item--premium{color:var(--c-amber)}.sidebar-account-menu-item--premium:hover{background:var(--c-amber-soft);color:var(--c-amber)}.sidebar-account-menu-divider{height:1px;background:var(--c-border);margin:4px 0}.sidebar-collapse-btn{margin-top:2px;opacity:.6}.sidebar-collapse-btn:hover{opacity:1}.sidebar--collapsed~#app,.sidebar--collapsed+#app{margin-left:48px}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:calc(48px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);z-index:250;align-items:center;gap:8px;padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left));background:var(--c-sidebar);border-bottom:1px solid var(--c-divider)}.mobile-topbar-hamburger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm, 8px);color:var(--c-text, #fff);cursor:pointer;transition:var(--transition, .2s);-webkit-tap-highlight-color:transparent;flex-shrink:0}.mobile-topbar-hamburger:hover{background:var(--c-surface2, #333)}.mobile-topbar-hamburger svg{display:block}.mobile-topbar-logo{font-family:var(--font-display, "Syne", sans-serif);font-weight:800;font-size:18px;color:var(--c-accent, var(--c-accent));letter-spacing:-.5px}@media (max-width: 1024px){.sidebar{position:fixed;top:env(safe-area-inset-top,0);left:0;bottom:env(safe-area-inset-bottom,0);height:100dvh;width:260px!important;max-width:80vw;z-index:300;transform:translate(-110%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:12px;border-right:1px solid var(--c-divider);overflow:hidden;background:var(--c-sidebar)}.sidebar--mobile-open{transform:translate(0)}.sidebar--mobile-open .nav-label{display:inline!important}.sidebar--mobile-open .nav-btn{justify-content:flex-start;padding:0 10px;gap:10px;height:42px;font-size:13px}.sidebar--mobile-open .sidebar-logo-text{width:32px;height:32px;font-size:14px}.sidebar--mobile-open .sidebar-lang-badge{display:inline-flex}#app{margin-left:0!important;padding-top:calc(48px + env(safe-area-inset-top));padding-bottom:calc(56px + env(safe-area-inset-bottom))}.mobile-topbar{display:flex}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-bottom{flex-shrink:0;border-top:1px solid var(--c-divider);padding-top:6px;margin-top:0;background:var(--c-sidebar)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:299;opacity:0;pointer-events:none;transition:opacity .3s ease}.body--sidebar-open .sidebar-backdrop{opacity:1;pointer-events:all}}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:999;display:flex;flex-direction:column;gap:8px;pointer-events:none;align-items:center}.toast{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);padding:12px 16px;font-size:13px;display:flex;align-items:center;gap:10px;pointer-events:auto;animation:toastSlideDown .4s cubic-bezier(.34,1.56,.64,1);max-width:360px;box-shadow:0 4px 20px #00000026}.toast.success{border-color:#4ade804d}.toast.success .toast-icon{color:var(--c-green)}.toast.error{border-color:#f871714d}.toast.error .toast-icon{color:var(--c-red)}.toast.accent{border-color:var(--c-accent-glow)}.toast.accent .toast-icon{color:var(--c-accent)}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ex-shell{width:100%;max-width:660px;margin:0 auto;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.ex-shell>.exercise-target-terms{margin:0 0 2px}.ex-shell>.sentence-order-exercise,.ex-shell>.insert-words-exercise,.ex-shell>.fluent-rephrase-exercise,.ex-shell>.paraphrase-exercise,.ex-shell>.synonym-choice-exercise,.ex-shell>.dialogue-exercise,.ex-shell>.describe-video-exercise,.ex-shell>.shadowing-exercise,.ex-shell>.scrolling-reading-exercise{width:100%;max-width:100%;margin:0;box-sizing:border-box}.ex-shell>.sentence-order-exercise,.ex-shell>.insert-words-exercise,.ex-shell>.fluent-rephrase-exercise,.ex-shell>.paraphrase-exercise,.ex-shell>.synonym-choice-exercise,.ex-shell>.shadowing-exercise,.ex-shell>.dialogue-exercise{min-height:0}.ex-shell>.dialogue-exercise{overflow:visible}.ex-shell .dialogue-transcript{max-height:min(46vh,360px)}.ex-shell>.scrolling-reading-exercise{max-height:72vh;overflow-y:auto}.course-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:16px;gap:16px}.course-page--picker{padding-bottom:28px}.course-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:16px;padding:24px;border:1px solid var(--c-border);border-radius:24px;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:var(--shadow-lg)}.course-hero-copy{display:flex;flex-direction:column;gap:10px}.course-hero-kicker{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;background:#ffffff14;color:var(--c-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.course-hero h1{margin:0;font-size:clamp(2rem,3vw,2.7rem);line-height:1}.course-hero p{margin:0;max-width:48rem;color:var(--c-text-muted);font-size:1rem;line-height:1.6}.course-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:end}.course-hero-stat{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px;min-height:108px;border-radius:18px;background:#ffffff0d;border:1px solid var(--c-border)}.course-hero-stat span{font-size:1.6rem;font-weight:800}.course-hero-stat small{color:var(--c-text-muted);line-height:1.4}.course-picker-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);gap:16px;align-items:start}.course-panel{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:24px;border:1px solid var(--c-border);background:linear-gradient(180deg,#ffffff0a,#ffffff04);box-shadow:var(--shadow-md)}.course-panel--primary{min-height:100%}.course-panel--preview{position:sticky;top:16px}.course-header{display:flex;flex-direction:column;gap:4px}.course-header--row{flex-direction:row;align-items:center;gap:12px}.course-header h1{font-size:1.4rem;margin:0}.course-subtitle,.course-progress-text{color:var(--c-text-muted);font-size:.85rem}.course-header-title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.course-back{background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text);border-radius:10px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:.85rem}.course-back:hover{background:var(--c-surface)}.course-stats{display:flex;gap:10px}.course-stat{display:inline-flex;align-items:center;gap:5px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:999px;padding:5px 11px;font-weight:600;font-size:.85rem}.course-stat svg{color:var(--c-accent)}.course-manual-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:#ffffff0a;border:1px solid var(--c-border)}.course-manual-copy{display:flex;flex-direction:column;gap:4px}.course-manual-copy h2,.course-preview-head h2{margin:0;font-size:1.05rem}.course-topic-section{display:flex;flex-direction:column;gap:10px}.course-allvocab-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 30%),linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid var(--c-border-strong);border-radius:22px;padding:18px 20px;cursor:pointer;color:var(--c-text);transition:transform var(--transition-spring),border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-md)}.course-allvocab-btn:hover{border-color:var(--c-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.course-allvocab-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;flex-shrink:0;background:var(--grad-accent);color:var(--c-on-accent)}.course-allvocab-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.course-allvocab-text strong{font-size:1.05rem}.course-allvocab-text small{color:var(--c-text-dim);font-size:.84rem}.course-allvocab-btn>svg{color:var(--c-text-dim);flex-shrink:0}.course-section-label{color:var(--c-text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.course-custom-row{display:flex;gap:10px}.course-custom-input{flex:1;background:#ffffff0d;border:1px solid var(--c-border);border-radius:14px;padding:13px 16px;color:var(--c-text);font-size:.95rem}.course-custom-input:focus{outline:none;border-color:var(--c-accent);box-shadow:var(--ring-accent)}.course-topic-grid{display:flex;flex-wrap:wrap;gap:8px}.course-topic-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--c-border);color:var(--c-text);border-radius:999px;padding:10px 14px;cursor:pointer;font-size:.9rem;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.course-topic-chip:hover{border-color:var(--c-accent);background:#ffffff14;transform:translateY(-1px)}.course-topic-chip-count{background:var(--c-accent-soft);color:var(--c-accent);border-radius:999px;padding:1px 7px;font-size:.75rem;font-weight:700}.course-empty{color:var(--c-text-muted);text-align:center;padding:24px}.course-preview-head{display:flex;flex-direction:column;gap:6px}.course-preview-stack{display:flex;flex-direction:column;gap:16px}.course-preview-highlight{display:flex;gap:12px;align-items:center;padding:16px;border-radius:18px;background:linear-gradient(135deg,#ffffff17,#ffffff08);border:1px solid var(--c-border-strong)}.course-preview-icon,.course-path-summary-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--grad-accent);color:var(--c-on-accent);flex-shrink:0}.course-preview-highlight strong,.course-path-summary-card strong{display:block;margin-bottom:2px}.course-preview-highlight small,.course-path-summary-card small{color:var(--c-text-muted)}.course-preview-path{display:flex;flex-direction:column;gap:14px}.course-preview-step{display:flex;gap:12px;align-items:flex-start}.course-preview-step-node{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;font-weight:800;border:1px solid var(--c-border);background:#ffffff0f;flex-shrink:0}.course-preview-step-node--easy{color:var(--c-green);border-color:#34d39940}.course-preview-step-node--medium{color:var(--c-amber);border-color:#fbbf2440}.course-preview-step-node--hard{color:var(--c-red);border-color:#fb718540}.course-preview-step-copy{display:flex;flex-direction:column;gap:8px}.course-preview-tags,.course-node-tags{display:flex;flex-wrap:wrap;gap:6px}.course-preview-tag,.course-node-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--c-border);color:var(--c-text-muted);font-size:.74rem;white-space:nowrap}.course-generating-banner{display:flex;align-items:center;gap:8px;background:var(--c-accent-soft);color:var(--c-accent);border-radius:14px;padding:10px 14px;font-size:.85rem;border:1px solid var(--c-border)}.course-path-hero{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:24px;border:1px solid var(--c-border);background:radial-gradient(circle at top left,rgba(255,255,255,.1),transparent 28%),linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:var(--shadow-lg)}.course-path-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-path-summary-card{display:flex;gap:12px;align-items:center;padding:16px;border-radius:18px;background:#ffffff0d;border:1px solid var(--c-border)}.course-today-card{display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at top left,rgba(255,255,255,.11),transparent 26%),linear-gradient(135deg,#ffffff14,#ffffff08);color:var(--c-text);border:1px solid var(--c-border-strong);border-radius:22px;padding:20px 22px;cursor:pointer;text-align:left;width:100%;box-shadow:var(--shadow-md);transition:transform var(--transition-spring),border-color var(--transition),box-shadow var(--transition)}.course-today-card:hover{border-color:var(--c-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.course-today-info{display:flex;flex-direction:column;gap:3px}.course-today-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-dim)}.course-today-name{font-size:1.15rem;font-weight:700}.course-today-diff{font-size:.78rem;color:var(--c-text-muted)}.course-today-go{display:inline-flex;align-items:center;gap:6px;background:var(--c-accent);color:var(--c-on-accent);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.85rem}.course-path{display:flex;flex-direction:column;gap:18px;padding:8px 8px 32px}.course-path--units{gap:22px;max-width:1020px;width:100%;margin:0 auto}.course-unit{position:relative;display:flex;flex-direction:column;gap:0;border-radius:30px;border:1px solid var(--c-border);background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 30%),linear-gradient(180deg,#ffffff09,#ffffff04);box-shadow:var(--shadow-lg);overflow:hidden}.course-unit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.9}.course-unit--tone-0:before{background:linear-gradient(135deg,rgba(52,211,153,.12),transparent 42%)}.course-unit--tone-1:before{background:linear-gradient(135deg,rgba(251,191,36,.12),transparent 42%)}.course-unit--tone-2:before{background:linear-gradient(135deg,rgba(96,165,250,.12),transparent 42%)}.course-unit--current{border-color:#ffffff2e;box-shadow:0 24px 60px #00000057,0 0 0 1px #ffffff0f}.course-unit--complete{border-color:#34d3993d}.course-unit-banner,.course-unit-shell{position:relative;z-index:1}.course-unit-banner{display:flex;flex-direction:column;gap:14px;padding:22px 24px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0b,#ffffff03)}.course-unit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.course-unit-copy{display:flex;flex-direction:column;gap:6px}.course-unit-kicker{display:inline-flex;width:fit-content;min-height:32px;align-items:center;padding:0 12px;border-radius:999px;background:#ffffff1a;color:var(--c-text);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.course-unit-copy h3{margin:0;font-size:1.28rem;line-height:1.15}.course-unit-copy p{margin:0;color:var(--c-text-muted);font-size:.92rem}.course-unit-status{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:var(--c-text);font-size:.78rem;font-weight:800;white-space:nowrap}.course-unit-progress{display:flex;align-items:center;gap:12px}.course-unit-progress strong{min-width:42px;text-align:right;font-size:.85rem}.course-unit-progress-bar{position:relative;flex:1;height:12px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.course-unit-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c-accent),color-mix(in srgb,var(--c-accent) 45%,white));box-shadow:0 0 18px var(--c-accent-glow)}.course-unit-shell{--course-node-size: 94px;position:relative;display:flex;flex-direction:column;gap:18px;padding:24px 24px 28px}.course-unit-rail{position:absolute;top:22px;bottom:22px;left:50%;width:8px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#ffffff21,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0d}.course-node-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--course-node-size) minmax(0,1fr);align-items:center;gap:22px}.course-node-row.left .course-node-meta{grid-column:1;justify-self:end;text-align:right}.course-node-row.left .course-node-tags,.course-node-row.left .course-node-stars{justify-content:flex-end}.course-node-row.left .course-node{grid-column:2}.course-node-row.left .course-node-card-spacer{grid-column:3}.course-node-row.right .course-node-card-spacer{grid-column:1}.course-node-row.right .course-node{grid-column:2}.course-node-row.right .course-node-meta{grid-column:3;justify-self:start;text-align:left}.course-node-card-spacer{min-height:1px}.course-node{position:relative;z-index:1;width:var(--course-node-size);height:var(--course-node-size);margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.45rem;cursor:pointer;border:4px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#2b2b2f,#1d1d20);color:var(--c-text);transition:transform .14s ease,box-shadow var(--transition),border-color var(--transition);box-shadow:0 14px 26px #00000052}.course-node:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1px solid rgba(255,255,255,.14);opacity:.85}.course-node:not(:disabled):hover{transform:translateY(-3px) scale(1.04)}.course-node--done{background:linear-gradient(180deg,#5be19e,#26b971);border-color:#5be19ecc;color:#052116}.course-node--open{background:linear-gradient(180deg,color-mix(in srgb,var(--c-accent) 82%,white),var(--c-accent));border-color:color-mix(in srgb,var(--c-accent) 75%,white);color:var(--c-on-accent)}.course-node--locked{background:linear-gradient(180deg,#202024,#17171a);border-color:#ffffff14;color:var(--c-text-dim);cursor:not-allowed}.course-node--today{box-shadow:0 0 0 7px #ffffff0d,0 0 0 14px var(--c-accent-soft),0 0 30px var(--c-accent-glow)}.course-node-num{line-height:1}.course-node-meta{display:flex;flex-direction:column;gap:8px;max-width:290px;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:var(--shadow-sm)}.course-node-pill{display:inline-flex;width:fit-content;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:var(--c-accent-soft);color:var(--c-accent);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.course-node-title{font-weight:800;font-size:1rem}.course-node-diff{color:var(--c-text-dim);font-size:.8rem}.course-node-stars{display:inline-flex;gap:4px}.course-star{color:var(--c-text-dim)}.course-star--on{color:var(--c-amber)}.course-lesson{display:flex;flex-direction:column;flex:1;min-height:0;gap:16px;overflow:hidden}.course-lesson-top{display:flex;align-items:center;gap:12px}.course-lesson-exit{background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text);border-radius:10px;padding:6px;cursor:pointer;display:inline-flex}.course-lesson-exit:hover{background:var(--c-surface)}.course-lesson-progress{flex:1;height:14px;background:#ffffff14;border-radius:999px;overflow:hidden;border:1px solid var(--c-border)}.course-lesson-progress-fill{height:100%;background:var(--c-green);border-radius:999px;transition:width .3s ease}.course-lesson-count{color:var(--c-text-muted);font-size:.85rem;font-weight:600;min-width:36px;text-align:right}.course-lesson-shell{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow:hidden;padding:22px;border-radius:28px;border:1px solid var(--c-border);background:radial-gradient(circle at top left,rgba(255,255,255,.1),transparent 30%),linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:var(--shadow-lg)}.course-lesson-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.course-lesson-copy{display:flex;flex-direction:column;gap:4px}.course-lesson-kicker{color:var(--c-text-dim);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.course-lesson-copy h1{margin:0;font-size:clamp(1.3rem,2vw,1.7rem)}.course-lesson-copy p{margin:0;color:var(--c-text-muted)}.course-lesson-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.course-lesson-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--c-border);background:#ffffff0d;color:var(--c-text-muted);font-size:.8rem;font-weight:700}.course-slot-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.course-slot-chip{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:18px;border:1px solid var(--c-border);background:#ffffff0a;min-height:92px}.course-slot-chip--active{border-color:var(--c-accent);background:#ffffff1a;box-shadow:var(--shadow-glow)}.course-slot-chip--done{border-color:#34d39938;background:var(--c-green-soft)}.course-slot-chip-index{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#ffffff1a;font-size:.8rem;font-weight:800}.course-slot-chip--done .course-slot-chip-index{background:var(--c-green);color:#06281d}.course-slot-chip-label{color:var(--c-text-muted);font-size:.8rem;line-height:1.35}.course-lesson-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-right:6px}.course-exercise-area{display:flex;flex-direction:column;gap:14px;flex:1;min-height:fit-content;padding-bottom:20px}.course-exercise-frame{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:18px;border-radius:24px;border:1px solid var(--c-border);background:#0000002e;overflow:visible}.course-complete{margin:auto;max-width:460px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 16px;border-radius:28px;border:1px solid var(--c-border);background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 34%),linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:var(--shadow-lg)}.course-complete-stars{display:flex;gap:8px}.course-complete-stars .course-star{color:var(--c-border-strong)}.course-complete-stars .course-star--on{color:var(--c-amber);filter:drop-shadow(0 0 6px var(--c-amber-soft))}.course-complete h2{margin:0}.course-complete-sub{color:var(--c-text-muted)}.course-complete-rewards{display:flex;gap:10px}.course-reward-chip{display:inline-flex;align-items:center;gap:6px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:999px;padding:6px 14px;font-weight:700}.course-reward-chip svg{color:var(--c-accent)}.btn-spinner--sm{width:14px;height:14px}@media (max-width: 980px){.course-hero,.course-picker-layout{grid-template-columns:1fr}.course-panel--preview{position:static}}@media (max-width: 780px){.course-hero,.course-panel,.course-path-hero,.course-lesson-shell{padding:18px;border-radius:20px}.course-hero-stats,.course-path-summary,.course-slot-strip{grid-template-columns:1fr}.course-header--row,.course-lesson-head,.course-today-card{align-items:flex-start;flex-direction:column}.course-stats,.course-lesson-badges{width:100%;justify-content:flex-start}.course-custom-row,.course-complete-rewards{flex-direction:column}.course-unit-banner,.course-unit-shell{padding-left:16px;padding-right:16px}.course-unit-head{flex-direction:column;align-items:flex-start}.course-unit-status{white-space:normal}.course-unit-shell{--course-node-size: 78px;gap:14px;padding-top:18px;padding-bottom:22px}.course-unit-rail{left:calc(16px + (var(--course-node-size) / 2));transform:none;width:6px}.course-node-row{grid-template-columns:var(--course-node-size) minmax(0,1fr);gap:12px}.course-node-row.left .course-node,.course-node-row.right .course-node{grid-column:1}.course-node-row.left .course-node-meta,.course-node-row.right .course-node-meta{grid-column:2;justify-self:start;text-align:left}.course-node-row.left .course-node-tags,.course-node-row.left .course-node-stars,.course-node-row.right .course-node-tags{justify-content:flex-start}.course-node-card-spacer{display:none}.course-node{width:78px;height:78px;font-size:1.2rem}.course-node-meta{max-width:none}}.course-exercise-frame{overflow-x:hidden;overflow-y:visible}.course-exercise-frame .sentence-order-exercise,.course-exercise-frame .insert-words-exercise,.course-exercise-frame .paraphrase-exercise,.course-exercise-frame .synonym-choice-exercise,.course-exercise-frame .fluent-rephrase-exercise{display:flex;flex-direction:column;gap:16px;padding:0}.course-exercise-frame .exercise-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:0}.course-exercise-frame .exercise-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:var(--grad-accent);color:var(--c-on-accent);font-size:.78rem;letter-spacing:.03em}.course-exercise-frame .exercise-difficulty,.course-exercise-frame .exercise-lang-badge,.course-exercise-frame .exercise-word-count{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--c-border);background:#ffffff0d;color:var(--c-text-muted);font-size:.76rem;font-weight:700;text-transform:capitalize}.course-exercise-frame .exercise-instruction{margin:0;font-size:1rem;line-height:1.7;color:var(--c-text)}.course-exercise-frame .exercise-instruction strong{color:var(--c-accent)}.course-exercise-frame .iw-sentence-display,.course-exercise-frame .so-answer-area,.course-exercise-frame .iw-word-bank,.course-exercise-frame .sc-sentence-card,.course-exercise-frame .paraphrase-sentence-box,.course-exercise-frame .paraphrase-dialogue,.course-exercise-frame .paraphrase-hint,.course-exercise-frame .fr-prompt-box,.course-exercise-frame .exercise-feedback{border-radius:22px;border:1px solid var(--c-border);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:var(--shadow-sm)}.course-exercise-frame .so-answer-area{display:flex;flex-wrap:wrap;gap:10px;padding:16px;min-height:84px}.course-exercise-frame .so-answer-placeholder{width:100%;color:var(--c-text-dim);text-align:center;padding:18px 10px}.course-exercise-frame .iw-sentence-display,.course-exercise-frame .sc-sentence-card,.course-exercise-frame .paraphrase-sentence-box,.course-exercise-frame .fr-prompt-box{padding:18px 20px}.course-exercise-frame .iw-word-bank{gap:10px;padding:16px;min-height:76px;align-items:flex-start}.course-exercise-frame .iw-slot,.course-exercise-frame .sc-blank-slot{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:52px;padding:8px 14px;margin:0;border:1px solid var(--c-border-strong);border-bottom:1px solid var(--c-border-strong);border-radius:18px;background:#ffffff0d;color:var(--c-text);box-shadow:var(--shadow-sm)}.course-exercise-frame .iw-slot--empty,.course-exercise-frame .sc-blank-slot--empty{color:var(--c-text-dim);border-style:dashed;background:#ffffff08}.course-exercise-frame .iw-slot--active{border-color:var(--c-accent);background:#ffffff1f;box-shadow:var(--ring-accent)}.course-exercise-frame .iw-slot--filled,.course-exercise-frame .sc-blank-slot--filled{color:var(--c-text);border-color:#ffffff42;background:#ffffff1a}.course-exercise-frame .iw-slot:hover,.course-exercise-frame .iw-word-chip:hover:not(:disabled),.course-exercise-frame .sc-chip-btn:hover:not(:disabled){transform:translateY(-2px)}.course-exercise-frame .iw-word-chip,.course-exercise-frame .sc-chip-btn{min-height:48px;padding:10px 16px;border-radius:16px;border:1px solid var(--c-border-strong);background:#ffffff12;box-shadow:var(--shadow-sm);font-weight:600}.course-exercise-frame .iw-word-bank-empty,.course-exercise-frame .sc-hint,.course-exercise-frame .sc-selected-hint,.course-exercise-frame .paraphrase-label{color:var(--c-text-muted)}.course-exercise-frame .sc-prompt{margin:0;color:var(--c-text-muted);font-size:.92rem}.course-exercise-frame .sc-options-grid,.course-exercise-frame .sc-chips-grid{gap:12px}.course-exercise-frame .sc-option-btn{border-radius:20px;border-width:1px;background:#ffffff0d;box-shadow:var(--shadow-sm);padding:16px 18px}.course-exercise-frame .sc-option-btn:hover:not(:disabled){transform:translateY(-2px)}.course-exercise-frame .sc-option-btn--selected{box-shadow:var(--ring-accent)}.course-exercise-frame .sc-option-reason{margin-top:4px}.course-exercise-frame .paraphrase-dialogue{display:flex;flex-direction:column;gap:10px;padding:16px}.course-exercise-frame .paraphrase-dialogue-turn{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}.course-exercise-frame .paraphrase-dialogue-speaker{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#ffffff14;color:var(--c-text-muted);font-weight:700}.course-exercise-frame .paraphrase-dialogue-text{color:var(--c-text);line-height:1.7}.course-exercise-frame .paraphrase-target-word{display:inline-block;padding:3px 8px;border-radius:10px;background:#ffffff1a;color:var(--c-accent)}.course-exercise-frame .paraphrase-hint-wrap{display:flex;flex-direction:column;gap:12px}.course-exercise-frame .paraphrase-hint-btn{width:fit-content;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--c-border);background:#ffffff0a;color:var(--c-text-muted);font-weight:700}.course-exercise-frame .paraphrase-hint-btn:hover{border-color:var(--c-accent);color:var(--c-text)}.course-exercise-frame .paraphrase-hint{gap:10px;padding:14px 16px}.course-exercise-frame .paraphrase-hint-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;background:#ffffff14;border:1px solid var(--c-border);color:var(--c-text)}.course-exercise-frame .fr-prompt-label{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:#ffffff14;color:var(--c-accent)}.course-exercise-frame .fr-prompt-text,.course-exercise-frame .paraphrase-sentence,.course-exercise-frame .sc-sentence-text{line-height:1.75}.course-exercise-frame .paraphrase-textarea,.course-exercise-frame .fr-textarea{min-height:132px;max-height:220px;padding:16px 18px;border-radius:20px;background:#ffffff0a;border:1px solid var(--c-border)}.course-exercise-frame .paraphrase-textarea:focus,.course-exercise-frame .fr-textarea:focus{box-shadow:var(--ring-accent)}.course-exercise-frame .exercise-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.course-exercise-frame .exercise-actions .btn-sm,.course-exercise-frame .exercise-actions .btn-primary,.course-exercise-frame .exercise-actions .btn-secondary,.course-exercise-frame .exercise-actions .btn-ghost{min-height:48px;padding:0 16px;border-radius:14px;font-weight:700}.course-exercise-frame .exercise-actions .btn-primary{box-shadow:var(--shadow-md)}.course-exercise-frame .exercise-feedback{max-width:none;margin:0;gap:18px}.course-exercise-frame .ef-score-circle{background:radial-gradient(circle at top,#ffffff1f,#ffffff05);border:1px solid var(--c-border)}.course-exercise-frame .ef-subscore-bar{background:#ffffff14}@media (max-width: 780px){.course-exercise-frame{padding:14px}.course-exercise-frame .exercise-actions{flex-direction:column}.course-exercise-frame .exercise-actions .btn-sm,.course-exercise-frame .exercise-actions .btn-primary,.course-exercise-frame .exercise-actions .btn-secondary,.course-exercise-frame .exercise-actions .btn-ghost{width:100%}.course-exercise-frame .iw-slot,.course-exercise-frame .sc-blank-slot{min-width:72px}}.lp-wrap{--lp-fg: #ffffff;--lp-fg-dim: rgba(255, 255, 255, .62);--lp-chrome: #1a1a1a;--lp-chrome-2: #232323;--lp-line: rgba(255, 255, 255, .09);--lp-hover: rgba(255, 255, 255, .1);--lp-hi: #ffffff;flex:1;display:flex;flex-direction:column;min-height:0;background:#000;font-family:Segoe UI Variable Text,Segoe UI,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.lp-toolbar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--lp-chrome);border-bottom:1px solid var(--lp-line);flex-wrap:wrap}.lp-toolbar-btn{display:flex;align-items:center;gap:7px;padding:7px 13px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--lp-fg);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap;letter-spacing:.01em}.lp-toolbar-btn:hover{background:var(--lp-hover);color:var(--lp-fg)}.lp-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.lp-toolbar-btn.active{background:#ffffff24;color:var(--lp-fg)}.lp-status{padding:6px 14px;font-size:12.5px;font-family:inherit;color:var(--lp-fg-dim);background:var(--lp-chrome);border-bottom:1px solid var(--lp-line)}.lp-video-area{flex:1;position:relative;background:#000;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.lp-video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.lp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--lp-fg-dim);font-size:14px;font-family:inherit;text-align:center;padding:32px}.lp-empty span:first-of-type{color:var(--lp-fg);font-size:15px;font-weight:500}@keyframes lp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lp-subtitle{position:absolute;top:85%;bottom:auto;left:6%;right:6%;text-align:center;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:10}.lp-subtitle-text{display:inline-block;pointer-events:auto;background:#000000d9;color:#fff;font-size:21px;font-weight:500;font-family:inherit;line-height:1.45;padding:7px 18px;border-radius:6px;letter-spacing:.01em;max-width:100%;white-space:pre-wrap;cursor:pointer;-webkit-user-select:all;user-select:all;text-shadow:0 1px 3px rgba(0,0,0,.9)}.yt-panel{display:flex;flex:1;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--c-bg)}.yt-source-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--c-border);background:var(--c-surface);flex:0 0 auto}.yt-source-bar input{flex:1;min-width:0;height:38px;padding:0 13px;border:1px solid var(--c-border);border-radius:8px;outline:none;background:var(--c-bg);color:var(--c-text);font:inherit;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.yt-source-bar input::placeholder{color:var(--c-text-dim)}.yt-source-bar input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.yt-source-submit,.yt-source-close,.yt-source-toggle{border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface2);color:var(--c-text);font:inherit;cursor:pointer}.yt-source-submit{height:38px;padding:0 18px;border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent);font-size:13px;font-weight:650}.yt-source-submit:hover:not(:disabled){filter:brightness(1.08)}.yt-source-submit:disabled{cursor:wait;opacity:.65}.yt-source-close{display:grid;place-items:center;width:38px;height:38px;padding:0}.yt-source-toggle{position:absolute;top:12px;left:12px;z-index:12;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;background:#0c0c0edb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.yt-video-stage{position:relative;width:100%;flex:1;min-height:0;background:#000}.yt-subtitle{top:64%}.yt-subtitle .lp-subtitle-text{cursor:text;-webkit-user-select:text;user-select:text;background:#000000c7}.lp-twitch-cards{position:absolute;top:14%;right:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none;z-index:11;max-width:46%}.lp-twitch-card{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#000000d1;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 10px 7px 12px;animation:lp-twitch-in .22s ease-out;box-shadow:0 4px 14px #0006}@keyframes lp-twitch-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lp-twitch-cards--no-anim .lp-twitch-card{animation:none}.lp-twitch-card{--mark-c: var(--c-accent);border-left:3px solid var(--mark-c)}.lp-twitch-card--group{--mark-c: #c9a6ff}.lp-twitch-card--level{--mark-c: #9ee6a0}.lp-twitch-card--adv{--mark-c: #ffb27a}.lp-twitch-card-main{display:flex;flex-direction:column;line-height:1.25;min-width:0}.lp-twitch-word{color:var(--mark-c, #fff);font-size:14px;font-weight:600;white-space:nowrap}.lp-twitch-reading{color:var(--mark-c, #9ee6a0);opacity:.85;font-size:10.5px;font-style:italic;white-space:nowrap}.lp-twitch-tr{color:var(--c-text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-twitch-add{flex-shrink:0;width:24px;height:24px;border-radius:6px;border:none;background:var(--c-accent);color:var(--c-on-accent);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.lp-twitch-add.added{background:#ffffff1a;color:var(--c-text-muted);cursor:default}.lp-sub-feed{flex-shrink:0;border-top:1px solid var(--c-border);display:flex;flex-direction:column;max-height:34%;min-height:120px}.lp-sub-feed-head{padding:7px 14px;font-size:11px;color:var(--c-text-dim);display:flex;align-items:center;gap:6px;border-bottom:1px solid #1a1a24}.lp-sub-feed-list{flex:1;overflow-y:auto;padding:6px 0}.lp-sub-line{padding:4px 14px;font-size:12.5px;line-height:1.4;color:var(--c-text-dim);cursor:pointer;transition:color .15s,background .15s}.lp-sub-line:hover{background:#ffffff0a}.lp-sub-line-text{margin-bottom:4px}.lp-sub-line-word-underline{text-decoration:underline;text-decoration-color:var(--c-accent);text-underline-offset:2px;text-decoration-style:dotted}.lp-sub-line-actions{display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .15s}.lp-sub-line:hover .lp-sub-line-actions{opacity:1}.lp-sub-line-btn{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .12s,background .12s}.lp-sub-line-btn:hover{background:#ffffff14;color:var(--c-text)}.lp-sub-line-btn.ia:hover{color:var(--c-accent)}.lp-sub-line-btn.add:hover{color:#4ade80}.lp-sub-line .speak-btn{width:20px;height:20px;padding:0;border-radius:4px;color:var(--c-text-dim);transition:color .12s}.lp-sub-line:hover .speak-btn{color:var(--c-text)}.player-layout-3col .player-sidebar{width:340px;min-width:300px;order:-1;border-left:none;border-right:1px solid var(--c-border)}.player-layout-3col .player-video-wrap{order:0}.player-layout-3col .player-chat-col{order:1}.player-chat-col{width:340px;min-width:300px;border-left:1px solid var(--c-border);display:flex;flex-direction:column;background:var(--c-surface)}.player-chat-head{padding:10px 14px;font-size:12px;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:600}.player-chat-details{display:flex;flex-direction:column;flex:0 0 auto;max-height:55%;min-height:0;border-bottom:1px solid var(--c-border);background:var(--c-surface)}.player-chat-details .vocab-sidebar-inline-wrap{flex:1;min-height:0;height:auto;border-left:none;border-right:none;background:var(--c-surface)}.player-side-collapse{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--c-text-dim);border-radius:6px;cursor:pointer;flex:0 0 auto}.player-side-collapse:hover{color:var(--c-text);background:#ffffff0f}.player-sidebar-tabs .player-side-collapse{margin-left:auto;align-self:center}.player-side-rail{width:34px;min-width:34px;background:var(--c-surface);display:flex;flex-direction:column;align-items:stretch}.player-side-rail--mid{order:-1;border-right:1px solid var(--c-border)}.player-side-rail--right{order:1;border-left:1px solid var(--c-border)}.player-side-expand{flex:1;border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0}.player-side-expand:hover{color:var(--c-text);background:#ffffff0d}.player-side-rail-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:600;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}.player-chat-msgs{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.player-chat-bubble{padding:8px 12px;border-radius:8px;font-size:12.5px;line-height:1.5;max-width:90%;white-space:pre-wrap}.player-chat-bubble.user{align-self:flex-end;background:var(--c-accent);color:#fff}.player-chat-bubble.assistant{align-self:flex-start;background:#1e1e2a;color:#ccc;border:1px solid var(--c-border)}.player-chat-input{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--c-border)}.player-chat-input input{flex:1;padding:8px 12px;border-radius:8px;background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text);font-size:12.5px;outline:none}.player-chat-input button{padding:8px 14px;background:var(--c-accent);border:none;border-radius:8px;color:var(--c-on-accent);font-size:12px;cursor:pointer}.player-chat-input button:disabled{background:var(--c-border-strong);cursor:default}.yt-study-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 14px;background:var(--c-surface2);border-top:1px solid var(--c-border)}.yt-study-sep{width:1px;align-self:stretch;background:var(--c-border)}.yt-study-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;color:var(--c-text-muted);font-size:12px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.yt-study-btn.wide{font-weight:500}.yt-study-btn:hover{color:var(--c-text);border-color:var(--c-border-strong)}.yt-study-btn.active{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.yt-study-field{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text-dim)}.yt-sub-offset{display:inline-flex;align-items:center;gap:4px}.yt-sub-offset .yt-study-btn{padding:4px 8px;min-width:26px;justify-content:center;font-weight:600}.yt-sub-offset-val{font-size:11px;color:var(--c-text-dim);min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.yt-study-field select,.yt-study-count{padding:5px 8px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;color:var(--c-text);font-size:12px;cursor:pointer;outline:none}.lp-controls{background:var(--lp-chrome);padding:0 14px 8px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--lp-line)}.lp-progress-wrap{padding:11px 0 6px;cursor:pointer;position:relative}.lp-progress-track{height:4px;background:#ffffff2e;border-radius:2px;position:relative;transition:height .1s ease}.lp-progress-wrap:hover .lp-progress-track{height:6px}.lp-progress-fill{height:100%;background:var(--lp-hi);border-radius:2px;pointer-events:none}.lp-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--lp-hi);box-shadow:0 1px 4px #0009;opacity:0;pointer-events:none;transition:opacity .1s ease}.lp-progress-wrap:hover .lp-progress-thumb{opacity:1}.lp-controls-row{display:flex;align-items:center;gap:4px}.lp-btn{background:none;border:none;color:var(--lp-fg);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;padding:6px 9px;border-radius:6px;transition:background .12s ease;display:flex;align-items:center;gap:4px;justify-content:center;min-width:34px;height:34px;white-space:nowrap}.lp-btn:hover{background:var(--lp-hover)}.lp-btn.play{min-width:42px;height:38px}.lp-btn.active{color:var(--lp-hi);background:#ffffff1f}.lp-time{font-size:12.5px;font-family:inherit;font-variant-numeric:tabular-nums;color:var(--lp-fg);padding:0 8px;white-space:nowrap}.lp-speed{background:var(--lp-chrome-2);font-family:inherit;border:1px solid var(--lp-line);border-radius:6px;color:var(--lp-fg);font-size:12.5px;font-weight:500;padding:4px 6px;cursor:pointer;height:28px}.lp-speed:hover{border-color:var(--lp-hover);background:var(--lp-hover)}.lp-spacer{flex:1}.lp-offset-panel{padding:9px 14px 6px;background:var(--lp-chrome-2);border-top:1px solid var(--lp-line);display:flex;align-items:center;gap:12px;font-size:12.5px;font-family:inherit;color:var(--lp-fg)}.lp-offset-panel input[type=range]{flex:1;accent-color:var(--lp-hi);height:4px}.lp-offset-val{font-size:12.5px;color:var(--lp-fg);min-width:44px;text-align:right;font-variant-numeric:tabular-nums;font-family:inherit}@media (max-width: 768px){.lp-toolbar{padding:6px 8px;gap:4px}.lp-toolbar-btn{padding:5px 8px;font-size:11px}.lp-toolbar-btn svg{width:14px;height:14px}.lp-controls{padding:0 8px 6px}.lp-btn{padding:4px 6px;min-width:28px;height:30px;font-size:11px}.lp-btn.play{min-width:34px;height:32px}.lp-time{font-size:11px;padding:0 4px}.lp-speed{font-size:11px;padding:2px 4px;height:24px}.lp-subtitle-text{font-size:16px;padding:5px 12px}.lp-progress-wrap{padding:8px 0 4px}.lp-offset-panel{padding:6px 8px 4px;gap:8px;font-size:11px}}@media (max-width: 480px){.lp-toolbar{padding:4px 6px;gap:3px}.lp-toolbar-btn{padding:4px 6px;font-size:10px;gap:4px}.lp-toolbar-btn svg{width:12px;height:12px}.lp-btn{padding:3px 5px;min-width:24px;height:26px;font-size:10px}.lp-btn.play{min-width:30px;height:28px}.lp-time{font-size:10px;padding:0 2px}.lp-speed{font-size:10px;padding:2px 3px;height:22px}.lp-status{padding:4px 8px;font-size:11px}.lp-subtitle-text{font-size:14px;padding:4px 10px}.lp-progress-track{height:3px}.lp-offset-panel{padding:4px 6px 3px;gap:6px;font-size:10px;flex-wrap:wrap}.lp-empty{padding:20px;font-size:12px}.lp-empty span:first-of-type{font-size:13px}}@media (orientation: landscape) and (max-height: 480px){.lp-toolbar{padding:3px 6px;gap:3px}.lp-toolbar-btn{padding:3px 6px;font-size:9px;gap:3px}.lp-toolbar-btn svg{width:11px;height:11px}.lp-status{padding:3px 8px;font-size:10px}.lp-controls{padding:0 6px 3px}.lp-btn{padding:2px 4px;min-width:22px;height:22px;font-size:9px}.lp-btn.play{min-width:26px;height:24px}.lp-btn svg{width:13px;height:13px}.lp-time{font-size:9px;padding:0 2px}.lp-speed{font-size:9px;padding:1px 3px;height:18px}.lp-progress-wrap{padding:4px 0 2px}.lp-progress-track{height:3px}.lp-subtitle-text{font-size:13px;padding:3px 8px}.lp-offset-panel{padding:3px 6px 2px;gap:4px;font-size:9px}}.lp-mark{--mark-c: var(--c-accent);color:var(--mark-c);font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mark-c) 60%,transparent);text-decoration-thickness:2px;text-underline-offset:2px;border-radius:2px;transition:background .12s ease}.lp-mark--group{--mark-c: #c9a6ff}.lp-mark--level{--mark-c: #9ee6a0}.lp-mark--adv{--mark-c: #ffb27a}.lp-mark:hover{background:color-mix(in srgb,var(--mark-c) 22%,transparent)}.lp-mark.active{background:var(--mark-c);color:#161616;text-decoration-color:transparent}.lp-subtitle .lp-mark:hover{background:color-mix(in srgb,var(--mark-c) 30%,transparent)}.lp-subtitle .lp-mark.active{color:#101010}.lp-sub-line.active{background:color-mix(in srgb,var(--c-accent) 14%,transparent);border-left:3px solid var(--c-accent)}.lp-local-history{margin-top:18px;width:100%;max-width:420px;text-align:left}.lp-local-history-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--c-text-dim);margin-bottom:6px}.lp-local-history-head button{background:transparent;border:1px solid var(--c-border);border-radius:6px;color:var(--c-text-dim);font-size:10px;padding:2px 8px;cursor:pointer}.lp-local-history-list{display:flex;flex-direction:column;gap:4px}.lp-local-history-item{display:flex;align-items:center;gap:8px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:7px 10px;cursor:pointer;color:var(--c-text-muted)}.lp-local-history-item:hover{border-color:var(--c-border-strong, #3a3a48);color:var(--c-text)}.lp-local-history-title{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-local-history-x{background:none;border:none;color:var(--c-text-dim);font-size:15px;line-height:1;cursor:pointer;padding:0 2px}.player-sidebars-open-1 .lp-subtitle-text{font-size:18px;padding:6px 13px}.player-sidebars-open-2 .lp-subtitle-text{font-size:15px;padding:5px 11px}.player-sidebars-open-1 .lp-twitch-word{font-size:12.5px}.player-sidebars-open-2 .lp-twitch-word{font-size:11px}.player-sidebars-open-1 .lp-twitch-reading{font-size:9.5px}.player-sidebars-open-2 .lp-twitch-reading{font-size:9px}.player-sidebars-open-1 .lp-twitch-tr{font-size:10px}.player-sidebars-open-2 .lp-twitch-tr{font-size:9.5px}.yt-subtitle{top:auto;bottom:clamp(108px,19%,152px);left:9%;right:9%}.lp-twitch-cards--youtube{top:24%;left:auto;right:12px;max-width:min(30%,250px);max-height:42%;overflow:hidden}.player-listening{padding:10px 12px;border-bottom:1px solid var(--c-border)}.player-listening-start,.player-listening-replay,.player-listening-check{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--c-border-strong);background:var(--c-surface2);color:var(--c-text);border-radius:8px;padding:9px 10px;font:600 12px inherit;cursor:pointer}.player-listening-start:disabled,.player-listening-check:disabled{opacity:.45;cursor:default}.player-listening-card{display:flex;flex-direction:column;gap:8px}.player-listening-head{display:flex;justify-content:space-between;align-items:center;color:var(--c-accent);font-size:13px}.player-listening-head button{border:0;background:none;color:var(--c-text-dim);font-size:18px;cursor:pointer}.player-listening-card p{margin:0;color:var(--c-text-dim);font-size:11px;line-height:1.45}.player-listening-answer{display:flex;gap:6px;align-items:stretch}.player-listening-answer textarea{flex:1;resize:vertical;min-width:0;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface);color:var(--c-text);padding:8px;font:12px/1.45 inherit}.player-listening-answer button{width:38px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface2);color:var(--c-text-muted);cursor:pointer}.player-listening-answer button.recording{color:#ff6b6b;border-color:#ff6b6b;animation:listening-pulse 1s infinite}.player-listening-check{background:var(--c-accent);color:var(--c-on-accent);border-color:transparent}.player-listening-feedback{white-space:pre-wrap;color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:9px;font-size:11px;line-height:1.55}@keyframes listening-pulse{50%{opacity:.45}}.lp-wrap{position:relative}.video-controls-layer{position:absolute;inset-inline:0;bottom:0;z-index:40;min-height:78px;display:flex;align-items:flex-end;justify-content:stretch;pointer-events:auto}.video-controls-dock{width:100%;position:relative;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.94) 28%);transform:translateY(0);opacity:1;transition:transform .16s ease,opacity .16s ease;pointer-events:auto}.video-controls-layer.is-hidden .video-controls-dock{transform:translateY(calc(100% - 7px));opacity:0;pointer-events:none}.video-controls-collapse,.video-controls-reveal{position:absolute;inset-inline-end:10px;bottom:7px;z-index:2;border:0;border-radius:7px;background:#141414e0;color:#fff;width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.video-controls-reveal{display:none;pointer-events:auto}.video-controls-layer.is-hidden .video-controls-reveal{display:inline-flex}.video-controls-layer.is-inline{position:absolute}@media (prefers-reduced-motion: reduce){.video-controls-dock{transition:none}}@media (max-width: 768px){.video-controls-layer{min-height:calc(72px + env(safe-area-inset-bottom))}.video-controls-dock{padding-bottom:env(safe-area-inset-bottom)}}.player-tutor-config{padding:8px 12px 10px;border-bottom:1px solid var(--c-border);background:var(--c-surface)}.player-tutor-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin-top:7px}.player-tutor-option{display:flex;align-items:center;gap:6px;min-width:0;color:var(--c-text-muted);font-size:11px;cursor:pointer}.player-tutor-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-tutor-option input{accent-color:var(--c-accent)}.player-tutor-option--all{color:var(--c-text);font-weight:600}.listening-exercise{display:flex;flex-direction:column;gap:10px;padding:12px}.listening-exercise-icon{color:var(--c-accent)}.listening-exercise h3,.listening-exercise p{margin:0}.listening-exercise p{color:var(--c-text-muted);font-size:12px;line-height:1.5}.listening-exercise-answer{display:flex;gap:7px}.listening-exercise-answer textarea{flex:1;min-width:0;resize:vertical;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);border-radius:8px;padding:9px;font:inherit}.listening-exercise-answer button{width:40px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface2);color:var(--c-text-muted)}.listening-exercise-answer button.recording{color:#ff6b6b;border-color:#ff6b6b;animation:listening-pulse 1s infinite}.listening-exercise-actions{display:flex;justify-content:flex-end;gap:8px}.player-wrap{display:flex;flex-direction:column;height:100%;background:var(--c-bg);color:var(--c-text);font-family:var(--font-body)}.player-mode-tabs{display:flex;gap:0;border-bottom:1px solid var(--c-border);padding:0 16px;background:var(--c-surface);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.player-mode-tabs::-webkit-scrollbar{display:none}.player-mode-tab{flex-shrink:0;padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--c-text-dim);font-size:13px;cursor:pointer;font-weight:400;transition:all .2s;white-space:nowrap}.player-mode-tab:hover{color:var(--c-text)}.player-mode-tab.active{background:var(--c-bg);border-bottom-color:var(--c-accent);color:var(--c-text);font-weight:600}.player-layout{display:flex;flex:1;min-height:0}.player-video-wrap{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.player-video-pane{flex:1;min-height:0;flex-direction:column}.player-back-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin:8px 8px 0;padding:5px 12px 5px 8px;border-radius:7px;background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text-muted);font-size:12px;font-weight:600;cursor:pointer;z-index:5}.player-back-btn:hover{color:var(--c-text);border-color:var(--c-border-strong, #3a3a48)}.player-sidebar{width:380px;min-width:380px;border-left:1px solid var(--c-border);display:flex;flex-direction:column;background:var(--c-surface)}.player-sidebar-tabs{display:flex;align-items:center;border-bottom:1px solid var(--c-border)}.player-sidebar-title{flex:1;display:flex;align-items:center;gap:6px;padding:11px 14px;font-size:12.5px;font-weight:600;color:var(--c-text)}.player-sidebar-tab{flex:1;padding:10px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--c-text-dim);font-size:12px;cursor:pointer;font-weight:400;transition:all .2s;display:flex;align-items:center;gap:6px;justify-content:center}.player-sidebar-tab:hover{color:var(--c-text)}.player-sidebar-tab.active{background:var(--c-bg);border-bottom-color:var(--c-accent);color:var(--c-text);font-weight:600}.scene-agent-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-agent-card{width:min(680px,100%);max-height:min(76vh,720px);overflow:auto;background:#111318;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 22px 70px #00000085;color:var(--c-text);padding:18px}.scene-agent-card-head,.scene-agent-actions,.scene-agent-mission,.scene-agent-kicker,.scene-agent-mission-label{display:flex;align-items:center}.scene-agent-card-head{justify-content:space-between;gap:16px;margin-bottom:12px}.scene-agent-card h2,.scene-agent-hero h3{margin:0;letter-spacing:0}.scene-agent-card h2{font-size:23px;line-height:1.18}.scene-agent-mission-label,.scene-agent-kicker{gap:6px;color:var(--c-text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.scene-agent-prompt{margin:0 0 14px;color:var(--c-text-muted);line-height:1.55}.scene-agent-target{padding:12px;border:1px solid rgba(255,255,255,.11);background:#ffffff0e;border-radius:8px;margin-bottom:12px}.scene-agent-target span{display:block;color:var(--c-text-dim);font-size:11px;margin-bottom:5px}.scene-agent-target strong{display:block;font-size:17px;line-height:1.45}.scene-agent-terms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.scene-agent-terms span{padding:5px 8px;border-radius:999px;color:#dce8ff;background:#3b82f629;border:1px solid rgba(96,165,250,.24);font-size:11px}.scene-agent-card textarea{width:100%;min-height:112px;resize:vertical;box-sizing:border-box;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0b0d12;color:var(--c-text);padding:12px;font:inherit;line-height:1.5;outline:none}.scene-agent-card textarea:focus{border-color:#7dd3fc8c}.scene-agent-actions{justify-content:flex-end;gap:8px;margin-top:12px;flex-wrap:wrap}.scene-agent-primary,.scene-agent-secondary,.scene-agent-power,.scene-agent-intensity button,.scene-agent-icon-btn,.scene-agent-result,.scene-agent-mission-main{font:inherit;cursor:pointer}.scene-agent-primary,.scene-agent-secondary,.scene-agent-power,.scene-agent-intensity button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;min-height:34px;padding:8px 12px}.scene-agent-primary{color:#081016;background:#7dd3fc;border:1px solid #7dd3fc;font-weight:700}.scene-agent-secondary,.scene-agent-intensity button{color:var(--c-text-muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.11)}.scene-agent-secondary.active,.scene-agent-intensity button.active{color:#fff;background:#14b8a62e;border-color:#2dd4bf61}.scene-agent-panel{flex:1;min-height:0;overflow:auto;padding:12px}.scene-agent-hero{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:12px;background:var(--c-bg);border-bottom:1px solid var(--c-border);margin:-12px -12px 12px}.scene-agent-hero h3{margin-top:5px;font-size:16px}.scene-agent-power{border:1px solid rgba(255,255,255,.13);color:var(--c-text-muted);background:#ffffff0f;white-space:nowrap}.scene-agent-power.is-on{color:#d1fae5;background:#10b9812e;border-color:#34d39957}.scene-agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.scene-agent-stats div{background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;padding:9px}.scene-agent-stats span,.scene-agent-stats small{display:block}.scene-agent-stats span{font-size:20px;font-weight:800}.scene-agent-stats small{color:var(--c-text-dim);font-size:11px;margin-top:2px}.scene-agent-section{margin-bottom:14px}.scene-agent-section-title{color:var(--c-text-dim);font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:7px}.scene-agent-intensity{display:grid;grid-template-columns:1fr;gap:6px}.scene-agent-scroll{max-height:290px;overflow:auto;padding-right:2px}.scene-agent-empty{color:var(--c-text-dim);font-size:12px;line-height:1.5;border:1px dashed var(--c-border);border-radius:8px;padding:12px}.scene-agent-mission{gap:6px;margin-bottom:7px;padding:8px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px}.scene-agent-mission.complete{border-color:#34d3993d}.scene-agent-mission-main{flex:1;min-width:0;text-align:left;background:transparent;color:var(--c-text);border:0;padding:0}.scene-agent-mission-main strong{display:block;font-size:13px;line-height:1.35;margin:2px 0}.scene-agent-mission-main small{display:flex;align-items:center;gap:4px;color:var(--c-text-dim);font-size:11px}.scene-agent-icon-btn{width:32px;height:32px;border-radius:7px;border:1px solid rgba(255,255,255,.1);color:var(--c-text-muted);background:#ffffff0e;display:inline-flex;align-items:center;justify-content:center}.scene-agent-result{width:100%;display:block;text-align:left;padding:9px 10px;margin-bottom:6px;border-radius:8px;color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border)}.scene-agent-result span,.scene-agent-result small{display:block}.scene-agent-result span{font-size:12px;font-weight:700}.scene-agent-result small{margin-top:3px;color:var(--c-text-dim);font-size:11px}.player-mobile-tabs{display:none}@media (max-width: 1024px){.player-layout{flex-direction:column}.player-mobile-tabs{display:flex;border-bottom:1px solid var(--c-border);background:var(--c-surface);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.player-mobile-tabs::-webkit-scrollbar{display:none}.player-mobile-tab{flex:1;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--c-text-dim);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500;transition:all .2s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.player-mobile-tab:hover{color:var(--c-text)}.player-mobile-tab.active{border-bottom-color:var(--c-accent);color:var(--c-text);background:var(--c-bg)}.player-sidebar--mob-hidden,.player-chat-col--mob-hidden{display:none!important}.player-video-wrap{flex:none;height:50vh;min-height:240px}.player-sidebar,.player-layout-3col .player-sidebar{width:100%;min-width:0;border-left:none;border-right:none;border-top:1px solid var(--c-border);flex:1;min-height:0}.player-layout-3col .player-sidebar,.player-layout-3col .player-video-wrap,.player-layout-3col .player-chat-col{order:0}.player-chat-col{width:100%;min-width:0;border-left:none;border-top:1px solid var(--c-border);min-height:320px}}@media (max-width: 600px){.player-mode-tabs{padding:0 8px}.player-mode-tab{padding:8px 12px;font-size:12px}.player-mobile-tab{padding:6px 10px;font-size:10px;gap:4px}.player-mobile-tab svg{width:13px;height:13px}.player-video-wrap{height:40vh;min-height:180px}.player-sidebar-tab{padding:8px;font-size:11px}.player-sidebar-tab svg{width:14px;height:14px}}@media (orientation: landscape) and (max-height: 600px){.player-layout{flex-direction:row}.player-video-wrap{flex:1;height:auto}.player-sidebar{width:320px;min-width:320px;border-left:1px solid var(--c-border);border-top:none}.player-mode-tab{padding:6px 14px;font-size:11px}.player-sidebar-tab{padding:6px 8px;font-size:11px}}@media (min-width: 1400px){.player-sidebar{width:440px;min-width:440px}}@media (orientation: landscape) and (min-height: 800px) and (max-width: 1024px){.player-layout{flex-direction:row}.player-video-wrap{flex:1;height:auto}.player-sidebar{width:340px;min-width:340px;border-left:1px solid var(--c-border);border-top:none}}.vn-topbar-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}@media (max-width: 600px){.vn-topbar{padding:8px 12px;gap:8px}.vn-topbar-info{min-width:0}.vn-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vn-sound-btn,.vn-seq-btn,.game-icon-btn{width:30px;height:30px;min-width:30px}.vn-topbar-controls{gap:4px}}@media (orientation: landscape) and (max-height: 500px){.vn-topbar{padding:4px 10px;gap:6px}.vn-title{font-size:12px}.vn-sound-btn,.vn-seq-btn,.game-icon-btn{width:26px;height:26px;min-width:26px}.vn-sound-btn svg,.vn-seq-btn svg{width:14px;height:14px}.vn-hud .vn-score{font-size:10px;padding:3px 6px}.vn-life-alive svg,.vn-life-dead svg{width:12px;height:12px}.vn-dialogue-box{padding:10px 14px}.vn-dialogue-text{font-size:13px}.vn-choices{gap:4px}.vn-choice-btn{padding:8px 12px;font-size:12px}.game-topbar{padding:6px 12px}.game-name{font-size:13px}}.scene-agent-result-view{display:flex;flex-direction:column;gap:12px}.scene-agent-score{display:flex;flex-direction:column;align-items:center;gap:2px;align-self:center;width:96px;height:96px;border-radius:50%;justify-content:center;border:2px solid rgba(255,255,255,.14);background:#ffffff0b}.scene-agent-score-num{font-size:34px;font-weight:800;line-height:1}.scene-agent-score small{font-size:9.5px;color:var(--c-text-dim);text-align:center}.scene-agent-score--great{border-color:#2dd4bf8c;color:#5eead4}.scene-agent-score--ok{border-color:#7dd3fc80;color:#7dd3fc}.scene-agent-score--low{border-color:#f8b47880;color:#f8b478}.scene-agent-subscores{display:flex;gap:8px;justify-content:center}.scene-agent-subscores>div{flex:1;text-align:center;padding:8px 4px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09)}.scene-agent-subscores strong{display:block;font-size:18px}.scene-agent-subscores small{color:var(--c-text-dim);font-size:10.5px}.scene-agent-feedback{margin:0;color:var(--c-text-muted);line-height:1.55}.scene-agent-feedback-line{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.45;padding:9px 11px;border-radius:8px}.scene-agent-feedback-line svg{flex:0 0 auto;margin-top:2px}.scene-agent-feedback-line.is-good{background:#14b8a61f;color:#99f6e4}.scene-agent-feedback-line.is-tip{background:#7dd3fc1a;color:#bae6fd}.scene-agent-corrected{padding:12px;border:1px solid rgba(45,212,191,.32);background:#14b8a617;border-radius:8px}.scene-agent-corrected span{display:block;color:var(--c-text-dim);font-size:11px;margin-bottom:5px}.scene-agent-corrected strong{display:block;font-size:16px;line-height:1.45}.scene-agent-your-answer span{display:block;color:var(--c-text-dim);font-size:11px;margin-bottom:4px}.scene-agent-your-answer p{margin:0;color:var(--c-text-muted);font-size:13px;line-height:1.5;font-style:italic}.spin{animation:lp-spin 1s linear infinite}.player-training{display:flex;flex-direction:column;gap:12px;padding:14px;border-bottom:1px solid var(--c-border)}.player-training-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.player-training-toggle{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;min-width:0}.player-training-toggle .scene-agent-kicker{display:inline-flex;align-items:center;gap:6px}.player-training-stats{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--c-text-dim)}.player-training-stats span{display:inline-flex;align-items:center;gap:3px}.player-training-intro p{margin:0 0 10px;color:var(--c-text-muted);font-size:13px;line-height:1.55}.player-training-loading{display:flex;align-items:center;gap:9px;color:var(--c-text-muted);font-size:13px;padding:18px 4px}.player-training-exercise{min-height:0}.player-training-btns{display:flex;flex-wrap:wrap;gap:7px}.player-training-btn{flex:1 1 auto;min-width:96px;padding:9px 12px;border-radius:8px;background:var(--c-surface2);border:1px solid var(--c-border-strong, #3a3a48);color:var(--c-text);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.player-training-btn:hover:not(:disabled){background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent)}.player-training-btn:disabled{opacity:.45;cursor:not-allowed}.player-training-exrow{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.player-training-exit,.player-training-next{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text-muted);font-size:11.5px;cursor:pointer}.player-training-exit:hover,.player-training-next:hover{color:var(--c-text)}.player-ai-auto{display:flex;align-items:center;gap:9px;width:100%;padding:9px 14px;background:var(--c-surface2);border:none;border-bottom:1px solid var(--c-border);color:var(--c-text-muted);font-size:12px;cursor:pointer}.player-ai-auto.active{color:var(--c-text)}.player-ai-auto-dot{width:7px;height:7px;border-radius:50%;background:var(--c-text-dim);flex-shrink:0}.player-ai-auto.active .player-ai-auto-dot{background:#9ee6a0;box-shadow:0 0 6px #9ee6a0}.player-ai-auto-label{flex:1;text-align:left}.player-ai-auto-switch{width:34px;height:18px;border-radius:10px;background:var(--c-border-strong, #3a3a48);position:relative;flex-shrink:0;transition:background .15s}.player-ai-auto-switch.on{background:var(--c-accent)}.player-ai-auto-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s}.player-ai-auto-switch.on .player-ai-auto-knob{left:18px}.player-media-topbar{display:flex;align-items:center;min-height:43px;border-bottom:1px solid var(--c-border);padding-left:12px;background:var(--c-surface);flex-shrink:0}.player-media-topbar .player-mode-tabs{flex:1;min-width:0;align-self:stretch;align-items:stretch;border-bottom:0;padding:0 12px 0 8px;background:transparent}.player-media-topbar .player-back-btn{align-self:center;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 2px 0 0;padding:0;border:0;border-radius:8px;background:var(--c-surface2);color:var(--c-text);flex-shrink:0}@media (max-width: 600px){.player-media-topbar{padding-left:8px}.player-media-topbar .player-mode-tabs{padding-right:8px}}.csp-wrap{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--c-bg, #0e0e12)}.csp-tabs{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid var(--c-border);flex-shrink:0}.csp-tab{padding:6px 14px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--c-text-dim);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.csp-tab:hover{color:var(--c-text-muted)}.csp-tab.active{background:var(--c-surface2);color:var(--c-text);border-color:var(--c-border-strong, #3a3a48)}.csp-badge{font-size:10px;background:var(--c-accent);color:var(--c-on-accent, #fff);border-radius:999px;padding:0 6px;line-height:16px}.csp-body{flex:1;min-height:0;overflow-y:auto;padding:16px}.csp-capture{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.csp-row{display:flex;gap:8px;align-items:center}.csp-row-end{justify-content:flex-end}.csp-input,.csp-textarea{flex:1;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;color:var(--c-text);font-size:13px;padding:10px 12px;font-family:inherit}.csp-textarea{resize:vertical;line-height:1.5}.csp-btn{padding:9px 18px;background:var(--c-accent);border:none;border-radius:8px;color:var(--c-on-accent, #fff);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.csp-btn:disabled{opacity:.5;cursor:default}.csp-btn.ghost{background:var(--c-surface2);color:var(--c-text-muted)}.csp-btn.sm{padding:5px 12px;font-size:12px}.csp-msg{font-size:12px;color:var(--c-text-muted);background:var(--c-surface);border-radius:8px;padding:8px 12px}.csp-or{display:flex;align-items:center;gap:12px;color:var(--c-text-dim);font-size:12px;margin:4px 0}.csp-or:before,.csp-or:after{content:"";flex:1;height:1px;background:var(--c-border)}.csp-hint{margin-top:8px;padding:12px 14px;border-radius:10px;background:#ffffff08;border:1px solid var(--c-border);color:var(--c-text-dim);font-size:12px;line-height:1.6;display:flex;gap:8px;align-items:flex-start}.csp-hint strong{color:var(--c-text-muted)}.csp-study-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 900px){.csp-study-grid{grid-template-columns:1fr}}.csp-comments{display:flex;flex-direction:column;gap:10px;min-width:0}.csp-comment{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:12px 14px}.csp-comment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.csp-comment-src{font-size:11px;color:var(--c-accent);font-weight:500}.csp-comment-del{background:none;border:none;color:var(--c-text-dim);font-size:16px;line-height:1;cursor:pointer;padding:0 4px}.csp-comment-text{color:var(--c-text);font-size:14px;line-height:1.65}.csp-comment-meta{display:flex;gap:10px;margin-top:6px;font-size:11px;color:var(--c-text-dim)}.csp-uline{text-decoration:underline;text-decoration-color:var(--c-accent);text-decoration-thickness:2px;text-underline-offset:3px;cursor:pointer;border-radius:3px}.csp-uline:hover{background:#ffffff0f}.csp-uline.active{background:var(--c-accent);color:var(--c-on-accent, #fff);text-decoration:none}.csp-uline.added{text-decoration-color:#4ade80}.csp-analysis{position:sticky;top:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:14px;min-height:120px}.csp-analysis-empty{color:var(--c-text-dim);font-size:13px;line-height:1.6}.csp-analysis-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.csp-analysis-actions{display:flex;gap:6px;align-items:center}.csp-word{font-size:18px;font-weight:700;color:var(--c-text)}.csp-context{font-size:11px;color:var(--c-text-dim);font-style:italic;margin-top:2px;line-height:1.4}.csp-loading{display:flex;align-items:center;gap:8px;color:var(--c-text-muted);font-size:13px;margin-top:12px}.csp-details{margin-top:12px;border-top:1px solid var(--c-border);padding-top:12px}.csp-desc{font-size:13px;color:var(--c-text-muted);line-height:1.6;margin:0 0 10px}.csp-tr{font-size:13px;color:#ccc;margin-bottom:10px}.csp-tr span{font-size:10px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.04em;margin-right:6px}.csp-block{margin-bottom:10px}.csp-block-h{font-size:10px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.csp-example{font-size:12px;color:var(--c-text-muted);font-style:italic;padding-left:8px;border-left:2px solid var(--c-border-strong, #3a3a48);margin-bottom:4px;line-height:1.5}.csp-chips{display:flex;flex-wrap:wrap;gap:4px}.csp-chip{padding:2px 8px;background:var(--c-surface2);border-radius:4px;font-size:11px;color:var(--c-text-muted)}.csp-mini{padding:2px 8px;background:var(--c-surface2);border:1px solid var(--c-border-strong, #3a3a48);border-radius:4px;color:var(--c-text-muted);font-size:13px;cursor:pointer;line-height:1.4}.csp-mini.ghost{border-color:var(--c-border)}.csp-added{font-size:12px;color:#4ade80;padding:2px 6px;display:inline-flex}.csp-history{max-width:760px;margin:0 auto}.csp-history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--c-text-dim);font-size:12px}.csp-history-item{display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:10px 14px;margin-bottom:8px}.csp-history-main{flex:1;cursor:pointer;min-width:0}.csp-history-title{color:var(--c-text);font-size:13px;font-weight:600}.csp-history-sub{color:var(--c-text-dim);font-size:11px;margin-top:2px}.csp-empty{text-align:center;color:var(--c-text-dim);font-size:13px;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.spin{animation:csp-spin 1s linear infinite}@keyframes csp-spin{to{transform:rotate(360deg)}}.csp-comment-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.csp-comment-actions{display:flex;align-items:center;gap:6px}.csp-explain-btn{border:1px solid var(--c-border-strong);background:var(--c-surface2);color:var(--c-text-muted);border-radius:7px;padding:5px 9px;font-size:11px;cursor:pointer}.csp-explain-btn:hover{color:var(--c-text);border-color:var(--c-accent)}.csp-explain-btn:disabled{opacity:.55;cursor:default}.csp-explanation-text{margin-top:12px;padding-top:12px;border-top:1px solid var(--c-border);white-space:pre-wrap;color:var(--c-text-muted);font-size:13px;line-height:1.65}.csp-ai-workspace{width:min(100%,1100px);margin:0 auto;min-height:calc(100vh - 190px);background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px}.csp-ai-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.csp-ai-original{font-size:16px;line-height:1.7;color:var(--c-text);padding:16px;border-inline-start:3px solid var(--c-accent);background:var(--c-surface2);border-radius:8px}.csp-ai-workspace .csp-explanation-text{flex:1;margin-top:0;font-size:14px}.csp-study-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}@media (max-width:900px){.csp-ai-workspace{min-height:calc(100vh - 150px);border-radius:0}}#app{margin-left:180px;flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left .25s ease}.view{display:none;height:100%;overflow-y:auto}.view.active{display:flex;flex-direction:column;animation:fadeIn .25s ease-out}.topbar{display:flex;align-items:center;padding:20px 32px;border-bottom:1px solid var(--c-border);gap:16px;background:var(--c-bg);flex-shrink:0}.topbar h1{font-family:var(--font-body);font-size:16px;font-weight:600;flex:1}.xp-bar-wrap{display:flex;align-items:center;gap:10px;min-width:180px}.xp-label{font-size:12px;color:var(--c-text-muted);white-space:nowrap}.xp-track{flex:1;height:6px;background:var(--c-surface2);border-radius:99px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--c-accent),var(--c-accent));border-radius:99px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.home-content{padding:20px;display:flex;flex-direction:column;gap:20px;max-width:800px;width:100%;margin:0 auto}.greeting{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1.2}.greeting span{color:var(--c-accent)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:8px}.stat-card .icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px}.stat-card .label{font-size:12px;color:var(--c-text-muted);font-weight:500;letter-spacing:.03em;text-transform:uppercase}.stat-card .value{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:16px;font-weight:700}.see-all{font-size:13px;color:var(--c-accent);cursor:pointer;background:none;border:none;font-family:var(--font-body)}.study-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:28px;display:flex;align-items:center;gap:28px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.study-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 0% 50%,var(--c-accent-glow) 0%,transparent 60%);opacity:0;transition:var(--transition)}.study-section:hover:before{opacity:1}.study-section:hover{border-color:var(--c-border-strong);transform:translateY(-1px)}.rive-slot{width:80px;height:80px;border-radius:var(--radius-md);background:var(--c-surface2);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.placeholder-anim{width:40px;height:40px;position:relative}.pulse-ring{width:40px;height:40px;border-radius:50%;border:2px solid var(--c-accent);animation:pulse-anim 2s ease-in-out infinite}.pulse-ring-inner{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--c-accent-soft);top:50%;left:50%;transform:translate(-50%,-50%)}.study-section .info{flex:1}.study-section .info h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:4px}.study-section .info p{font-size:13px;color:var(--c-text-muted)}.study-section .meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pill{padding:4px 12px;border-radius:99px;font-size:12px;font-weight:500;white-space:nowrap}.pill-red{background:var(--c-red-soft);color:var(--c-red);border:1px solid rgba(248,113,113,.2)}.pill-green{background:var(--c-green-soft);color:var(--c-green);border:1px solid rgba(74,222,128,.2)}.pill-amber{background:var(--c-amber-soft);color:var(--c-amber);border:1px solid rgba(251,191,36,.2)}.pill-accent{background:var(--c-accent-soft);color:var(--c-accent);border:1px solid var(--c-accent-glow)}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.word-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.word-card:hover{border-color:var(--c-border-strong);background:var(--c-surface2);transform:translateY(-2px)}.word-card .word{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:4px}.word-card .translation{font-size:13px;color:var(--c-text-muted);margin-bottom:10px}.word-card .card-footer{display:flex;align-items:center;justify-content:space-between}.srs-dots{display:flex;gap:3px}.srs-dot{width:6px;height:6px;border-radius:50%;background:var(--c-border-strong)}.srs-dot.filled{background:var(--c-accent)}.srs-dot.filled.green{background:var(--c-green)}.srs-dot.filled.amber{background:var(--c-amber)}.due-label{font-size:11px;color:var(--c-text-dim)}.study-view-content{flex:1;display:flex;flex-direction:column;padding:0 20px 20px}.study-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--c-border);position:sticky;top:0;background:var(--c-bg);z-index:50}.study-progress-track{flex:1;height:8px;background:var(--c-surface2);border-radius:99px;overflow:hidden}.study-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--c-accent),var(--c-accent));border-radius:99px;transition:width .5s ease}.btn-icon{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-icon:hover{color:var(--c-text);border-color:var(--c-border-strong)}.card-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;gap:16px;overflow-y:auto}.flashcard{width:100%;max-width:480px;min-height:360px;perspective:1000px;cursor:pointer}.flashcard-wrap{perspective:1000px;width:460px;max-width:100%;flex-shrink:0}.flashcard-inner{width:100%;max-height:460px;min-height:460px;height:460px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer}.flashcard-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:14px;backface-visibility:hidden;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.card-back{transform:rotateY(180deg)}.card-definition-text{font-size:16px;line-height:1.6;margin-bottom:10px;overflow-wrap:anywhere}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.card-type-badge{font-size:11px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.card-audio-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.card-audio-btn:hover{color:var(--c-accent);border-color:var(--c-accent-glow)}.card-word{font-family:var(--font-body);font-size:28px;font-weight:700;line-height:1.1;margin-bottom:6px;color:var(--c-text)}.card-phonetic{font-size:14px;color:var(--c-accent);margin-bottom:12px;font-style:italic}.card-image-slot{width:100%;min-height:80px;max-height:140px;border-radius:var(--radius-md);overflow:hidden;position:relative;margin-bottom:6px;background:var(--c-surface2);flex-shrink:0}.card-image-slot img.flashcard-img{width:100%;height:auto;max-height:140px;object-fit:contain;border-radius:var(--radius-md);display:block}.flashcard-img-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--c-surface2) 25%,rgba(255,255,255,.06) 50%,var(--c-surface2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}.card-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--c-text-dim);font-size:12px;cursor:pointer;padding:20px;transition:var(--transition)}.card-image-placeholder:hover{color:var(--c-accent)}.card-image-change{position:absolute;bottom:6px;right:6px;background:#0a0a0fb3;border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:10px;color:var(--c-text-muted);padding:3px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:var(--transition)}.card-image-change:hover{border-color:var(--c-border-strong)}.card-image-gen-badge{position:absolute;bottom:8px;right:8px;background:#0a0a0fb3;border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:10px;color:var(--c-text-muted);padding:3px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-meaning{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--c-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.card-definition{font-size:18px;font-weight:300;color:var(--c-text);line-height:1.4;margin-bottom:12px}.card-example{background:var(--c-surface2);border-left:3px solid var(--c-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--c-text);margin-bottom:10px}.card-example em{color:var(--c-accent);font-style:normal;font-weight:600}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.card-tag{padding:3px 10px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:99px;font-size:11px;color:var(--c-text-muted)}.tap-hint{font-size:13px;color:var(--c-text-dim);text-align:center}.rating-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.rating-btn{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;font-family:var(--font-display);font-size:13px;font-weight:600;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px}.rating-btn .sublabel{font-size:10px;font-family:var(--font-body);font-weight:400;opacity:.6}.rating-btn.easy:hover{background:var(--c-accent-soft);border-color:var(--c-accent-glow);color:var(--c-accent)}.add-view-content{padding:20px;max-width:640px;margin:0 auto;width:100%}.form-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:28px;margin-bottom:20px}.form-section h2{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:20px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:12px;font-weight:500;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{width:100%;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-body);font-size:15px;padding:12px 16px;outline:none;transition:var(--transition)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.form-field textarea{resize:vertical;min-height:80px}.form-field select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lang-warning-banner{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-lg);animation:slideDown .25s ease}.lang-warning-icon{flex-shrink:0;color:#d97706;margin-top:1px}.lang-warning-text{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#92400e}.ai-suggestion-box{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px;background:linear-gradient(135deg,#1e1e1e,#1e1a2e);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-lg);animation:slideDown .3s ease}.ai-suggestion-avatar{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%;color:#ededed;margin-top:2px}.ai-suggestion-content{flex:1;display:flex;flex-direction:column;gap:10px}.ai-suggestion-message{margin:0;font-size:14px;line-height:1.5;color:#e8e8e8;white-space:pre-wrap}.ai-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px}.ai-suggestion-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;color:#ededed;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;transition:all .15s ease}.ai-suggestion-chip:hover{color:#fff;background:#fff3;border-color:#ffffff80;transform:scale(1.02)}.ai-suggestion-chip:active{transform:scale(.97)}.lang-warning-text strong{font-weight:600}.lang-warning-text span{opacity:.85}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ai-generating{display:none;background:var(--c-surface);border:1px solid var(--c-accent-glow);border-radius:var(--radius-xl);padding:28px;margin-bottom:20px;align-items:center;gap:20px}.ai-generating.visible{display:flex}.ai-orb{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 0deg,var(--c-accent),var(--c-accent),var(--c-accent));animation:orb-spin 2s linear infinite;flex-shrink:0}.ai-text h3{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:4px}.ai-text p{font-size:13px;color:var(--c-text-muted)}.preview-cards{display:none;gap:16px;flex-direction:column}.preview-cards.visible{display:flex}.preview-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px;animation:fadeUp .4s ease backwards}.preview-card:nth-child(2){animation-delay:.1s}.preview-card:nth-child(3){animation-delay:.2s}.preview-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-type-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--c-accent-soft);border:1px solid var(--c-accent-glow);display:flex;align-items:center;justify-content:center}.card-type-icon svg{width:16px;height:16px;color:var(--c-accent)}.preview-card-header .info h4{font-family:var(--font-display);font-size:14px;font-weight:700}.preview-card-header .info p{font-size:12px;color:var(--c-text-muted)}.preview-meaning{font-size:14px;color:var(--c-text-muted);margin-bottom:10px}.preview-example{background:var(--c-surface2);border-left:2px solid var(--c-accent);padding:10px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;color:var(--c-text-muted);line-height:1.6}.preview-example em{color:var(--c-text);font-style:normal;font-weight:500}.dict-content{padding:20px;max-width:800px;margin:0 auto;width:100%}.search-bar-wrap{position:relative;margin-bottom:24px}.search-bar-wrap svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--c-text-muted);width:18px;height:18px}.search-input{width:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);font-family:var(--font-body);font-size:15px;padding:14px 16px 14px 48px;outline:none;transition:var(--transition)}.search-input:focus{border-color:var(--c-accent)}.filter-row{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-chip{padding:6px 14px;border-radius:99px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);font-size:13px;cursor:pointer;transition:var(--transition)}.filter-chip.active{background:var(--c-accent-soft);border-color:#ffffff4d;color:var(--c-accent)}.settings-content{padding:20px;max-width:640px;margin:0 auto;width:100%}.settings-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:24px 28px;margin-bottom:20px}.settings-section h2{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--c-border)}.setting-row:last-child{border-bottom:none}.setting-label h4{font-size:14px;font-weight:500;margin-bottom:2px}.setting-label p{font-size:12px;color:var(--c-text-muted)}.toggle{width:44px;height:24px;background:var(--c-surface2);border-radius:99px;border:1px solid var(--c-border);cursor:pointer;position:relative;transition:var(--transition)}.toggle.on{background:var(--c-accent);border-color:var(--c-accent)}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:var(--transition-spring)}.toggle.on .toggle-thumb{left:22px}.api-key-wrap{display:flex;gap:8px}.api-key-wrap input{flex:1;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-body);font-size:14px;padding:10px 14px;outline:none;transition:var(--transition)}.api-key-wrap input:focus{border-color:#ffffff80}.btn-sm{padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text-muted);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-ghost{background:transparent;border:1px solid var(--c-border, rgba(255,255,255,.15));color:var(--c-text-muted, rgba(240,240,240,.7));cursor:pointer;transition:var(--transition)}.btn-ghost:hover{color:var(--c-text);border-color:var(--c-text-muted)}.btn-sm:hover{color:var(--c-text);border-color:var(--c-border-strong)}.btn-sm.primary{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent)}.btn-sm.primary:hover{background:var(--c-accent)}.btn-primary{padding:14px 24px;border-radius:var(--radius-md);border:none;background:var(--c-accent);color:var(--c-on-accent);font-family:var(--font-display);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:var(--c-accent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-spinner--sm{width:12px;height:12px;border-width:1.5px}.quiz-container{width:500px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.quiz-question{text-align:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:24px 20px;width:100%}.quiz-label{font-size:13px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.quiz-word{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--c-text);margin-bottom:6px}.quiz-phonetic{font-size:15px;color:var(--c-accent);font-style:italic}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.quiz-option{padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:var(--transition);text-align:center}.quiz-option:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-accent-soft)}.quiz-option.correct{border-color:var(--c-green);background:var(--c-green-soft);color:var(--c-green);font-weight:600}.quiz-option.wrong{border-color:var(--c-red);background:var(--c-red-soft);color:var(--c-red)}.quiz-feedback{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.quiz-feedback-correct{font-size:20px;font-weight:700;color:var(--c-green)}.quiz-feedback-wrong{font-size:15px;color:var(--c-text-muted)}.quiz-feedback-wrong strong{color:var(--c-text)}.card-info-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;flex-wrap:wrap}.card-info-label{color:var(--c-text-muted);font-weight:500}.card-info-value{color:var(--c-text)}.card-examples-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.card-examples-section{margin-bottom:12px}.card-examples-nav{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-example-nav-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.card-example-nav-btn:hover{color:var(--c-accent);border-color:#fff6}.card-example-counter{font-size:11px;color:var(--c-text-dim);font-weight:500}.card-type-label{font-size:13px;color:var(--c-text-muted);text-transform:capitalize;margin-bottom:16px}.flashcard-wrap{filter:drop-shadow(0 4px 20px rgba(255,255,255,.1))}.word-card:hover{filter:drop-shadow(0 4px 16px rgba(255,255,255,.12))}.exercise-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;flex-shrink:0}.card-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;min-height:420px;overflow-y:auto}.sentence-order-exercise,.insert-words-exercise,.fluent-rephrase-exercise,.paraphrase-exercise,.describe-video-exercise{min-height:380px;display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:600px}.describe-video-exercise{gap:16px;min-height:480px}.describe-video-player-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000}.describe-video-player{width:100%;height:100%;object-fit:contain}.describe-video-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a12}.describe-video-poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5}.describe-video-poster-fallback{position:relative;z-index:1;text-align:center;color:var(--c-text-muted)}.describe-video-icon{font-size:48px;display:block;margin-bottom:8px}.describe-video-attribution{position:absolute;bottom:6px;right:8px;font-size:10px;color:#fff6;background:#0000004d;padding:2px 8px;border-radius:4px;pointer-events:none}.describe-video-tags{position:absolute;top:8px;left:8px;display:flex;flex-wrap:wrap;gap:4px}.describe-video-tag{font-size:10px;padding:2px 8px;border-radius:10px;background:#00000080;color:#fffc}.describe-video-input-section{display:flex;flex-direction:column;gap:8px}.describe-video-label{font-size:14px;font-weight:500;color:var(--c-text)}.describe-video-textarea{width:100%;min-height:100px;max-height:300px;padding:12px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:14px;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s}.describe-video-textarea:focus{border-color:var(--c-accent)}.describe-video-textarea::placeholder{color:var(--c-text-dim)}.describe-video-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.describe-video-word-count{font-size:12px;color:var(--c-text-muted)}.describe-video-buttons{display:flex;gap:8px;align-items:center}.describe-video-reveal-btn{transition:all .2s}.describe-video-reveal-btn--active{color:var(--c-accent)}.describe-video-reveal-panel{margin-top:4px;padding:20px;border-radius:10px;background:var(--c-surface);border:1px solid var(--c-border);max-height:50vh;min-height:120px;overflow-y:auto}.describe-video-reveal-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.describe-video-reveal-icon{font-size:16px}.describe-video-reveal-label{font-size:13px;font-weight:600;color:var(--c-text)}.describe-video-reveal-content{font-size:14px;line-height:1.8;color:var(--c-text);white-space:pre-wrap}.describe-video-reveal-note{font-size:12px;color:var(--c-text-muted);margin-top:10px;font-style:italic}.fr-textarea,.paraphrase-textarea{height:100px!important;min-height:100px!important;max-height:100px!important;resize:none!important;overflow-y:auto}.exercise-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:16px;margin-top:4px;border-top:1px solid var(--c-border);flex-shrink:0}.sentence-order-exercise .so-answer-area{display:flex;flex-wrap:wrap;gap:8px;padding:16px;min-height:200px;border:1px dashed var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);align-items:center;justify-content:flex-start;align-content:flex-start}.sentence-order-exercise .iw-word-bank{display:flex;flex-wrap:wrap;gap:8px;padding:24px 16px;justify-content:flex-start;align-content:flex-start;min-height:140px;background:transparent;border:1px solid var(--c-border);border-radius:var(--radius-lg)}.so-answer-placeholder{color:var(--c-text-dim);font-size:13px;font-style:italic;width:100%;text-align:center}.so-placed-token{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.so-placed-token:hover{background:var(--c-accent);color:var(--c-on-accent)}.so-empty-slot{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;min-width:48px;min-height:36px;border:2px dashed color-mix(in srgb,var(--c-accent) 50%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-accent) 5%,transparent);font-family:var(--font-body);font-size:14px;font-weight:600}.so-slot-hidden{visibility:hidden;white-space:nowrap}.so-word-bank{display:flex;flex-wrap:wrap;gap:8px;padding:16px;justify-content:center;align-content:flex-start;min-height:48px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.so-bank-token{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius-xl);border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:var(--transition)}.so-bank-token:hover{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.so-bank-empty{color:var(--c-text-dim);font-size:13px;font-style:italic}.iw-sentence-display{font-size:16px;line-height:2;padding:16px;background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);margin-bottom:12px}.iw-text-segment{color:var(--c-text)}.iw-slot{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:4px 12px;border-radius:var(--radius-sm);border:2px dashed var(--c-border-strong);background:transparent;font-family:var(--font-body);font-size:14px;cursor:pointer;transition:var(--transition);vertical-align:middle;margin:0 2px}.iw-slot--empty{border-color:#ffffffe6;color:transparent;background:transparent}.iw-slot--active{border-color:var(--c-accent)!important;border-style:solid!important;background:var(--c-accent-soft);box-shadow:0 0 0 2px var(--c-accent-glow);animation:pulse-border 1.5s ease-in-out infinite}@keyframes slot-fill-flash{0%{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent);transform:scale(1.05)}30%{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent);transform:scale(1.05)}to{background:transparent;border-color:#ffffff59;color:var(--c-text-muted);transform:scale(1)}}.iw-slot--filled{border-style:solid;border-color:#ffffff59;background:transparent;color:var(--c-text-muted);font-weight:600;animation:slot-fill-flash .8s ease}.iw-slot--filled:hover{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.iw-word-bank{display:flex;flex-wrap:wrap;gap:8px;padding:12px;justify-content:center;min-height:48px;max-height:180px;overflow-y:auto;align-content:flex-start}.iw-word-chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius-xl);border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:var(--transition)}.iw-word-chip:hover{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.iw-word-bank-empty{color:var(--c-text-dim);font-size:13px;font-style:italic}.paraphrase-sentence-box{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);margin-bottom:10px}.paraphrase-label{font-size:11px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px}.paraphrase-sentence{font-size:15px;line-height:1.6;color:var(--c-text)}.paraphrase-sentence strong{color:var(--c-accent);font-weight:700;text-decoration:underline;text-decoration-color:var(--c-accent);text-underline-offset:3px}.paraphrase-hint-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-xl);border:1px dashed var(--c-border-strong);background:transparent;color:var(--c-text-muted);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:var(--transition);margin-bottom:10px}.paraphrase-hint-btn:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-soft)}.paraphrase-hint{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:var(--c-surface2);border-radius:var(--radius-md);border:1px solid var(--c-border);margin-bottom:10px}.paraphrase-hint-label{font-size:12px;font-weight:600;color:var(--c-text-muted)}.paraphrase-hint-chip{display:inline-flex;padding:4px 12px;border-radius:var(--radius-xl);background:var(--c-accent-soft);color:var(--c-accent);font-size:13px;font-weight:500}.fr-prompt-box{display:flex;gap:10px;padding:14px 16px;background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);margin-bottom:10px;align-items:flex-start}.fr-prompt-label{font-size:18px;line-height:1;flex-shrink:0}.fr-prompt-text{font-size:15px;line-height:1.6;color:var(--c-text);white-space:pre-wrap}.exercise-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.exercise-badge{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--c-accent)}.exercise-difficulty{font-size:11px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--c-surface2)}.exercise-instruction{font-size:13px;color:var(--c-text-muted);margin-bottom:12px;line-height:1.5}@media (max-width: 1100px){.topbar{padding:14px 20px}.stats-row,.word-grid{grid-template-columns:1fr 1fr}.chat-layout--sidebar-open{padding-right:300px}.study-page--sidebar-open{padding-right:280px}}@media (max-width: 720px){.topbar{padding:16px}.home-content,.add-view-content,.dict-content,.settings-content{padding:12px}.stats-row,.word-grid,.form-row{grid-template-columns:1fr}.flashcard-wrap{width:100%}.card-word{font-size:32px}.rating-row{flex-direction:column;align-items:stretch}.xp-bar-wrap{min-width:120px}}.card-blur-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;pointer-events:none}.view--flipped .flashcard-wrap,.view--flipped .rating-row,.view--flipped .tap-hint,.view--flipped .flashcard-nav{position:relative;z-index:200}.flashcard-inner.flipped{position:relative;z-index:201}.card-stage{position:relative}.card-back{cursor:pointer}.card-back:hover{box-shadow:inset 0 0 0 1px #fff3}.file-input-hidden{display:none}.icon--accent{background:var(--c-accent-soft)}.icon--accent svg{stroke:var(--c-accent)}.icon--green{background:var(--c-green-soft)}.icon--green svg{stroke:var(--c-green)}.icon--amber{background:var(--c-amber-soft)}.icon--amber svg{stroke:var(--c-amber)}.icon--red{background:var(--c-red-soft)}.icon--red svg{stroke:var(--c-red)}.lang-picker-overlay{display:flex;align-items:center;justify-content:flex-start;min-height:100vh;background:var(--c-bg);flex-direction:column;gap:24px;padding:48px 32px;overflow-y:auto}.lang-picker-icon{font-size:48px;margin-bottom:8px;color:var(--c-accent)}.lang-picker-title{font-family:var(--font-display);font-size:24px;font-weight:700;text-align:center}.lang-picker-desc{color:var(--c-text-muted);text-align:center;font-size:14px}.lang-picker-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.lang-picker-btn{padding:16px 24px;border-radius:var(--radius-lg);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.lang-picker-btn:hover{border-color:var(--c-accent);background:var(--c-accent-soft)}.lang-picker-btn .lang-native-name{display:block;font-size:18px;font-weight:700;line-height:1.3}.lang-picker-btn .lang-en-name{display:block;font-size:12px;font-weight:400;color:var(--c-text-muted);margin-top:2px}.dict-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.dict-detail-word-wrap{flex:1}.dict-detail-word{font-family:var(--font-display);font-size:32px;font-weight:800}.dict-detail-phonetic{font-size:15px;color:var(--c-accent);font-style:italic;margin-top:4px}.dict-detail-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.dict-section{margin-bottom:20px}.dict-section-label{font-size:12px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500;margin-bottom:8px}.dict-meaning{font-size:18px;font-weight:600;margin-bottom:8px}.dict-definition{font-size:14px;color:var(--c-text-muted);line-height:1.6}.dict-image-slot{margin-bottom:20px;min-height:120px}.dict-image-placeholder{color:var(--c-text-dim);font-size:14px}.dict-srs-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--c-border);margin-top:8px}.dict-word-count{font-size:13px;color:var(--c-text-muted)}.dict-empty{text-align:center;padding:40px;color:var(--c-text-muted)}.dict-empty-icon{font-size:36px;margin-bottom:12px}.form-section-desc{font-size:13px;color:var(--c-text-muted);margin-bottom:20px}.btn-primary--full{width:100%}.manual-toggle-wrap{text-align:center;margin-top:16px}.manual-form{margin-top:20px}.form-section--muted{background:var(--c-surface2)}.how-it-works-list{font-size:13px;color:var(--c-text-muted);line-height:2}.quick-add-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--c-accent-glow);z-index:999;transition:transform .2s,box-shadow .2s}.quick-add-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px var(--c-accent-glow)}.quick-add-fab:active{transform:scale(.95)}.quick-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:998;animation:fadeIn .2s ease}.quick-add-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--c-bg);border-top-left-radius:16px;border-top-right-radius:16px;padding:20px 24px 32px;z-index:999;box-shadow:0 -8px 32px #0006;animation:slideUp .25s ease;max-width:500px;margin:0 auto}.quick-add-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.quick-add-header h3{font-size:16px;font-weight:700;color:var(--c-text);margin:0}.quick-add-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--c-border);background:transparent;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.quick-add-close:hover{color:var(--c-text);border-color:var(--c-border-strong)}.quick-add-body{display:flex;flex-direction:column;gap:12px}.quick-add-input{width:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;color:var(--c-text);font-size:16px;padding:14px 16px;outline:none;transition:border-color .2s;font-family:inherit}.quick-add-input:focus{border-color:var(--c-accent)}.quick-add-input::placeholder{color:var(--c-text-dim)}.quick-add-submit{width:100%;padding:14px;border-radius:10px;border:none;background:var(--c-accent);color:var(--c-on-accent);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.quick-add-submit:hover:not(:disabled){opacity:.9}.quick-add-submit:disabled{opacity:.4;cursor:not-allowed}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.word-preview{background:var(--c-surface);border:1px solid var(--c-accent-soft);border-radius:var(--radius-xl);padding:28px;margin-bottom:20px;animation:slideDown .3s ease}.word-preview-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.word-preview-word{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--c-text)}.word-preview-phonetic{font-size:14px;color:var(--c-text-muted);font-weight:400;margin-left:8px}.word-preview-type{font-size:11px;font-weight:600;color:var(--c-accent);text-transform:uppercase;letter-spacing:.05em;background:var(--c-accent-soft);padding:3px 10px;border-radius:99px}.word-preview-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.word-preview-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--c-surface2);color:var(--c-text-muted)}.word-preview-badge--level{background:var(--c-accent-soft);color:var(--c-accent)}.word-preview-section{margin-bottom:14px}.word-preview-section:last-child{margin-bottom:0}.word-preview-section-label{font-size:11px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.word-preview-text{font-size:14px;color:var(--c-text);line-height:1.6}.word-preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.word-preview-list li{font-size:13px;color:var(--c-text);padding:6px 10px;background:var(--c-surface2);border-radius:var(--radius-sm);line-height:1.5}.word-preview-actions{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.word-preview-confirm{flex:1;padding:14px 24px;border-radius:var(--radius-md);border:none;background:var(--c-accent);color:var(--c-on-accent);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:var(--font-display);display:inline-flex;align-items:center;justify-content:center;gap:8px}.word-preview-confirm:hover{background:var(--c-accent)}.word-preview-edit{padding:14px 24px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font-display);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.word-preview-edit:hover{border-color:var(--c-border-strong);color:var(--c-text)}.word-preview-cancel{padding:14px 24px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--c-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);font-family:var(--font-display);display:inline-flex;align-items:center;justify-content:center}.word-preview-cancel:hover{color:var(--c-text)}.word-preview-regenerate{padding:14px 24px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:transparent;color:var(--c-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);font-family:var(--font-display);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.word-preview-regenerate:hover{color:var(--c-accent);border-color:var(--c-accent-soft)}.add-subtabs{display:flex;gap:0;background:var(--c-surface);border-bottom:1px solid var(--c-divider);position:sticky;top:0;z-index:10;padding:0 16px}.add-subtab{display:flex;align-items:center;gap:8px;padding:12px 20px;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;color:var(--c-text-dim);font-size:.9rem;font-weight:500;transition:all .15s ease}.add-subtab:hover{color:var(--c-text);background:var(--c-hover)}.add-subtab--active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.add-subtab svg{flex-shrink:0}.content-flashcards-section,.content-input-view{padding:0}.content-type-picker{margin-bottom:20px}.form-field-label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--c-text-dim)}.content-type-chips{display:flex;flex-wrap:wrap;gap:8px}.content-type-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--c-divider);background:var(--c-surface2);color:var(--c-text-dim);font-size:.85rem;cursor:pointer;transition:all .15s ease}.content-type-chip:hover{border-color:var(--c-accent-soft);color:var(--c-text)}.content-type-chip--active{border-color:var(--c-accent);background:#ffffff1a;color:var(--c-accent)}.content-results{padding:0}.content-results-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-divider)}.content-results-header h2{margin:0;font-size:1rem;font-weight:600}.content-results-actions{display:flex;gap:8px}.content-card-list{padding:8px;display:flex;flex-direction:column;gap:6px}.content-card-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid var(--c-divider);background:var(--c-surface);cursor:pointer;transition:all .15s ease}.content-card-item:hover{border-color:var(--c-accent-soft);background:var(--c-surface2)}.content-card-item--selected{border-color:var(--c-accent);background:#ffffff0f}.content-card-item--added{opacity:.6;cursor:default;border-color:var(--c-divider);background:var(--c-surface2)}.content-card-check{flex-shrink:0;margin-top:2px}.content-card-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid var(--c-divider);transition:all .15s ease}.content-card-checkbox--checked{border-color:var(--c-accent);background:var(--c-accent)}.content-card-item--selected .content-card-checkbox--checked{background:var(--c-accent);border-color:var(--c-accent)}.content-card-info{flex:1;min-width:0}.content-card-word{font-size:1.05rem;font-weight:600;color:var(--c-text);margin-bottom:2px}.content-card-phonetic{font-size:.82rem;color:var(--c-text-dim);font-family:monospace;margin-bottom:4px}.content-card-type{font-size:.75rem;color:var(--c-accent);font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.content-card-translation{font-size:.9rem;color:var(--c-text-secondary);margin-bottom:4px}.content-card-definition{font-size:.85rem;color:var(--c-text-dim);line-height:1.4;margin-bottom:6px}.content-card-badges{display:flex;flex-wrap:wrap;gap:4px}.content-card-badge{font-size:.72rem;padding:2px 8px;border-radius:4px;background:var(--c-surface2);color:var(--c-text-dim);border:1px solid var(--c-divider)}.content-card-badge--tag{background:#ffffff1a;color:var(--c-accent);border-color:#fff3}.content-results-footer{position:sticky;bottom:0;padding:12px 16px;background:var(--c-bg);border-top:1px solid var(--c-divider)}.content-results-footer .btn-primary--full{margin:0}.quiz-list{padding:8px;display:flex;flex-direction:column;gap:12px}.quiz-item{border:1px solid var(--c-divider);border-radius:10px;padding:16px;background:var(--c-surface);transition:border-color .15s ease}.quiz-item--correct{border-color:#22c55e}.quiz-item--wrong{border-color:#ef4444}.quiz-item-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.quiz-item-number{font-size:.75rem;font-weight:700;color:var(--c-accent);background:#ffffff1a;padding:2px 8px;border-radius:4px}.quiz-item-type{font-size:.72rem;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.3px}.quiz-item-question{font-size:.95rem;line-height:1.5;color:var(--c-text);margin-bottom:12px;font-weight:500}.quiz-item-options{display:flex;flex-direction:column;gap:6px}.quiz-option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:10px 14px;border-radius:8px;border:1px solid var(--c-divider);background:var(--c-surface2);color:var(--c-text);font-size:.88rem;cursor:pointer;transition:all .12s ease}.quiz-option:hover:not(:disabled){border-color:var(--c-accent-soft);background:#ffffff0f}.quiz-option:disabled{cursor:default;opacity:.85}.quiz-opt--selected{border-color:var(--c-accent);background:#ffffff1a}.quiz-opt--correct{border-color:#22c55e!important;background:#22c55e14!important;color:#22c55e;font-weight:600}.quiz-opt--wrong{border-color:#ef4444!important;background:#ef444414!important;color:#ef4444}.quiz-opt-icon{font-size:1rem;font-weight:700;margin-left:8px;flex-shrink:0}.quiz-explain{margin-top:10px;padding:10px 12px;border-radius:8px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);font-size:.85rem;color:var(--c-text-secondary);line-height:1.45}.quiz-item--correct .quiz-explain{background:#22c55e0f;border-color:#22c55e26}.quiz-score-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-score-text{font-size:1.05rem;font-weight:700;color:var(--c-accent)}.setting-select{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);padding:8px 12px;font-size:13px;outline:none}.setting-select--wide{width:200px}.btn-sm--danger{color:var(--c-red);border-color:#f871714d}.meta-time{font-size:12px;color:var(--c-text-muted)}.study-mode-cards{margin-bottom:24px}.clickable{cursor:pointer}.clickable:hover{border-color:var(--c-border-strong);background:var(--c-surface2)}.greeting-sm{font-family:var(--font-display);font-size:22px;font-weight:700}.text-muted-sm{font-size:13px;color:var(--c-text-muted);margin-bottom:20px}.text-muted-xs{font-size:12px;color:var(--c-text-dim)}.study-header-title{font-family:var(--font-display);font-size:16px;font-weight:700}.value-sm{font-size:13px;color:var(--c-text-muted)}.accent-bg{background:var(--c-accent-soft)}.green-bg{background:var(--c-green-soft)}.empty-state{text-align:center;padding:40px}.empty-icon{font-size:24px;font-weight:700;color:var(--c-green);margin-bottom:12px}.progress-text{font-size:13px;color:var(--c-text-muted);white-space:nowrap}.two-col{grid-template-columns:1fr 1fr}.card-example-nav-btn:disabled{opacity:.3;cursor:not-allowed}.card-example-nav-btn:disabled:hover{color:var(--c-text-muted);border-color:var(--c-border)}.pill-tag{background:var(--c-surface2);border:1px solid var(--c-border)}.card-info-label--gap{margin-left:12px}.due-label--right{margin-left:auto}.dict-group-wrap{margin-bottom:20px}.dict-group-header{padding:16px 20px;cursor:pointer}.dict-group-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dict-group-dot--accent{background:var(--c-accent)}.dict-group-dot--green{background:var(--c-green)}.dict-group-dot--amber{background:var(--c-amber)}.dict-group-dot--red{background:var(--c-red)}.dict-group-dot--blue{background:var(--c-accent)}.dict-group-dot--purple{background:#ededed}.dict-group-dot--orange{background:#fb923c}.dict-group-title{font-size:16px}.dict-group-grid{margin-top:12px}.dict-ungrouped-wrap{margin-bottom:20px}#view-dict .flashcard-inner{min-height:640px}#view-dict .card-face{min-height:640px;padding:28px 32px}#view-dict .card-word{font-family:var(--font-body);font-size:22px;font-weight:700;margin-bottom:8px}#view-dict .card-phonetic{font-size:13px;margin-bottom:12px}#view-dict .card-meaning{font-size:12px;margin-bottom:10px}#view-dict .card-definition{font-size:14px;margin-bottom:12px;line-height:1.5}#view-dict .card-top{margin-bottom:12px}#view-dict .card-tags{margin-top:8px}#view-dict .card-examples-section{margin-top:8px;display:flex;flex-direction:column;gap:8px}#view-dict .card-example-dots{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 0}#view-dict .card-example-dot{width:8px;height:8px;border-radius:50%;background:var(--c-border-strong);cursor:pointer;transition:var(--transition)}#view-dict .card-example-dot.active{background:var(--c-accent);width:10px;height:10px}#view-dict .card-example-dot:hover{background:var(--c-accent)}#view-dict .card-example{font-size:14px;padding:12px 16px;line-height:1.6;background:var(--c-surface2);color:var(--c-text);border-left:3px solid var(--c-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border:1px solid var(--c-border);border-left-width:3px;display:flex;align-items:flex-start;gap:8px}#view-dict .card-example em{color:var(--c-accent);font-style:normal;font-weight:600}#view-dict .card-example-audio-inline{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;margin-top:1px;margin-left:auto}#view-dict .card-example-audio-inline:hover{color:var(--c-accent);border-color:#fff6}#view-dict .card-example-nav{display:flex;align-items:center;justify-content:center;gap:8px}#view-dict .card-example-nav-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}#view-dict .card-example-nav-btn:hover:not(:disabled){color:var(--c-accent);border-color:#fff6;background:var(--c-accent-soft)}#view-dict .card-example-nav-btn:disabled{opacity:.3;cursor:not-allowed}#view-dict .card-back .card-tag{background:var(--c-accent-soft);border-color:#ffffff4d;color:var(--c-accent);font-weight:500}#view-dict .card-image-slot{width:100%;min-height:200px;border-radius:var(--radius-md);overflow:hidden;background:var(--c-surface);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;position:relative;margin:8px 0}#view-dict .card-image-slot img{width:100%;height:200px;object-fit:cover;display:block}#view-dict .card-image-placeholder{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c-text-muted);cursor:pointer;transition:var(--transition);font-size:13px}#view-dict .card-image-placeholder:hover{background:var(--c-accent-soft);color:var(--c-accent)}#view-dict .card-image-change{position:absolute;bottom:8px;right:8px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text-muted);font-size:11px;cursor:pointer;transition:var(--transition);opacity:.8}#view-dict .card-image-change:hover{opacity:1;color:var(--c-accent);border-color:var(--c-accent)}.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;animation:fadeInUp .35s ease;max-width:600px;margin:0 auto;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-welcome-icon{width:56px;height:56px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:var(--c-accent);margin-bottom:1.2rem}.chat-welcome-title{font-size:1.3rem;font-weight:600;color:var(--c-text);margin:0 0 .4rem;line-height:1.3}.chat-welcome-subtitle{font-size:.85rem;color:var(--c-text-dim);margin:0 0 1.5rem;line-height:1.5}.chat-welcome-suggestions{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:480px}.chat-welcome-suggestion{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#fff9;font-size:.82rem;cursor:pointer;transition:all .15s;text-align:left;line-height:1.4}.chat-welcome-suggestion:hover{background:#ffffff14;border-color:#fff3;color:var(--c-accent)}.chat-welcome-suggestion svg{flex-shrink:0;opacity:.4}.chat-welcome-suggestion:hover svg{opacity:.8}#view-chat{display:none;flex-direction:column;height:100vh}#view-chat.active{display:flex}.chat-markdown{line-height:1.65;font-size:.925rem}.chat-markdown p{margin:0 0 .6rem;line-height:1.65}.chat-markdown p>strong:first-child{display:block;margin-bottom:.2rem;font-size:.95rem;letter-spacing:.01em}.chat-markdown hr{border:none;border-top:1px solid var(--c-divider);margin:8px 0;opacity:.4}.chat-markdown ul,.chat-markdown ol{margin:.4rem 0 .6rem 1.4rem;padding:0}.chat-markdown li{margin-bottom:.3rem;line-height:1.55}.chat-markdown ul ul,.chat-markdown ol ol,.chat-markdown ul ol,.chat-markdown ol ul{margin-top:1px;margin-bottom:1px}.chat-markdown code{background:#ffffff14;padding:.15em .4em;border-radius:4px;font-size:.875em;font-family:SF Mono,Fira Code,monospace;color:var(--c-accent)}.chat-markdown pre{background:#ffffff0f;padding:.9rem 1rem;border-radius:8px;overflow-x:auto;margin:.6rem 0 .9rem}.chat-markdown pre code{background:none;border:none;padding:0;font-size:.875em;color:var(--c-text);line-height:1.5}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.chat-markdown h4{font-weight:600;margin:.8rem 0 .35rem;color:var(--c-text);line-height:1.3}.chat-markdown h1{font-size:17px}.chat-markdown h2{font-size:15px}.chat-markdown h3{font-size:14px}.chat-markdown h4{font-size:13px}.chat-markdown blockquote{border-left:3px solid rgba(255,255,255,.4);background:#ffffff0d;border-radius:0 6px 6px 0;padding:.5rem .9rem;margin:.6rem 0;color:#ffffffe6}.chat-markdown blockquote p{margin:0}.chat-markdown table{width:100%;border-collapse:collapse;margin:8px 0;font-size:14px}.chat-markdown th,.chat-markdown td{border:1px solid var(--c-border);padding:8px 12px;text-align:left}.chat-markdown th{background:var(--c-surface2);font-weight:600;color:var(--c-text)}.chat-markdown td{color:var(--c-text)}.chat-markdown a{color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}.exercise-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.exercise-badge{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--c-text)}.exercise-difficulty{font-size:11px;padding:3px 10px;border-radius:99px;background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text-muted);text-transform:capitalize}.exercise-instruction{font-size:13px;color:var(--c-text-muted);margin-bottom:16px;line-height:1.5}.exercise-instruction strong{color:var(--c-text)}.exercise-actions{display:flex;gap:8px;margin-top:12px}.insert-words-exercise{display:flex;flex-direction:column;gap:12px;padding:0 4px}.iw-sentence-display{font-size:16px;line-height:2.4;color:var(--c-text);padding:16px 20px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.iw-text-segment{display:inline}.iw-slot{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:2px 8px;margin:0 2px;border:none;border-bottom:2px dashed var(--c-accent);background:transparent;color:var(--c-accent);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);vertical-align:baseline;border-radius:0}.iw-slot--empty{border-color:#ffffffe6;color:transparent}.iw-slot--filled{border-bottom-color:#ffffff59;color:var(--c-text-muted)}.iw-slot:hover{background:var(--c-accent-soft);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.iw-word-bank{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-lg);min-height:48px}.iw-word-chip{padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;font-weight:500;box-shadow:0 1px 3px #00000026}.iw-word-chip:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-accent-soft);box-shadow:0 2px 6px #00000040}.iw-word-chip:disabled{opacity:.4;cursor:not-allowed}.iw-word-bank-empty{color:var(--c-text-dim);font-size:13px;padding:4px 0}.sentence-order-exercise{display:flex;flex-direction:column;gap:12px;padding:0 4px}.so-token-row{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);min-height:60px;justify-content:center}.so-token{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text);font-family:var(--font-body);font-size:15px;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;font-weight:500}.so-token:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-accent-soft);transform:translateY(-1px)}.so-token:disabled{opacity:.3;cursor:not-allowed}.so-token--selected{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);box-shadow:0 0 0 2px #ffffff4d}.paraphrase-exercise{display:flex;flex-direction:column;gap:12px;padding:0 4px}.paraphrase-sentence-box{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);font-size:15px;line-height:1.6;color:var(--c-text)}.paraphrase-label{font-size:13px;color:var(--c-text-muted);flex-shrink:0;font-weight:500}.paraphrase-sentence{flex:1}.paraphrase-target-word{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md)}.paraphrase-target-label{font-size:12px;color:var(--c-text-muted);font-weight:500}.paraphrase-target-chip{padding:4px 12px;border-radius:var(--radius-sm);background:var(--c-accent-soft);border:1px solid rgba(255,255,255,.3);color:var(--c-accent);font-weight:600;font-size:14px}.paraphrase-hint{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md)}.paraphrase-hint-label{font-size:12px;color:var(--c-text-muted);font-weight:500}.paraphrase-hint-chips{display:flex;flex-wrap:wrap;gap:6px}.paraphrase-hint-chip{padding:4px 10px;border-radius:var(--radius-sm);background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text-muted);font-size:13px}.paraphrase-textarea{width:100%;min-height:50px;max-height:120px;padding:10px 14px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);font-family:var(--font-body);font-size:15px;resize:vertical;outline:none;transition:var(--transition);line-height:1.6}.paraphrase-textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.paraphrase-textarea::placeholder{color:var(--c-text-dim)}.fluent-rephrase-exercise{display:flex;flex-direction:column;gap:12px;padding:0 4px}.fr-prompt-box{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);font-size:15px;line-height:1.6;color:var(--c-text)}.fr-prompt-label{font-size:18px;flex-shrink:0;line-height:1.4}.fr-prompt-text{flex:1}.fr-textarea{width:100%;min-height:50px;max-height:120px;padding:10px 14px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);font-family:var(--font-body);font-size:15px;resize:vertical;outline:none;transition:var(--transition);line-height:1.6}.fr-textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.fr-textarea::placeholder{color:var(--c-text-dim)}.exercise-feedback{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);max-width:500px;margin:0 auto;width:100%}.ef-score-circle{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:50%;width:120px;height:120px;margin:0 auto;justify-content:center}.ef-score-emoji{font-size:24px;line-height:1}.ef-score-value{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:1}.ef-score-label{font-size:11px;color:var(--c-text-muted);font-weight:500}.ef-subscores{display:flex;flex-direction:column;gap:8px}.ef-subscore{display:flex;align-items:center;gap:10px}.ef-subscore-label{font-size:12px;color:var(--c-text-muted);min-width:80px;text-transform:capitalize}.ef-subscore-bar{flex:1;height:6px;background:var(--c-surface2);border-radius:99px;overflow:hidden}.ef-subscore-fill{height:100%;border-radius:99px;transition:width .6s ease}.ef-subscore-value{font-size:12px;font-weight:600;min-width:30px;text-align:right;color:var(--c-text-muted)}.ef-feedback-text{font-size:14px;color:var(--c-text);line-height:1.6;padding:12px 16px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md)}.ef-corrected{padding:12px 16px;background:var(--c-green-soft);border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-md)}.ef-corrected-label{font-size:11px;color:var(--c-green);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.ef-corrected-text{font-size:14px;color:var(--c-text);line-height:1.5}.ef-tips{font-size:13px;color:var(--c-text-muted);line-height:1.6;padding:12px 16px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md)}.ef-tips-title{font-weight:600;color:var(--c-accent);margin-bottom:6px}.ef-tips-list{padding-left:18px;margin:0}.ef-tips-list li{margin-bottom:4px}.study-mode-selector{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:600px;margin:0 auto;width:100%}.selector-header{display:flex;align-items:center;justify-content:space-between}.selector-title{font-family:var(--font-display);font-size:16px;font-weight:700}.selector-due{font-size:12px;color:var(--c-text-muted)}.selector-modes-row{display:flex;align-items:center;gap:32px;padding-bottom:14px;border-bottom:1px solid var(--c-border);flex-wrap:wrap}.selector-scope{display:flex;align-items:center;gap:10px}.selector-scope-label{font-size:13px;color:var(--c-text-muted);font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.selector-scope-options{display:flex;gap:4px;background:#ffffff0a;padding:3px;border-radius:var(--radius-md)}.selector-scope-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--c-text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.selector-scope-btn:hover{color:var(--c-text);background:#ffffff0f}.selector-scope-btn--active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:600;box-shadow:0 1px 3px #00000026}.selector-scope-icon{font-size:16px;line-height:1}.selector-scope-name{font-size:13px}.selector-difficulty{display:flex;align-items:center;gap:10px}.selector-difficulty-label{font-size:13px;color:var(--c-text-muted);font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.selector-difficulty-options{display:flex;gap:4px;background:#ffffff0a;padding:3px;border-radius:var(--radius-md)}.selector-difficulty-btn{padding:7px 14px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--c-text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.selector-difficulty-btn:hover{color:var(--c-text);background:#ffffff0f}.selector-difficulty-btn--active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:600;box-shadow:0 1px 3px #00000026}.selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.selector-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:var(--radius-lg);border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;transition:var(--transition);text-align:center;font-family:var(--font-body)}.selector-card:hover{border-color:var(--c-border-strong);background:var(--c-surface2)}.selector-card--active{border-color:var(--c-accent);background:var(--c-accent-soft)}.selector-icon{font-size:24px;line-height:1;color:var(--c-text-muted)}.selector-icon-fallback{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--c-surface2);color:var(--c-text-muted);font-size:11px;font-weight:700;font-family:var(--font-body)}.selector-label{font-size:12px;font-weight:600;color:var(--c-text)}.selector-desc{font-size:11px;color:var(--c-text-muted)}.generating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}.generating-state .btn-spinner{width:24px;height:24px;border-width:2.5px;border-color:#ffffff4d;border-top-color:var(--c-accent)}.generating-text{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--c-text);animation:pulse-text 1.5s ease-in-out infinite}.generating-sub{font-size:13px;color:var(--c-text-dim);max-width:340px;line-height:1.5}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.study-pregen-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;background:color-mix(in srgb,var(--c-accent) 8%,var(--c-surface));border:1px solid color-mix(in srgb,var(--c-accent) 25%,transparent);border-radius:var(--radius-md);animation:fadeIn .4s ease-out}.offline-study-info{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:0 12px 10px;background:#ffc10714;border:1px solid rgba(255,193,7,.2);border-radius:8px;font-size:13px;color:#ffc107}.study-pregen-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--c-accent) 30%,transparent);border-top-color:var(--c-accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.study-pregen-text{display:flex;flex-direction:column;gap:2px;min-width:0}.study-pregen-title{font-size:13px;font-weight:600;color:var(--c-accent);animation:pulse-text 2s ease-in-out infinite}.study-pregen-sub{font-size:11px;color:var(--c-text-dim);line-height:1.4}@media (max-width: 720px){.selector-grid{grid-template-columns:repeat(2,1fr)}.exercise-actions{flex-direction:column}.exercise-actions .btn-sm{width:100%;text-align:center}.so-token-row{gap:6px}.so-token{padding:6px 12px;font-size:14px}.iw-sentence-display{font-size:15px;padding:12px 16px}.ef-score-circle{width:100px;height:100px}.chat-scroll-btn{bottom:60px;padding:4px 12px;font-size:11px}}@media (max-width: 1024px) and (min-width: 721px){.chat-split-container--split{flex-direction:column}.split-panel--left{border-right:none;border-bottom:1px solid var(--c-divider);max-height:50%}.split-panel--right{border-left:none}.split-vocab-panel{display:none}.chat-layout--sidebar-open{padding-right:280px}}.chat-layout{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;transition:padding-right .25s ease}.chat-layout--sidebar-open{padding-right:380px}.chat-top-bar{display:flex;align-items:center;height:40px;min-height:40px;background:var(--c-surface);border-bottom:1px solid var(--c-divider);position:relative;z-index:10;flex-shrink:0;opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.chat-top-bar--hidden{opacity:0;transform:translateY(-100%);pointer-events:none;position:absolute;width:100%}.chat-top-new-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-sm);margin:0 4px;flex-shrink:0;transition:var(--transition)}.chat-top-new-btn:hover{background:var(--c-surface2);color:var(--c-text)}.chat-top-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:center;flex:1;min-width:0;height:100%;gap:0;scrollbar-width:thin}.chat-top-tabs::-webkit-scrollbar{height:2px}.chat-top-tabs::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}.chat-top-tab{display:flex;align-items:center;gap:6px;padding:0 12px;height:100%;border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;font-family:var(--font-body);font-size:12px;white-space:nowrap;flex-shrink:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--c-divider);transition:var(--transition);position:relative}.chat-top-tab:hover{background:var(--c-surface2);color:var(--c-text)}.chat-top-tab--active{background:var(--c-bg);color:var(--c-text);border-bottom:2px solid var(--c-accent)}.chat-top-tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--c-accent)}.chat-top-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.chat-top-tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;opacity:0;transition:var(--transition)}.chat-top-tab:hover .chat-top-tab-close{opacity:1}.chat-top-tab-close:hover{background:var(--c-red-soft);color:var(--c-red)}.chat-top-tab-split{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;opacity:0;transition:var(--transition)}.chat-top-tab:hover .chat-top-tab-split{opacity:1}.chat-top-tab-split:hover{background:var(--c-surface2);color:var(--c-accent)}.chat-top-tab-mirror{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;opacity:0;transition:var(--transition)}.chat-top-tab:hover .chat-top-tab-mirror{opacity:1}.chat-top-tab-mirror:hover{background:var(--c-surface2);color:var(--c-accent)}.chat-top-tab-mirror--active{opacity:1!important;color:var(--c-accent);background:var(--c-accent-soft)}.chat-top-tab--split{border-left:2px solid var(--c-accent)}.chat-top-tab--drag-over{border-left:2px solid var(--c-accent);background:var(--c-accent-soft)}.chat-top-actions{display:flex;align-items:center;gap:4px;padding:0 8px;flex-shrink:0;position:relative}.chat-top-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.chat-top-action-btn:hover{background:var(--c-surface2);color:var(--c-text)}.chat-split-container{display:flex;flex:1;min-height:0;overflow:hidden}.chat-split-container--split{border-left:1px solid var(--c-divider)}.split-panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.split-panel--left{border-right:1px solid var(--c-divider)}.split-panel--focused{box-shadow:inset 0 0 0 1px var(--c-accent)}.split-vocab-panel{width:320px;min-width:280px;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);overflow-y:auto;background:#000}.chat-split-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--c-surface);border-bottom:1px solid var(--c-divider);flex-shrink:0}.chat-split-title{font-size:12px;font-weight:600;color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-split-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.chat-split-close:hover{background:var(--c-surface2);color:var(--c-text)}.split-chat-selector{position:relative;flex:1;min-width:0;margin-right:6px}.split-chat-selector-btn{display:flex;align-items:center;gap:4px;width:100%;padding:3px 6px;border:1px solid transparent;background:transparent;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:12px;font-weight:600;transition:var(--transition)}.split-chat-selector-btn:hover{background:var(--c-surface2);color:var(--c-text);border-color:var(--c-divider)}.split-chat-selector-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1}.split-chat-selector-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.split-chat-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--c-surface);border:1px solid var(--c-divider);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;z-index:999;max-height:200px;overflow-y:auto;min-width:180px}.split-chat-selector-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;font-size:12px;text-align:left;transition:var(--transition);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-chat-selector-item:hover{background:var(--c-accent-soft);color:var(--c-text)}.split-chat-selector-empty{padding:12px;font-size:12px;color:var(--c-text-dim);text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chat-main--centered .chat-messages{display:flex;flex-direction:column;justify-content:center;align-items:center}.msg{display:flex;gap:10px;max-width:720px;width:100%;margin:0 auto;animation:msg-fade-in .2s ease}@keyframes msg-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg.user{flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--c-accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--c-accent)}.msg-content{flex:1;min-width:0}.msg.user .msg-content{display:flex;justify-content:flex-end}.msg.user .chat-markdown{background:var(--c-accent-soft);color:var(--c-text);padding:10px 14px;border-radius:var(--radius-lg) var(--radius-lg) 4px var(--radius-lg);max-width:85%;display:inline-block}.msg.assistant .chat-markdown{color:var(--c-text);line-height:1.7}.chat-markdown p{margin-bottom:8px}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown ul,.chat-markdown ol{margin:8px 0;padding-left:20px}.chat-markdown li{margin-bottom:4px}.chat-markdown strong{font-weight:600;color:var(--c-text)}.chat-markdown em{font-style:italic}.chat-markdown code{background:var(--c-surface2);padding:2px 6px;border-radius:var(--radius-sm);font-size:13px;font-family:SF Mono,Fira Code,monospace}.chat-markdown pre{background:var(--c-surface2);padding:12px 16px;border-radius:var(--radius-lg);overflow-x:auto;margin:8px 0}.chat-markdown pre code{background:none;padding:0}.chat-markdown blockquote{border-left:3px solid var(--c-accent);padding-left:12px;margin:8px 0;color:var(--c-text-muted)}.chat-markdown hr{border:none;border-top:1px solid var(--c-divider);margin:16px 0}.chat-markdown a{color:var(--c-accent);text-decoration:underline}.chat-markdown a:hover{opacity:.8}.vocab-word{display:inline!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:baseline;color:inherit!important;cursor:pointer;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px);background-size:4px 1px;background-repeat:repeat-x;background-position:0 100%;padding-bottom:2px;transition:color .15s}.msg-content li .vocab-word,.msg-content p .vocab-word{display:inline!important}.vocab-word:hover,.vocab-word--hover{color:var(--c-accent)!important;background-image:radial-gradient(circle,var(--c-accent) 1px,transparent 1px)}.streaming-cursor{display:inline-block;width:2px;height:16px;background:var(--c-accent);margin-left:2px;animation:blink .8s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:var(--c-surface2);border-radius:var(--radius-lg);align-items:center}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--c-text-dim);animation:typing-bounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-streaming-bar{display:flex;align-items:center;gap:10px;padding:6px 20px;background:transparent;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.chat-streaming-bar-dots{display:flex;gap:3px;opacity:.5}.chat-streaming-bar-dot{width:4px;height:4px;border-radius:50%;background:var(--c-text-dim);animation:typing-bounce 1.4s ease-in-out infinite}.chat-streaming-bar-dot:nth-child(2){animation-delay:.2s}.chat-streaming-bar-dot:nth-child(3){animation-delay:.4s}.chat-streaming-bar-label{font-size:11px;color:var(--c-text-dim);font-style:italic;opacity:.6}.chat-stop-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.07);background:transparent;color:#fff6;cursor:pointer;font-size:10px;margin-left:auto;transition:var(--transition)}.chat-stop-btn:hover{border-color:#ef444440;color:#fca5a5;background:#ef44440f}.chat-scroll-btn{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;font-size:12px;box-shadow:0 2px 8px #0003;opacity:0;pointer-events:none;transition:var(--transition);z-index:5}.chat-scroll-btn--visible{opacity:1;pointer-events:auto}.chat-scroll-btn:hover{background:var(--c-surface2);color:var(--c-text)}.chat-scroll-btn-dots{display:flex;gap:2px}.chat-scroll-dot{width:4px;height:4px;border-radius:50%;background:var(--c-accent);animation:typing-bounce 1.4s ease-in-out infinite}.chat-scroll-dot:nth-child(2){animation-delay:.2s}.chat-scroll-dot:nth-child(3){animation-delay:.4s}.msg-actions{display:flex;gap:2px;margin-top:4px;opacity:0;transition:var(--transition)}.msg:hover .msg-actions{opacity:1}.msg-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.msg-action-btn:hover{background:var(--c-surface2);color:var(--c-text)}.chat-input-area,.chat-input-bar{padding:12px 20px 16px;background:var(--c-bg);border-top:1px solid var(--c-divider);flex-shrink:0}.chat-input-wrap{display:flex;align-items:flex-end;gap:8px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:8px 12px;transition:var(--transition);max-width:720px;margin:0 auto}.chat-input-wrap:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent-soft)}.chat-input{flex:1;border:none;background:transparent;color:var(--c-text);font-family:var(--font-body);font-size:14px;line-height:1.5;resize:none;outline:none;min-height:24px;max-height:120px}.chat-input::placeholder{color:var(--c-text-dim)}.chat-input-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.chat-input-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);flex-shrink:0}.chat-input-btn:hover{background:var(--c-surface2);color:var(--c-text)}.chat-input-btn--active{color:var(--c-accent);background:var(--c-accent-soft)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--c-accent);color:var(--c-on-accent);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition);flex-shrink:0}.chat-send-btn:hover{opacity:.9;transform:scale(1.05)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-addword-wrap,.chat-add-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);max-width:720px;margin:0 auto 8px}.chat-addword-input,.chat-add-input{flex:1;border:none;background:transparent;color:var(--c-text);font-family:var(--font-body);font-size:14px;outline:none}.chat-addword-input::placeholder,.chat-add-input::placeholder{color:var(--c-text-dim)}.chat-addword-btn,.chat-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--c-accent);color:var(--c-on-accent);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);flex-shrink:0}.chat-addword-btn:hover,.chat-add-btn:hover{opacity:.9}.chat-addword-btn:disabled,.chat-add-btn:disabled{opacity:.4;cursor:not-allowed}.chat-addword-cancel,.chat-add-cancel-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);flex-shrink:0}.chat-addword-cancel:hover,.chat-add-cancel-btn:hover{background:var(--c-surface2);color:var(--c-text)}.chat-add-vocab-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);flex-shrink:0}.chat-add-vocab-btn:hover{background:var(--c-surface2);color:var(--c-text)}.chat-search-input-wrap{display:flex;align-items:center;gap:8px;padding:4px 6px 8px;border-bottom:1px solid var(--c-divider);color:var(--c-text-muted)}.chat-search-list{padding:4px 0}.chat-search-item-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:var(--transition);flex-shrink:0}.chat-search-item-delete--confirm{opacity:1!important;background:var(--c-red-soft);color:var(--c-red)}.chat-search-item-delete-text{font-size:10px;font-weight:600}.chat-messages>.chat-welcome .chat-welcome-sub{font-size:13px;margin-bottom:16px}.chat-welcome-title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--c-text);margin-bottom:8px;letter-spacing:-.5px}.chat-welcome-sub{font-size:14px;color:var(--c-text-muted);margin-bottom:24px;max-width:400px}.chat-welcome-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:500px}.chat-welcome-suggestion{padding:8px 16px;border-radius:var(--radius-xl);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;font-family:var(--font-body);font-size:13px;transition:var(--transition)}.chat-welcome-suggestion:hover{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.chat-search-dropdown{position:absolute;top:100%;right:0;width:280px;max-height:360px;overflow-y:auto;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000004d;z-index:100;padding:6px}.chat-search-input-wrap{padding:4px 6px 8px}.chat-search-input{width:100%;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-body);font-size:13px;padding:6px 10px;outline:none}.chat-search-input:focus{border-color:var(--c-accent)}.chat-search-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.chat-search-item:hover{background:var(--c-surface2)}.chat-search-item--active{background:var(--c-accent-soft)}.chat-search-item-title{flex:1;font-size:12px;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-search-item-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:var(--transition)}.chat-search-item:hover .chat-search-item-delete{opacity:1}.chat-search-item-delete:hover{background:var(--c-red-soft);color:var(--c-red)}.chat-search-empty{padding:20px;text-align:center;color:var(--c-text-dim);font-size:13px}@media (max-width: 720px){.chat-messages{padding:10px 12px}.chat-layout{height:100dvh}.chat-input-area,.chat-input-bar{padding:6px 10px 10px}.chat-input-wrap{padding:6px 10px}.chat-welcome-title{font-size:20px}.chat-welcome-icon{width:44px;height:44px}.chat-welcome-suggestions{max-width:100%}.chat-welcome-suggestion{padding:.6rem .8rem;font-size:.8rem}.chat-top-tab{max-width:100px;padding:0 6px;font-size:11px}.chat-top-bar{height:36px;min-height:36px}.chat-top-new-btn{width:28px;height:28px}.msg{gap:8px}.msg-avatar{width:24px;height:24px}.msg.user .chat-markdown{padding:8px 12px;max-width:90%;font-size:.9rem}.chat-markdown{font-size:.9rem;line-height:1.6}.split-vocab-panel,.chat-top-tab-split,.chat-top-tab-mirror{display:none}.chat-welcome-container{padding:24px 16px}.chat-welcome-container .chat-welcome-title{font-size:20px}.chat-welcome-container .chat-welcome-subtitle{font-size:12px;margin-bottom:16px}.chat-streaming-bar{padding:4px 12px;gap:8px}.chat-streaming-bar-label{font-size:10px}.chat-stop-btn{padding:2px 6px;font-size:9px}.chat-split-container--split{flex-direction:column}.split-panel--left{border-right:none;border-bottom:1px solid var(--c-divider);max-height:50%}.split-panel--right{border-left:none}.chat-split-header{padding:4px 8px}.chat-add-box{padding:6px 10px;max-width:100%;margin:0 0 6px}.chat-add-vocab-btn,.chat-send-btn{width:28px;height:28px}.chat-add-vocab-btn svg,.chat-send-btn svg{width:14px;height:14px}.chat-top-actions{padding:0 4px}.chat-top-action-btn{width:26px;height:26px}.chat-scroll-btn{bottom:60px;padding:4px 12px;font-size:11px}}.vocab-sidebar{position:fixed;top:0;right:0;width:380px;height:100vh;max-width:90vw;background:#000;color:#e2e8f0;border-left:1px solid rgba(255,255,255,.2);z-index:50;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;box-shadow:-4px 0 32px #00000080}.vocab-sidebar *{color:inherit}.vocab-sidebar-header{display:flex;justify-content:flex-end;padding:12px 16px;flex-shrink:0}.vocab-sidebar-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#fff9;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.vocab-sidebar-close:hover{color:#e2e8f0;background:#ffffff0f}.vocab-sidebar-scroll{flex:1;overflow-y:auto;padding:0 20px 20px}.vocab-sidebar-loading{display:flex;gap:6px;justify-content:center;padding:40px}.vocab-sidebar-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--c-text-muted);font-size:.85rem;text-align:center;gap:6px}.vocab-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);animation:typing-bounce 1.4s ease-in-out infinite}.vocab-dot:nth-child(2){animation-delay:.2s}.vocab-dot:nth-child(3){animation-delay:.4s}.vocab-sidebar-content{display:flex;flex-direction:column;gap:16px}.vocab-sidebar-word-row{display:flex;align-items:center;gap:8px}.vocab-sidebar-word{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--c-text)}.speak-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--c-text-muted);border-radius:var(--radius-full);transition:color .15s,background .15s;flex-shrink:0;padding:0}.speak-btn:hover{color:var(--c-accent);background:#ffffff1f}.speak-btn:disabled{cursor:default;opacity:.7}.speak-btn--loading{color:var(--c-accent)}@keyframes speak-spin{to{transform:rotate(360deg)}}.speak-btn-spinner{animation:speak-spin 1s linear infinite}.card-word-title-row{display:flex;align-items:center;gap:8px}.vocab-sidebar-audio-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--c-accent-soft);color:var(--c-accent);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition);flex-shrink:0}.vocab-sidebar-audio-btn:hover{background:var(--c-accent);color:var(--c-on-accent)}.vocab-sidebar-meta{display:flex;align-items:center;gap:8px}.vocab-sidebar-phonetic{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:#fffc;word-break:break-all;white-space:normal}.vocab-sidebar-type{font-size:11px;font-weight:600;color:var(--c-accent);text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--c-accent-soft)}.vocab-sidebar-meaning{font-size:15px;line-height:1.6;color:#e2e8f0;padding:12px 16px;background:#ffffff0f;border-radius:8px}.vocab-sidebar-section{display:flex;flex-direction:column;gap:6px}.vocab-sidebar-section-label{color:#ffffffb3;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.vocab-sidebar-example-nav{display:flex;align-items:center;gap:8px}.vocab-sidebar-example-nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#d6d6d6;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.vocab-sidebar-example-nav-btn:hover:not(:disabled){background:#ffffff59;border-color:#ffffff80;color:#ededed}.vocab-sidebar-example-nav-btn:disabled{opacity:.3;cursor:not-allowed}.vocab-sidebar-example-counter{font-size:12px;color:var(--c-text-dim);font-weight:500}.vocab-sidebar-example{font-size:14px;line-height:1.6;color:var(--c-text);font-style:italic;flex:1}.vocab-sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}.vocab-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#fffc;border:1px solid rgba(255,255,255,.2);color:#ededed;font-size:13px;font-weight:500;width:100%}.vocab-tag--colloc{background:#ffffffe6;border-color:#fff3;color:#ededed}.vocab-tag-translation{color:#ffffffa6;font-size:12px;font-weight:400}.vocab-sidebar-note{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:#ffffff1f;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.25);font-size:13px;line-height:1.6;color:#ededed}.vocab-sidebar-hide-section{padding-top:8px;border-top:1px solid var(--c-divider)}.vocab-sidebar-hide-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:transparent;color:var(--c-text-dim);cursor:pointer;font-family:var(--font-body);font-size:12px;transition:var(--transition)}.vocab-sidebar-hide-btn:hover{background:var(--c-surface2);color:var(--c-text)}.vocab-sidebar-image-section{display:flex;flex-direction:column;gap:8px}.vocab-sidebar-image-loading{display:flex;gap:6px;justify-content:center;padding:20px}.vocab-sidebar-img-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.vocab-sidebar-img{width:100%;aspect-ratio:1;max-height:80px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid var(--c-border)}.vocab-sidebar-img:hover{opacity:.85;transform:scale(1.02)}.vocab-sidebar-img-empty{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--c-surface2);border-radius:var(--radius-lg)}.vocab-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer}.vocab-lightbox-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#00000080;color:#fff;cursor:pointer;border-radius:var(--radius-full);transition:var(--transition)}.vocab-lightbox-close:hover{background:#000c}.vocab-lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg);cursor:default}.vocab-sidebar-inline-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#000;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.vocab-sidebar-inline-header{display:flex;justify-content:flex-end;padding:8px 12px;flex-shrink:0}.study-page{flex:1;display:flex;flex-direction:column;min-height:0;color:var(--c-text)}.study-page .study-header{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--c-divider);flex-shrink:0}.study-page .study-header h1{margin:0;font-size:22px;font-family:var(--font-display)}.study-page .study-header p{margin:4px 0 0;color:var(--c-text-muted);font-size:13px}.study-groups{width:100%;max-width:760px;margin-top:28px}.study-groups h2{margin:0 0 14px;font-size:18px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.group-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:82px;padding:16px;border-radius:12px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;text-align:left}.group-card:hover,.group-card--active{border-color:var(--c-accent);background:#ffffff1a}.group-card-title{font-weight:700;font-size:15px}.group-card-sub{color:var(--c-text-muted);font-size:13px}.flashcard-session{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:16px}.study-progress{width:100%;display:flex;align-items:center;gap:12px;color:var(--c-text-muted);font-size:13px}.study-progress-bar{flex:1;height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.study-progress-fill{height:100%;border-radius:inherit;background:var(--c-accent);transition:width .25s ease}.card-tap-hint{margin-top:auto;color:var(--c-text-muted);font-size:13px;text-align:center}.flashcard-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.flashcard-nav{display:flex;gap:6px}.flashcard-nav-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.flashcard-nav-btn:hover{background:var(--c-surface2);border-color:var(--c-accent);color:var(--c-accent)}.flashcard-nav-btn--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.card-definition-text{font-size:14px;line-height:1.5;color:var(--c-text);margin-bottom:12px}.card-meta{font-size:13px;color:var(--c-text-muted);margin-bottom:4px;line-height:1.5}.card-meta strong{color:var(--c-text);font-weight:600}.card-examples-list{margin-top:8px;font-size:13px;max-height:9rem;overflow-y:auto;padding-right:4px}.card-examples-list strong{color:var(--c-text);font-weight:600;display:block;margin-bottom:4px}.card-examples-list ul{margin:0;padding-left:16px;color:var(--c-text);line-height:1.6}.card-examples-list li{margin-bottom:2px}.study-completion{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:360px;text-align:center;padding:40px 20px}.study-completion-icon{font-size:64px;line-height:1;animation:study-completion-bounce .6s ease-out}@keyframes study-completion-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.study-completion h2{font-size:24px;font-family:var(--font-display);margin:0}.study-completion-sub{color:var(--c-text-muted);font-size:14px;margin:0}.study-completion-stats{display:flex;gap:24px;margin:16px 0}.study-completion-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.study-completion-stat strong{font-size:28px;line-height:1;color:var(--c-text)}.study-completion-stat span{font-size:12px;color:var(--c-text-muted)}.study-completion-stat--pass strong{color:var(--c-green, #4ade80)}.study-completion-stat--fail strong{color:var(--c-red, #f87171)}.study-empty,.study-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:260px;color:var(--c-text-muted);text-align:center}.paraphrase-hint-wrap{display:flex;flex-direction:column;gap:10px}.paraphrase-hint{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 720px){.group-grid{grid-template-columns:1fr}.study-page .study-header{padding:14px}}.study-overview{width:100%;max-width:980px;margin-top:28px}.study-overview-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.study-overview-header h2{margin:0;font-size:18px}.study-overview-header p{margin:4px 0 0;color:var(--c-text-muted);font-size:13px}.study-scope-pill{flex-shrink:0;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff1a;color:#ededed;font-size:12px;font-weight:600}.study-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.study-metric-card{min-height:106px;padding:14px;border:1px solid var(--c-border);border-radius:12px;background:#ffffff0a;display:flex;flex-direction:column;justify-content:space-between}.study-metric-label{color:var(--c-text-muted);font-size:12px}.study-metric-card strong{font-size:28px;line-height:1}.study-metric-card small{color:var(--c-text-muted);font-size:12px}.study-insight-grid{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:12px;margin-top:12px}.study-insight-panel{min-height:190px;padding:14px;border:1px solid var(--c-border);border-radius:12px;background:var(--c-surface)}.study-insight-panel h3{margin:0 0 12px;font-size:14px}.study-muted{margin:0;color:var(--c-text-muted);font-size:13px;line-height:1.5}.study-word-list,.study-category-list,.study-chip-list{display:flex;flex-direction:column;gap:8px}.study-word-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.study-word-row div{min-width:0;display:flex;flex-direction:column;gap:2px}.study-word-row strong,.study-category-row span{color:var(--c-text);font-size:13px}.study-word-row span,.study-word-row em{color:var(--c-text-muted);font-size:12px;font-style:normal}.study-category-row{display:grid;grid-template-columns:minmax(72px,1fr) 1.4fr auto;align-items:center;gap:10px}.study-category-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.study-category-bar i{display:block;height:100%;border-radius:inherit;background:var(--c-accent)}.study-category-row strong{font-size:12px;color:var(--c-text-muted)}.study-chip-list{flex-direction:row;flex-wrap:wrap}.study-data-chip{display:inline-flex;padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffffa6;color:#ededed;font-size:12px}@media (max-width: 980px){.study-metric-grid,.study-insight-grid{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.study-overview-header{align-items:flex-start;flex-direction:column}.study-metric-grid,.study-insight-grid{grid-template-columns:1fr}}.study-dashboard{width:100%;max-width:1040px;margin-top:26px}.study-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.study-dashboard-head h2{margin:0;font-size:18px;letter-spacing:0}.study-dashboard-head p{margin:5px 0 0;color:var(--c-text-muted);font-size:13px}.study-dashboard-head--compact{margin-bottom:10px}.study-dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr .82fr;gap:10px}.study-panel-grid{display:grid;grid-template-columns:1fr 1fr .95fr;gap:10px;margin-top:10px}.study-chart-card{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(180deg,#ffffff0b,#ffffff06);padding:14px;min-width:0}.study-chart-card--hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.16),transparent 32%),linear-gradient(180deg,#0f172aeb,#1118279e)}.study-donut-wrap{width:132px;height:132px;display:grid;place-items:center}.study-donut{--value: 0%;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--c-accent) var(--value),rgba(255,255,255,.08) 0)}.study-donut:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#1f1f24;border:1px solid rgba(255,255,255,.06)}.study-donut strong,.study-donut span{position:relative;z-index:1}.study-donut strong{font-size:26px;line-height:1}.study-donut span{margin-top:28px;position:absolute;color:var(--c-text-muted);font-size:11px}.study-chart-copy h3{margin:6px 0;font-size:19px}.study-chart-copy p,.study-chart-card>p{margin:0;color:var(--c-text-muted);font-size:13px;line-height:1.45}.study-kicker{display:inline-flex;color:#d6d6d6;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.study-stack-bar{display:flex;height:12px;margin:20px 0 12px;overflow:hidden;border-radius:999px;background:#ffffff14}.study-stack-bar i{min-width:2px}.study-stack-new,.dot-new{background:#f59e0b}.study-stack-learning,.dot-learning{background:var(--c-accent)}.study-stack-mature,.dot-mature{background:#22c55e}.study-legend-row{display:flex;flex-wrap:wrap;gap:10px;color:var(--c-text-muted);font-size:12px}.study-legend-row span{display:inline-flex;align-items:center;gap:6px}.study-legend-row b{width:7px;height:7px;border-radius:50%}.study-correction-score{display:flex;align-items:baseline;gap:8px;margin:14px 0 8px}.study-correction-score strong{font-size:34px;line-height:1}.study-correction-score span{color:var(--c-text-muted);font-size:12px}.study-panel-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.study-panel-title h3{margin:0;font-size:14px}.study-panel-title span{color:var(--c-text-muted);font-size:12px}.study-bar-list,.study-risk-list{display:flex;flex-direction:column;gap:9px}.study-bar-row{display:grid;grid-template-columns:minmax(78px,1fr) 1.4fr 32px;align-items:center;gap:10px;min-height:24px}.study-bar-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text);font-size:12px}.study-bar-row strong{color:var(--c-text-muted);font-size:12px;text-align:right}.study-bar-track{height:7px;overflow:hidden;border-radius:999px;background:#ffffff12}.study-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ededed,var(--c-accent))}.study-bar-track--warn i{background:linear-gradient(90deg,#f97316,#ef4444)}.study-risk-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.study-risk-row div{min-width:0;display:flex;flex-direction:column;gap:3px}.study-risk-row strong{font-size:13px}.study-risk-row span,.study-risk-row em{color:var(--c-text-muted);font-size:12px;font-style:normal}.study-groups--filters{max-width:1040px}.study-groups--filters .group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 980px){.study-dashboard-grid,.study-panel-grid,.study-groups--filters .group-grid{grid-template-columns:1fr 1fr}.study-chart-card--hero{grid-column:1 / -1}}@media (max-width: 720px){.study-dashboard-head,.study-chart-card--hero,.study-dashboard-grid,.study-panel-grid,.study-groups--filters .group-grid{grid-template-columns:1fr}.study-donut-wrap{width:100%}}.study-page.view{display:flex;flex-direction:column;height:100%;max-height:100vh;overflow-y:auto;transition:padding-right .25s ease}.study-page--sidebar-open{padding-right:350px}.study-youglish-sidebar{position:fixed;top:0;right:0;width:350px;height:100vh;z-index:60;overflow-y:auto;background:#13131a;border-left:1px solid rgba(255,255,255,.08);box-shadow:-8px 0 30px #00000080;animation:youglishSlideIn .22s cubic-bezier(.4,0,.2,1)}.study-youglish-sidebar>.youglish-backdrop{display:none}.study-youglish-sidebar>.youglish-sidebar{position:static;width:100%;height:100%;max-width:none;animation:none;box-shadow:none;border:none;z-index:auto}.study-topbar{flex-shrink:0;gap:8px}.study-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--c-surface2);color:var(--c-text);border-radius:8px;cursor:pointer;flex-shrink:0;transition:background .15s,transform .15s}.study-back-btn:hover{background:var(--c-border);transform:scale(1.05)}.study-back-btn:active{transform:scale(.95)}.study-session-line{margin:4px 0 0;color:var(--c-text-muted);font-size:13px}.study-page>.study-stage{flex:1;min-height:0;height:auto;overflow-y:auto;justify-content:flex-start;padding:42px 36px 60px}.study-page .study-mode-selector{flex-shrink:0}.focus-category-picker{width:100%;max-width:1040px;margin-bottom:16px;padding:14px 18px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px}.focus-category-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:600}.focus-category-active-pill{font-size:12px;font-weight:500;background:rgba(var(--c-accent-rgb, 99, 102, 241),.1);color:var(--c-accent);padding:2px 10px;border-radius:12px}.focus-category-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.focus-category-chip{display:flex;align-items:center;gap:6px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;padding:5px 12px;font-size:12px;cursor:pointer;transition:border-color .15s,background .15s;color:var(--c-text)}.focus-category-chip:hover{border-color:var(--c-accent);background:rgba(var(--c-accent-rgb, 99, 102, 241),.05)}.focus-category-chip--active{border-color:var(--c-accent);background:rgba(var(--c-accent-rgb, 99, 102, 241),.1);font-weight:600}.focus-category-chip-name{text-transform:capitalize}.focus-category-chip-count{font-size:10px;opacity:.5;background:var(--c-surface);padding:1px 5px;border-radius:6px}.focus-category-empty{font-size:12px;opacity:.5;margin-bottom:10px}.focus-custom-row{display:flex;align-items:center;gap:6px}.focus-custom-input{flex:1;max-width:280px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;padding:6px 12px;font-size:13px;color:var(--c-text);outline:none}.focus-custom-input:focus{border-color:var(--c-accent)}.focus-custom-apply{background:var(--c-accent);color:var(--c-bg);border:none;border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer;font-weight:600}.focus-custom-apply:disabled{opacity:.4;cursor:default}.focus-active-bar{width:100%;max-width:1040px;display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;background:rgba(var(--c-accent-rgb, 99, 102, 241),.08);border:1px solid rgba(var(--c-accent-rgb, 99, 102, 241),.15);border-radius:10px;font-size:13px}.focus-active-badge{background:var(--c-accent);color:var(--c-bg);font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}.focus-active-topic{font-weight:500;text-transform:capitalize;flex:1}.focus-active-change{background:transparent;border:1px solid var(--c-border);border-radius:6px;padding:3px 10px;font-size:11px;cursor:pointer;color:var(--c-text-muted);transition:border-color .15s}.focus-active-change:hover{border-color:var(--c-accent);color:var(--c-text)}.study-focus-loading{display:flex;align-items:center;gap:10px;padding:16px 20px;background:rgba(var(--c-accent-rgb, 99, 102, 241),.06);border:1px solid rgba(var(--c-accent-rgb, 99, 102, 241),.12);border-radius:10px;font-size:13px;margin-bottom:16px}.study-focus-loading .btn-spinner{width:18px;height:18px;border-width:2px}.focus-history-section{margin-bottom:10px}.focus-history-label{display:block;font-size:11px;font-weight:600;opacity:.5;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.focus-history-chip{display:flex;align-items:center;gap:6px;background:rgba(var(--c-accent-rgb, 99, 102, 241),.06);border:1px solid rgba(var(--c-accent-rgb, 99, 102, 241),.15);border-radius:8px;padding:5px 12px;font-size:12px;cursor:pointer;transition:border-color .15s,background .15s;color:var(--c-text)}.focus-history-chip:hover{border-color:var(--c-accent);background:rgba(var(--c-accent-rgb, 99, 102, 241),.12)}.focus-history-chip--active{border-color:var(--c-accent);background:rgba(var(--c-accent-rgb, 99, 102, 241),.18);font-weight:600}.focus-history-chip-count{font-size:10px;opacity:.4}.btn-spinner--sm{width:14px!important;height:14px!important;border-width:2px!important}.study-focus-topbar-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;background:rgba(var(--c-accent-rgb, 99, 102, 241),.1);color:var(--c-accent);padding:2px 8px;border-radius:6px;margin-top:4px}.study-focus-topbar-clear{background:transparent;border:none;color:inherit;font-size:10px;cursor:pointer;padding:0 2px;opacity:.5}.study-focus-topbar-clear:hover{opacity:1}@keyframes pulse-border{0%,to{box-shadow:0 0 0 2px #ffffff4d}50%{box-shadow:0 0 0 4px #ffffff80}}.flashcard-nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px}.fc-nav-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.fc-nav-btn:hover:not(:disabled){border-color:var(--c-border-strong);color:var(--c-text);background:var(--c-surface2)}.fc-nav-btn:disabled{opacity:.3;cursor:not-allowed}.fc-nav-btn--exit{border-color:transparent;background:transparent;font-size:12px;color:var(--c-text-dim)}.fc-nav-btn--exit:hover{color:var(--c-text-muted);background:transparent;border-color:transparent}.fc-nav-counter{font-size:13px;color:var(--c-text-muted);font-weight:600}.rating-row{display:flex;gap:8px;justify-content:center;width:100%;max-width:480px}.rating-btn{flex:1;padding:10px 8px 8px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;font-family:var(--font-display);font-size:13px;font-weight:600;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:3px}.rating-btn .sublabel{font-size:10px;font-weight:400;font-family:var(--font-body);opacity:.55}.rating-btn:hover{transform:translateY(-2px)}.rating-btn.again:hover{background:var(--c-red-soft);border-color:#f8717166;color:var(--c-red)}.rating-btn.hard:hover{background:var(--c-amber-soft);border-color:#fbbf2466;color:var(--c-amber)}.rating-btn.good:hover{background:var(--c-green-soft);border-color:#4ade8066;color:var(--c-green)}.rating-btn.easy:hover{background:var(--c-accent-soft);border-color:#fff6;color:var(--c-accent)}.iw-slot--active{border-bottom:2px solid var(--c-accent)!important;background:color-mix(in srgb,var(--c-accent) 12%,transparent);box-shadow:0 0 0 2px var(--c-accent-glow);color:var(--c-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;animation:pulse-slot 1.2s ease-in-out infinite}@keyframes pulse-slot{0%,to{box-shadow:0 0 0 2px #fff3}50%{box-shadow:0 0 0 4px #ffffff14}}.card-image-skeleton-wrap{background:var(--c-surface2);border-radius:var(--radius-md)}.card-image-skeleton{width:100%;height:100%;min-height:160px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--c-surface2) 25%,rgba(255,255,255,.05) 50%,var(--c-surface2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}.safe-image-wrapper{width:100%;height:100%;min-height:80px;border-radius:var(--radius-md);background:var(--c-surface2);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.safe-image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--c-surface2) 25%,rgba(255,255,255,.06) 50%,var(--c-surface2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite;z-index:1}.safe-image-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);position:relative;z-index:2}.safe-image-img--visible{opacity:1!important}.safe-image-retry-badge{position:absolute;bottom:8px;right:8px;background:#000000a6;color:#fffc;font-size:10px;padding:3px 8px;border-radius:8px;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.safe-image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:140px;min-height:140px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--c-surface) 0%,var(--c-surface2) 50%,rgba(255,255,255,.08) 100%);border:1px dashed rgba(255,255,255,.08)}.safe-image-fallback-initial{font-family:var(--font-body);font-size:48px;font-weight:700;color:#ffffff2e;text-transform:uppercase;-webkit-user-select:none;user-select:none}.vocab-sidebar-img-grid .safe-image-wrapper,.vocab-sidebar-img-grid .safe-image-fallback{min-height:0;aspect-ratio:1;max-height:80px}.vocab-sidebar-img-grid .safe-image-fallback-initial{font-size:24px}.vocab-sidebar-img-grid .safe-image-skeleton{min-height:0}.vocab-web-section{padding:0 32px 48px;display:flex;flex-direction:column;gap:16px}.vocab-web-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.vocab-web-header h2{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--c-text);margin-bottom:4px}.vocab-web-header p{font-size:13px;color:var(--c-text-muted)}.vocab-web-legend{display:flex;align-items:center;gap:14px;flex-shrink:0;flex-wrap:wrap}.vocab-web-legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text-muted)}.vocab-web-legend-divider{width:1px;height:20px;background:var(--c-border);opacity:.4}.vocab-web-toggle{display:flex;gap:2px;background:var(--c-surface2, rgba(255,255,255,.06));border-radius:8px;padding:2px}.vocab-web-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:none;border-radius:6px;background:transparent;color:var(--c-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.vocab-web-toggle-btn:hover{color:var(--c-text);background:#ffffff0f}.vocab-web-toggle-btn--active{background:#fff3;color:var(--c-accent, var(--c-accent))}.vocab-web-toggle-btn--active:hover{background:#ffffff47}.vocab-web-loading-badge,.vocab-web-ai-badge{background:#ffffff26;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:2px 10px;font-size:11px;color:var(--c-accent);animation:pulse-soft 1.8s ease infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.45}}.vocab-web-canvas{width:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:28px 28px}.vocab-web-svg{width:100%;height:auto;display:block;aspect-ratio:800 / 520}.vocab-web-pills{display:flex;flex-wrap:wrap;gap:7px}.vocab-web-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border-radius:99px;border:1px solid color-mix(in srgb,var(--pill-color) 40%,transparent);background:color-mix(in srgb,var(--pill-color) 10%,transparent);color:var(--c-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .12s}.vocab-web-pill:hover{background:color-mix(in srgb,var(--pill-color) 22%,transparent);border-color:var(--pill-color);color:var(--c-text);transform:translateY(-1px)}.vocab-web-pill--active{background:color-mix(in srgb,var(--pill-color) 30%,transparent);border-color:var(--pill-color);color:#fff}.vocab-web-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--pill-color);flex-shrink:0}.vocab-web-pill-count{opacity:.55;font-size:10px;margin-left:2px}.vw-section{padding:0 0 48px;display:flex;flex-direction:column;gap:14px;margin:0 -8px;width:calc(100% + 16px)}.vw-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 16px}.vw-body{display:flex;gap:0;min-height:480px;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);border-radius:0;overflow:auto;background:var(--c-surface)}.vw-sidebar{width:160px;flex-shrink:0;border-left:1px solid var(--c-border);display:flex;flex-direction:column;overflow:hidden;background:var(--c-surface);order:2}.card-face.card-front{min-height:380px;overflow-y:auto;justify-content:flex-start;gap:6px}.card-word-title{font-size:32px;font-weight:800;color:var(--c-text);margin:4px 0 2px;line-height:1.1}.card-image-slot{width:100%;height:160px;min-height:80px;flex:0 0 auto;border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--c-surface2);margin-bottom:4px}.card-image-slot img.flashcard-img{width:100%;height:100%;object-fit:cover;display:block}.card-image-skeleton-wrap{width:100%;height:160px;min-height:80px;flex:0 0 auto;border-radius:var(--radius-md);overflow:hidden;background:var(--c-surface2);margin-bottom:4px}.card-image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--c-surface2) 25%,rgba(255,255,255,.05) 50%,var(--c-surface2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-image-nav{position:absolute;bottom:6px;right:8px;display:flex;align-items:center;gap:4px;background:#0000008c;border-radius:20px;padding:3px 8px}.card-image-nav-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;line-height:1;padding:0 2px;opacity:.8;transition:opacity .15s}.card-image-nav-btn:hover{opacity:1}.card-image-nav-counter{font-size:10px;color:#ffffffbf;-webkit-user-select:none;user-select:none}.card-example-block{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;margin:10px 0 4px;min-height:40px}.card-example-inner{border-left:3px solid var(--c-accent);padding:8px 0 8px 12px}.card-example-text{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--c-text-muted);line-height:1.55;margin:0 0 6px}.card-example-text em{color:var(--c-text);font-style:italic}.card-example-audio-inline{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);flex-shrink:0;margin-top:1px;margin-left:auto}.card-example-audio-inline:hover{color:var(--c-accent);border-color:#fff6}.card-example-nav{display:flex;align-items:center;gap:6px;margin-top:2px}.card-ex-nav-btn{background:none;border:1px solid var(--c-border);border-radius:6px;color:var(--c-text-muted);font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s,color .14s;line-height:1;padding:0}.card-ex-nav-btn:hover:not(:disabled){background:var(--c-surface2);color:var(--c-text)}.card-ex-nav-btn--disabled,.card-ex-nav-btn:disabled{opacity:.3;cursor:default}.card-ex-nav-counter{font-size:11px;color:var(--c-text-muted);-webkit-user-select:none;user-select:none}.card-tap-hint{font-size:11px;color:var(--c-text-dim, rgba(255,255,255,.3));text-align:center;margin-top:auto;padding-top:6px;-webkit-user-select:none;user-select:none}.vw-section{padding:0 16px 48px;display:flex;flex-direction:column;gap:14px}.vw-toggle-btn--active{background:#fff3;color:var(--c-accent)}.vw-badge-loading{background:#ffffff26;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:2px 10px;font-size:11px;color:var(--c-accent);animation:vw-pulse 1.8s ease infinite}.vw-body{display:flex;gap:0;min-height:560px;border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:auto;background:var(--c-surface)}.vw-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--c-border);display:flex;flex-direction:column;overflow:hidden;background:var(--c-surface)}.vw-detail-phonetic{font-size:12px;color:var(--c-accent);display:block;margin-top:2px}.vw-detail-badge--level{background:#ffffff1a;border-color:#ffffff4d;color:var(--c-accent)}.vw-canvas-wrap{flex:1;position:relative;overflow:hidden;background:#010108}.vw-canvas-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 250px 160px at 15% 28%,rgba(255,255,255,.04) 0%,transparent 100%),radial-gradient(ellipse 200px 280px at 68% 48%,rgba(255,255,255,.035) 0%,transparent 100%),radial-gradient(ellipse 300px 120px at 42% 80%,rgba(255,255,255,.03) 0%,transparent 100%),radial-gradient(ellipse 150px 200px at 82% 18%,rgba(230,150,50,.025) 0%,transparent 100%),radial-gradient(ellipse 180px 140px at 35% 15%,rgba(255,255,255,.02) 0%,transparent 100%),radial-gradient(ellipse 120px 180px at 55% 58%,rgba(255,255,255,.015) 0%,transparent 100%),radial-gradient(ellipse 220px 100px at 88% 72%,rgba(50,200,180,.015) 0%,transparent 100%),radial-gradient(.5px at 3% 7%,rgba(255,255,255,.5) .5px,transparent 0),radial-gradient(.5px at 9% 22%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(.5px at 16% 48%,rgba(255,255,255,.45) .5px,transparent 0),radial-gradient(.5px at 21% 73%,rgba(255,255,255,.3) .5px,transparent 0),radial-gradient(.5px at 27% 92%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(.5px at 33% 11%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(.5px at 38% 36%,rgba(255,255,255,.5) .5px,transparent 0),radial-gradient(.5px at 44% 62%,rgba(255,255,255,.3) .5px,transparent 0),radial-gradient(.5px at 49% 87%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(.5px at 55% 5%,rgba(255,255,255,.45) .5px,transparent 0),radial-gradient(.5px at 61% 30%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(.5px at 66% 56%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(.5px at 72% 78%,rgba(255,255,255,.3) .5px,transparent 0),radial-gradient(.5px at 77% 14%,rgba(255,255,255,.45) .5px,transparent 0),radial-gradient(.5px at 83% 42%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(.5px at 89% 68%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(.5px at 94% 95%,rgba(255,255,255,.3) .5px,transparent 0),radial-gradient(.5px at 7% 55%,rgba(255,255,255,.25) .5px,transparent 0),radial-gradient(.5px at 13% 82%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(.5px at 19% 18%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(.5px at 25% 44%,rgba(255,255,255,.25) .5px,transparent 0),radial-gradient(.5px at 30% 68%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(.5px at 36% 26%,rgba(255,255,255,.45) .5px,transparent 0),radial-gradient(.5px at 42% 52%,rgba(255,255,255,.3) .5px,transparent 0),radial-gradient(.5px at 47% 16%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(.5px at 53% 42%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(.5px at 58% 96%,rgba(255,255,255,.25) .5px,transparent 0),radial-gradient(.5px at 64% 10%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(.5px at 70% 64%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(.5px at 75% 34%,rgba(255,255,255,.45) .5px,transparent 0),radial-gradient(.5px at 80% 86%,rgba(255,255,255,.3) .5px,transparent 0),radial-gradient(.5px at 86% 38%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(.5px at 91% 60%,rgba(255,255,255,.25) .5px,transparent 0),radial-gradient(.5px at 97% 20%,rgba(255,255,255,.35) .5px,transparent 0),radial-gradient(1px at 6% 36%,rgba(255,255,255,.55) 1px,transparent 0),radial-gradient(1px at 24% 12%,rgba(255,255,255,.45) 1px,transparent 0),radial-gradient(1px at 41% 70%,rgba(255,255,255,.5) 1px,transparent 0),radial-gradient(1px at 57% 44%,rgba(255,255,255,.4) 1px,transparent 0),radial-gradient(1px at 74% 62%,rgba(255,255,255,.55) 1px,transparent 0),radial-gradient(1px at 90% 30%,rgba(255,255,255,.45) 1px,transparent 0),radial-gradient(1px at 11% 64%,rgba(255,255,255,.5) 1px,transparent 0),radial-gradient(1px at 48% 22%,rgba(255,255,255,.4) 1px,transparent 0),radial-gradient(1px at 63% 82%,rgba(255,255,255,.45) 1px,transparent 0),radial-gradient(1px at 79% 10%,rgba(255,255,255,.5) 1px,transparent 0),radial-gradient(1px at 35% 54%,rgba(255,255,255,.4) 1px,transparent 0),radial-gradient(1.5px at 4% 88%,rgba(255,255,255,.7) 1.5px,transparent 0),radial-gradient(1.5px at 52% 6%,rgba(255,255,255,.65) 1.5px,transparent 0),radial-gradient(1.5px at 76% 50%,rgba(255,255,255,.6) 1.5px,transparent 0),radial-gradient(1.2px at 32% 82%,rgba(255,255,255,.55) 1.2px,transparent 0),radial-gradient(1.2px at 88% 44%,rgba(255,255,255,.6) 1.2px,transparent 0),radial-gradient(1.5px at 18% 40%,rgba(255,255,255,.5) 1.5px,transparent 0),radial-gradient(1px at 28% 24%,rgba(255,200,150,.35) 1px,transparent 0),radial-gradient(1px at 60% 72%,rgba(255,255,255,.4) 1px,transparent 0),radial-gradient(1.2px at 46% 46%,rgba(255,255,255,.35) 1.2px,transparent 0),radial-gradient(1px at 15% 58%,rgba(255,180,180,.3) 1px,transparent 0),radial-gradient(1px at 70% 90%,rgba(180,255,200,.25) 1px,transparent 0),radial-gradient(1px at 95% 6%,rgba(255,220,180,.3) 1px,transparent 0);animation:vw-star-twinkle 6s ease-in-out infinite alternate}@keyframes vw-star-twinkle{0%{opacity:.4}30%{opacity:.9}60%{opacity:.5}to{opacity:.35}}.vw-canvas-wrap .vw-planets{position:absolute;z-index:0;pointer-events:none;top:0;right:0;bottom:0;left:0;opacity:.12}.vw-planets .p-orange{position:absolute;width:48px;height:48px;top:25%;left:14%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f0945a,#e8854a,#d46a30 50%,#b8532a);box-shadow:0 0 6px #ffc89633,0 0 0 8px #ffc8961f;transform:translate(-50%,-50%)}.vw-planets .p-orange:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:12px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,200,150,.2);background:transparent}.vw-planets .m-orange{position:absolute;width:5px;height:5px;top:18%;left:8%;border-radius:50%;background:#c0a88a;transform:translate(-50%,-50%);animation:vw-orbit-moon1 8s linear infinite}@keyframes vw-orbit-moon1{0%{left:8%;top:18%}25%{left:14%;top:12%}50%{left:20%;top:18%}75%{left:14%;top:24%}to{left:8%;top:18%}}.vw-planets .p-blue{position:absolute;width:64px;height:64px;top:22%;right:20%;border-radius:50%;background:radial-gradient(circle at 45% 35%,#ededed,#ededed 25%,#ededed 55%,#ededed);box-shadow:0 0 10px #fff3;transform:translate(50%,-50%)}.vw-planets .p-blue-ring1{position:absolute;top:22%;right:20%;width:100px;height:18px;transform:translate(50%,-50%) rotate(-15deg);border-radius:50%;border:2.5px solid rgba(255,255,255,.25)}.vw-planets .p-blue-ring2{position:absolute;top:22%;right:20%;width:80px;height:14px;transform:translate(50%,-50%) rotate(-15deg);border-radius:50%;border:1.5px solid rgba(255,255,255,.18)}.vw-planets .p-pink{position:absolute;width:28px;height:28px;top:78%;left:22%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e08a9a,#d4758a,#b85d72 60%,#90485a);transform:translate(-50%,-50%);box-shadow:inset -4px -4px 6px #00000026,inset 2px 2px 4px #ffffff0d}.vw-planets .p-pink:before{content:"";position:absolute;width:5px;height:5px;top:35%;left:30%;border-radius:50%;background:#0003;box-shadow:8px 10px #00000026,-6px 14px #0000001f}.vw-planets .p-purple{position:absolute;width:16px;height:16px;top:92%;left:48%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ededed,#ededed 40%,#ededed);transform:translate(-50%,-50%);box-shadow:0 0 4px #ffffff26}.vw-planets .m-purple{position:absolute;width:4px;height:4px;top:88%;left:52%;border-radius:50%;background:#c8c8c880;transform:translate(-50%,-50%);animation:vw-orbit-moon2 6s linear infinite}@keyframes vw-orbit-moon2{0%{left:52%;top:88%}25%{left:55%;top:85%}50%{left:52%;top:82%}75%{left:49%;top:85%}to{left:52%;top:88%}}.vw-planets .p-turquoise{position:absolute;width:28px;height:28px;top:55%;right:10%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#55c8b0 0%,#45b8a0 35%,#2e9a84 70%,transparent 100%);box-shadow:0 0 6px #50c8b426;transform:translate(50%,-50%)}.vw-planets .p-turquoise:after{content:"";position:absolute;top:50%;left:50%;width:52px;height:10px;transform:translate(-50%,-50%) rotate(20deg);border-radius:50%;border:1.5px solid rgba(100,220,200,.2)}.vw-planets .p-grey{position:absolute;width:10px;height:10px;top:15%;left:42%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ccc,#bbb 40%,#888);transform:translate(-50%,-50%);box-shadow:inset -2px -2px 3px #00000026}.vw-planets .comet-1{position:absolute;width:140px;height:3px;top:70%;left:5%;background:linear-gradient(90deg,transparent 0%,rgba(255,220,180,.5) 30%,rgba(255,200,150,.8) 60%,rgba(255,180,120,.95) 90%,rgba(255,160,100,.6) 100%);transform:rotate(-20deg);border-radius:2px;filter:blur(.5px);animation:vw-comet-drift1 12s ease-in-out infinite alternate}@keyframes vw-comet-drift1{0%{opacity:.4;transform:rotate(-20deg) translate(0)}to{opacity:1;transform:rotate(-20deg) translate(15px)}}.vw-planets .comet-2{position:absolute;width:90px;height:2px;top:40%;right:28%;background:linear-gradient(270deg,transparent 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.9) 80%,rgba(255,255,255,.5) 100%);transform:rotate(30deg);border-radius:2px;filter:blur(.5px);animation:vw-comet-drift2 15s ease-in-out infinite alternate}@keyframes vw-comet-drift2{0%{opacity:.3;transform:rotate(30deg) translate(0)}to{opacity:.9;transform:rotate(30deg) translate(-10px)}}.vw-planets .spaceship{position:absolute;width:18px;height:8px;top:60%;background:linear-gradient(90deg,transparent 0%,#8af 30%,#bdf 60%,#8af 85%,transparent 100%);border-radius:50%;filter:blur(.3px) brightness(1.3);box-shadow:0 0 6px #fff9,0 0 14px #fff3;animation:vw-spaceship 90s linear infinite}.vw-planets .spaceship-trail{position:absolute;width:120px;height:3px;top:60%;background:linear-gradient(90deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.2) 12%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.04) 45%,transparent 70%);filter:blur(1px);border-radius:2px;animation:vw-spaceship-trail 90s linear infinite}@keyframes vw-spaceship{0%{left:-5%;opacity:0}5%{opacity:1}60%{opacity:1}95%{opacity:.5}to{left:105%;opacity:0}}@keyframes vw-spaceship-trail{0%{left:-5%;opacity:0}5%{opacity:.6}40%{opacity:.9}80%{opacity:.6}95%{opacity:.2}to{left:105%;opacity:0}}@keyframes vw-cosmos-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(3px,-2px) scale(1.01)}to{transform:translate(-2px,3px) scale(1)}}.vw-canvas-wrap .vw-space-debris{position:absolute;z-index:0;pointer-events:none;width:2px;height:2px;border-radius:50%;background:#ffc8b414;opacity:.12;box-shadow:62px 88px 1px #c8b4a026,74px 92px .5px #c8b4a01a,68px 85px 1px #c8b4a01f,58px 95px .5px #c8b4a014,120px 45px #ffffff26,300px 120px #ffffff1f,450px 60px #ffffff1a,520px 180px #ffffff14,250px 200px #ffc8961a,380px 250px #ffffff14,550px 40px #ffffff1f,600px 300px #ffffff0f;animation:vw-debris-float 19s ease-in-out infinite alternate}@keyframes vw-debris-float{0%{transform:translate(0) rotate(0)}to{transform:translate(5px,-3px) rotate(8deg)}}.vw-svg{width:100%;height:100%;display:block;position:relative;z-index:1}.vocab-sidebar{position:fixed;top:0;right:0;width:380px;max-width:92vw;height:100vh;background:#000;border-left:1px solid rgba(255,255,255,.08);z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 30px #0006}.vocab-sidebar--open{transform:translate(0)}.vocab-sidebar-header{display:flex;justify-content:flex-end;padding:14px 16px 0;flex-shrink:0}.vocab-sidebar-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--c-text-muted);cursor:pointer;transition:background .14s,color .14s}.vocab-sidebar-close:hover{background:#ffffff1f;color:var(--c-text)}.vocab-sidebar-scroll{flex:1;overflow-y:auto;padding:0 1.2rem 1.5rem}.vocab-sidebar-scroll::-webkit-scrollbar{width:4px}.vocab-sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.vocab-sidebar-loading{display:flex;gap:6px;justify-content:center;padding:40px 0}.vocab-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);animation:vocab-dot-bounce 1.2s ease infinite}.vocab-dot:nth-child(2){animation-delay:.15s}.vocab-dot:nth-child(3){animation-delay:.3s}@keyframes vocab-dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.vocab-sidebar-content{display:flex;flex-direction:column;gap:14px}.vocab-sidebar-word-row{display:flex;align-items:center;gap:10px}.vocab-sidebar-word{font-size:26px;font-weight:800;color:var(--c-text);line-height:1.2}.vocab-sidebar-audio-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:var(--c-accent);cursor:pointer;transition:background .14s;flex-shrink:0}.vocab-sidebar-audio-btn:hover{background:#ffffff40}.vocab-sidebar-audio-btn--inline{width:24px;height:24px}.vocab-sidebar-meta{display:flex;align-items:center;gap:10px}.vocab-sidebar-phonetic{font-size:13px;color:var(--c-accent);font-family:monospace}.vocab-sidebar-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-muted);background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 8px}.vocab-sidebar-meaning{font-size:14px;color:var(--c-text);line-height:1.55;font-weight:500}.vocab-sidebar-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--c-text-muted);margin-bottom:4px}.vocab-sidebar-section{display:flex;flex-direction:column;gap:4px}.vocab-sidebar-image-section{display:flex;flex-direction:column;gap:6px}.vocab-sidebar-image-loading{display:flex;gap:6px;justify-content:center;padding:20px 0}.vocab-sidebar-img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vocab-sidebar-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;transition:opacity .14s,transform .14s;background:#ffffff0a}.vocab-sidebar-img:hover{opacity:.85;transform:scale(1.03)}.vocab-sidebar-img-empty{display:flex;align-items:center;justify-content:center;height:80px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:8px}.vocab-sidebar-example-nav{display:flex;align-items:center;gap:6px;margin-bottom:4px}.vocab-sidebar-example-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--c-text-muted);cursor:pointer;transition:background .14s,color .14s;padding:0}.vocab-sidebar-example-nav-btn:hover:not(:disabled){background:#ffffff1f;color:var(--c-text)}.vocab-sidebar-example-nav-btn:disabled{opacity:.3;cursor:default}.vocab-sidebar-example-counter{font-size:11px;color:var(--c-text-muted);-webkit-user-select:none;user-select:none;min-width:30px;text-align:center}.vocab-sidebar-example-row{display:flex;align-items:flex-start;gap:8px}.vocab-sidebar-example{flex:1;font-size:13px;color:var(--c-text-muted);line-height:1.55;font-style:italic;border-left:3px solid var(--c-accent, var(--c-accent));padding-left:10px}.vocab-sidebar-tags{display:flex;flex-wrap:wrap;gap:5px}.vocab-tag{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:3px 9px;font-size:11px;color:var(--c-accent);line-height:1.4}.vocab-tag--colloc{background:#34d3991a;border-color:#34d39933;color:#34d399}.vocab-tag-translation{color:var(--c-text-muted);font-size:10px}.vocab-sidebar-note{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;font-size:12px;color:var(--c-text-muted);line-height:1.55}.vocab-sidebar-hide-section{margin-top:4px}.vocab-sidebar-hide-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 12px;font-size:11px;color:var(--c-text-muted);cursor:pointer;transition:background .14s,color .14s}.vocab-sidebar-hide-btn:hover{background:#f871711a;border-color:#f8717140;color:#f87171}.vocab-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:vocab-fadein .18s ease}.synonym-choice-exercise{display:flex;flex-direction:column;gap:14px;padding:0 4px}.sc-sentence-card{padding:18px 20px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.sc-sentence-text{font-size:16px;line-height:1.7;color:var(--c-text);margin:0 0 8px}.sc-hint{font-size:12px;color:var(--c-text-muted);margin:0;font-style:italic}.sc-prompt{font-size:14px;color:var(--c-text-muted);margin:0;font-weight:500}.sc-options-grid{display:flex;flex-direction:column;gap:8px}.sc-option-btn{display:flex;flex-direction:column;gap:4px;width:100%;padding:14px 18px;border:2px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-family:var(--font-body);font-size:15px;cursor:pointer;transition:all .15s ease;text-align:left}.sc-option-btn:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-accent-soft);transform:translate(2px)}.sc-option-btn--selected{border-color:var(--c-accent);background:var(--c-accent-soft)}.sc-option-btn--correct{border-color:var(--c-green);background:var(--c-green-soft)}.sc-option-btn--wrong{border-color:var(--c-red);background:var(--c-red-soft)}.sc-option-btn:disabled{opacity:.5;cursor:not-allowed}.sc-option-label{font-weight:500}.sc-option-reason{font-size:12px;color:var(--c-green);line-height:1.4}.sc-sentence-card--blank{border-color:var(--c-accent, var(--c-accent))}.sc-text-segment{line-height:2}.sc-blank-slot{display:inline-block;min-width:80px;padding:2px 10px;margin:0 2px;border-bottom:2px solid var(--c-border);border-radius:4px 4px 0 0;font-weight:600;font-size:15px;text-align:center;transition:all .15s ease;vertical-align:baseline}.sc-blank-slot--empty{color:var(--c-text-dim);border-color:var(--c-accent, var(--c-accent));background:#ffffff0f;letter-spacing:1px}.sc-blank-slot--filled{color:var(--c-accent, var(--c-accent));border-color:var(--c-accent, var(--c-accent));background:#ffffff1a}.sc-chips-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sc-chip-btn{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:all .15s ease}.sc-chip-btn:hover:not(:disabled){border-color:var(--c-accent, var(--c-accent));background:#ffffff0f}.sc-chip-btn--selected{border-color:var(--c-accent, var(--c-accent));background:#ffffff1f;color:var(--c-accent, var(--c-accent));font-weight:600}.sc-chip-btn--correct{border-color:var(--c-green, #34d399);background:#34d3991f;color:var(--c-green, #34d399)}.sc-chip-btn--wrong{border-color:var(--c-red, #f87171);background:#f871711f;color:var(--c-red, #f87171)}.sc-selected-hint{font-size:13px;color:var(--c-text-muted);margin:8px 0 0}.exercise-word-count{font-size:11px;color:var(--c-text-muted);padding:2px 8px;background:var(--c-surface2);border-radius:99px}@keyframes vocab-fadein{0%{opacity:0}to{opacity:1}}.vocab-lightbox-close{position:fixed;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;cursor:pointer;z-index:10001;transition:background .14s}.vocab-lightbox-close:hover{background:#ffffff26}.vocab-lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default;box-shadow:0 8px 40px #00000080}.vocab-sidebar-inline-wrap{display:flex;flex-direction:column;height:100%;background:#000;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.vocab-sidebar-inline-header{display:flex;justify-content:flex-end;padding:10px 12px 0;flex-shrink:0}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 32px;text-align:center;width:100%;max-width:600px;margin:0 auto}.chat-messages>.chat-welcome{flex:none;padding:16px 20px 24px}.chat-messages>.chat-welcome .chat-welcome-title{font-size:20px}.chat-messages>.chat-welcome .chat-welcome-subtitle{font-size:13px;margin-bottom:16px}.chat-welcome-icon{margin-bottom:8px;color:var(--c-accent);opacity:.7}.chat-welcome-title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--c-text);margin:0 0 6px;line-height:1.2}.chat-welcome-subtitle{font-size:14px;color:var(--c-text-dim);margin:0 0 24px}.chat-welcome-suggestions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:480px}.chat-welcome-suggestion{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:var(--transition);text-align:left}.chat-welcome-suggestion:hover{background:var(--c-surface-hover);border-color:var(--c-accent);color:var(--c-accent)}.chat-welcome-suggestion svg{flex-shrink:0;opacity:.5}.chat-welcome-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.chat-welcome-container .chat-welcome{flex:none;padding:0}.chat-welcome-container .chat-welcome-title{font-size:24px}.chat-welcome-container .chat-welcome-subtitle{font-size:13px;margin-bottom:20px}.chat-layout--sidebar-open .chat-split-container{grid-template-columns:1fr}.chat-split-container--with-vocab{grid-template-columns:1fr 380px 1fr!important}.split-vocab-panel{border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);overflow:hidden;background:#000}[data-native-lang=zh] #view-home .home-content,[data-native-lang=ja] #view-home .home-content,[data-native-lang=ko] #view-home .home-content{max-width:900px;gap:16px}[data-native-lang=zh] .greeting,[data-native-lang=ja] .greeting,[data-native-lang=ko] .greeting{font-size:28px}[data-native-lang=zh] .stats-row,[data-native-lang=ja] .stats-row,[data-native-lang=ko] .stats-row{grid-template-columns:repeat(4,1fr);gap:8px}[data-native-lang=zh] .stat-card,[data-native-lang=ja] .stat-card,[data-native-lang=ko] .stat-card{padding:14px;gap:4px}[data-native-lang=zh] .stat-card .value,[data-native-lang=ja] .stat-card .value,[data-native-lang=ko] .stat-card .value{font-size:24px}[data-native-lang=zh] .stat-card .label,[data-native-lang=ja] .stat-card .label,[data-native-lang=ko] .stat-card .label{font-size:11px}[data-native-lang=zh] .word-grid,[data-native-lang=ja] .word-grid,[data-native-lang=ko] .word-grid{grid-template-columns:repeat(4,1fr);gap:10px}[data-native-lang=zh] .word-card,[data-native-lang=ja] .word-card,[data-native-lang=ko] .word-card{padding:12px}[data-native-lang=zh] .word-card .word,[data-native-lang=ja] .word-card .word,[data-native-lang=ko] .word-card .word{font-size:16px}[data-native-lang=zh] .study-section,[data-native-lang=ja] .study-section,[data-native-lang=ko] .study-section{padding:20px;gap:20px}[data-native-lang=zh] .section-title,[data-native-lang=ja] .section-title,[data-native-lang=ko] .section-title{font-size:15px}[data-native-lang=zh] .study-dashboard,[data-native-lang=ja] .study-dashboard,[data-native-lang=ko] .study-dashboard{gap:12px}[data-native-lang=zh] .study-dashboard-grid,[data-native-lang=ja] .study-dashboard-grid,[data-native-lang=ko] .study-dashboard-grid{gap:10px}[data-native-lang=zh] .flashcard-wrap,[data-native-lang=ja] .flashcard-wrap,[data-native-lang=ko] .flashcard-wrap{width:540px}[data-native-lang=zh] .card-word-title,[data-native-lang=ja] .card-word-title,[data-native-lang=ko] .card-word-title{font-size:24px}[data-native-lang=zh] .card-definition-text,[data-native-lang=ja] .card-definition-text,[data-native-lang=ko] .card-definition-text{font-size:14px}[data-native-lang=zh] .rating-btn,[data-native-lang=ja] .rating-btn,[data-native-lang=ko] .rating-btn{padding:6px 12px;font-size:12px;min-width:68px}[data-native-lang=zh] .study-chart-card h3,[data-native-lang=ja] .study-chart-card h3,[data-native-lang=ko] .study-chart-card h3{font-size:15px}[data-native-lang=ar] #view-home,[data-native-lang=ar] #view-study{direction:rtl}[data-native-lang=ar] .home-content{direction:rtl;text-align:right}[data-native-lang=ar] .stats-row{direction:rtl}[data-native-lang=ar] .study-section{direction:rtl;text-align:right}[data-native-lang=ar] .study-section .meta{align-items:flex-start}[data-native-lang=ar] .word-grid{direction:rtl}[data-native-lang=ar] .card-footer,[data-native-lang=ar] .section-header{flex-direction:row-reverse}[data-native-lang=ar] .rating-row,[data-native-lang=ar] .flashcard-wrap{direction:rtl}[data-native-lang=ar] .card-example{border-left:none;border-right:3px solid var(--c-accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}[data-native-lang=ar] .study-dashboard{direction:rtl;text-align:right}[data-native-lang=ar] .study-dashboard-head,[data-native-lang=ar] .study-bar-row{flex-direction:row-reverse}[data-native-lang=ar] .study-mode-selector,[data-native-lang=ar] .mode-options,[data-native-lang=ar] .topbar{direction:rtl}[data-native-lang=ar] .xp-bar-wrap{flex-direction:row-reverse}[data-native-lang=pt] .word-card .word,[data-native-lang=es] .word-card .word,[data-native-lang=fr] .word-card .word,[data-native-lang=de] .word-card .word,[data-native-lang=it] .word-card .word,[data-native-lang=nl] .word-card .word{font-size:17px;overflow-wrap:anywhere;word-break:break-word}[data-native-lang=pt] .word-grid,[data-native-lang=es] .word-grid,[data-native-lang=fr] .word-grid,[data-native-lang=de] .word-grid,[data-native-lang=it] .word-grid,[data-native-lang=nl] .word-grid{grid-template-columns:repeat(3,1fr);gap:14px}[data-native-lang=pt] .greeting,[data-native-lang=es] .greeting,[data-native-lang=fr] .greeting,[data-native-lang=de] .greeting,[data-native-lang=it] .greeting,[data-native-lang=nl] .greeting{font-size:34px}[data-native-lang=de] .card-word-title{font-size:26px;overflow-wrap:anywhere;word-break:break-word}[data-native-lang=de] .flashcard-wrap{width:520px}[data-native-lang=ru] .greeting{line-height:1.35}[data-native-lang=ru] .card-definition-text{line-height:1.7}[data-native-lang=ru] .word-card .word{line-height:1.35}@media (max-width: 900px){[data-native-lang=zh] .word-grid,[data-native-lang=ja] .word-grid,[data-native-lang=ko] .word-grid{grid-template-columns:repeat(3,1fr)}[data-native-lang=zh] .flashcard-wrap,[data-native-lang=ja] .flashcard-wrap,[data-native-lang=ko] .flashcard-wrap{width:100%;max-width:460px}}.chat-welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;overflow-y:auto;padding:24px 0}@media (max-width: 900px){[data-native-lang=zh] .word-grid,[data-native-lang=ja] .word-grid,[data-native-lang=ko] .word-grid,[data-native-lang=zh] .stats-row,[data-native-lang=ja] .stats-row,[data-native-lang=ko] .stats-row,[data-native-lang=pt] .word-grid,[data-native-lang=es] .word-grid,[data-native-lang=fr] .word-grid,[data-native-lang=de] .word-grid,[data-native-lang=it] .word-grid{grid-template-columns:repeat(2,1fr)}}.pron-exercise{width:100%;max-width:620px;display:flex;flex-direction:column;gap:20px;padding:8px 0 32px}.pron-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pron-progress{display:flex;align-items:center;gap:10px;flex:1;min-width:160px;color:var(--c-text-muted);font-size:13px}.pron-progress-bar{flex:1;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.pron-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-accent),var(--c-accent));transition:width .3s ease}.pron-nav{display:flex;gap:6px}.pron-nav-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:12px;font-weight:700}.pron-nav-btn:hover{background:var(--c-surface2);border-color:var(--c-accent);color:var(--c-accent)}.pron-nav-btn--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.pron-nav-btn--exit{width:auto;padding:0 12px;font-size:13px;font-weight:600}.pron-word-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}.pron-word-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pron-type-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#ffffff2e;color:var(--c-accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pron-word-title{font-family:var(--font-display);font-size:36px;font-weight:700;margin:0;flex:1;line-height:1.15}.pron-word-actions{display:flex;gap:6px}.pron-phonetic{font-size:16px;color:var(--c-text-muted);font-style:italic;margin:0}.pron-translation{font-size:16px;color:var(--c-accent);font-weight:500;margin:0}.pron-syllables{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pron-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted)}.pron-syllable-list{display:flex;gap:6px;flex-wrap:wrap}.pron-syllable{padding:3px 10px;border-radius:6px;background:#ffffff0f;font-size:15px;font-weight:500;border:1px solid rgba(255,255,255,.08)}.pron-syllable--stress{background:#fff3;border-color:#ffffff59;font-weight:700;color:var(--c-accent)}.pron-difficulty{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pron-diff-badge{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pron-diff-badge--easy{background:#34d3992e;color:#34d399}.pron-diff-badge--medium{background:#fbbf242e;color:#fbbf24}.pron-diff-badge--hard{background:#f871712e;color:#f87171}.pron-diff-score{font-size:12px;color:var(--c-text-muted)}.pron-diff-dots{display:flex;gap:3px;margin-left:4px}.pron-diff-dot{width:6px;height:6px;border-radius:50%;background:#ffffff1a}.pron-diff-dot--active{background:var(--c-accent);box-shadow:0 0 4px #ffffff80}.pron-features{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.pron-feature-list{display:flex;gap:6px;flex-wrap:wrap}.pron-feature-tag{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid}.pron-feature-tag--easy{background:#34d39914;border-color:#34d39933;color:#34d399}.pron-feature-tag--medium{background:#fbbf2414;border-color:#fbbf2433;color:#fbbf24}.pron-feature-tag--hard{background:#f8717114;border-color:#f8717133;color:#f87171}.pron-clarity-section{display:flex;flex-direction:column;gap:10px;padding:16px 0}.pron-clarity-options{display:flex;gap:8px}.pron-clarity-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;transition:all .15s ease}.pron-clarity-btn:hover{border-color:var(--c-accent);color:var(--c-text)}.pron-clarity-btn--active{border-color:var(--c-accent);background:#ffffff1f;color:var(--c-accent)}.pron-clarity-num{font-size:22px;font-weight:700;font-family:var(--font-display);line-height:1}.pron-clarity-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pron-clarity-desc{margin:0;font-size:13px;color:var(--c-text-muted);text-align:center}.pron-prolongation-section{display:flex;flex-direction:column;gap:10px;padding:12px 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.pron-prolongation-options{display:flex;gap:6px}.pron-prolongation-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;transition:all .15s ease}.pron-prolongation-btn:hover{border-color:#f59e0b;color:var(--c-text)}.pron-prolongation-btn--active{border-color:#f59e0b;background:#f59e0b1f;color:#fbbf24}.pron-prolongation-label{font-size:11px;font-weight:600;white-space:nowrap}.pron-prolongation-value{font-size:10px;font-weight:500;opacity:.7}.pron-prolongation-bar{padding:4px 0}.pron-prolongation-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background:linear-gradient(to right,#f59e0b,#ef4444);outline:none;cursor:pointer}.pron-prolongation-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fbbf24;border:2px solid #d97706;cursor:pointer}.pron-prolongation-marks{display:flex;justify-content:space-between;font-size:10px;color:var(--c-text-muted);margin-top:4px}.pron-page-header{text-align:center;padding:24px 0 16px}.pron-page-title{font-size:26px;font-weight:700;font-family:var(--font-display);color:var(--c-text);margin:0 0 8px}.pron-page-subtitle{margin:0;font-size:14px;color:var(--c-text-muted);max-width:420px;margin-inline:auto}.pron-page-input-row{display:flex;gap:10px;padding:16px 0}.pron-page-input{flex:1;padding:14px 18px;border-radius:12px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:18px;font-family:var(--font-display);outline:none;transition:border-color .15s ease}.pron-page-input:focus{border-color:var(--c-accent)}.pron-page-input::placeholder{color:var(--c-text-muted);opacity:.5}.pron-page-lang{padding:14px 12px;border-radius:12px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:14px;cursor:pointer;outline:none}.pron-play-section{display:flex;flex-direction:column;align-items:center;gap:10px}.pron-play-btn{display:flex;align-items:center;gap:10px;padding:14px 32px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--c-accent),var(--c-accent));color:var(--c-on-accent);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:220px;justify-content:center}.pron-play-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ffffff59}.pron-play-btn:disabled{cursor:wait}.pron-play-btn--playing{background:linear-gradient(135deg,var(--c-accent),var(--c-accent))}.pron-play-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pron-spin .8s linear infinite}@keyframes pron-spin{to{transform:rotate(360deg)}}.pron-play-phase{font-size:14px}.pron-done-hint{margin:0;font-size:13px;color:var(--c-text-muted)}.pron-rating-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:8px}.pron-rating-prompt{margin:0;font-size:14px;color:var(--c-text-muted);font-weight:500}.pron-rating-row{display:flex;gap:10px;width:100%}.pron-rate-btn{flex:1;padding:10px 8px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.pron-rate-btn:hover{transform:translateY(-1px)}.pron-rate-btn--again:hover{border-color:#f87171;background:#f871711f;color:#f87171}.pron-rate-btn--hard:hover{border-color:#fbbf24;background:#fbbf241f;color:#fbbf24}.pron-rate-btn--good:hover{border-color:#34d399;background:#34d3991f;color:#34d399}.pron-rate-btn--easy:hover{border-color:var(--c-accent);background:#ffffff1f;color:var(--c-accent)}.pron-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.pron-topbar{padding:20px 32px 12px;border-bottom:1px solid var(--c-border);flex-shrink:0}.pron-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--c-text);margin-bottom:4px}.pron-subtitle{font-size:13px;color:var(--c-text-muted)}.pron-layout{flex:1;display:flex;flex-direction:column;overflow:hidden}.pron-player-area{flex:1;display:flex;flex-direction:column;position:relative;background:#000;overflow:hidden}.pron-widget-container{flex:1;min-height:0}.pron-widget-container iframe{display:block;width:100%!important;height:100%!important}.pron-search-bar{padding:12px 32px;background:var(--c-surface);border-bottom:1px solid var(--c-divider);display:flex;align-items:center;gap:10px;flex-shrink:0}.pron-search-form{display:flex;align-items:center;gap:6px;flex:1}.pron-search-input{flex:1;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);padding:8px 14px;font-size:14px;outline:none;transition:var(--transition)}.pron-search-input:focus{border-color:var(--c-accent)}.pron-search-input::placeholder{color:var(--c-text-dim)}.pron-search-btn{background:var(--c-accent);border:none;border-radius:var(--radius-md);color:var(--c-on-accent);width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.pron-search-btn:hover:not(:disabled){opacity:.85}.pron-search-btn:disabled{opacity:.4;cursor:not-allowed}.pron-track-badge{font-size:12px;color:var(--c-text-dim);background:var(--c-surface2);padding:3px 10px;border-radius:99px;flex-shrink:0}.pron-loading-state{position:absolute;top:40px;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--c-text-muted);font-size:13px}.pron-controls{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 16px;background:var(--c-surface2);border-top:1px solid var(--c-divider);flex-shrink:0}.pron-controls-spacer{width:24px}.pron-ctrl-btn{background:none;border:none;color:var(--c-text-muted);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.pron-ctrl-btn:hover:not(:disabled){color:var(--c-text);background:var(--c-surface)}.pron-ctrl-btn:disabled{opacity:.25;cursor:not-allowed}.pron-ctrl-btn--play{background:var(--c-accent);color:var(--c-on-accent);width:42px;height:42px;border-radius:50%}.pron-ctrl-btn--play:hover:not(:disabled){background:var(--c-accent);opacity:.85;color:var(--c-on-accent)}.youglish-btn--active{color:var(--c-accent);border-color:var(--c-accent);background:var(--c-accent-soft)}.dialogue-exercise{display:flex;flex-direction:column;width:100%;max-width:650px;min-height:600px;background:var(--c-surface);border-radius:var(--radius-lg);overflow-y:auto;box-shadow:0 2px 8px #00000014}.dialogue-intro{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 36px;text-align:center}.dialogue-intro-icon{font-size:64px;margin-bottom:12px}.dialogue-intro-title{font-size:28px;font-weight:700;color:var(--c-text);margin:0}.dialogue-intro-context{font-size:16px;color:var(--c-text-dim);line-height:1.6;max-width:500px}.dialogue-intro-details{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin:12px 0}.dialogue-intro-detail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;background:var(--c-surface-hover);border-radius:var(--radius-md)}.dialogue-intro-label{font-size:12px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.5px}.dialogue-intro-value{font-size:16px;font-weight:600;color:var(--c-text)}.dialogue-rules{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;margin:12px 0}.dialogue-rule{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:var(--radius-md);font-size:15px;color:var(--c-text);line-height:1.5}.dialogue-rule-badge{font-size:24px;flex-shrink:0}.dialogue-rule-badge--ai{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--c-accent) 40%,transparent))}.dialogue-rule-badge--you{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--c-blue) 40%,transparent))}.dialogue-start-btn{margin-top:16px;padding:16px 48px;font-size:18px;font-weight:600}.dialogue-progress-bar{height:3px;background:var(--c-border);flex-shrink:0}.dialogue-progress-fill{height:100%;background:var(--c-accent);transition:width .5s ease;border-radius:0 2px 2px 0}.dialogue-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--c-border);flex-shrink:0}.dialogue-nav-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;background:transparent;color:var(--c-text-dim);font-size:12px;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.dialogue-nav-btn:hover{background:var(--c-surface-hover);color:var(--c-text)}.dialogue-nav-btn--toggle{color:var(--c-accent)}.dialogue-turn-counter{font-size:12px;color:var(--c-text-dim);font-weight:500}.dialogue-transcript{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:400px}.dialogue-turn{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:var(--radius-md);animation:dialogueFadeIn .3s ease;max-width:85%}@keyframes dialogueFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dialogue-turn--ai{align-self:flex-start;background:linear-gradient(135deg,color-mix(in srgb,var(--c-accent) 12%,transparent),color-mix(in srgb,var(--c-accent) 6%,transparent));border-left:3px solid var(--c-accent)}.dialogue-turn--you{align-self:flex-end;background:linear-gradient(135deg,color-mix(in srgb,var(--c-blue) 12%,transparent),color-mix(in srgb,var(--c-blue) 6%,transparent));border-right:3px solid var(--c-blue)}.dialogue-turn--active{box-shadow:0 0 12px color-mix(in srgb,var(--c-accent) 20%,transparent)}.dialogue-turn--answered{opacity:.85}.dialogue-turn-speaker{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--c-text-dim);font-weight:500}.dialogue-speaker-icon{font-size:12px}.dialogue-turn-text{font-size:14px;line-height:1.5;color:var(--c-text)}.dialogue-ai-text{font-weight:500;color:var(--c-accent)}.dialogue-user-expected-text{font-weight:500;color:var(--c-blue)}.dialogue-typing-dot:nth-child(2){animation-delay:.2s}.dialogue-typing-dot:nth-child(3){animation-delay:.4s}.dialogue-input:focus{border-color:var(--c-blue)}.dialogue-input::placeholder{color:var(--c-text-dim)}.dialogue-input-actions{display:flex;justify-content:flex-end;gap:8px}.dialogue-completed{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center;flex-shrink:0}.dialogue-completed-icon{font-size:48px}.dialogue-completed h3{font-size:20px;font-weight:700;color:var(--c-text);margin:0}.dialogue-completed-stats{font-size:15px;color:var(--c-text-dim)}.dialogue-timeline{border-bottom:1px solid var(--c-border);padding:8px 16px;background:var(--c-bg);flex-shrink:0;max-height:120px;overflow-y:auto}.dialogue-timeline-scrub{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}.dialogue-timeline-item{display:flex;align-items:center;gap:3px;padding:4px 8px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;font-size:11px;transition:all .15s;color:var(--c-text-dim)}.dialogue-timeline-item:hover{border-color:var(--c-accent);color:var(--c-text);background:var(--c-surface-hover)}.timeline-item--ai{border-left:3px solid var(--c-accent)}.timeline-item--you{border-right:3px solid var(--c-blue)}.timeline-item--answered{opacity:.8}.timeline-item--current{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 14%,transparent)}.timeline-item-dot{font-size:10px;line-height:1}.timeline-item-label{font-weight:600;font-size:10px;min-width:12px;text-align:center}.timeline-item-num{font-size:10px;opacity:.6}.audio-wave-1{animation-delay:0s;height:6px}.audio-wave-2{animation-delay:.2s;height:10px}.audio-wave-3{animation-delay:.4s;height:7px}.dialogue-replay-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;border-radius:50%;transition:all .15s;padding:0}.dialogue-replay-btn:hover{background:var(--c-surface-hover);color:var(--c-accent)}.dialogue-ai-replay-link:hover{background:color-mix(in srgb,var(--c-accent) 10%,transparent);text-decoration:underline}.wf-bar:nth-child(1){animation-delay:0s;height:10px}.wf-bar:nth-child(2){animation-delay:.1s;height:14px}.wf-bar:nth-child(3){animation-delay:.2s;height:18px}.wf-bar:nth-child(4){animation-delay:.3s;height:12px}.wf-bar:nth-child(5){animation-delay:.4s;height:16px}.wf-bar:nth-child(6){animation-delay:.5s;height:20px}.wf-bar:nth-child(7){animation-delay:.15s;height:14px}.wf-bar:nth-child(8){animation-delay:.35s;height:10px}.wf-bar:nth-child(9){animation-delay:.05s;height:17px}.dialogue-completed-summary{display:flex;flex-direction:column;gap:4px;width:100%;max-width:400px;margin:8px 0;padding:0 16px}.dialogue-summary-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);font-size:13px}.dialogue-summary-item--pass{background:#16a34a14}.dialogue-summary-item--fail{background:color-mix(in srgb,var(--c-accent) 12%,transparent)}.dialogue-summary-turn{font-weight:700;color:var(--c-text-dim);min-width:20px}.dialogue-summary-answer{flex:1;color:var(--c-text)}.dialogue-summary-score{font-weight:600;font-size:12px;color:var(--c-text-dim)}.dialogue-controls-right{display:flex;align-items:center;gap:4px}.dialogue-nav-btn--active{color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 10%,transparent)}.dialogue-speaking-bar{flex-shrink:0;padding:16px;border-top:1px solid var(--c-border);background:var(--c-bg)}.dialogue-speaking-bar-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dialogue-speaking-label{font-size:12px;font-weight:600;color:var(--c-blue);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.dialogue-speaking-text{font-size:14px;color:var(--c-text);font-weight:600;flex:1;min-width:100px;padding:6px 12px;background:color-mix(in srgb,var(--c-blue) 8%,transparent);border-radius:var(--radius-md)}.dialogue-countdown{font-size:16px;font-weight:700;color:var(--c-accent);font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.dialogue-speaking-skip{padding:6px 14px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-dim);font-size:12px;cursor:pointer;transition:all .15s;flex-shrink:0}.dialogue-speaking-skip:hover{border-color:var(--c-accent);color:var(--c-text)}.dialogue-turn--speaking{border-color:var(--c-blue)!important;box-shadow:0 0 12px color-mix(in srgb,var(--c-blue) 20%,transparent);animation:dialogueSpeakingPulse 1.5s ease infinite}@keyframes dialogueSpeakingPulse{0%,to{box-shadow:0 0 8px color-mix(in srgb,var(--c-blue) 15%,transparent)}50%{box-shadow:0 0 16px color-mix(in srgb,var(--c-blue) 25%,transparent)}}.dialogue-turn-indicator{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;align-self:flex-end}.dialogue-turn-indicator--done{color:var(--c-green);background:color-mix(in srgb,var(--c-green) 14%,transparent)}.dialogue-user-spoken{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--c-text-dim);font-style:italic}.dialogue-spoken-icon{font-size:14px}.hidden-words-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-top:8px}.hidden-word-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--c-surface2);border-radius:var(--radius-md)}.hidden-word-text{font-size:13px;font-weight:500}.dict-recent-section{padding:0 28px}.recently-added-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recently-added-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.recently-added-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 60%,var(--c-accent-glow));opacity:0;transition:var(--transition);pointer-events:none}.recently-added-card:hover{border-color:var(--c-border-strong);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.recently-added-card:hover:before{opacity:1}.recently-added-card .ra-image{width:100%;height:80px;border-radius:var(--radius-sm);overflow:hidden;background:var(--c-surface2)}.recently-added-card .ra-image img{width:100%;height:100%;object-fit:cover;display:block}.ra-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--c-accent);background:linear-gradient(135deg,var(--c-surface2),var(--c-accent-soft))}.ra-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ra-word{font-size:14px;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ra-translation{font-size:12px;color:var(--c-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.ra-footer{display:flex;align-items:center;justify-content:space-between;gap:4px}.ra-type-badge{font-size:10px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:500;padding:2px 6px;background:var(--c-surface2);border-radius:4px}.ra-new-badge{font-size:9px;font-weight:700;color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;background:var(--c-accent-soft);border-radius:4px;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.category-filter-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.category-filter-label{font-size:11px;color:var(--c-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-right:4px}.category-pill{padding:3px 12px;border-radius:99px;font-size:11px;font-weight:600;background:transparent;border:1px solid var(--c-border);color:var(--c-text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap;letter-spacing:.02em}.category-pill:hover{border-color:currentColor;color:var(--c-text)}.category-pill--active,.category-pill--active:hover{background:currentColor;border-color:currentColor;color:#fff}.category-pill--adjective{color:#f59e0b}.category-pill--verb{color:#34d399}.category-pill--noun,.category-pill--adverb{color:var(--c-accent)}.category-pill--general{color:#f87171}.category-pill--business{color:#2dd4bf}.category-pill--academic{color:var(--c-accent)}.category-pill--slang{color:#fb923c}.category-pill--idiom{color:#ededed}.notif-advanced{padding:8px 0 0 16px;border-left:2px solid var(--c-border);margin:0 0 4px}.quiet-hours-range{display:flex;align-items:center;gap:8px}.quiet-sep{color:var(--c-text-muted);font-size:14px}.quiet-time{width:100px!important}[data-theme=light]{--c-bg: #f5f5f7;--c-surface: #ffffff;--c-surface2: #e8e8ed;--c-text: #1d1d1f;--c-text-muted: #86868b;--c-border: #d2d2d7;--c-accent: var(--c-accent)}.help-step{margin-bottom:16px}.help-step strong{display:block;font-size:14px;margin-bottom:4px;color:var(--c-text)}.help-step p{font-size:13px;color:var(--c-text-muted);line-height:1.5;margin:0}.help-faq-item{margin-bottom:16px}.help-faq-item strong{display:block;font-size:14px;margin-bottom:4px;color:var(--c-text)}.help-faq-item p{font-size:13px;color:var(--c-text-muted);line-height:1.5;margin:0}.card-front-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-new-badge{font-size:9px;font-weight:700;color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;background:var(--c-accent-soft);border-radius:4px;animation:badge-pulse 2s ease-in-out infinite}.card-category-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.card-category-tag{font-size:10px;font-weight:600;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:4px}.card-suspend-badge,.card-leech-badge,.card-leech-warn{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:4px}.card-suspend-badge{color:#ededed;background:#ffffff26}.card-leech-badge{color:#fb923c;background:#fb923c26}.card-leech-warn{color:#facc15;background:#facc151f;font-size:8px}.word-card--suspended{opacity:.7;border-color:#fff3!important}.word-card-suspend-tag{font-size:8px;font-weight:600;color:#ededed;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.card-top-actions{display:flex;gap:4px;margin-left:auto;align-items:center}.stats-view{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--c-bg)}.stats-view .topbar{padding:16px 24px;border-bottom:1px solid var(--c-border)}.stats-view .topbar h1{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0;color:var(--c-text)}.stats-view .stats-content{padding:20px 32px 40px;overflow-y:auto;flex:1}.contribution-section{margin-bottom:28px}.contribution-title{font-family:var(--font-display);font-size:14px;font-weight:400;color:var(--c-text);margin:0 0 16px}.contribution-graph{display:flex;flex-direction:column;gap:2px}.contrib-months{display:flex;gap:3px;padding-left:44px;margin-bottom:2px}.contrib-month-label{font-size:10px;color:var(--c-text-muted);width:14px;text-align:center;flex-shrink:0;flex-basis:14px}.contrib-body{display:flex;gap:4px}.contrib-days{display:flex;flex-direction:column;gap:3px;padding-top:1px}.contrib-day-label{font-size:10px;color:var(--c-text-muted);height:14px;line-height:14px;text-align:right;width:36px;padding-right:4px}.contrib-grid{display:flex;gap:3px;overflow-x:auto;padding-bottom:4px;flex:1}.contrib-week{display:flex;flex-direction:column;gap:3px}.contrib-cell{width:14px;height:14px;border-radius:3px;transition:transform .15s ease,opacity .15s ease;cursor:default;flex-shrink:0}.contrib-cell:hover{transform:scale(1.4);outline:2px solid var(--c-text);z-index:2;position:relative}.contrib-level-0{background:var(--c-surface2, #1a1a1a)}.contrib-level-1{background:#fff3}.contrib-level-2{background:#ffffff73}.contrib-level-3{background:#ffffffb3}.contrib-level-4{background:#fff}.contrib-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;padding-right:8px}.contrib-footer-text{font-size:10px;color:var(--c-text-muted)}.contrib-legend{display:flex;gap:3px}.contrib-legend .contrib-cell{cursor:default}.contrib-legend .contrib-cell:hover{transform:none;outline:none}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:1.5rem;background:linear-gradient(135deg,#0f0f1a,#141414,#141414);position:relative;overflow-y:auto;opacity:0;transition:opacity .4s ease}.login-mounted{opacity:1}.login-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.login-particle{position:absolute;border-radius:50%;background:#ffffff26;animation:login-float linear infinite}@keyframes login-float{0%,to{transform:translateY(0) scale(1);opacity:.3}25%{opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:.4}75%{opacity:.6}}.login-page:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(74,222,128,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.login-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;animation:login-slide-up .5s ease both}@keyframes login-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-card-header{text-align:center;margin-bottom:1.25rem}.login-header-logo{width:44px;height:44px;margin:0 auto .6rem;background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ffffff40}.login-card-title{font-family:var(--font-display, "Syne", sans-serif);font-size:1.35rem;font-weight:700;color:#e8e8f0;margin:0 0 .35rem;letter-spacing:-.02em}.login-card-subtitle{color:#8a8a8a;font-size:.85rem;line-height:1.5;margin:0}.login-card{background:#141414;border:1px solid #232323;border-radius:16px;padding:1.75rem 1.5rem;width:100%;box-shadow:0 8px 40px #0000004d;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease}.login-card:hover{box-shadow:0 8px 48px #0006}.login-card-shake{animation:login-shake .35s ease}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.login-card-desc{color:#8a8a8a;font-size:.9rem;line-height:1.5;margin:0 0 1rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-label{font-size:.8rem;font-weight:600;color:#9a9a9a;letter-spacing:.03em;text-transform:uppercase}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:12px;color:#444;pointer-events:none;transition:color .2s}.login-input-wrap:focus-within .login-input-icon{color:var(--c-accent)}.login-input{background:#141414;border:1px solid #232323;border-radius:10px;padding:.75rem 1rem .75rem 40px;color:#e8e8e8;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;width:100%;box-sizing:border-box}.login-input-pw{padding-right:44px}.login-input::placeholder{color:#444}.login-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #ffffff26}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-pw-toggle{position:absolute;right:8px;background:none;border:none;color:#ededed;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.login-pw-toggle:hover{color:#9a9a9a;background:#ffffff0d}.login-submit-btn{background:linear-gradient(135deg,var(--c-accent) 0%,#ededed 100%);color:var(--c-on-accent);border:none;border-radius:10px;padding:.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;margin-top:.25rem;font-family:inherit}.login-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px #ffffff59}.login-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn-text{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-btn-text svg{transition:transform .2s}.login-submit-btn:hover .login-btn-text svg{transform:translate(3px)}.login-btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:login-spin .6s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--c-accent);border-radius:50%;animation:login-spin .6s linear infinite;margin:0 auto}.login-loading-text{color:#8a8a8a;font-size:.9rem;text-align:center;margin:.75rem 0 0}.login-error,.login-success{display:flex;align-items:flex-start;gap:.5rem;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem;line-height:1.4;animation:login-fade-in .25s ease both}@keyframes login-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-error{background:#2a1212;border:1px solid #4a1a1a;color:#ff6b6b}.login-success{background:#122a12;border:1px solid #1a4a1a;color:#4ade80}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:#ededed;font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#232323}.login-providers{display:flex;flex-direction:column;gap:.5rem}.login-provider-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#141414;border:1px solid #232323;border-radius:10px;padding:.7rem;color:#d0d0e0;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;font-family:inherit}.login-provider-btn:hover{background:#1e1e36;border-color:#ededed;transform:translateY(-1px)}.login-provider-btn:active{background:#262640;transform:translateY(0)}.login-toggle{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1rem;color:#8a8a8a;font-size:.85rem}.login-toggle-btn{background:none;border:none;color:var(--c-accent);font-weight:600;cursor:pointer;font-size:.85rem;font-family:inherit;transition:color .2s;padding:0}.login-toggle-btn:hover{color:#ededed;text-decoration:underline}.login-skip-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:1px solid #232323;border-radius:10px;padding:.65rem 1.25rem;color:#ededed;font-size:.85rem;cursor:pointer;transition:all .2s;width:100%;text-align:center;font-family:inherit}.login-skip-btn:hover{border-color:#444;color:#9a9a9a;background:#ffffff05}.login-not-configured{background:#2a1a1a;border:1px solid #4a2a2a;border-radius:10px;padding:1rem;margin-bottom:1rem;text-align:center;color:#c88;font-size:.85rem}.login-not-configured p{margin:0}.login-hint{font-size:.8rem;color:#8a8a8a;margin-top:.5rem}.login-hint code{background:#232323;padding:2px 6px;border-radius:4px;font-size:.85rem;color:var(--c-accent)}.shadowing-exercise{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:0 auto;text-align:center}.exercise-type-header{font-size:.85rem;color:var(--c-accent);text-transform:uppercase;letter-spacing:1px;margin:0;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.shadowing-tts-badge{font-size:.7rem;background:#232323;color:#8a8a8a;padding:2px 8px;border-radius:6px;font-weight:400;letter-spacing:normal;text-transform:none}.shadowing-audio-visualizer{padding:24px 0}.shadowing-waveform{display:flex;align-items:center;justify-content:center;gap:6px;height:48px}.shadowing-wave-bar{width:6px;height:20px;background:var(--c-accent);border-radius:3px;animation:shadowing-wave .6s ease-in-out infinite alternate}.shadowing-wave-bar--idle{height:6px;animation:none;opacity:.3}@keyframes shadowing-wave{0%{height:8px}to{height:40px}}.shadowing-waveform--idle{opacity:.5}.shadowing-waveform-canvas{display:block;margin:8px auto;border-radius:8px;background:#141414;width:280px;height:60px}.shadowing-listen-phase,.shadowing-shadow-phase,.shadowing-check-phase,.shadowing-done-phase{display:flex;flex-direction:column;gap:16px;align-items:center}.shadowing-listen-instruction{font-size:1rem;color:#a0a0a0;margin:0}.shadowing-listen-controls{display:flex;gap:12px;justify-content:center}.shadowing-play-btn{font-size:1rem;padding:12px 32px;background:linear-gradient(135deg,var(--c-accent),#ededed);color:var(--c-on-accent);border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:opacity .2s}.shadowing-play-btn:disabled{opacity:.5;cursor:not-allowed}.shadowing-play-btn:hover:not(:disabled){opacity:.9}.shadowing-context-hint{font-size:.85rem;color:#8a8a8a;font-style:italic;margin:0}.shadowing-tip{font-size:.8rem;color:#ededed;margin:0}.shadowing-shadow-instruction{font-size:1rem;color:#c8c8c8;margin:0}.shadowing-replay-btn{background:none;border:1px solid #232323;color:#a0a0a0;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:border-color .2s,color .2s}.shadowing-replay-btn:hover:not(:disabled){border-color:var(--c-accent);color:#e8e8e8}.shadowing-speech-area{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.shadowing-mic-btn{width:64px;height:64px;border-radius:50%;background:#232323;display:flex;align-items:center;justify-content:center;font-size:28px;transition:background .3s,box-shadow .3s}.shadowing-mic-btn--active{background:#3a1a1a;box-shadow:0 0 20px #ff50504d;animation:shadowing-pulse 1s infinite}@keyframes shadowing-pulse{0%,to{box-shadow:0 0 20px #ff50504d}50%{box-shadow:0 0 30px #ff505080}}.shadowing-mic-status{font-size:.85rem;color:#8a8a8a;margin:0}.shadowing-transcript-area{background:#1e1e2e;border:1px solid #232323;border-radius:10px;padding:12px 16px;width:100%;box-sizing:border-box}.shadowing-transcript-label{font-size:.8rem;color:#ededed;font-weight:600}.shadowing-transcript-text{font-size:1rem;color:#e8e8e8;margin:4px 0 0;font-style:italic}.shadowing-fallback-hint{font-size:.85rem;color:#c08060;margin:0}.shadowing-check-title{font-size:1rem;color:#a0a0a0;margin:0}.shadowing-original-sentence{background:#1e1e2e;border:1px solid #232323;border-radius:12px;padding:16px 20px;width:100%;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px}.shadowing-original-label{font-size:.75rem;color:#ededed;text-transform:uppercase;letter-spacing:1px;margin:0;min-width:fit-content}.shadowing-original-text{flex:1;font-size:1.1rem;color:#e8e8e8;margin:0;line-height:1.5}.shadowing-compare-box{background:#141414;border:1px solid #3a3a50;border-radius:10px;padding:12px 16px;width:100%;box-sizing:border-box}.shadowing-compare-label{font-size:.8rem;color:#c08060;font-weight:600;margin:0}.shadowing-compare-text{font-size:.95rem;color:#c8c8c8;margin:4px 0 0}.shadowing-self-rate-prompt{font-size:1rem;color:#a0a0a0;margin:0}.shadowing-self-rate-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.shadowing-rate-btn{padding:10px 20px;border:2px solid #232323;border-radius:10px;background:#141414;color:#c8c8c8;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.shadowing-rate-btn--perfect:hover{border-color:#4caf50;background:#1a2a1a;color:#8bc34a}.shadowing-rate-btn--almost:hover{border-color:#ff9800;background:#2a1a0a;color:#ffb74d}.shadowing-rate-btn--missed:hover{border-color:#f44336;background:#2a0a0a;color:#ef9a9a}.shadowing-done-text{font-size:1rem;color:#4caf50;margin:0}.shadowing-input-area{display:flex;flex-direction:column;gap:6px;width:100%}.shadowing-input-label{font-size:.85rem;color:#8a8a8a;text-align:left}.shadowing-input{width:100%;background:#141414;border:1px solid #232323;border-radius:10px;padding:12px 16px;color:#e8e8e8;font-size:1rem;line-height:1.5;resize:vertical;min-height:70px;font-family:inherit;box-sizing:border-box}.shadowing-input:focus{outline:none;border-color:var(--c-accent)}.shadowing-input::placeholder{color:#444}.shadowing-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.fcv-cv02.flashcard-wrap .card-face{background:#fff;border:2px solid #ededed;box-shadow:0 4px 16px #0000001f}.fcv-cv02.flashcard-wrap .card-word-title{color:#141414}.fcv-cv02.flashcard-wrap .card-definition-text{color:#262626}.fcv-cv02.flashcard-wrap .card-type-label{color:#64748b}.fcv-cv02.flashcard-wrap .card-phonetic{color:#475569}.fcv-cv02.flashcard-wrap .card-example-block{background:#f1f5f9;border-color:#e2e8f0}.fcv-cv02.flashcard-wrap .card-example-text{color:#1a1a1a}.fcv-cv02.flashcard-wrap .card-meta{color:#334155}.fcv-cv02.flashcard-wrap .card-tap-hint{color:#94a3b8}.fcv-cv02.flashcard-wrap .card-examples-section{color:#262626}.fcv-cv02.flashcard-wrap .card-examples-section strong{color:#141414}.fcv-cv02.flashcard-wrap .card-examples-section li{color:#334155}.fcv-cv02.flashcard-wrap .card-tag{background:#f1f5f9;border-color:#cbd5e1;color:#1f2937}.fcv-cv02.flashcard-wrap .card-word-title-row{color:#141414}.fcv-cv03.flashcard-wrap .card-face{background:#232323;border:none;box-shadow:9px 9px 16px #0000004d,-9px -9px 16px #ffffff0d}.fcv-cv03.flashcard-wrap .card-word-title{color:#e8e8e8}.fcv-cv03.flashcard-wrap .card-definition-text{color:#b0b0c8}.fcv-cv03.flashcard-wrap .card-type-label,.fcv-cv03.flashcard-wrap .card-phonetic{color:#ededed}.fcv-cv03.flashcard-wrap .card-example-block{background:#222236;border:none;box-shadow:inset 4px 4px 8px #0000004d,inset -4px -4px 8px #ffffff08}.fcv-cv03.flashcard-wrap .card-example-text{color:#c8c8c8}.fcv-cv04.flashcard-wrap .card-face{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.fcv-cv04.flashcard-wrap .card-word-title{color:#f0f0ff}.fcv-cv04.flashcard-wrap .card-definition-text{color:#d0d0e8}.fcv-cv04.flashcard-wrap .card-type-label{color:#ffffffa6}.fcv-cv04.flashcard-wrap .card-phonetic{color:#ffffff80}.fcv-cv04.flashcard-wrap .card-example-block{background:#ffffff0d;border-color:#ffffff1a}.fcv-cv04.flashcard-wrap .card-example-text{color:#e8e8e8}.fcv-cv05.flashcard-wrap .card-face{background:#ededed;border-color:#ededed;box-shadow:0 0 20px #fff6,0 0 40px #fff3}.fcv-cv05.flashcard-wrap .card-word-title{color:#ededed;text-shadow:0 0 8px rgba(255,255,255,.6),2px 2px 0 #353535}.fcv-cv05.flashcard-wrap .card-definition-text{color:#fff}.fcv-cv05.flashcard-wrap .card-type-label,.fcv-cv05.flashcard-wrap .card-phonetic{color:#ededed}.fcv-cv05.flashcard-wrap .card-example-block{background:#00000040;border-color:#ededed}.fcv-cv05.flashcard-wrap .card-example-text{color:#fff}.fcv-cv06.flashcard-wrap .card-face{background:gold;border:4px solid #000000;box-shadow:6px 6px #000;border-radius:0}.fcv-cv06.flashcard-wrap .card-word-title{color:#000;text-transform:uppercase;letter-spacing:1px}.fcv-cv06.flashcard-wrap .card-definition-text{color:#000;font-weight:700}.fcv-cv06.flashcard-wrap .card-type-label{color:#000;background:#fff;padding:2px 8px;display:inline-block;font-weight:900}.fcv-cv06.flashcard-wrap .card-phonetic{color:#222;font-weight:600}.fcv-cv06.flashcard-wrap .card-example-block{background:#fff;border:3px solid #000000}.fcv-cv06.flashcard-wrap .card-example-text{color:#000}.fcv-cv06.flashcard-wrap .card-tap-hint{color:#330}.fcv-cv06.flashcard-wrap .card-meta,.fcv-cv06.flashcard-wrap .card-examples-section,.fcv-cv06.flashcard-wrap .card-examples-section strong{color:#000}.fcv-cv06.flashcard-wrap .card-examples-section li{color:#222}.fcv-cv06.flashcard-wrap .card-tag{background:#fff;border-color:#000;color:#000}.fcv-cv06.flashcard-wrap .card-word-title-row{color:#000}.fcv-cv07.flashcard-wrap .card-face{background:#f4e4c1;border-color:#8b7355;box-shadow:2px 2px 8px #8b735533}.fcv-cv07.flashcard-wrap .card-word-title{color:#4a3728;font-family:Georgia,Palatino,serif}.fcv-cv07.flashcard-wrap .card-definition-text{color:#5c4033}.fcv-cv07.flashcard-wrap .card-type-label{color:#8b7355;font-style:italic}.fcv-cv07.flashcard-wrap .card-phonetic{color:#7a6b55}.fcv-cv07.flashcard-wrap .card-example-block{background:#efe0b8;border-color:#c4a97a}.fcv-cv07.flashcard-wrap .card-example-text{color:#3e2a1a}.fcv-cv07.flashcard-wrap .card-meta,.fcv-cv07.flashcard-wrap .card-examples-section{color:#4a3728}.fcv-cv07.flashcard-wrap .card-examples-section strong{color:#3a2a1a}.fcv-cv07.flashcard-wrap .card-examples-section li{color:#5c4033}.fcv-cv07.flashcard-wrap .card-tag{background:#efe0b8;border-color:#c4a97a;color:#4a3728}.fcv-cv07.flashcard-wrap .card-word-title-row{color:#4a3728}.fcv-cv08.flashcard-wrap .card-face{background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent) 100%);border:none;box-shadow:0 4px 20px #fff6}.fcv-cv08.flashcard-wrap .card-word-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.fcv-cv08.flashcard-wrap .card-definition-text{color:#e8e0f0}.fcv-cv08.flashcard-wrap .card-type-label{color:#ffffffb3}.fcv-cv08.flashcard-wrap .card-phonetic{color:#fff9}.fcv-cv08.flashcard-wrap .card-example-block{background:#ffffff1a;border-color:#fff3}.fcv-cv08.flashcard-wrap .card-example-text{color:#fff}.fcv-cv09.flashcard-wrap .card-face{background:transparent;border-color:#fff3;border-style:dashed;box-shadow:none}.fcv-cv09.flashcard-wrap .card-word-title{color:#e8e8e8}.fcv-cv09.flashcard-wrap .card-definition-text{color:#b0b0c8}.fcv-cv09.flashcard-wrap .card-type-label{color:#fff6}.fcv-cv09.flashcard-wrap .card-phonetic{color:#ffffff4d}.fcv-cv09.flashcard-wrap .card-example-block{background:transparent;border-color:#ffffff26;border-style:dashed}.fcv-cv09.flashcard-wrap .card-example-text{color:#c0c0d0}.fcv-cv10.flashcard-wrap .card-face{background:#065f46;border-color:#10b981;box-shadow:0 4px 12px #065f464d}.fcv-cv10.flashcard-wrap .card-word-title{color:#d1fae5}.fcv-cv10.flashcard-wrap .card-definition-text{color:#a7f3d0}.fcv-cv10.flashcard-wrap .card-type-label{color:#34d399}.fcv-cv10.flashcard-wrap .card-phonetic{color:#6ee7b7}.fcv-cv10.flashcard-wrap .card-example-block{background:#10b9811a;border-color:#10b981}.fcv-cv10.flashcard-wrap .card-example-text{color:#d1fae5}.fcv-cv11.flashcard-wrap .card-face{background:#363636;border-color:#ededed;box-shadow:0 4px 16px #fff6}.fcv-cv11.flashcard-wrap .card-word-title,.fcv-cv11.flashcard-wrap .card-definition-text,.fcv-cv11.flashcard-wrap .card-type-label,.fcv-cv11.flashcard-wrap .card-phonetic{color:#ededed}.fcv-cv11.flashcard-wrap .card-example-block{background:#ffffff14;border-color:#ededed}.fcv-cv11.flashcard-wrap .card-example-text{color:#e0fafe}.fcv-cv12.flashcard-wrap .card-face{background:#0a0a0a;border:2px solid #00ff41;box-shadow:0 0 10px #00ff4126;border-radius:4px}.fcv-cv12.flashcard-wrap .card-word-title{color:#00ff41;font-family:Courier New,Consolas,monospace;text-shadow:0 0 6px rgba(0,255,65,.4)}.fcv-cv12.flashcard-wrap .card-definition-text{color:#3f6}.fcv-cv12.flashcard-wrap .card-type-label{color:#0c3}.fcv-cv12.flashcard-wrap .card-phonetic{color:#6f9}.fcv-cv12.flashcard-wrap .card-example-block{background:#111;border:1px solid #00ff41}.fcv-cv12.flashcard-wrap .card-example-text{color:#9fb}.fcv-cv13.flashcard-wrap .card-face{background:#dc2626;border:3px solid #fde047;box-shadow:4px 4px #991b1b;border-radius:6px}.fcv-cv13.flashcard-wrap .card-word-title{color:#fde047;text-shadow:2px 2px 0 #991b1b}.fcv-cv13.flashcard-wrap .card-definition-text{color:#fef9c3}.fcv-cv13.flashcard-wrap .card-type-label{color:#fde047;font-weight:700}.fcv-cv13.flashcard-wrap .card-phonetic{color:#fde68a}.fcv-cv13.flashcard-wrap .card-example-block{background:#b91c1c;border:2px solid #fde047;overflow:hidden;margin-bottom:2px}.fcv-cv13.flashcard-wrap .card-example-text,.fcv-cv13.flashcard-wrap .card-meta,.fcv-cv13.flashcard-wrap .card-examples-section{color:#fef9c3}.fcv-cv13.flashcard-wrap .card-examples-section strong{color:#fde047}.fcv-cv13.flashcard-wrap .card-examples-section li{color:#fef9c3}.fcv-cv13.flashcard-wrap .card-tag{background:#b91c1c;border-color:#fde047;color:#fde047}.fcv-cv13.flashcard-wrap .card-word-title-row{color:#fef9c3}.fcv-cv13.flashcard-wrap .card-image-slot img.flashcard-img{border:2px solid #fde047}.fcv-cv14.flashcard-wrap .card-face{background:#fff;border-color:silver;box-shadow:0 2px 8px #00000014}.fcv-cv14.flashcard-wrap .card-word-title{color:#000}.fcv-cv14.flashcard-wrap .card-definition-text{color:#222}.fcv-cv14.flashcard-wrap .card-type-label{color:#444}.fcv-cv14.flashcard-wrap .card-phonetic{color:#666}.fcv-cv14.flashcard-wrap .card-example-block{background:#f0f0f0;border-color:silver}.fcv-cv14.flashcard-wrap .card-example-text{color:#000}.fcv-cv14.flashcard-wrap .card-meta{color:#333}.fcv-cv14.flashcard-wrap .card-tap-hint{color:#888}.fcv-cv14.flashcard-wrap .card-examples-section{color:#222}.fcv-cv14.flashcard-wrap .card-examples-section strong{color:#000}.fcv-cv14.flashcard-wrap .card-examples-section li{color:#444}.fcv-cv14.flashcard-wrap .card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.fcv-cv14.flashcard-wrap .card-tag{background:#f0f0f0;border:1px solid #c0c0c0;color:#222;padding:2px 8px;border-radius:99px;font-size:11px}.fcv-cv14.flashcard-wrap .card-word-title-row{color:#000}.fcv-cv15.flashcard-wrap .card-face{background:#131313;border-color:var(--c-accent);box-shadow:0 0 20px #ffffff26}.fcv-cv15.flashcard-wrap .card-word-title{color:var(--c-accent);text-shadow:0 0 10px rgba(255,255,255,.4)}.fcv-cv15.flashcard-wrap .card-definition-text{color:#ededed}.fcv-cv15.flashcard-wrap .card-type-label{color:var(--c-accent)}.fcv-cv15.flashcard-wrap .card-phonetic{color:#ededed}.fcv-cv15.flashcard-wrap .card-example-block{background:#ffffff0f;border-color:var(--c-accent)}.fcv-cv15.flashcard-wrap .card-example-text{color:#ededed}.flashcard-wrap{--fc-text: #ededed;--fc-muted: rgba(255, 255, 255, .72);--fc-dim: rgba(255, 255, 255, .45);--fc-accent: #ededed;--fc-on-accent: #141414;--fc-panel: rgba(255, 255, 255, .08);--fc-panel-2: rgba(255, 255, 255, .04);--fc-border: rgba(255, 255, 255, .18);--fc-btn-bg: rgba(255, 255, 255, .14)}.fcv-cv02.flashcard-wrap,.fcv-cv14.flashcard-wrap{--fc-text: #1a1a1a;--fc-muted: #525252;--fc-dim: #8a8a8a;--fc-accent: #141414;--fc-on-accent: #ffffff;--fc-panel: #eef1f5;--fc-panel-2: #e3e7ed;--fc-border: #cbd2dc;--fc-btn-bg: rgba(0, 0, 0, .07)}.fcv-cv05.flashcard-wrap,.fcv-cv08.flashcard-wrap{--fc-text: #ededed;--fc-muted: rgba(255, 255, 255, .75);--fc-dim: rgba(255, 255, 255, .5);--fc-accent: #ffffff;--fc-on-accent: #1a1a1a;--fc-panel: rgba(255, 255, 255, .1);--fc-panel-2: rgba(255, 255, 255, .05);--fc-border: rgba(255, 255, 255, .25);--fc-btn-bg: rgba(255, 255, 255, .16)}.fcv-cv06.flashcard-wrap{--fc-text: #000000;--fc-muted: #333300;--fc-dim: #555500;--fc-accent: #000000;--fc-on-accent: #ffd700;--fc-panel: #ffffff;--fc-panel-2: #fff7c0;--fc-border: #000000;--fc-btn-bg: rgba(0, 0, 0, .12)}.fcv-cv07.flashcard-wrap{--fc-text: #4a3728;--fc-muted: #7a6b55;--fc-dim: #9a8b6f;--fc-accent: #4a3728;--fc-on-accent: #f4e4c1;--fc-panel: #efe0b8;--fc-panel-2: #e8d6a8;--fc-border: #c4a97a;--fc-btn-bg: rgba(74, 55, 40, .12)}.fcv-cv10.flashcard-wrap{--fc-text: #d1fae5;--fc-muted: #a7f3d0;--fc-dim: #6ee7b7;--fc-accent: #34d399;--fc-on-accent: #064e3b;--fc-panel: rgba(16, 185, 129, .14);--fc-panel-2: rgba(16, 185, 129, .08);--fc-border: #10b981;--fc-btn-bg: rgba(16, 185, 129, .2)}.fcv-cv11.flashcard-wrap{--fc-text: #ededed;--fc-muted: #d2d2d2;--fc-dim: #a8a8a8;--fc-accent: #ededed;--fc-on-accent: #141414;--fc-panel: rgba(255, 255, 255, .09);--fc-panel-2: rgba(255, 255, 255, .05);--fc-border: rgba(255, 255, 255, .28);--fc-btn-bg: rgba(255, 255, 255, .16)}.fcv-cv12.flashcard-wrap{--fc-text: #33ff66;--fc-muted: #66ff99;--fc-dim: #2a9d4f;--fc-accent: #00ff41;--fc-on-accent: #00190a;--fc-panel: #111111;--fc-panel-2: #0d0d0d;--fc-border: #00ff41;--fc-btn-bg: rgba(0, 255, 65, .16)}.fcv-cv13.flashcard-wrap{--fc-text: #fef9c3;--fc-muted: #fde68a;--fc-dim: #fca5a5;--fc-accent: #fde047;--fc-on-accent: #991b1b;--fc-panel: #b91c1c;--fc-panel-2: #a51818;--fc-border: #fde047;--fc-btn-bg: rgba(253, 224, 71, .2)}.fcv-cv05.flashcard-wrap .card-face{background:#18181b;border-color:#3a3a3a}.fcv-cv08.flashcard-wrap .card-face{background:linear-gradient(135deg,#2b2b2b,#101014)}.flashcard-wrap .speak-btn{color:var(--fc-muted)}.flashcard-wrap .speak-btn:hover{color:var(--fc-accent);background:var(--fc-btn-bg)}.flashcard-wrap .speak-btn--loading{color:var(--fc-accent)}.flashcard-wrap .card-ex-nav-btn{color:var(--fc-muted);border-color:var(--fc-border)}.flashcard-wrap .card-ex-nav-btn:hover:not(:disabled){background:var(--fc-btn-bg);color:var(--fc-text)}.flashcard-wrap .card-ex-nav-counter{color:var(--fc-muted)}.flashcard-wrap .card-tap-hint{color:var(--fc-dim)}.flashcard-wrap .card-image-slot,.flashcard-wrap .safe-image-wrapper{background:var(--fc-panel)}.flashcard-wrap .safe-image-skeleton{background:linear-gradient(90deg,var(--fc-panel) 25%,var(--fc-btn-bg) 50%,var(--fc-panel) 75%);background-size:200% 100%}@media (max-width: 900px){body{font-size:14px}.view{overflow-y:auto}.topbar{padding:10px 12px!important}.topbar h1{font-size:16px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-card{padding:12px!important}.stat-card .value{font-size:20px!important}.stat-card .label{font-size:10px!important}.stats-content{padding:12px 16px 24px!important}.study-dashboard-grid,.study-panel-grid{grid-template-columns:1fr!important}.study-chart-card{padding:14px!important}.home-content{padding:12px 16px!important}.home-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.home-stat-card{padding:12px!important}.home-stat-value{font-size:22px!important}.home-quick-actions{flex-wrap:wrap;gap:8px}input,textarea,select{font-size:max(16px,1em)!important}.chat-layout--sidebar-open,.study-page--sidebar-open{padding-right:0!important}.greeting{font-size:26px}.study-section{padding:16px!important;gap:16px!important}.study-section .info h3{font-size:15px}.study-stage{padding:8px!important}.exercise-wrap{padding:12px!important}.exercise-topbar{flex-wrap:wrap;gap:6px;padding:6px 0!important}.study-mode-selector{padding:8px!important}.mode-tabs{gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mode-tab{padding:6px 10px;font-size:11px;white-space:nowrap;flex-shrink:0}.vw-section{padding:0 0 32px!important;margin:0!important;width:100%!important}.vw-body{flex-direction:column!important;min-height:auto}.vw-sidebar{width:100%!important;max-width:100%!important;border-left:none!important;border-top:1px solid var(--c-divider);max-height:180px;overflow-y:auto}.vw-sidebar .vw-sidebar-input{font-size:max(16px,1em)!important}.vw-topbar{flex-wrap:wrap;gap:6px;padding:8px 12px!important}.vw-topbar-left h2{font-size:15px!important}.vw-topbar-left p{font-size:11px!important}.vw-topbar-right{gap:8px}.vw-canvas-wrap{height:320px!important;min-height:240px;touch-action:pan-x pan-y!important}.vw-canvas-wrap:before{animation:none!important;opacity:.6!important}.vw-toggle{gap:4px}.vw-toggle-btn{font-size:10px;padding:4px 8px;white-space:nowrap}.vw-toggle-btn svg{width:11px;height:11px}.vw-legend{display:none}.vw-reset-btn{width:28px;height:28px}.vw-zoom-controls{bottom:4px;right:4px}.vw-zoom-btn{width:28px;height:26px;font-size:14px}.vw-planets,.vw-space-debris{display:none}.vw-svg>g:last-of-type text{display:none}.vw-svg{touch-action:manipulation}.vw-zoom-controls{z-index:10}.vw-detail{padding:12px!important}.vw-detail-word{font-size:17px!important}.vw-detail-translation{font-size:13px!important}.dictionary-body{flex-direction:column!important}.dictionary-list{width:100%!important;max-height:200px!important;border-right:none!important;border-bottom:1px solid var(--c-divider)}.dictionary-detail{padding:12px!important}.dictionary-search{padding:8px 12px!important}.settings-content{padding:12px 16px!important;max-width:100%!important}.settings-section{padding:14px!important}.setting-row{flex-direction:column!important;align-items:flex-start!important;gap:6px;padding:10px 0}.setting-label{width:100%!important}.chat-container{padding:0!important}.chat-messages{padding:50px 8px 60px!important}.chat-input-area{padding:6px 8px!important}.chat-input-wrap{padding:0 4px!important}.player-layout{flex-direction:column!important;min-height:0!important}.player-video-wrap{width:100%!important;height:auto!important;min-width:0!important;aspect-ratio:16/9;flex:none!important}.player-sidebar{width:100%!important;min-width:0!important;max-height:240px;border-left:none!important;border-top:1px solid var(--c-border);overflow-y:auto}.player-sidebar input,.player-sidebar textarea{font-size:max(16px,1em)!important}.player-vocab-list{padding:4px!important}.player-sidebar .player-sidebar-tabs button{font-size:10px!important;padding:8px!important}@media (orientation: landscape) and (max-height: 480px){.player-layout{flex-direction:row!important}.player-video-wrap{width:55%!important;height:100%!important;aspect-ratio:auto!important;flex:1 1 auto!important}.player-sidebar{width:45%!important;max-height:none!important;min-width:0!important;max-width:45%!important;border-left:1px solid var(--c-border)!important;border-top:none!important}.player-vocab-list{padding:2px!important}.vw-body{flex-direction:row!important}.vw-sidebar{width:140px!important;max-height:none}.vw-canvas-wrap{height:100%!important;min-height:200px}.vw-section{margin:0!important;width:100%!important}.games-grid{grid-template-columns:repeat(2,1fr)!important;padding:6px!important;gap:6px!important}.game-panel-scene{height:70px}}.add-word-content{padding:12px 16px!important}.add-word-form{gap:10px}.add-word-form input,.add-word-form textarea{font-size:14px;padding:10px 12px}.pricing-grid{grid-template-columns:1fr!important;gap:12px;padding:12px}.pricing-card{padding:16px!important}.games-grid{grid-template-columns:1fr!important;gap:10px;padding:10px}.login-content{padding:24px 16px!important}.login-box{padding:24px 16px!important;max-width:100%!important}.rewards-content{padding:12px 16px!important}.rewards-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.sidebar-account-menu{position:static;box-shadow:none;border:1px solid var(--c-border);margin-top:4px}}.scrolling-reading-exercise{position:relative;width:100%;max-width:600px;min-height:480px;overflow:hidden;border-radius:12px;background:var(--c-surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.scrolling-reading-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-surface2, #141414);pointer-events:none;z-index:0}.scrolling-reading-bgm{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;gap:6px;color:var(--c-text-muted);font-size:12px;animation:sr-fade-in .5s ease}.scrolling-reading-bgm-icon{font-size:16px;animation:sr-pulse 2s ease-in-out infinite}.scrolling-reading-bgm-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.scrolling-reading-play-btn{position:absolute;top:12px;left:12px;z-index:10;color:var(--c-text-muted);font-size:12px;cursor:pointer}.scrolling-reading-diff{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;gap:8px}.scrolling-reading-diff-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scrolling-reading-diff-badge[data-diff=easy]{background:#22c55e26;color:#22c55e}.scrolling-reading-diff-badge[data-diff=medium]{background:#eab30826;color:#eab308}.scrolling-reading-diff-badge[data-diff=hard]{background:#ef444426;color:#ef4444}.scrolling-reading-speed{font-size:11px;color:var(--c-text-muted)}.scrolling-reading-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:10;color:var(--c-text-muted);font-size:13px;text-align:center;animation:sr-fade-out 3s ease forwards;pointer-events:none}.scrolling-reading-viewport{position:relative;z-index:1;width:100%;height:460px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:40px}.scrolling-reading-text{position:relative;width:90%;max-width:500px;text-align:left;will-change:transform;animation-name:scrolling-reading-scroll;animation-timing-function:linear;animation-fill-mode:both}@keyframes scrolling-reading-scroll{0%{transform:translateY(100vh);opacity:1}3%{opacity:1}90%{opacity:1}to{transform:translateY(-200%);opacity:0}}@keyframes sr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sr-fade-out{0%{opacity:1}70%{opacity:.6}to{opacity:0}}@keyframes sr-pulse{0%,to{opacity:.5}50%{opacity:1}}.scrolling-reading-line{color:var(--c-text);font-size:17px;line-height:2;padding:4px 0;font-weight:400}.scrolling-reading-end{color:var(--c-text-muted);font-size:14px;font-weight:400;margin-top:32px;text-align:center;opacity:.6}.scrolling-reading-status{color:var(--c-text-muted);font-size:13px;font-style:italic}.scrolling-reading-controls{position:relative;z-index:10;padding:16px 20px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(0deg,var(--c-surface) 0%,transparent 100%)}.scrolling-reading-status{color:#fff6;font-size:13px;font-style:italic}.clipboard-banner{display:flex;align-items:center;gap:10px;background:var(--c-accent-soft, rgba(255, 255, 255, .12));border:1px solid var(--c-accent-glow, rgba(255, 255, 255, .2));border-radius:var(--radius-lg, 18px);padding:12px 16px;margin-bottom:16px;cursor:pointer;transition:var(--transition, .2s);-webkit-tap-highlight-color:transparent}.clipboard-banner:hover{background:var(--c-accent-soft, rgba(255, 255, 255, .18))}.clipboard-banner-icon{font-size:22px;flex-shrink:0}.clipboard-banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.clipboard-banner-text strong{font-size:13px;color:var(--c-text, #fff);font-weight:600}.clipboard-banner-text span{font-size:11px;color:var(--c-text-muted, rgba(255,255,255,.8))}.clipboard-banner-btn{padding:6px 14px;border-radius:var(--radius-md, 12px);border:none;background:var(--c-accent, var(--c-accent));color:var(--c-on-accent);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-body, sans-serif);white-space:nowrap;transition:var(--transition, .2s);flex-shrink:0;-webkit-tap-highlight-color:transparent}.clipboard-banner-btn:hover{opacity:.9}.game-mission-bar{position:sticky;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(90deg,#ffffff26,#ffffff1a);border-bottom:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;color:#e8e8e8;animation:game-mission-slide .3s ease;cursor:pointer;transition:background .2s}.game-mission-bar:hover{background:linear-gradient(90deg,#ffffff40,#ffffff2e)}.game-mission-icon{font-size:16px;flex-shrink:0}.game-mission-label{font-weight:700;color:var(--c-accent);flex-shrink:0}.game-mission-divider{color:#fff3;flex-shrink:0}.game-mission-desc{color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.game-mission-return{font-size:11px;font-weight:700;color:var(--c-accent);white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:8px;opacity:.7;transition:opacity .2s}.game-mission-bar:hover .game-mission-return{opacity:1}@keyframes game-mission-slide{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}#app{height:100dvh}@media (max-width: 600px){.chat-top-bar{height:32px;min-height:32px}.chat-top-tab{max-width:80px;padding:0 4px;font-size:10px}.chat-top-new-btn{width:24px;height:24px;margin:0 2px}.chat-top-new-btn svg{width:12px;height:12px}.chat-welcome-icon{width:36px;height:36px;border-radius:12px;margin-bottom:.8rem}.chat-welcome-title{font-size:17px}.chat-welcome-subtitle{font-size:.78rem;margin-bottom:1rem}.chat-welcome-suggestion{padding:.5rem .7rem;font-size:.78rem}.chat-input-bar{padding:4px 8px 8px}.chat-input-wrap{padding:4px 8px;border-radius:var(--radius-md)}.chat-input{font-size:13px;min-height:20px}.chat-send-btn,.chat-add-vocab-btn{width:26px;height:26px}.chat-send-btn svg,.chat-add-vocab-btn svg{width:12px;height:12px}.chat-add-box{padding:4px 8px}.chat-top-action-btn{width:24px;height:24px}.chat-top-action-btn svg{width:12px;height:12px}.chat-scroll-btn{bottom:52px;padding:3px 10px;font-size:10px}.chat-streaming-bar{padding:2px 10px}.msg-avatar{width:20px;height:20px}.msg{gap:6px}.msg.user .chat-markdown{padding:6px 10px;font-size:.85rem}.chat-markdown{font-size:.85rem;line-height:1.55}}@media (max-width: 480px){.greeting{font-size:22px}.stats-row{gap:8px}.word-grid{grid-template-columns:1fr!important}.home-content{padding:8px!important}.topbar{padding:8px 12px!important}.study-section{flex-direction:column!important;align-items:flex-start!important}.study-section .meta{align-items:flex-start!important;flex-direction:row!important;gap:8px}.stat-card .value{font-size:22px!important}.flashcard-wrap{width:100%!important}.card-word{font-size:26px!important}.rating-row{gap:6px!important}.btn-primary,.btn-secondary{padding:10px 14px!important;font-size:13px!important}.games-grid,.pricing-grid{grid-template-columns:1fr!important}.selector-grid{grid-template-columns:1fr 1fr!important}.player-sidebar{max-height:180px}.player-video-wrap{aspect-ratio:auto;min-height:200px}.player-vocab-list{padding:2px!important}.vw-canvas-wrap{height:260px!important;min-height:200px}.vw-sidebar{max-height:140px}.vw-toggle-btn{padding:3px 6px;font-size:9px}.vw-toggle-btn svg{width:10px;height:10px}.vw-detail{padding:10px!important;gap:8px}.vw-detail-word{font-size:16px!important}.vw-detail-actions{flex-wrap:wrap;gap:6px}.vw-zoom-controls{bottom:2px;right:2px}.vw-zoom-btn{width:24px;height:22px;font-size:12px}.vw-zoom-pct{font-size:8px}.vw-topbar-left h2{font-size:14px!important}.chat-top-bar{height:28px!important;min-height:28px!important}.chat-top-tab{max-width:60px!important;padding:0 3px!important;font-size:9px!important}.chat-top-new-btn{width:22px!important;height:22px!important}.chat-top-new-btn svg{width:10px!important;height:10px!important}.chat-top-action-btn{width:22px!important;height:22px!important}.chat-top-action-btn svg{width:10px!important;height:10px!important}.chat-messages{padding:6px 8px!important;gap:8px!important}.chat-welcome-icon{width:28px!important;height:28px!important}.chat-welcome-title{font-size:14px!important}.chat-welcome-subtitle{font-size:.72rem!important}.chat-welcome-suggestion{padding:.35rem .5rem!important;font-size:.72rem!important;gap:.3rem!important}.chat-welcome-suggestion svg{width:10px!important;height:10px!important}.msg-avatar{width:16px!important;height:16px!important}.msg-avatar svg{width:10px!important;height:10px!important}.msg{gap:4px!important}.msg.user .chat-markdown{padding:5px 8px!important;font-size:.8rem!important;max-width:92%!important}.chat-markdown{font-size:.8rem!important;line-height:1.5!important}.chat-input-bar{padding:2px 4px 6px!important}.chat-input-wrap{padding:3px 6px!important;border-radius:6px!important}.chat-input{font-size:12px!important;min-height:18px!important}.chat-send-btn,.chat-add-vocab-btn{width:22px!important;height:22px!important}.chat-send-btn svg,.chat-add-vocab-btn svg{width:10px!important;height:10px!important}.chat-scroll-btn{bottom:40px!important;padding:2px 6px!important;font-size:9px!important}.chat-scroll-btn svg{width:10px!important;height:10px!important}.chat-streaming-bar{padding:2px 6px!important;gap:4px!important}.chat-streaming-bar-label{font-size:9px!important}.chat-stop-btn{padding:1px 4px!important;font-size:8px!important}.chat-add-box{padding:3px 6px!important}.chat-add-input{font-size:12px!important}.chat-add-btn{width:24px!important;height:24px!important;font-size:10px!important}}@media (min-width: 768px) and (max-width: 1024px){.topbar{padding:12px 20px}.home-content{padding:16px 20px}.stats-row,.word-grid{grid-template-columns:repeat(2,1fr)}.study-section{padding:20px!important;gap:20px!important}.study-dashboard-grid,.study-panel-grid{grid-template-columns:1fr 1fr}.vw-body{flex-direction:row!important}.vw-sidebar{width:140px!important;max-height:none}.vw-topbar{gap:8px}.vw-canvas-wrap{height:400px;min-height:350px}.vw-toggle-btn{font-size:11px;padding:4px 10px}.vw-legend{gap:8px}.vw-legend span{font-size:10px}.vw-planets,.vw-space-debris{display:none}}.community-desc{margin-top:14px;padding:18px;border-radius:var(--radius-md, 12px);background:var(--c-surface);border:1px solid var(--c-border)}.community-desc-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.community-desc-icon{font-size:16px}.community-desc-title{font-weight:600;color:var(--c-text);font-size:14px}.community-desc-count{margin-left:auto;font-size:12px;color:var(--c-text-muted);background:var(--c-surface2);border-radius:999px;padding:2px 9px}.community-desc-loading,.community-desc-empty{color:var(--c-text-dim);font-size:13px;padding:10px 2px}.community-desc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow-y:auto}.community-desc-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm, 8px);background:var(--c-surface2);border:1px solid transparent}.community-desc-item--mine{border-color:var(--c-accent-soft, var(--c-border));background:var(--c-accent-soft, var(--c-surface2))}.community-desc-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--c-border);color:var(--c-text);font-size:12px;font-weight:600}.community-desc-avatar img{width:100%;height:100%;object-fit:cover}.community-desc-body{flex:1 1 auto;min-width:0}.community-desc-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.community-desc-name{font-size:12.5px;font-weight:600;color:var(--c-text)}.community-desc-time{font-size:11px;color:var(--c-text-dim)}.community-desc-text{font-size:13.5px;line-height:1.45;color:var(--c-text-muted);white-space:pre-wrap;word-break:break-word}.community-desc-like{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;color:var(--c-text-dim);font-size:13px;padding:2px 4px;border-radius:6px;transition:var(--transition, all .15s ease)}.community-desc-like:hover:not(:disabled){color:var(--c-text)}.community-desc-like:disabled{cursor:default;opacity:.55}.community-desc-like--on{color:#e0556b}.community-desc-heart{font-size:14px;line-height:1}.community-desc-likecount{font-size:12px}.community-desc-actions{flex:0 0 auto;display:flex;align-items:center;gap:2px}.community-desc-report{background:transparent;border:none;cursor:pointer;color:var(--c-text-dim);font-size:13px;line-height:1;padding:2px 4px;border-radius:6px;opacity:.5;transition:var(--transition, all .15s ease)}.community-desc-report:hover{opacity:1;color:#d98324}.vocab-sidebar-translation{padding:10px 12px;border-left:2px solid var(--c-accent);border-radius:0 6px 6px 0;color:var(--c-text);background:#ffffff0a;font-size:14px;line-height:1.5}.vocab-sidebar-translation .vocab-sidebar-label{margin-bottom:4px}.pron-accent-lab{padding:16px 32px 18px;background:radial-gradient(circle at top left,rgba(255,255,255,.07),transparent 32%),linear-gradient(180deg,#ffffff09,#ffffff04);border-bottom:1px solid var(--c-divider);display:flex;flex-direction:column;gap:14px}.pron-accent-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.pron-accent-header h2{margin:4px 0 6px;font-size:18px;color:var(--c-text)}.pron-accent-header p{margin:0;max-width:620px;color:var(--c-text-muted);font-size:13px;line-height:1.5}.pron-accent-kicker{color:var(--c-accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pron-accent-active{min-width:140px;padding:10px 12px;border-radius:12px;border:1px solid var(--c-border);background:#ffffff0d;display:flex;flex-direction:column;gap:4px}.pron-accent-active span{color:var(--c-text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.pron-accent-active strong{color:var(--c-text);font-size:14px}.pron-accent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.pron-accent-card{border:1px solid var(--c-border);background:#ffffff09;border-radius:14px;padding:12px 13px;text-align:left;color:var(--c-text);cursor:pointer;transition:var(--transition)}.pron-accent-card:hover,.pron-accent-card.active{border-color:var(--c-accent);background:#ffffff14;transform:translateY(-1px)}.pron-accent-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.pron-accent-card-top strong{font-size:14px}.pron-accent-card-top span{font-size:10px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.08em}.pron-accent-card p{margin:0;color:var(--c-text-muted);font-size:12px;line-height:1.45}.pron-accent-phrases{display:flex;flex-wrap:wrap;gap:8px}.pron-accent-chip{border:1px solid var(--c-border);background:var(--c-surface2);color:var(--c-text-muted);border-radius:999px;padding:7px 12px;font-size:12px;cursor:pointer;transition:var(--transition)}.pron-accent-chip:hover,.pron-accent-chip.active{color:var(--c-text);border-color:var(--c-accent);background:#ffffff14}@media (max-width: 768px){.pron-accent-lab{padding:14px 16px 16px}.pron-accent-header{flex-direction:column}.pron-accent-active{width:100%}}.books-library{display:flex;flex-direction:column;height:100%;overflow:hidden}.books-topbar{display:flex;align-items:center;padding:20px 32px;border-bottom:1px solid var(--c-border);gap:12px;background:var(--c-bg);flex-shrink:0}.books-topbar h1{font-family:var(--font-display);font-size:18px;font-weight:600;flex:1;letter-spacing:-.02em}.books-topbar-actions{display:flex;gap:8px;align-items:center}.books-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;gap:20px;text-align:center}.books-empty-icon{width:64px;height:64px;color:var(--c-text-dim);opacity:.5;margin-bottom:8px}.books-empty-text{color:var(--c-text-muted);font-size:15px;max-width:360px;line-height:1.6}.books-import-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px}.books-import-row{display:flex;gap:10px;width:100%}.books-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition);white-space:nowrap}.books-btn:hover{background:var(--c-surface-hover, #222);border-color:var(--c-accent)}.books-btn--primary{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent)}.books-btn--primary:hover{background:var(--c-accent-hover)}.books-btn--icon{padding:8px;background:transparent;border:none;color:var(--c-text-dim);border-radius:var(--radius-sm)}.books-btn--icon:hover{background:var(--c-accent-soft);color:var(--c-text)}.books-url-input{flex:1;padding:10px 14px;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color var(--transition)}.books-url-input::placeholder{color:var(--c-text-dim)}.books-url-input:focus{border-color:var(--c-accent)}.books-import-message{padding:10px 32px;font-size:.8rem;color:#fff;animation:fadeUp .2s ease}.books-history{padding:0 32px 16px}.books-history-title{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--c-text-dim);margin-bottom:8px}.books-history-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.books-history-list::-webkit-scrollbar{height:4px}.books-history-list::-webkit-scrollbar-thumb{background:var(--c-divider);border-radius:4px}.books-history-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--c-surface);border:1px solid var(--c-divider);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap;flex-shrink:0;font-family:var(--font-body);color:var(--c-text)}.books-history-item:hover{background:var(--c-surface-hover);border-color:var(--c-accent);transform:translateY(-1px)}.books-history-item:active{transform:translateY(0)}.books-history-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--c-accent);color:#fff;flex-shrink:0}.books-history-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.books-history-item-title{font-size:.8rem;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis}.books-history-item-meta{font-size:.7rem;color:var(--c-text-dim)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:24px 32px;overflow-y:auto;flex:1}.books-grid-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:20px;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:10px;animation:fadeUp .3s ease-out}.books-grid-item:hover{background:var(--c-surface-hover, #222);border-color:var(--c-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.books-grid-cover{width:100%;height:140px;background:var(--c-surface);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--c-text-dim);opacity:.6;margin-bottom:4px}.books-grid-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--c-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.books-grid-author{font-size:13px;color:var(--c-text-dim)}.books-grid-progress{margin-top:auto;display:flex;flex-direction:column;gap:6px}.books-progress-bar{width:100%;height:4px;background:var(--c-surface);border-radius:99px;overflow:hidden}.books-progress-fill{height:100%;background:var(--c-accent);border-radius:99px;transition:width var(--transition)}.books-progress-label{font-size:12px;color:var(--c-text-dim)}.books-reader{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--c-bg)}.books-reader-topbar{display:flex;align-items:center;padding:12px 24px;border-bottom:1px solid var(--c-border);gap:12px;background:var(--c-bg);flex-shrink:0}.books-reader-topbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.books-reader-title{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.books-reader-chapter{font-size:13px;color:var(--c-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.books-reader-controls{display:flex;align-items:center;gap:6px}.books-reader-body{flex:1;display:flex;overflow:hidden;position:relative}.books-reader-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#0f0f0f}.books-reading-area{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 60px;overflow:hidden;position:relative}.books-reading-area--cream{background:#1a1a1a;color:#e8e8e8}.books-reading-area--white{background:#161616;color:#e8e8e8}.books-reading-area--sepia{background:#1e1e1e;color:#e8e8e8}.books-reading-area--dark{background:#0f0f0f;color:#e8e8e8}.books-reading-area--gray{background:#121212;color:#e8e8e8}.books-reading-text{max-width:700px;width:100%;height:100%;overflow-y:auto;scroll-behavior:smooth;padding:0 20px;line-height:var(--books-line-height, 1.8)}.books-reading-text::-webkit-scrollbar{width:4px}.books-reading-text::-webkit-scrollbar-thumb{background:#8080804d;border-radius:99px}.books-reading-text p{margin-bottom:1.2em;font-size:var(--books-font-size, 16px);font-family:var(--books-font-family, var(--font-body));text-align:justify;text-justify:inter-word}.books-reading-text .books-chapter-heading{font-family:var(--font-display);font-size:calc(var(--books-font-size, 16px) * 1.4);font-weight:700;margin-bottom:1.5em;text-align:center;letter-spacing:-.02em}.books-reading-text .books-word-highlight{cursor:pointer;border-bottom:1px dashed var(--c-accent);transition:background .15s}.books-reading-text .books-word-highlight:hover{background:#4f8cff26}.books-reading-text .books-word-known{border-bottom:1px solid var(--c-green)}.books-page-nav{position:absolute;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s;z-index:5}.books-page-nav:hover{opacity:1}.books-page-nav--left{left:0;background:linear-gradient(to right,rgba(0,0,0,.3),transparent)}.books-page-nav--right{right:0;background:linear-gradient(to left,rgba(0,0,0,.3),transparent)}.books-page-nav-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--c-surface);border-radius:50%;color:var(--c-text);box-shadow:var(--shadow-md)}.books-reading-footer{display:flex;align-items:center;padding:10px 32px;border-top:1px solid var(--c-border);background:var(--c-bg);flex-shrink:0;gap:16px}.books-reading-footer .books-progress-bar{flex:1;height:4px}.books-reading-footer .books-progress-label{font-size:12px;min-width:60px;text-align:right}.books-reading-time{font-size:12px;color:var(--c-text-dim);min-width:100px}.books-appearance-panel{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0;overflow-x:auto}.books-appearance-group{display:flex;align-items:center;gap:6px;white-space:nowrap}.books-appearance-label{font-size:12px;color:var(--c-text-dim);margin-right:4px}.books-appearance-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--c-surface);border-radius:99px;outline:none;cursor:pointer}.books-appearance-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--c-accent);cursor:pointer;border:none}.books-appearance-select{padding:4px 8px;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text);font-size:12px;font-family:var(--font-body);outline:none;cursor:pointer}.books-appearance-select:focus{border-color:var(--c-accent)}.books-theme-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition);padding:0}.books-theme-btn--active{border-color:var(--c-accent)}.books-theme-btn:hover{border-color:var(--c-accent-2)}.books-word-popup{position:fixed;z-index:1000;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);padding:16px;min-width:240px;max-width:320px;box-shadow:var(--shadow-lg);animation:popIn .2s ease-out}.books-word-popup-word{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--c-text);margin-bottom:4px}.books-word-popup-detail{font-size:13px;color:var(--c-text-muted);margin-bottom:12px}.books-word-popup-actions{display:flex;gap:8px;margin-top:8px}.books-word-popup-status{font-size:12px;color:var(--c-green);display:flex;align-items:center;gap:4px}.books-sidebar{width:340px;min-width:340px;height:100%;background:#1a1a1a;border-left:1px solid var(--c-border);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition),min-width var(--transition),opacity var(--transition);flex-shrink:0}.books-sidebar--collapsed{width:0;min-width:0;opacity:0;overflow:hidden;border-left:none}.books-sidebar-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--c-border);gap:8px;flex-shrink:0}.books-sidebar-header h3{flex:1;font-size:14px;font-weight:600;font-family:var(--font-display)}.books-sidebar-header-actions{display:flex;gap:4px;align-items:center}.books-sidebar-actions{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid var(--c-border);flex-shrink:0}.books-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-body);font-size:11px;cursor:pointer;transition:all var(--transition);white-space:nowrap}.books-action-btn:hover{background:var(--c-surface-hover, #222);border-color:var(--c-accent)}.books-action-btn:disabled{opacity:.5;cursor:not-allowed}.books-action-btn svg{flex-shrink:0}.books-ai-output{padding:12px;background:var(--c-surface);border-radius:var(--radius-sm);font-size:13px;color:var(--c-text-muted);line-height:1.6;white-space:pre-wrap;max-height:300px;overflow-y:auto;animation:fadeUp .3s ease-out}.books-ai-loading{display:flex;align-items:center;gap:8px;padding:8px;font-size:13px;color:var(--c-text-dim)}.books-ai-spinner{width:16px;height:16px;border:2px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;animation:spin .6s linear infinite}.books-chat-area{flex:1;display:flex;flex-direction:column;border-top:1px solid var(--c-border);min-height:200px}.books-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.books-chat-msg{padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;line-height:1.5;max-width:90%}.books-chat-msg--user{align-self:flex-end;background:#6c5ce7;color:#fff}.books-chat-msg--ai{align-self:flex-start;color:var(--c-text);background:transparent}.books-chat-markdown{font-size:12.5px;line-height:1.6}.books-chat-markdown p{margin:0 0 4px}.books-chat-markdown ul,.books-chat-markdown ol{margin:4px 0;padding-left:18px}.books-chat-markdown code{background:var(--c-surface);border-radius:3px;padding:1px 4px;font-size:11px}.books-chat-markdown pre{background:var(--c-surface);border-radius:var(--radius-sm);padding:8px 12px;overflow-x:auto;margin:4px 0}.books-chat-input-area{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--c-border)}.books-chat-input{flex:1;padding:8px 12px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;color:var(--c-text);font-family:var(--font-body);font-size:12.5px;outline:none}.books-chat-input::placeholder{color:var(--c-text-dim)}.books-chat-input:focus{border-color:var(--c-accent)}.books-chat-send{padding:8px 12px;background:var(--c-accent);color:var(--c-on-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.books-chat-send:disabled{opacity:.5;cursor:not-allowed}.books-chat-send:hover:not(:disabled){background:var(--c-accent-hover)}.books-notes-section{padding:8px 12px;border-bottom:1px solid var(--c-border)}.books-notes-header{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.books-note-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--c-surface);border-radius:var(--radius-sm);margin-bottom:8px}.books-note-text{font-size:13px;color:var(--c-text);line-height:1.5}.books-note-highlight{font-size:12px;color:var(--c-text-dim);font-style:italic;margin-bottom:4px}.books-note-ref{font-size:11px;color:var(--c-text-dim)}.books-note-delete{align-self:flex-end;padding:4px;background:transparent;border:none;color:var(--c-text-dim);cursor:pointer;font-size:12px}.books-note-delete:hover{color:var(--c-red)}.books-highlight-menu{position:fixed;z-index:1000;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);padding:6px;display:flex;gap:4px;box-shadow:var(--shadow-md);animation:popIn .15s ease-out}.books-highlight-menu button{padding:6px 10px;background:transparent;border:none;color:var(--c-text);font-size:12px;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:4px}.books-highlight-menu button:hover{background:var(--c-surface-hover, #222)}.books-social-section{padding:6px 12px;border-bottom:1px solid var(--c-border)}.books-social-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--c-text-dim);cursor:pointer;padding:4px 0}.books-social-item:hover{color:var(--c-text)}.books-social-badge{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:99px;background:var(--c-surface);color:var(--c-text-dim)}.books-social-friend{display:flex;align-items:center;gap:10px;padding:8px 0}.books-social-avatar{width:32px;height:32px;border-radius:50%;background:var(--c-surface);display:flex;align-items:center;justify-content:center;color:var(--c-text-dim);font-size:12px;font-weight:600}.books-social-name{flex:1;font-size:13px;color:var(--c-text)}.books-social-progress{font-size:12px;color:var(--c-text-dim)}.books-connections-panel{padding:8px 0}.books-connection-item{padding:10px 12px;background:var(--c-surface);border-radius:var(--radius-sm);margin-bottom:8px;font-size:13px;color:var(--c-text-muted);line-height:1.5}.books-reminder-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--c-surface);border-bottom:1px solid var(--c-border);animation:slideDown .3s ease-out;flex-shrink:0}.books-reminder-banner-text{flex:1;font-size:13px;color:var(--c-text-muted)}.books-reminder-banner-dismiss{padding:4px 8px;background:transparent;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text-dim);font-size:12px;cursor:pointer}.books-reminder-banner-dismiss:hover{background:var(--c-surface-hover, #222)}.books-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.books-modal{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-lg);padding:24px;min-width:320px;max-width:480px;width:90%;box-shadow:var(--shadow-lg);animation:popIn .2s ease-out}.books-modal-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--c-text);margin-bottom:12px}.books-modal-textarea{width:100%;min-height:80px;padding:10px 12px;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-body);font-size:14px;outline:none;resize:vertical;margin-bottom:12px}.books-modal-textarea:focus{border-color:var(--c-accent)}.books-modal-actions{display:flex;gap:8px;justify-content:flex-end}.books-room-item{padding:10px 12px;background:var(--c-surface);border-radius:var(--radius-sm);margin-bottom:8px;display:flex;align-items:center;gap:10px}.books-room-name{flex:1;font-size:13px;color:var(--c-text)}.books-room-count{font-size:12px;color:var(--c-text-dim)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.books-sidebar{position:fixed;right:0;top:0;bottom:0;z-index:100;box-shadow:var(--shadow-lg);width:300px;min-width:300px}.books-sidebar--collapsed{transform:translate(100%)}.books-page-nav{width:44px;opacity:.5}.books-page-nav:hover{opacity:1}.books-page-nav-icon{width:30px;height:30px}.books-reading-area{padding:20px 12px}.books-reading-text{padding:0 4px}.books-reader-topbar{padding:8px 12px;gap:8px}.books-reader-title{font-size:12px;max-width:120px}.books-reader-chapter{font-size:11px;max-width:100px}.books-reader-controls{gap:4px}.books-reader-controls .books-btn--icon{width:30px;height:30px}.books-reading-footer{padding:6px 12px;flex-wrap:wrap;gap:8px}.books-reading-footer .books-progress-bar{min-width:60px}.books-reading-time{min-width:0;font-size:11px}.books-appearance-panel{padding:6px 10px;gap:6px;flex-wrap:wrap}.books-appearance-group{gap:4px}.books-appearance-label{font-size:10px}.books-appearance-slider{width:50px}.books-appearance-select{font-size:11px;padding:3px 6px}.books-theme-btn{width:20px;height:20px}.books-grid{grid-template-columns:1fr;padding:12px;gap:10px}.books-topbar{padding:12px 14px;flex-wrap:wrap;gap:8px}.books-topbar h1{font-size:16px}.books-import-row{flex-direction:column}.books-history{padding:0 14px 10px}.books-empty-state{padding:40px 20px}}@media (max-width: 480px){.books-reader-topbar{padding:6px 8px;gap:6px}.books-reader-title{font-size:11px;max-width:90px}.books-reader-chapter{font-size:10px;max-width:80px}.books-reader-controls .books-btn--icon{width:28px;height:28px}.books-reader-controls .books-btn--icon svg{width:14px;height:14px}.books-reading-area{padding:12px 8px}.books-reading-text{padding:0 2px}.books-reading-text p{font-size:calc(var(--books-font-size, 16px) - 2px)}.books-page-nav{width:36px;opacity:.6}.books-page-nav-icon{width:26px;height:26px}.books-page-nav-icon svg{width:16px;height:16px}.books-reading-footer{padding:4px 8px;gap:6px}.books-reading-footer .books-progress-label{font-size:10px;min-width:40px}.books-reading-time{font-size:10px}.books-appearance-panel{padding:4px 8px;gap:4px}.books-appearance-slider{width:40px}.books-sidebar{width:100%;min-width:0}.books-topbar{padding:10px 12px}.books-topbar h1{font-size:15px}.books-topbar-actions .books-btn,.books-btn{font-size:12px;padding:8px 14px}.books-grid{padding:8px;gap:8px}.books-grid-item{padding:14px}.books-grid-cover{height:100px}.books-grid-title{font-size:13px}.books-history-list{gap:6px}.books-history-item{padding:8px 10px}.books-history-item-title{max-width:100px;font-size:.75rem}.books-empty-state{padding:30px 16px;gap:14px}.books-empty-icon{width:48px;height:48px}.books-empty-text{font-size:13px}.books-import-section{max-width:100%}.books-url-input{font-size:13px;padding:8px 10px}}.books-word-popup-enriched{position:fixed;z-index:1000;background:#1a1a1a;border:1px solid var(--c-border-strong);border-radius:var(--radius-md);padding:14px;width:min(360px,calc(100vw - 24px));max-height:min(410px,calc(100vh - 24px));overflow-y:auto;box-shadow:var(--shadow-lg);animation:popIn .2s ease-out}.books-word-popup-heading,.books-word-popup-pronunciation{display:flex;align-items:center}.books-word-popup-heading{justify-content:space-between;gap:12px;padding-right:28px}.books-word-popup-pronunciation{gap:6px;flex:0 0 auto}.books-word-popup-audio{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--c-border-strong);border-radius:6px;color:var(--c-text-muted);background:var(--c-surface)}.books-word-popup-audio:hover{color:var(--c-text);border-color:var(--c-accent)}.books-word-popup-phonetic{color:var(--c-accent);font-family:monospace;font-size:12px}.books-word-popup-word-large{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--c-text);margin-bottom:4px}.books-word-popup-pos{font-size:12px;color:var(--c-accent);margin-bottom:12px;font-style:italic}.books-word-popup-section{margin-bottom:10px}.books-word-popup-section-label{font-size:11px;font-weight:600;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:0;margin-bottom:4px}.books-word-popup-section-text{font-size:13px;color:var(--c-text-muted);line-height:1.5}.books-word-popup-section-example{font-size:12px;color:var(--c-text-muted);line-height:1.5;padding:6px 8px;background:var(--c-surface);border-radius:var(--radius-sm);margin-bottom:4px;font-style:italic}.books-word-popup-loading{font-size:13px;color:var(--c-text-dim);padding:8px 0;text-align:center}.books-word-popup-error{font-size:13px;color:var(--c-red);padding:8px 0;text-align:center}.books-word-popup-vocab-status{font-size:12px;color:var(--c-green);display:flex;align-items:center;gap:4px;margin-top:8px}.books-word-popup-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.books-word-popup-footer .books-btn{min-height:32px;padding:6px 9px;font-size:11px}.books-sidebar--details{display:flex;flex-direction:column}.books-sidebar--details .vocab-sidebar-inline-wrap{flex:1;min-height:0;border:0;background:transparent}.books-details-actions{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--c-border);background:#161616}.books-details-actions .books-btn{flex:1;min-width:0}.books-music-strip{flex:0 0 auto;border-bottom:1px solid var(--c-border);background:#151515}.books-music-strip-toggle{display:grid;grid-template-columns:18px auto minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;height:38px;padding:0 14px;border:0;color:var(--c-text-muted);background:transparent;cursor:pointer;text-align:left}.books-music-strip-toggle:hover{color:var(--c-text);background:#ffffff08}.books-music-strip-title{color:var(--c-text);font-size:12px;font-weight:650}.books-music-strip-profile{overflow:hidden;color:var(--c-text-dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.books-music-strip .yt-music-player{position:relative;padding:0 12px 10px}.books-music-strip .yt-music-player--collapsed{height:0;padding:0;overflow:hidden}.books-music-strip .yt-music-minibar,.books-music-strip .yt-music-panel-header,.books-music-strip .yt-music-volume-row{display:flex;align-items:center;gap:8px}.books-music-strip .yt-music-minibar{min-height:42px;padding:6px 8px;border:1px solid var(--c-border);border-radius:6px 6px 0 0}.books-music-strip .yt-music-minibar-info,.books-music-strip .yt-music-item-info{display:flex;flex:1;min-width:0;flex-direction:column}.books-music-strip .yt-music-minibar-title,.books-music-strip .yt-music-item-title{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.books-music-strip .yt-music-minibar-channel,.books-music-strip .yt-music-item-channel{color:var(--c-text-dim);font-size:10px}.books-music-strip .yt-music-panel{border:1px solid var(--c-border);border-radius:6px;overflow:hidden;background:#101010}.books-music-strip .yt-music-panel-header,.books-music-strip .yt-music-volume-row{padding:9px}.books-music-strip .yt-music-panel-title-row,.books-music-strip .yt-music-search-row,.books-music-strip .yt-music-curated-label{display:flex;align-items:center;gap:7px}.books-music-strip .yt-music-panel-title-row{min-width:120px}.books-music-strip .yt-music-search-row{flex:1;min-width:0}.books-music-strip .yt-music-search-input{width:100%;min-width:0;padding:7px 30px 7px 9px;border:1px solid var(--c-border);border-radius:5px;color:var(--c-text);background:var(--c-surface)}.books-music-strip .yt-music-list{max-height:190px;overflow-y:auto;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.books-music-strip .yt-music-item{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:6px 9px;border:0;border-bottom:1px solid var(--c-border);color:var(--c-text-muted);background:transparent;text-align:left}.books-music-strip .yt-music-item:hover,.books-music-strip .yt-music-item--active{background:#ffffff0d;color:var(--c-text)}.books-music-strip .yt-music-thumb{width:52px;height:32px;border-radius:4px;object-fit:cover}.books-music-strip .yt-music-iframe{display:block;width:100%;height:150px;border:0}.books-music-strip .yt-music-iframe--parked{position:fixed;top:0;left:-10000px;width:200px;height:200px}.books-music-strip button{cursor:pointer}.books-music-strip .yt-music-fab{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--c-border);border-radius:6px;color:var(--c-text);background:var(--c-surface)}@media (max-width: 640px){.books-music-strip-profile{display:none}.books-music-strip-toggle{grid-template-columns:18px 1fr 18px}.books-music-strip .yt-music-panel-header{align-items:stretch;flex-direction:column}}.books-image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.books-image-modal{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-lg);padding:20px;max-width:90vw;max-height:90vh;box-shadow:var(--shadow-lg);animation:popIn .2s ease-out;display:flex;flex-direction:column;align-items:center;gap:12px}.books-image-modal img{max-width:100%;max-height:70vh;border-radius:var(--radius-sm);object-fit:contain}.books-image-modal-prompt{font-size:12px;color:var(--c-text-dim);text-align:center;max-width:500px}.books-image-modal-loading{padding:40px;color:var(--c-text-dim);font-size:14px;text-align:center}.books-soundtrack-group{display:flex;align-items:center;gap:8px;white-space:nowrap}.books-soundtrack-label{font-size:12px;color:var(--c-text-dim);margin-right:4px}.books-soundtrack-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text);cursor:pointer}.books-soundtrack-toggle input[type=checkbox]{accent-color:var(--c-accent)}.books-soundtrack-select{padding:4px 8px;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text);font-size:11px;font-family:var(--font-body);outline:none;cursor:pointer}.books-soundtrack-select:focus{border-color:var(--c-accent)}.books-soundtrack-slider{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--c-surface);border-radius:99px;outline:none;cursor:pointer}.books-soundtrack-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--c-accent);cursor:pointer;border:none}.books-tabbar{display:flex;border-bottom:1px solid var(--c-border);background:var(--c-bg);flex-shrink:0;padding:0 32px}.books-tab{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--c-text-dim);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.books-tab:hover{color:var(--c-text)}.books-tab--active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.books-library-content,.books-news-feed{display:flex;flex-direction:column;height:100%;overflow:hidden}.books-news-loading-bar{display:flex;align-items:center;gap:12px;padding:12px 32px;color:var(--c-text-muted);font-size:13px;border-bottom:1px solid var(--c-border)}.books-news-loading-spinner{width:16px;height:16px;border:2px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;animation:books-spin .6s linear infinite}.books-news-error{display:flex;align-items:center;gap:8px;padding:12px 32px;color:#f87171;font-size:13px;border-bottom:1px solid var(--c-border);background:#f871710f}.books-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:24px 32px;overflow-y:auto;flex:1}.books-news-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:20px;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:12px;animation:fadeUp .3s ease-out}.books-news-card:hover{background:var(--c-surface-hover, #222);border-color:var(--c-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.books-news-card-header{display:flex;align-items:center;gap:10px}.books-news-difficulty{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border:1px solid;border-radius:99px}.books-news-source{font-size:12px;color:var(--c-text-dim);margin-left:auto}.books-news-ai-badge{font-size:10px;font-weight:700;letter-spacing:.5px;padding:1px 6px;border-radius:4px;background:#4f8cff26;color:var(--c-accent);margin-left:6px}.books-news-card-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--c-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.books-news-card-meta{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--c-text-dim)}.books-news-card-preview{font-size:13px;color:var(--c-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.books-news-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid var(--c-divider)}.books-news-card--expanding{position:relative;pointer-events:none}.books-news-expanding-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:5;font-size:14px;color:var(--c-text, #e8e8e8)}.books-news-loading-spinner{width:28px;height:28px;border:3px solid var(--c-border, #333);border-top-color:var(--c-primary, #6b7fff);border-radius:50%;animation:books-spin .7s linear infinite}@keyframes books-spin{to{transform:rotate(360deg)}}.books-preparing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#080808b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.books-preparing-card{display:flex;align-items:center;gap:10px;min-width:260px;padding:14px 16px;border:1px solid var(--c-border-strong);border-radius:8px;color:var(--c-text);background:#151515;box-shadow:0 18px 50px #0000006b;font-size:13px}.books-ambience-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.books-ambience-vignette{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.04),transparent 26%),radial-gradient(circle at 82% 68%,rgba(255,255,255,.035),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.36),transparent 22%,transparent 78%,rgba(0,0,0,.34))}.books-ambience-layer[data-mood=tense] .books-ambience-vignette,.books-ambience-layer[data-mood=mysterious] .books-ambience-vignette{opacity:.72;background:radial-gradient(circle at 12% 22%,rgba(185,205,255,.045),transparent 24%),radial-gradient(circle at 78% 62%,rgba(255,255,255,.03),transparent 22%),linear-gradient(90deg,rgba(0,0,0,.52),transparent 24%,transparent 74%,rgba(0,0,0,.48))}.books-ambience-layer[data-mood=happy] .books-ambience-vignette{opacity:.45;background:radial-gradient(circle at 22% 20%,rgba(255,232,164,.09),transparent 25%),radial-gradient(circle at 82% 70%,rgba(145,220,190,.06),transparent 24%)}.books-silhouette{position:absolute;bottom:4%;width:120px;height:220px;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;filter:blur(.2px)}.books-silhouette--left{left:4%}.books-silhouette--right{right:5%;transform:scaleX(-1) translateY(18px)}.books-ambience-layer:not([data-silhouette=none]) .books-silhouette{opacity:.18;transform:translateY(0)}.books-ambience-layer[data-silhouette=person] .books-silhouette{background:radial-gradient(circle at 50% 18%,#000 0 18px,transparent 19px),linear-gradient(#000 0,#000 0) center 56px / 52px 142px no-repeat;border-radius:44px 44px 18px 18px}.books-ambience-layer[data-silhouette=doorway] .books-silhouette{width:150px;background:linear-gradient(90deg,transparent 18px,#000 19px 28px,transparent 29px 121px,#000 122px 131px,transparent 132px),linear-gradient(#000 0,#000 0) center 0 / 116px 12px no-repeat;opacity:.22}.books-ambience-layer[data-silhouette=window] .books-silhouette{width:150px;height:160px;bottom:14%;border:9px solid #000;opacity:.14}.books-ambience-layer[data-silhouette=window] .books-silhouette:before,.books-ambience-layer[data-silhouette=window] .books-silhouette:after{content:"";position:absolute;background:#000}.books-ambience-layer[data-silhouette=window] .books-silhouette:before{left:50%;top:0;bottom:0;width:7px}.books-ambience-layer[data-silhouette=window] .books-silhouette:after{left:0;right:0;top:50%;height:7px}.books-ambience-layer[data-silhouette=forest] .books-silhouette{width:180px;background:linear-gradient(140deg,transparent 46%,#000 47% 55%,transparent 56%) 10px 10px / 62px 150px repeat-x,linear-gradient(#000 0,#000 0) 28px 84px / 10px 120px repeat-x;opacity:.18}.books-ambience-layer[data-silhouette=city] .books-silhouette{width:190px;height:140px;background:linear-gradient(to top,#000 0 80px,transparent 81px),repeating-linear-gradient(90deg,#000 0 24px,transparent 25px 34px);opacity:.16}.books-ambience-layer[data-silhouette=cards] .books-silhouette{width:150px;height:110px;bottom:18%;background:#000;border-radius:8px;transform:rotate(-10deg);opacity:.17}.books-ambience-layer[data-silhouette=cards] .books-silhouette--right{transform:scaleX(-1) rotate(12deg)}.books-scene-chip{position:absolute;top:16px;left:50%;z-index:3;display:flex;align-items:center;gap:7px;max-width:min(640px,calc(100% - 32px));padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#ffffffc2;background:#0e0e0e9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%);font-size:11px;white-space:nowrap;overflow:hidden}.books-scene-chip>span{overflow:hidden;text-overflow:ellipsis}.books-scene-cue{flex:0 0 auto;padding:3px 6px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#ffffffb8;background:#ffffff0d;cursor:pointer;font:inherit}.books-scene-cue:hover{color:#fff;border-color:#ffffff38;background:#ffffff17}.books-reading-text{position:relative;z-index:1}@media (max-width: 768px){.books-scene-chip{top:8px;max-width:calc(100% - 16px)}.books-silhouette{opacity:.1;width:86px}}.books-sensory-haze,.books-sensory-stage,.books-foley-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.books-sensory-haze{opacity:calc(.18 + (var(--books-sensory-intensity, 40) * .003));background:radial-gradient(ellipse at 18% 72%,rgba(255,255,255,.075),transparent 34%),radial-gradient(ellipse at 84% 24%,rgba(120,150,190,.065),transparent 30%);animation:books-haze-breathe 9s ease-in-out infinite alternate}.books-sensory-stage{z-index:1}.books-sensory-actor{--actor-index: 0;position:absolute;opacity:0;left:calc(3% + ((var(--actor-index) * 13) % 86) * 1%);top:calc(10% + ((var(--actor-index) * 17) % 72) * 1%);width:120px;height:170px;transform:translate3d(0,22px,0) scale(.92);filter:blur(.2px);animation:books-actor-come-go 13s ease-in-out infinite;animation-delay:calc(var(--actor-index) * -1.35s)}.books-sensory-actor[data-shape=person],.books-sensory-actor[data-shape=figure],.books-sensory-actor[data-shape=stalker]{width:78px;height:190px;background:radial-gradient(circle at 50% 13%,rgba(0,0,0,.78) 0 17px,transparent 18px),radial-gradient(ellipse at 50% 62%,rgba(0,0,0,.82) 0 33px,transparent 34px),linear-gradient(#000000c7 0,#000000c7 0) center 66px / 34px 108px no-repeat;border-radius:44px 44px 20px 20px}.books-sensory-actor[data-shape=stalker]{animation-name:books-stalker-cross;animation-duration:16s;filter:blur(1.2px)}.books-sensory-actor[data-shape=doorway]{width:132px;height:230px;border:12px solid rgba(0,0,0,.66);border-bottom:0;box-shadow:inset 22px 0 #00000040;animation-name:books-door-flicker}.books-sensory-actor[data-shape=window]{width:150px;height:130px;border:8px solid rgba(0,0,0,.55);box-shadow:inset 66px 0 0 -60px #000000a6,inset 0 57px 0 -51px #000000a6}.books-sensory-actor[data-shape=forest]{width:210px;height:210px;background:linear-gradient(142deg,transparent 45%,rgba(0,0,0,.62) 46% 55%,transparent 56%) 0 0 / 58px 155px repeat-x,linear-gradient(#00000094 0,#00000094 0) 17px 78px / 9px 126px repeat-x;animation-name:books-forest-drift}.books-sensory-actor[data-shape=city],.books-sensory-actor[data-shape=street]{width:230px;height:150px;background:linear-gradient(to top,rgba(0,0,0,.62) 0 72px,transparent 73px),repeating-linear-gradient(90deg,rgba(0,0,0,.72) 0 22px,transparent 23px 35px);animation-name:books-city-rise}.books-sensory-actor[data-shape=cards],.books-sensory-actor[data-shape=cardfan]{width:120px;height:92px;background:linear-gradient(72deg,transparent 0 26px,rgba(0,0,0,.66) 27px 66px,transparent 67px),linear-gradient(98deg,transparent 0 38px,rgba(0,0,0,.54) 39px 82px,transparent 83px),linear-gradient(110deg,transparent 0 52px,rgba(0,0,0,.44) 53px 98px,transparent 99px);border-radius:8px;animation-name:books-card-fan;animation-duration:7s}.books-sensory-actor[data-shape=fog],.books-sensory-actor[data-shape=whisper]{width:260px;height:84px;background:radial-gradient(ellipse,rgba(255,255,255,.12),transparent 67%);filter:blur(14px);animation-name:books-whisper-drift;animation-duration:12s}.books-sensory-actor[data-shape=pulse]{width:120px;height:120px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 10px #ffffff06,0 0 36px #ffffff14;animation-name:books-pulse-orbit;animation-duration:4.8s}.books-sensory-actor[data-shape=glow],.books-sensory-actor[data-shape=flare]{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,174,.18),rgba(255,236,174,.05) 35%,transparent 68%);mix-blend-mode:screen;animation-name:books-soft-flare;animation-duration:6.5s}.books-sensory-actor[data-shape=rainveil]{width:260px;height:230px;background:repeating-linear-gradient(112deg,transparent 0 10px,rgba(210,225,255,.12) 11px 12px,transparent 13px 22px);filter:blur(.6px);animation-name:books-rain-veil;animation-duration:3.8s}.books-sensory-actor[data-shape=marginalia]{width:180px;height:220px;opacity:.12;background:repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 2px,transparent 3px 19px);clip-path:polygon(0 0,82% 8%,76% 100%,5% 86%);animation-name:books-marginalia-float}.books-sensory-actor[data-shape=steps]{width:190px;height:150px;background:radial-gradient(ellipse at 18% 82%,rgba(0,0,0,.58) 0 9px,transparent 10px),radial-gradient(ellipse at 34% 62%,rgba(0,0,0,.52) 0 9px,transparent 10px),radial-gradient(ellipse at 52% 44%,rgba(0,0,0,.46) 0 9px,transparent 10px),radial-gradient(ellipse at 68% 26%,rgba(0,0,0,.4) 0 9px,transparent 10px);animation-name:books-steps-appear;animation-duration:5.5s}.books-sensory-actor[data-shape=crowd]{width:230px;height:120px;background:radial-gradient(circle at 10% 38%,rgba(0,0,0,.58) 0 12px,transparent 13px),radial-gradient(circle at 24% 30%,rgba(0,0,0,.5) 0 10px,transparent 11px),radial-gradient(circle at 41% 40%,rgba(0,0,0,.56) 0 13px,transparent 14px),radial-gradient(circle at 59% 28%,rgba(0,0,0,.48) 0 10px,transparent 11px),radial-gradient(circle at 76% 39%,rgba(0,0,0,.54) 0 12px,transparent 13px),radial-gradient(circle at 91% 32%,rgba(0,0,0,.46) 0 10px,transparent 11px);animation-name:books-crowd-sway}.books-sensory-actor[data-shape=soundwave]{width:150px;height:150px;border-radius:50%;border:2px solid rgba(255,255,255,.13);box-shadow:0 0 0 18px #ffffff08,0 0 0 42px #ffffff04;animation-name:books-soundwave-pop;animation-duration:2.8s}.books-foley-field{z-index:2;overflow:hidden}.books-foley-field i{--particle-index: 0;position:absolute;left:calc(((var(--particle-index) * 37) % 100) * 1%);top:calc(((var(--particle-index) * 19) % 100) * 1%);display:block;opacity:0;animation-delay:calc(var(--particle-index) * -.11s)}.books-foley-field[data-cue=rain] i{width:1px;height:42px;background:#d2e1ff47;transform:rotate(14deg);animation:books-rain-drop 1.15s linear infinite}.books-foley-field[data-cue=cards] i,.books-foley-field[data-cue=page] i{width:28px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff09;animation:books-card-tumble 4.2s ease-in-out infinite}.books-foley-field[data-cue=footsteps] i{width:18px;height:9px;border-radius:50%;background:#0000005c;animation:books-footstep-blink 3s ease-in-out infinite}.books-foley-field[data-cue=heartbeat] i,.books-foley-field[data-cue=bark] i{width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:books-ring-ping 2.2s ease-out infinite}.books-foley-field[data-cue=smile] i{width:5px;height:5px;border-radius:50%;background:#ffecaec7;box-shadow:0 0 12px #ffecae73;animation:books-glint 3.2s ease-in-out infinite}.books-foley-field[data-cue=whisper] i,.books-foley-field[data-cue=crowd] i{width:120px;height:16px;border-radius:999px;background:#ffffff0e;filter:blur(6px);animation:books-wisp 5.8s ease-in-out infinite}.books-foley-field[data-cue=door] i{width:58px;height:96px;border:3px solid rgba(0,0,0,.42);border-bottom:0;animation:books-door-ghost 5.2s ease-in-out infinite}@keyframes books-haze-breathe{0%{transform:scale(1) translateY(0)}to{transform:scale(1.05) translateY(-1.5%)}}@keyframes books-actor-come-go{0%,to{opacity:0;transform:translate3d(0,24px,0) scale(.9)}18%,62%{opacity:calc(.08 + (var(--books-sensory-intensity, 40) * .0025));transform:translateZ(0) scale(1)}78%{opacity:0;transform:translate3d(16px,-10px,0) scale(1.04)}}@keyframes books-stalker-cross{0%{opacity:0;transform:translate(-42vw) scale(.82)}24%{opacity:.16}52%{opacity:.22;transform:translate(0) scale(1)}80%,to{opacity:0;transform:translate(38vw) scale(.94)}}@keyframes books-door-flicker{0%,to{opacity:0;transform:perspective(460px) rotateY(0)}22%,60%{opacity:.2;transform:perspective(460px) rotateY(-8deg)}72%{opacity:0;transform:perspective(460px) rotateY(-24deg)}}@keyframes books-forest-drift{0%,to{opacity:0;transform:translate(-16px)}35%,70%{opacity:.16;transform:translate(10px)}}@keyframes books-city-rise{0%,to{opacity:0;transform:translateY(22px)}32%,76%{opacity:.15;transform:translateY(0)}}@keyframes books-card-fan{0%,to{opacity:0;transform:rotate(-18deg) translateY(18px)}35%,72%{opacity:.22;transform:rotate(8deg) translateY(0)}}@keyframes books-whisper-drift{0%{opacity:0;transform:translate(-18vw)}38%,70%{opacity:.22}to{opacity:0;transform:translate(22vw)}}@keyframes books-pulse-orbit{0%,to{opacity:0;transform:scale(.72)}30%{opacity:.22;transform:scale(1.08)}58%{opacity:.06;transform:scale(1.55)}}@keyframes books-soft-flare{0%,to{opacity:0;transform:scale(.7)}45%,72%{opacity:.28;transform:scale(1.18)}}@keyframes books-rain-veil{0%{opacity:0;background-position:0 0}30%,80%{opacity:.2}to{opacity:0;background-position:46px 140px}}@keyframes books-marginalia-float{0%,to{opacity:0;transform:translateY(12px)}35%,70%{opacity:.13;transform:translateY(-8px)}}@keyframes books-steps-appear{0%,to{opacity:0;transform:translateY(20px)}30%,62%{opacity:.2;transform:translateY(0)}}@keyframes books-crowd-sway{0%,to{opacity:0;transform:translate(-8px)}35%,72%{opacity:.16;transform:translate(8px)}}@keyframes books-soundwave-pop{0%,to{opacity:0;transform:scale(.45)}28%{opacity:.22;transform:scale(1)}70%{opacity:0;transform:scale(1.9)}}@keyframes books-rain-drop{0%{opacity:0;transform:translateY(-35px) rotate(14deg)}12%,72%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(14deg)}}@keyframes books-card-tumble{0%,to{opacity:0;transform:translateY(26px) rotate(-20deg)}40%,68%{opacity:.28;transform:translateY(0) rotate(16deg)}}@keyframes books-footstep-blink{0%,to{opacity:0}34%,48%{opacity:.28}}@keyframes books-ring-ping{0%{opacity:0;transform:scale(.3)}28%{opacity:.26}to{opacity:0;transform:scale(2.2)}}@keyframes books-glint{0%,to{opacity:0;transform:scale(.4)}42%,62%{opacity:.8;transform:scale(1.4)}}@keyframes books-wisp{0%{opacity:0;transform:translate(-20px)}35%,68%{opacity:.26}to{opacity:0;transform:translate(58px)}}@keyframes books-door-ghost{0%,to{opacity:0;transform:rotateY(0)}34%,62%{opacity:.16;transform:rotateY(-18deg)}}@media (prefers-reduced-motion: reduce){.books-sensory-actor,.books-sensory-haze,.books-foley-field i{animation-duration:.01ms!important;animation-iteration-count:1!important}}.books-music-strip{background:linear-gradient(90deg,#16181ff5,#0f0f10fa),radial-gradient(circle at 18% 50%,rgba(92,140,255,.16),transparent 35%);border-bottom-color:#ffffff1a}.books-music-strip-toggle{grid-template-columns:20px auto minmax(180px,1fr) 18px;min-height:46px;padding:8px 14px}.books-music-strip-profile{display:grid;grid-template-columns:minmax(90px,auto) minmax(90px,170px) 42px;align-items:center;gap:10px;color:#ebeef5d6}.books-music-strip-scene{overflow:hidden;color:#f6f8ffe6;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.books-music-strip-meter,.books-scene-intensity{position:relative;display:block;height:6px;overflow:hidden;border-radius:999px;background:#ffffff1f}.books-music-strip-meter span,.books-scene-intensity i{position:absolute;inset:0 auto 0 0;display:block;border-radius:inherit;background:linear-gradient(90deg,#6ea4ff,#d2b26f,#ff6f6f);box-shadow:0 0 18px #6ea4ff52;transition:width .8s ease}.books-music-strip-volume{color:#ffffff94;font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.books-scene-chip{gap:9px;padding:8px 10px;border-color:#ffffff29;background:#0a0c10b3;box-shadow:0 12px 40px #00000047}.books-scene-chip>span:first-child{color:#ffffffd1;font-weight:650}.books-scene-intensity{width:74px;height:5px;flex:0 0 auto}.books-scene-cue{width:19px;height:19px;padding:0;border-radius:50%;border-color:#ffffff2e;background:#ffffff0f}.books-scene-cue span,.books-scene-cue:before{display:block;content:""}.books-scene-cue span{width:8px;height:8px;margin:auto;border-radius:50%;background:#ffffffc7;box-shadow:0 0 12px currentColor}.books-scene-cue[data-cue=rain] span{width:2px;height:12px;border-radius:2px;color:#8eb7ff;background:#8eb7ff;transform:rotate(16deg)}.books-scene-cue[data-cue=footsteps] span{width:12px;height:6px;color:#d0c0a2;background:#d0c0a2;border-radius:50%;transform:rotate(-18deg)}.books-scene-cue[data-cue=heartbeat] span,.books-scene-cue[data-cue=bark] span{width:11px;height:11px;color:#ff7a7a;background:transparent;border:2px solid #ff7a7a}.books-scene-cue[data-cue=door] span{width:8px;height:12px;color:#d9c79a;background:transparent;border:2px solid #d9c79a;border-bottom:0;border-radius:2px 2px 0 0}.books-scene-cue[data-cue=whisper] span,.books-scene-cue[data-cue=crowd] span{width:13px;height:4px;color:#b7c7ff;background:#b7c7ff;filter:blur(1px)}.books-scene-cue[data-cue=cards] span,.books-scene-cue[data-cue=page] span{width:9px;height:12px;color:#f5ead0;background:transparent;border:1px solid #f5ead0;border-radius:2px;transform:rotate(-10deg)}.books-scene-cue[data-cue=smile] span{color:#ffe28a;background:#ffe28a}.books-ambience-layer{z-index:0}.books-ambience-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:calc(.18 + (var(--books-sensory-intensity, 40) * .004));background:radial-gradient(circle at 16% 62%,rgba(98,139,255,.16),transparent 28%),radial-gradient(circle at 82% 24%,rgba(255,218,150,.12),transparent 25%);mix-blend-mode:screen}.books-ambience-layer:not([data-silhouette=none]) .books-silhouette{opacity:calc(.28 + (var(--books-sensory-intensity, 40) * .003));filter:drop-shadow(0 0 28px rgba(120,150,255,.28))}.books-ambience-layer[data-silhouette=person] .books-silhouette{background:radial-gradient(circle at 50% 18%,rgba(190,202,230,.58) 0 18px,transparent 19px),linear-gradient(#aab8dc75 0,#aab8dc75 0) center 56px / 52px 142px no-repeat}.books-ambience-layer[data-silhouette=doorway] .books-silhouette{background:linear-gradient(90deg,transparent 18px,rgba(196,204,228,.52) 19px 28px,transparent 29px 121px,rgba(196,204,228,.52) 122px 131px,transparent 132px),linear-gradient(#c4cce480 0,#c4cce480 0) center 0 / 116px 12px no-repeat}.books-ambience-layer[data-silhouette=window] .books-silhouette{border-color:#becdf573;box-shadow:inset 0 0 28px #8aaaff14,0 0 34px #6e91ff29}.books-ambience-layer[data-silhouette=window] .books-silhouette:before,.books-ambience-layer[data-silhouette=window] .books-silhouette:after{background:#becdf573}.books-ambience-layer[data-silhouette=forest] .books-silhouette{background:linear-gradient(140deg,transparent 46%,rgba(170,208,188,.42) 47% 55%,transparent 56%) 10px 10px / 62px 150px repeat-x,linear-gradient(#aad0bc57 0,#aad0bc57 0) 28px 84px / 10px 120px repeat-x}.books-ambience-layer[data-silhouette=city] .books-silhouette{background:linear-gradient(to top,rgba(183,195,228,.42) 0 80px,transparent 81px),repeating-linear-gradient(90deg,rgba(183,195,228,.5) 0 24px,transparent 25px 34px)}.books-ambience-layer[data-silhouette=cards] .books-silhouette{background:#e6d8bc6b;box-shadow:22px 7px #e6d8bc38,-18px 11px #e6d8bc33}.books-sensory-actor[data-shape=person],.books-sensory-actor[data-shape=figure],.books-sensory-actor[data-shape=stalker]{background:radial-gradient(circle at 50% 13%,rgba(190,202,230,.45) 0 17px,transparent 18px),radial-gradient(ellipse at 50% 62%,rgba(178,190,224,.36) 0 33px,transparent 34px),linear-gradient(#b2bee057 0,#b2bee057 0) center 66px / 34px 108px no-repeat}.books-sensory-actor[data-shape=doorway]{border-color:#cdd4eb5c;box-shadow:inset 22px 0 #cdd4eb1f}.books-sensory-actor[data-shape=window]{border-color:#cdd8f857}.books-sensory-actor[data-shape=forest]{filter:drop-shadow(0 0 18px rgba(147,204,174,.2))}.books-sensory-actor[data-shape=steps]{filter:drop-shadow(0 0 14px rgba(255,255,255,.18))}.books-sensory-actor[data-shape=pulse],.books-sensory-actor[data-shape=soundwave]{border-color:#ff787861;box-shadow:0 0 0 10px #ff78780a,0 0 36px #ff787829}.books-sensory-actor[data-shape=rainveil]{background:repeating-linear-gradient(112deg,transparent 0 10px,rgba(150,190,255,.28) 11px 12px,transparent 13px 22px)}.books-sensory-actor[data-shape=fog],.books-sensory-actor[data-shape=whisper]{background:radial-gradient(ellipse,rgba(190,210,255,.24),transparent 67%)}@keyframes books-actor-come-go{0%,to{opacity:0;transform:translate3d(0,24px,0) scale(.9)}18%,62%{opacity:calc(.22 + (var(--books-sensory-intensity, 40) * .004));transform:translateZ(0) scale(1)}78%{opacity:0;transform:translate3d(16px,-10px,0) scale(1.04)}}@keyframes books-stalker-cross{0%{opacity:0;transform:translate(-42vw) scale(.82)}24%{opacity:.26}52%{opacity:.42;transform:translate(0) scale(1)}80%,to{opacity:0;transform:translate(38vw) scale(.94)}}@media (max-width: 640px){.books-music-strip-profile{grid-template-columns:minmax(70px,1fr) minmax(70px,120px) 36px}.books-scene-intensity{display:none}}.books-scene-auto-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--c-text-muted);border:1px solid transparent;border-radius:8px;opacity:.78}.books-scene-auto-indicator.is-ready{color:#d7e4ff;border-color:#82a6ff2e;background:#82a6ff14}.books-scene-auto-indicator.is-loading{color:#f0d79a;border-color:#f0d79a2e;background:#f0d79a14}.books-scene-auto-dot{position:absolute;right:6px;bottom:6px;width:6px;height:6px;border-radius:50%;background:#6f9dff;box-shadow:0 0 12px #6f9dffa6}.books-scene-auto-indicator.is-loading .books-scene-auto-dot{background:#f0d79a;animation:books-scene-dot-pulse 1.1s ease-in-out infinite}.books-scene-generated-image{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%;object-fit:cover;opacity:0;transform:scale(1.04);filter:brightness(.42) saturate(.95) contrast(1.05);transition:opacity 1.3s ease,transform 6s ease,filter 1.3s ease;z-index:0}.books-scene-generated-image--visible{opacity:calc(.24 + (var(--books-sensory-intensity, 42) * .0038));transform:scale(1.01)}.books-ambience-layer--generated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#00000075,#0000001f 24%,#0000001f 76%,#00000075),radial-gradient(ellipse at 50% 42%,#0000001a,#00000073 78%)}.books-scene-image-loading{position:absolute;top:18%;right:10%;bottom:18%;left:10%;z-index:1;border-radius:8px;opacity:.14;background:linear-gradient(110deg,transparent 0 36%,rgba(255,255,255,.32) 48%,transparent 60% 100%),radial-gradient(circle at 26% 36%,rgba(125,160,255,.44),transparent 34%),radial-gradient(circle at 76% 68%,rgba(240,215,154,.34),transparent 36%);background-size:220% 100%,100% 100%,100% 100%;animation:books-scene-loading-sweep 1.8s ease-in-out infinite}.books-ambience-layer--generated .books-silhouette,.books-ambience-layer--generated .books-sensory-actor{opacity:0!important;transition:opacity .9s ease,transform .9s ease}.books-ambience-layer:not(.books-ambience-layer--generated):not([data-silhouette=none]) .books-silhouette{animation:books-silhouette-appear 13s ease-in-out infinite}.books-ambience-layer:not(.books-ambience-layer--generated):not([data-silhouette=none]) .books-silhouette--right{animation-delay:4.2s}@keyframes books-scene-dot-pulse{0%,to{opacity:.38;transform:scale(.75)}45%{opacity:1;transform:scale(1.18)}}@keyframes books-scene-loading-sweep{0%{opacity:.08;background-position:120% 0,0 0,0 0}45%{opacity:.18}to{opacity:.08;background-position:-120% 0,0 0,0 0}}@keyframes books-silhouette-appear{0%,to{opacity:0;transform:translateY(18px) scale(.98)}28%,58%{opacity:calc(.1 + (var(--books-sensory-intensity, 42) * .002));transform:translateY(0) scale(1)}78%{opacity:0;transform:translateY(-8px) scale(1.01)}}.books-scene-chip,.books-music-strip-profile{display:none!important}.books-reading-area{--books-reader-column: min(740px, calc(100% - 72px) )}.books-ambience-vignette{opacity:.32;background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 16%,transparent 84%,rgba(0,0,0,.34)),radial-gradient(ellipse at 8% 48%,rgba(120,150,255,.08),transparent 23%),radial-gradient(ellipse at 92% 54%,rgba(242,207,150,.07),transparent 24%)}.books-ambience-layer:before{top:0;right:0;bottom:0;left:0;opacity:calc(.12 + (var(--books-sensory-intensity, 42) * .0018));background:linear-gradient(135deg,transparent 0 42%,rgba(160,184,230,.42) 43% 44%,transparent 45% 100%) left calc(50% - 230px) top 24% / 82px 82px no-repeat,linear-gradient(45deg,transparent 0 42%,rgba(160,184,230,.3) 43% 44%,transparent 45% 100%) left calc(50% - 186px) top 32% / 74px 74px no-repeat,linear-gradient(135deg,transparent 0 42%,rgba(232,204,154,.35) 43% 44%,transparent 45% 100%) right calc(50% - 230px) top 58% / 86px 86px no-repeat,linear-gradient(45deg,transparent 0 42%,rgba(232,204,154,.24) 43% 44%,transparent 45% 100%) right calc(50% - 184px) top 48% / 70px 70px no-repeat;mix-blend-mode:screen}.books-ambience-layer--generated:after{background:none}.books-scene-generated-image{position:absolute;inset:auto;top:clamp(110px,23vh,190px);width:clamp(78px,9vw,132px);height:clamp(132px,28vh,240px);object-fit:cover;border:0;border-radius:0;opacity:0;z-index:1;filter:grayscale(.25) contrast(1.18) brightness(.72) saturate(.82) drop-shadow(0 0 18px rgba(130,160,255,.2));mix-blend-mode:screen;pointer-events:none;transition:opacity 1.2s ease,transform 5.2s ease,filter 1.2s ease;clip-path:polygon(18% 0,100% 11%,83% 100%,0 87%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0 38%,rgba(0,0,0,.72) 52%,transparent 77%);mask-image:radial-gradient(ellipse at 50% 50%,#000 0 38%,rgba(0,0,0,.72) 52%,transparent 77%)}.books-scene-generated-image--left{left:max(18px,calc((100% - var(--books-reader-column)) / 2 - clamp(120px,13vw,190px)));transform:perspective(520px) rotateY(18deg) rotate(-3deg) translateY(12px) scale(.96)}.books-scene-generated-image--right{right:max(18px,calc((100% - var(--books-reader-column)) / 2 - clamp(120px,13vw,190px)));transform:perspective(520px) rotateY(-18deg) rotate(3deg) translateY(24px) scaleX(-1) scale(.9);transition-delay:.18s}.books-scene-generated-image--visible{opacity:calc(.1 + (var(--books-sensory-intensity, 42) * .0018))}.books-scene-generated-image--left.books-scene-generated-image--visible{transform:perspective(520px) rotateY(13deg) rotate(-2deg) translateY(0) scale(1)}.books-scene-generated-image--right.books-scene-generated-image--visible{transform:perspective(520px) rotateY(-13deg) rotate(2deg) translateY(10px) scaleX(-1) scale(.94)}.books-scene-image-loading{inset:auto;top:24%;left:max(18px,calc((100% - var(--books-reader-column)) / 2 - 130px));width:88px;height:150px;border-radius:0;clip-path:polygon(18% 0,100% 11%,83% 100%,0 87%);opacity:.12}.books-ambience-layer--generated .books-silhouette,.books-ambience-layer--generated .books-sensory-actor,.books-ambience-layer:not(.books-ambience-layer--generated):not([data-silhouette=none]) .books-silhouette{opacity:calc(.08 + (var(--books-sensory-intensity, 42) * .0014))!important}.books-silhouette{top:clamp(150px,34vh,260px);bottom:auto;width:clamp(42px,5.8vw,82px);height:clamp(82px,17vh,150px);background-color:transparent!important;filter:drop-shadow(0 0 16px rgba(150,176,230,.22))}.books-silhouette--left{left:max(20px,calc((100% - var(--books-reader-column)) / 2 - clamp(92px,10vw,150px)))}.books-silhouette--right{right:max(20px,calc((100% - var(--books-reader-column)) / 2 - clamp(92px,10vw,150px)))}.books-ambience-layer[data-silhouette=person] .books-silhouette{background:radial-gradient(circle at 50% 18%,transparent 0 15px,rgba(190,205,245,.46) 16px 18px,transparent 19px),linear-gradient(90deg,transparent 0 32%,rgba(190,205,245,.32) 33% 36%,transparent 37% 63%,rgba(190,205,245,.32) 64% 67%,transparent 68%) center 44px / 100% 72% no-repeat,linear-gradient(#becdf557 0,#becdf557 0) center 54px / 38px 2px no-repeat!important}.books-ambience-layer[data-silhouette=doorway] .books-silhouette,.books-ambience-layer[data-silhouette=window] .books-silhouette{border:2px solid rgba(190,205,245,.34);border-left-width:5px;transform:perspective(460px) rotateY(-22deg) rotate(-1deg);background:transparent!important;box-shadow:inset 16px 0 #becdf50a,0 0 24px #7896ff1f}.books-ambience-layer[data-silhouette=forest] .books-silhouette{background:linear-gradient(130deg,transparent 45%,rgba(174,214,190,.42) 46% 48%,transparent 49%) 0 0 / 28px 76px repeat-x,linear-gradient(#aed6be57 0,#aed6be57 0) 12px 42px / 2px 70px repeat-x!important}.books-ambience-layer[data-silhouette=city] .books-silhouette{background:linear-gradient(to top,transparent 0 58%,rgba(190,205,245,.38) 59% 61%,transparent 62%),repeating-linear-gradient(90deg,rgba(190,205,245,.38) 0 2px,transparent 3px 16px)!important;clip-path:polygon(0 72%,18% 62%,18% 36%,34% 36%,34% 56%,50% 48%,50% 22%,68% 22%,68% 58%,100% 48%,100% 100%,0 100%)}.books-ambience-layer[data-silhouette=cards] .books-silhouette{width:clamp(54px,6vw,92px);height:clamp(44px,9vh,78px);border:2px solid rgba(230,216,188,.34);box-shadow:16px 8px 0 -12px #e6d8bc5c,-12px 12px 0 -9px #e6d8bc3d;background:transparent!important;transform:perspective(420px) rotateY(24deg) rotate(-12deg)}.books-sensory-stage{top:0;right:0;bottom:0;left:0;z-index:1}.books-sensory-actor{max-width:96px;max-height:130px;opacity:.09;left:auto;right:max(18px,calc((100% - var(--books-reader-column)) / 2 - 112px));transform:perspective(480px) rotateY(-18deg) rotate(4deg)}.books-sensory-actor:nth-child(odd){left:max(18px,calc((100% - var(--books-reader-column)) / 2 - 112px));right:auto;transform:perspective(480px) rotateY(18deg) rotate(-4deg)}@media (max-width: 980px){.books-scene-generated-image,.books-silhouette,.books-sensory-actor,.books-scene-image-loading{display:none!important}.books-ambience-layer:before,.books-ambience-vignette{opacity:.08;background:none}}.books-ambience-layer .books-silhouette{width:clamp(42px,5.8vw,82px)!important;height:clamp(82px,17vh,150px)!important}.books-ambience-layer .books-silhouette--left{left:max(16px,calc((100% - var(--books-reader-column)) / 2 - clamp(150px,15vw,230px)))!important}.books-ambience-layer .books-silhouette--right{right:max(16px,calc((100% - var(--books-reader-column)) / 2 - clamp(150px,15vw,230px)))!important}.books-ambience-layer .books-sensory-actor{width:clamp(42px,6vw,88px)!important;height:clamp(62px,13vh,120px)!important;right:max(16px,calc((100% - var(--books-reader-column)) / 2 - clamp(150px,15vw,230px)))!important}.books-ambience-layer .books-sensory-actor:nth-child(odd){left:max(16px,calc((100% - var(--books-reader-column)) / 2 - clamp(150px,15vw,230px)))!important;right:auto!important}.books-scene-generated-image.safe-image-wrapper{background:transparent!important;overflow:hidden}.books-scene-generated-image .safe-image-img,.books-scene-generated-image .safe-image-skeleton{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0;background:transparent}.books-scene-generated-image .safe-image-img{opacity:1!important;transition:none!important}.books-reading-area{overflow:hidden;isolation:isolate}.books-foley-field{display:none!important}.books-ambience-layer--generated .books-sensory-stage,.books-ambience-layer--generated .books-sensory-actor,.books-ambience-layer--generated .books-silhouette{opacity:0!important}.books-scene-generated-image.safe-image-wrapper{top:clamp(96px,19vh,170px)!important;width:clamp(92px,10vw,146px)!important;height:clamp(150px,30vh,270px)!important;filter:grayscale(.12) contrast(1.24) brightness(.86) saturate(.9) drop-shadow(0 0 22px rgba(132,160,220,.22))!important;mix-blend-mode:screen;clip-path:polygon(16% 0,100% 9%,86% 100%,0 88%)!important;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0 42%,rgba(0,0,0,.68) 56%,transparent 80%)!important;mask-image:radial-gradient(ellipse at 50% 50%,#000 0 42%,rgba(0,0,0,.68) 56%,transparent 80%)!important}.books-scene-generated-image--left.safe-image-wrapper{left:max(108px,calc((100% - var(--books-reader-column)) / 2 - clamp(118px,11vw,178px)))!important}.books-scene-generated-image--right.safe-image-wrapper{right:max(38px,calc((100% - var(--books-reader-column)) / 2 - clamp(118px,11vw,178px)))!important}.books-scene-generated-image--visible.safe-image-wrapper{opacity:calc(.17 + (var(--books-sensory-intensity, 42) * .0014))!important}.books-scene-image-loading{left:max(108px,calc((100% - var(--books-reader-column)) / 2 - 128px))!important;opacity:.08!important}.books-scene-generated-image .safe-image-img{transform:scale(1.04)}.calls-page{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--c-bg, #0f0f0f);color:var(--c-text, #e8e8e8)}.calls-topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--c-surface, #161616);border-bottom:1px solid var(--c-divider, #1f1f1f);flex-shrink:0}.calls-topbar-back{background:none;border:none;color:var(--c-text-dim, #666);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s;flex-shrink:0}.calls-topbar-back:hover{background:var(--c-surface2, #1a1a1a);color:var(--c-text, #e8e8e8)}.calls-topbar-title{font-size:.95rem;font-weight:600;color:var(--c-text, #e8e8e8);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calls-topbar-timer{font-size:.85rem;font-weight:600;color:var(--c-accent, var(--c-accent));font-variant-numeric:tabular-nums;background:#ffffff1a;padding:4px 10px;border-radius:8px;letter-spacing:.5px;flex-shrink:0}.calls-topbar-timer--warning{color:#f59e0b;background:#f59e0b1a;animation:calls-pulse 1s ease-in-out infinite}.calls-topbar-timer--critical{color:#ef4444;background:#ef44441a;animation:calls-pulse .5s ease-in-out infinite}@keyframes calls-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes calls-spin{to{transform:rotate(360deg)}}.calls-lobby{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:20px}.calls-lobby-header{text-align:center;margin-bottom:20px}.calls-lobby-title{font-size:1.3rem;font-weight:700;color:var(--c-text, #e8e8e8);margin:12px 0 6px}.calls-lobby-subtitle{font-size:.85rem;color:var(--c-text-secondary, #999);line-height:1.5;max-width:400px;margin:0 auto}.calls-selected-topic{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:.82rem;color:var(--c-accent, var(--c-accent))}.calls-section-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--c-text-dim, #666);margin:16px 0 8px}.calls-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:6px}.calls-topic-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;background:var(--c-surface, #161616);border:1px solid var(--c-divider, #1f1f1f);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.calls-topic-card:hover{background:var(--c-surface2, #1a1a1a);border-color:var(--c-accent, var(--c-accent));transform:translateY(-1px)}.calls-topic-card:active{transform:translateY(0);opacity:.85}.calls-topic-card[data-category=focus]:hover{border-color:var(--c-accent)}.calls-topic-card[data-category=scenario]:hover{border-color:#34d399}.calls-topic-card[data-category=game]:hover{border-color:#f59e0b}.calls-topic-card svg{width:22px;height:22px;color:var(--c-accent, var(--c-accent));flex-shrink:0}.calls-topic-card[data-category=focus] svg{color:var(--c-accent)}.calls-topic-card[data-category=scenario] svg{color:#34d399}.calls-topic-card[data-category=game] svg{color:#f59e0b}.calls-topic-card-title{font-size:.8rem;font-weight:600;color:var(--c-text, #e8e8e8)}.calls-topic-card-desc{font-size:.68rem;color:var(--c-text-dim, #666);line-height:1.4}.calls-room-controls{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:16px;margin-top:8px}.calls-section-divider{width:100%;height:1px;background:var(--c-divider, #1f1f1f);margin-bottom:4px}.calls-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;border:none;background:var(--c-accent, var(--c-accent));color:var(--c-on-accent);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;width:100%;max-width:300px;justify-content:center}.calls-btn-primary:hover{opacity:.9}.calls-btn-primary:active{transform:scale(.98)}.calls-btn-primary--small{padding:10px 16px;width:auto;max-width:none;font-size:.82rem}.calls-btn-primary:disabled{opacity:.4;cursor:default}.calls-btn-gradient{display:flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--c-accent),#cfcfcf);color:var(--c-on-accent);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;width:100%;max-width:300px;justify-content:center}.calls-btn-gradient:hover{opacity:.9}.calls-btn-gradient:active{transform:scale(.98)}.calls-divider-text{font-size:.72rem;color:var(--c-text-dim, #555);text-transform:uppercase;letter-spacing:1px}.calls-join-row{display:flex;gap:8px;width:100%;max-width:300px}.calls-input--small{flex:1;padding:10px 14px;background:var(--c-surface2, #1a1a1a);border:1px solid var(--c-divider, #1f1f1f);border-radius:10px;color:var(--c-text, #e8e8e8);font-size:.85rem;font-family:inherit;outline:none}.calls-input--small:focus{border-color:var(--c-accent, var(--c-accent))}.calls-error-msg{font-size:.82rem;color:#ef4444;text-align:center}.calls-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}.calls-waiting-host-msg{max-width:400px;width:100%}.calls-waiting-host-bubble{padding:12px 16px;background:var(--c-surface2, #1a1a1a);border:1px solid var(--c-divider, #1f1f1f);border-radius:14px 14px 14px 4px;font-size:.88rem;line-height:1.5;color:var(--c-text, #e8e8e8)}.calls-message-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-dim, #666);margin-bottom:4px;padding:0 4px}.calls-message-host-label{color:var(--c-accent, var(--c-accent))}.calls-waiting-status{display:flex;flex-direction:column;align-items:center;gap:12px}.calls-waiting-text{font-size:.9rem;color:var(--c-text-secondary, #999);text-align:center;max-width:300px}.calls-room-code{font-size:1.4rem;font-weight:700;letter-spacing:4px;color:var(--c-accent, var(--c-accent));background:#ffffff14;padding:10px 24px;border-radius:12px;border:1px dashed rgba(255,255,255,.3)}.calls-start-call-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;border:none;background:#22c55e;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.calls-start-call-btn:hover{opacity:.9;transform:scale(1.05)}.calls-start-call-btn:active{transform:scale(.98)}.calls-incall-body{flex:1;display:flex;min-height:0;overflow:hidden;position:relative}.calls-incall-main{flex:1;display:flex;flex-direction:column;padding:20px;align-items:center;justify-content:center;gap:24px;min-width:0}.calls-incall-main--full{flex:1}.calls-incall-participants{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.calls-participant-avatar{width:48px;height:48px;border-radius:50%;background:var(--c-surface2, #1a1a1a);display:flex;align-items:center;justify-content:center;color:var(--c-text-dim, #666)}.calls-participant-info{min-width:0}.calls-participant-name{font-size:.9rem;font-weight:600;color:var(--c-text, #e8e8e8)}.calls-participant-status{font-size:.72rem;color:var(--c-text-dim, #666)}.calls-timer-display{text-align:center}.calls-timer-value{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.calls-timer-label{font-size:.65rem;color:var(--c-text-dim, #666);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.calls-incall-controls{display:flex;gap:20px;align-items:center}.calls-control-btn{display:flex;flex-direction:column;align-items:center;gap:6px;width:64px;height:64px;border-radius:50%;border:none;background:var(--c-surface2, #1a1a1a);color:var(--c-text, #e8e8e8);cursor:pointer;transition:all .15s;font-size:.62rem;font-weight:600}.calls-control-btn:hover{background:var(--c-divider, #1f1f1f)}.calls-control-btn:active{transform:scale(.95)}.calls-control-btn--danger{background:#ef444433;color:#ef4444}.calls-control-btn--danger:hover{background:#ef444459}.calls-control-btn--hangup{background:#ef444440;color:#ef4444}.calls-control-btn--hangup:hover{background:#ef444466}.calls-control-btn svg{width:22px;height:22px}.calls-end-call-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:#ef444433;color:#ef4444;cursor:pointer;transition:all .15s;flex-shrink:0}.calls-end-call-btn:hover{background:#ef444459}.calls-toggle-host-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--c-text-dim, #666);cursor:pointer;transition:all .15s;flex-shrink:0}.calls-toggle-host-btn:hover{background:var(--c-surface2, #1a1a1a);color:var(--c-text, #e8e8e8)}.calls-toggle-host-btn--active{color:var(--c-accent, var(--c-accent))}.calls-ai-panel{width:320px;display:flex;flex-direction:column;border-left:1px solid var(--c-divider, #1f1f1f);background:var(--c-surface, #161616);flex-shrink:0}.calls-ai-panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:600;color:var(--c-accent, var(--c-accent));border-bottom:1px solid var(--c-divider, #1f1f1f);flex-shrink:0}.calls-ai-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.calls-ai-msg{display:flex;flex-direction:column;gap:3px;animation:calls-msg-in .2s ease-out}@keyframes calls-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.calls-ai-msg--host{align-self:flex-start;max-width:90%}.calls-ai-msg--user{align-self:flex-end;max-width:85%}.calls-ai-msg-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-dim, #666);padding:0 4px}.calls-ai-msg--host .calls-ai-msg-label{color:var(--c-accent, var(--c-accent))}.calls-ai-msg--user .calls-ai-msg-label{color:#34d399;text-align:right}.calls-ai-msg-text{padding:8px 12px;border-radius:12px;font-size:.82rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.calls-ai-msg--host .calls-ai-msg-text{background:var(--c-surface2, #1a1a1a);border:1px solid var(--c-divider, #1f1f1f);border-bottom-left-radius:4px;color:var(--c-text, #e8e8e8)}.calls-ai-msg--user .calls-ai-msg-text{background:#34d3991a;border:1px solid rgba(52,211,153,.2);border-bottom-right-radius:4px;color:var(--c-text, #e8e8e8)}.calls-ai-typing{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--c-surface2, #1a1a1a);border:1px solid var(--c-divider, #1f1f1f);border-radius:12px}.calls-typing-dots{display:flex;gap:4px}.calls-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--c-text-dim, #666);animation:calls-dot-bounce 1.2s ease-in-out infinite}.calls-typing-dot:nth-child(2){animation-delay:.2s}.calls-typing-dot:nth-child(3){animation-delay:.4s}@keyframes calls-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.calls-ai-input-row{display:flex;align-items:center;gap:6px;padding:10px;border-top:1px solid var(--c-divider, #1f1f1f);flex-shrink:0}.calls-ai-input{flex:1;padding:8px 12px;background:var(--c-surface2, #1a1a1a);border:1px solid var(--c-divider, #1f1f1f);border-radius:10px;color:var(--c-text, #e8e8e8);font-size:.82rem;font-family:inherit;outline:none}.calls-ai-input:focus{border-color:var(--c-accent, var(--c-accent))}.calls-ai-input::placeholder{color:var(--c-text-dim, #555)}.calls-ai-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:var(--c-accent, var(--c-accent));color:var(--c-on-accent);cursor:pointer;transition:all .15s;flex-shrink:0}.calls-ai-send:hover{opacity:.9}.calls-ai-send:disabled{opacity:.4;cursor:default}.calls-summary{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;align-items:center}.calls-generating{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:var(--c-text-dim, #999);font-size:.9rem}.calls-summary-card{background:var(--c-surface, #161616);border:1px solid var(--c-divider, #1f1f1f);border-radius:16px;padding:28px 24px;max-width:500px;width:100%}.calls-summary-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#ffffff1f;margin:0 auto 14px}.calls-summary-icon svg{width:28px;height:28px;color:var(--c-accent, var(--c-accent))}.calls-summary-title{font-size:1.15rem;font-weight:700;color:var(--c-text, #e8e8e8);text-align:center;margin-bottom:4px}.calls-summary-topic{font-size:.8rem;color:var(--c-text-dim, #666);text-align:center;margin-bottom:20px}.calls-summary-stats{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.calls-summary-stat{text-align:center}.calls-summary-stat-value{font-size:1.1rem;font-weight:700;color:var(--c-text, #e8e8e8)}.calls-summary-stat-label{font-size:.65rem;color:var(--c-text-dim, #666);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.calls-summary-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--c-divider, #1f1f1f)}.calls-summary-section-title{font-size:.78rem;font-weight:600;color:var(--c-text-dim, #999);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.calls-summary-feedback{font-size:.88rem;line-height:1.6;color:var(--c-text, #e8e8e8)}.calls-summary-vocab{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.calls-summary-vocab li{font-size:.82rem;color:var(--c-text, #e8e8e8);padding:6px 10px;background:#34d39914;border-radius:8px;border-left:3px solid #34d399}.calls-summary-correction{font-size:.82rem;color:var(--c-text-secondary, #ccc);padding:6px 10px;background:#fbbf240f;border-radius:8px;border-left:3px solid #f59e0b;margin-bottom:6px}.calls-summary-assessment{font-size:.85rem;color:var(--c-text-secondary, #999);font-style:italic;line-height:1.5}.calls-summary-actions{display:flex;gap:10px;margin-top:20px;justify-content:center}.calls-summary-btn{padding:10px 24px;border-radius:10px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.calls-summary-btn--primary{background:var(--c-accent, var(--c-accent));color:var(--c-on-accent)}.calls-summary-btn--primary:hover{opacity:.9}.calls-summary-btn--secondary{background:var(--c-surface2, #1a1a1a);color:var(--c-text, #e8e8e8);border:1px solid var(--c-divider, #1f1f1f)}.calls-summary-btn--secondary:hover{background:var(--c-divider, #1f1f1f)}.calls-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--c-text-dim, #555);font-size:.85rem}.calls-messages::-webkit-scrollbar,.calls-lobby::-webkit-scrollbar,.calls-summary::-webkit-scrollbar,.calls-ai-messages::-webkit-scrollbar{width:4px}.calls-messages::-webkit-scrollbar-track,.calls-lobby::-webkit-scrollbar-track,.calls-summary::-webkit-scrollbar-track,.calls-ai-messages::-webkit-scrollbar-track{background:transparent}.calls-messages::-webkit-scrollbar-thumb,.calls-lobby::-webkit-scrollbar-thumb,.calls-summary::-webkit-scrollbar-thumb,.calls-ai-messages::-webkit-scrollbar-thumb{background:var(--c-divider, #1f1f1f);border-radius:4px}.social-page{display:flex;flex-direction:column;height:100%;background:var(--c-bg);color:var(--c-text)}.social-topbar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--c-border);flex-shrink:0;background:var(--c-surface)}.social-back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:10px;background:var(--c-surface2);color:var(--c-text-muted);cursor:pointer;transition:all .15s ease}.social-back:hover{background:var(--c-accent-soft);color:var(--c-accent)}.social-title{font-size:16px;font-weight:650;letter-spacing:-.2px}.social-title--chat{flex:1}.social-tabs{display:flex;gap:2px;padding:12px 16px 0;background:var(--c-bg);position:relative}.social-tabs:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:var(--c-divider)}.social-tab{flex:1;padding:10px 8px 12px;border:none;border-radius:0;background:transparent;color:var(--c-text-muted);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;transition:color .15s ease}.social-tab:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;border-radius:2px 2px 0 0;background:transparent;transition:all .2s ease}.social-tab:hover{color:var(--c-text)}.social-tab--active{color:var(--c-accent)}.social-tab--active:after{left:10%;right:10%;background:var(--c-accent);box-shadow:0 0 8px var(--c-accent-glow)}.social-count{font-size:10.5px;background:var(--c-divider);color:var(--c-text-dim);border-radius:10px;padding:1px 7px;font-weight:700;line-height:1.4}.social-count--alert{background:var(--c-accent);color:var(--c-on-accent)}.social-body{flex:1;overflow-y:auto;padding:8px 16px 16px;scrollbar-width:thin}.social-body::-webkit-scrollbar{width:4px}.social-body::-webkit-scrollbar-thumb{background:var(--c-divider);border-radius:4px}.social-empty{text-align:center;color:var(--c-text-muted);font-size:14px;padding:48px 20px;line-height:1.5}.social-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;transition:background .15s ease;margin:0 -4px}.social-row:hover{background:var(--c-surface)}.social-avatar-wrap{position:relative;flex-shrink:0;width:44px;height:44px}.social-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--c-surface2)}.social-avatar--initial{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-accent-soft),var(--c-accent));color:var(--c-accent);font-weight:700;font-size:17px}.social-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--c-text-muted);border:2.5px solid var(--c-bg);transition:background .2s ease}.social-dot--on{background:var(--c-green);box-shadow:0 0 6px #4ade8066}.social-row-info{flex:1;min-width:0}.social-row-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-row-sub{font-size:12px;color:var(--c-text-muted);margin-top:1px}.social-btn{padding:6px 14px;border:1px solid var(--c-border);border-radius:9px;background:var(--c-surface2);color:var(--c-text);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.social-btn:hover{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.social-btn:disabled{opacity:.35;cursor:default}.social-btn--primary{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent)}.social-btn--primary:hover{background:var(--c-accent);filter:brightness(1.12);color:var(--c-on-accent);border-color:var(--c-accent)}.social-btn--ghost{background:transparent;border-color:transparent;color:var(--c-text-muted)}.social-btn--ghost:hover{background:transparent;border-color:transparent;color:var(--c-text)}.social-search-row{display:flex;gap:8px;margin-bottom:16px}.social-input{flex:1;padding:10px 14px;border:1px solid var(--c-border);border-radius:10px;background:var(--c-surface);color:var(--c-text);font-size:14px;outline:none;transition:border-color .15s ease}.social-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.social-input::placeholder{color:var(--c-text-dim)}.social-chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.social-chat-msgs::-webkit-scrollbar{width:4px}.social-chat-msgs::-webkit-scrollbar-thumb{background:var(--c-divider);border-radius:4px}.social-bubble{max-width:78%;align-self:flex-start;padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--c-chat-msg);font-size:14px;line-height:1.45;word-break:break-word;color:var(--c-text)}.social-bubble--me{align-self:flex-end;background:var(--c-accent);color:var(--c-on-accent);border-radius:14px 14px 4px}.social-chat-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border);background:var(--c-surface)}.social-send{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:10px;background:var(--c-accent);color:var(--c-on-accent);cursor:pointer;transition:all .15s ease;flex-shrink:0}.social-send:hover{filter:brightness(1.12)}.social-send:disabled{opacity:.35;cursor:default;filter:none}.study-lobby{display:flex;flex-direction:column;gap:10px;padding-top:4px}.study-lobby-label{font-size:12px;color:var(--c-text-muted);font-weight:600;padding:0 4px}.study-lobby-divider{height:1px;background:var(--c-divider);margin:4px 0}.study-lobby-start{align-self:center;margin-top:8px;padding:10px 24px;font-size:14px}.study-lobby-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:var(--c-surface);cursor:pointer;transition:all .18s ease;border:1px solid var(--c-border);position:relative;overflow:hidden}.study-lobby-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;opacity:0;background:linear-gradient(135deg,var(--c-accent-soft),transparent 60%);transition:opacity .2s ease}.study-lobby-card:hover{border-color:var(--c-accent);transform:translateY(-1px);box-shadow:0 4px 16px #0003}.study-lobby-card:hover:before{opacity:1}.study-lobby-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--c-accent-soft),var(--c-accent));color:var(--c-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.study-lobby-card-info{flex:1;min-width:0;position:relative;z-index:1}.study-lobby-card-title{font-size:14px;font-weight:650}.study-lobby-card-desc{font-size:12px;color:var(--c-text-muted);margin-top:3px;line-height:1.3}.study-lobby-section-title{font-size:11px;font-weight:700;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.8px;margin:16px 4px 8px}.study-matching-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:56px 20px 40px;text-align:center}.study-matching-spinner{width:38px;height:38px;border:3px solid var(--c-divider);border-top-color:var(--c-accent);border-radius:50%;animation:study-spin .7s linear infinite}@keyframes study-spin{to{transform:rotate(360deg)}}.study-matching-text{font-size:15px;color:var(--c-text-muted);line-height:1.4}.study-invite-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--c-surface);border:1px solid var(--c-accent);margin:0 -4px}.study-room{display:flex;flex-direction:column;height:100%;gap:0}.study-room-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0 14px;border-bottom:1px solid var(--c-divider)}.study-room-title{font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-.2px}.study-room-members{display:flex;flex-wrap:wrap;gap:6px}.study-room-badge{display:inline-flex;align-items:center;gap:6px;background:var(--c-surface2);border-radius:8px;padding:5px 10px;font-size:12px;border:1px solid var(--c-border)}.study-room-badge-name{font-weight:600;color:var(--c-text)}.study-room-badge-level{font-size:10px;font-weight:700;background:var(--c-accent-soft);color:var(--c-accent);padding:1px 6px;border-radius:5px;line-height:1.3}.study-room-badge-count{color:var(--c-accent);font-weight:600;font-size:11px}.study-room-counter{display:flex;justify-content:center;padding:14px 0}.study-room-counter .social-btn--primary{padding:10px 24px;font-size:14px;border-radius:12px}.study-room-chat-msgs{flex:1;overflow-y:auto;padding:10px 0;display:flex;flex-direction:column;gap:8px;min-height:0;scrollbar-width:thin}.study-room-chat-msgs::-webkit-scrollbar{width:4px}.study-room-chat-msgs::-webkit-scrollbar-thumb{background:var(--c-divider);border-radius:4px}.study-room-chat-from{font-size:11px;color:var(--c-text-muted);margin-bottom:3px;font-weight:600}.daily-reminder-manager{margin-bottom:8px}.daily-reminder-add-form{margin-bottom:16px}.daily-reminder-list-section{margin-top:8px}.daily-reminder-list-title{font-size:13px;margin:0 0 8px;color:var(--c-text)}.daily-reminder-item-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.daily-reminder-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:color-mix(in srgb,var(--c-accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--c-accent) 15%,transparent);transition:background .15s}.daily-reminder-item:hover{background:color-mix(in srgb,var(--c-accent) 10%,transparent)}.daily-reminder-item-content{display:flex;flex-direction:column;flex:1;min-width:0}.daily-reminder-item-text{font-weight:600;font-size:14px;color:var(--c-text)}.daily-reminder-item-note{font-size:11px;color:var(--c-text-muted);margin-top:2px}.daily-reminder-item-remove{background:none!important;border:none!important;color:var(--c-red, #ef4444);font-size:18px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.srs-manager{margin-bottom:8px}.srs-stats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.srs-stat{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:8px;min-width:50px;background:var(--c-surface-2, rgba(255,255,255,.05))}.srs-stat-value{font-size:20px;font-weight:700}.srs-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-muted)}.srs-stat--due .srs-stat-value{color:var(--c-red, #ef4444)}.srs-stat--new .srs-stat-value{color:var(--c-accent)}.srs-stat--learning .srs-stat-value{color:var(--c-yellow, #eab308)}.srs-stat--mature .srs-stat-value{color:var(--c-green, #22c55e)}.srs-filters{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.srs-word-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.srs-word-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;border-left:3px solid transparent;transition:background .15s}.srs-word-row:hover{background:color-mix(in srgb,var(--c-accent) 5%,transparent)}.srs-word-row--due{border-left-color:var(--c-red, #ef4444)}.srs-word-row--new{border-left-color:var(--c-accent)}.srs-word-row--learning{border-left-color:var(--c-yellow, #eab308)}.srs-word-row--mature{border-left-color:var(--c-green, #22c55e)}.srs-word-info{display:flex;flex-direction:column;min-width:100px}.srs-word-term{font-weight:600;font-size:13px;color:var(--c-text)}.srs-word-translation{font-size:11px;color:var(--c-text-muted)}.srs-word-meta{display:flex;align-items:center;gap:6px;margin-left:auto}.srs-status-badge{font-size:10px;padding:1px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.srs-status-badge--due{background:color-mix(in srgb,var(--c-red, #ef4444) 20%,transparent);color:var(--c-red, #ef4444)}.srs-status-badge--new{background:color-mix(in srgb,var(--c-accent) 20%,transparent);color:var(--c-accent)}.srs-status-badge--learning{background:color-mix(in srgb,var(--c-yellow, #eab308) 20%,transparent);color:var(--c-yellow, #eab308)}.srs-status-badge--mature{background:color-mix(in srgb,var(--c-green, #22c55e) 20%,transparent);color:var(--c-green, #22c55e)}.srs-word-due,.srs-word-interval,.srs-word-ease{font-size:10px;color:var(--c-text-dim)}.srs-word-actions{display:flex;gap:3px;flex-shrink:0}.ige-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:ige-fade-in .3s ease}@keyframes ige-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ige-panel{width:100%;max-width:680px;max-height:90vh;overflow-y:auto;background:#0f1117;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;flex-direction:column;gap:0;box-shadow:0 24px 64px #000000b3}.ige-header{padding:18px 24px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff26,#10b98114)}.ige-agency{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.18em;color:#cfcfcf;background:#ffffff1f;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.25);margin-bottom:8px}.ige-mission-label{margin:0;font-size:15px;font-weight:700;letter-spacing:.06em;color:#f9fafb}.ige-exercise-label{margin:4px 0 0;font-size:12px;color:#ffffff73;letter-spacing:.02em}.ige-exercise-wrap{padding:20px 20px 8px;flex:1}.ige-exercise-wrap .sentence-order-exercise,.ige-exercise-wrap .insert-words-exercise,.ige-exercise-wrap .shadowing-exercise,.ige-exercise-wrap .fluent-rephrase-exercise{background:transparent;border:none;padding:0}.ige-result{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;text-align:center}.ige-result-icon{font-size:48px;line-height:1}.ige-pass .ige-result-icon{color:#10b981}.ige-fail .ige-result-icon{color:#ef4444}.ige-result-text{font-size:15px;color:#ffffffbf;max-width:400px;margin:0;line-height:1.5}.ige-unsupported{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;color:#fff9;font-size:14px}.ige-skip-btn{display:block;width:calc(100% - 48px);margin:8px 24px 20px;padding:10px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff59;font-size:12px;cursor:pointer;transition:border-color .2s,color .2s}.ige-skip-btn:hover{border-color:#ef444466;color:#ef4444b3}@media (max-width: 480px){.ige-overlay{padding:8px;align-items:flex-end}.ige-panel{max-height:95vh;border-radius:12px 12px 0 0}.ige-header{padding:14px 16px 10px}.ige-agency{font-size:9px}.ige-mission-label{font-size:13px}.ige-exercise-label{font-size:11px}.ige-exercise-wrap{padding:14px 14px 4px}.ige-result{padding:24px 16px}.ige-result-text{font-size:13px}.ige-skip-btn{width:calc(100% - 32px);margin:4px 16px 14px;padding:8px;font-size:11px}}.ig-container{--ig-bg: #0f0f0f;--ig-surface: #161616;--ig-surface2: #1a1a1a;--ig-surface3: #1f1f1f;--ig-divider: #1f1f1f;--ig-text: #e0dcd8;--ig-text-dim: #888580;--ig-text-muted: #63605a;--ig-gold: #c8a84e;--ig-gold-dim: rgba(200,168,78,.25);--ig-gold-glow: rgba(200,168,78,.08);--ig-red: #c0392b;--ig-red-dim: rgba(192,57,43,.25);--ig-red-bg: rgba(192,57,43,.08);--ig-green: #3a8a5a;--ig-green-dim: rgba(58,138,90,.25);--ig-green-bg: rgba(58,138,90,.08);--ig-accent-line: var(--ig-gold);--ig-border: #262626;--ig-border-light: #2a2a2a;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--ig-bg);color:var(--ig-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.ig-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/assets/games/hub-bg.jpg) center 20% / cover no-repeat;filter:grayscale(.6) brightness(.22) contrast(1.1);pointer-events:none}.ig-container>*{position:relative;z-index:1}.ig-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f0f0ff5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;text-align:center;padding:40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ig-result-box{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:520px}.ig-result-title{font-family:Inter,sans-serif;font-size:48px;letter-spacing:4px;font-weight:800;line-height:1;text-transform:uppercase}.ig-result-title.win{color:var(--ig-gold);text-shadow:0 0 40px var(--ig-gold-dim),0 0 80px rgba(200,168,78,.1)}.ig-result-title.lose{color:var(--ig-red);text-shadow:0 0 40px var(--ig-red-dim),0 0 80px rgba(192,57,43,.1)}.ig-result-msg{font-size:14px;color:var(--ig-text-dim);line-height:1.8;max-width:480px;white-space:pre-wrap}.ig-result-stats{font-size:12px;color:var(--ig-text-muted);letter-spacing:2px}.ig-result-actions{display:flex;gap:12px;margin-top:8px}.ig-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--ig-divider);flex-shrink:0;background:var(--ig-bg)}.ig-title{font-family:Inter,sans-serif;font-size:22px;font-weight:700;color:var(--ig-gold);letter-spacing:.5px}.ig-subtitle{font-size:11px;color:var(--ig-text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:2px}.ig-back-btn{background:var(--ig-surface);border:1px solid var(--ig-border);color:var(--ig-text-dim);width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.ig-back-btn:hover{background:var(--ig-surface2);border-color:var(--ig-gold-dim);color:var(--ig-gold)}.ig-status-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 20px;flex-shrink:0}.ig-stat-box{background:var(--ig-surface);border:1px solid var(--ig-border);padding:8px 12px;position:relative;overflow:hidden;border-radius:6px}.ig-stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.ig-stat-box.danger:before{background:var(--ig-red)}.ig-stat-box.warning:before{background:var(--ig-gold)}.ig-stat-box.safe:before{background:var(--ig-green)}.ig-stat-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--ig-text-muted);margin-bottom:4px}.ig-stat-value{font-family:Inter,sans-serif;font-size:20px;letter-spacing:.5px;font-weight:700;color:var(--ig-text)}.ig-stat-bar{height:3px;background:#ffffff0a;margin-top:4px;border-radius:2px;overflow:hidden}.ig-stat-fill{height:100%;border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)}.ig-layout{flex:1;display:grid;grid-template-columns:1fr 280px;gap:10px;padding:10px 20px 16px;overflow:hidden;min-height:0}.ig-narrative{background:var(--ig-surface);border:1px solid var(--ig-border);border-radius:8px;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.ig-narrative-header{background:var(--ig-surface2);color:var(--ig-gold);font-size:11px;letter-spacing:2px;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;text-transform:uppercase;border-bottom:1px solid var(--ig-divider);font-weight:600}.ig-narrative-body{flex:1;padding:18px 20px 14px;font-size:14px;line-height:1.8;color:var(--ig-text);min-height:0;overflow-y:auto;white-space:pre-wrap}.ig-cursor{display:inline-block;width:8px;height:16px;background:var(--ig-gold);animation:ig-blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px;border-radius:1px}@keyframes ig-blink{0%,to{opacity:1}50%{opacity:0}}.ig-evidence-board{display:flex;justify-content:center;padding:10px 16px 4px;flex-shrink:0;border-bottom:1px solid var(--ig-divider)}.ig-evidence-board svg{max-width:100%;height:auto;border-radius:4px}.ig-consequence{padding:8px 16px 10px;font-size:11px;color:var(--ig-text-dim);font-style:italic;border-top:1px solid var(--ig-divider);display:flex;align-items:center;gap:8px;flex-shrink:0;background:var(--ig-surface2)}.ig-delta{font-size:12px;font-style:normal;font-weight:700;padding:2px 8px;border-radius:4px}.ig-delta.up{color:var(--ig-red);background:var(--ig-red-bg)}.ig-delta.down{color:var(--ig-green);background:var(--ig-green-bg)}.ig-input-area{padding:10px 16px;border-top:1px solid var(--ig-divider);background:var(--ig-surface2);display:flex;gap:8px;align-items:flex-end;flex-shrink:0;position:relative;z-index:2}.ig-input{flex:1;background:var(--ig-surface);border:1px solid var(--ig-border);border-radius:6px;font-family:Inter,sans-serif;font-size:13px;color:var(--ig-text);resize:none;outline:none;line-height:1.5;min-height:36px;max-height:72px;padding:6px 10px;transition:border-color .2s}.ig-input:focus{border-color:var(--ig-gold-dim)}.ig-input::placeholder{color:var(--ig-text-muted);font-style:italic}.ig-send-btn{background:var(--ig-gold);color:#0f0f0f;border:none;border-radius:6px;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:36px}.ig-send-btn:hover:not(:disabled){background:#dbb84e;box-shadow:0 0 20px var(--ig-gold-dim)}.ig-send-btn:disabled{opacity:.3;cursor:not-allowed}.ig-deduction{padding:10px 16px;border-top:1px solid var(--ig-divider);flex-shrink:0;background:var(--ig-surface2)}.ig-accuse-btn{width:100%;background:var(--ig-red);color:#fff;border:none;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:10px;cursor:pointer;transition:all .2s;text-transform:uppercase}.ig-accuse-btn:hover{background:#d44a3a;box-shadow:0 0 24px var(--ig-red-dim)}.ig-sidebar{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.ig-panel{background:var(--ig-surface);border:1px solid var(--ig-border);border-radius:6px;flex-shrink:0;overflow:hidden}.ig-panel-header{background:var(--ig-surface2);border-bottom:1px solid var(--ig-divider);padding:6px 10px;font-size:10px;letter-spacing:2px;color:var(--ig-gold);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-weight:600}.ig-panel-count{font-size:10px;color:var(--ig-text-muted);letter-spacing:1px}.ig-suspect-list{padding:4px;display:flex;flex-direction:column;gap:3px}.ig-suspect-card{padding:6px 8px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}.ig-suspect-card:hover{border-color:var(--ig-border-light);background:var(--ig-surface2)}.ig-suspect-card.interrogating{border-color:var(--ig-gold-dim);background:var(--ig-gold-glow)}.ig-suspect-card.cleared{opacity:.35}.ig-suspect-name{font-size:12px;color:var(--ig-text);font-weight:600}.ig-suspect-role{font-size:9px;color:var(--ig-text-muted);text-transform:uppercase;letter-spacing:1px}.ig-trust-bar{width:40px;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:3px}.ig-trust-fill{height:100%;background:var(--ig-gold);border-radius:2px;transition:width .4s}.ig-suspect-status{font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:4px;font-weight:600;flex-shrink:0}.ig-suspect-status.suspect{color:var(--ig-red);background:var(--ig-red-bg)}.ig-suspect-status.clear{color:var(--ig-green);background:var(--ig-green-bg)}.ig-suspect-status.unknown{color:var(--ig-text-muted);border:1px solid var(--ig-border)}.ig-clue-list{padding:4px;display:flex;flex-direction:column;gap:2px;max-height:140px;overflow-y:auto}.ig-clue{font-size:11px;color:var(--ig-text);padding:5px 7px;border-left:2px solid var(--ig-gold);background:var(--ig-surface2);border-radius:4px;line-height:1.4;cursor:pointer;transition:all .1s}.ig-clue:hover{background:var(--ig-surface3);border-left-color:var(--ig-gold)}.ig-clue.used{border-left-color:var(--ig-text-muted);opacity:.45}.ig-card-list{padding:4px;display:flex;flex-direction:column;gap:3px}.ig-confr-card{padding:6px 8px;border:1px solid var(--ig-red-dim);background:var(--ig-red-bg);border-radius:6px;cursor:pointer;font-size:11px;color:var(--ig-text);font-family:Inter,sans-serif;transition:all .15s;line-height:1.3;text-align:left;width:100%}.ig-confr-card:hover:not(:disabled){background:#c0392b26;border-color:var(--ig-red)}.ig-confr-card:disabled{opacity:.25;cursor:not-allowed}.ig-confr-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--ig-red);margin-bottom:2px;font-weight:600}.ig-spent{color:var(--ig-text-muted);font-size:10px}.ig-card-hint{padding:0 8px 6px;font-size:9px;color:var(--ig-text-muted)}.ig-notebook{padding:6px 8px;max-height:120px;overflow-y:auto}.ig-note{font-size:11px;color:var(--ig-text-dim);margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--ig-divider);line-height:1.4}.ig-note:last-child{border-bottom:none;margin-bottom:0}.ig-note-turn{font-size:9px;color:var(--ig-text-muted);display:block;margin-bottom:1px;text-transform:uppercase;letter-spacing:1px}.ig-empty{font-size:11px;color:var(--ig-text-muted);font-style:italic;padding:8px}.ig-loading{display:inline-flex;gap:4px;align-items:center}.ig-loading span{display:inline-block;width:5px;height:5px;background:var(--ig-gold);border-radius:50%;animation:ig-dot 1.4s ease-in-out infinite}.ig-loading span:nth-child(2){animation-delay:.2s}.ig-loading span:nth-child(3){animation-delay:.4s}@keyframes ig-dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ig-btn{padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s}.ig-btn-primary{background:var(--ig-gold);color:#0f0f0f;border:none}.ig-btn-primary:hover{background:#dbb84e;box-shadow:0 0 24px var(--ig-gold-dim)}.ig-btn-secondary{background:transparent;color:var(--ig-text-dim);border:1px solid var(--ig-border)}.ig-btn-secondary:hover{border-color:var(--ig-gold-dim);color:var(--ig-gold);background:var(--ig-gold-glow)}.ig-narrative-body::-webkit-scrollbar,.ig-sidebar::-webkit-scrollbar,.ig-clue-list::-webkit-scrollbar,.ig-notebook::-webkit-scrollbar{width:4px}.ig-narrative-body::-webkit-scrollbar-track,.ig-sidebar::-webkit-scrollbar-track,.ig-clue-list::-webkit-scrollbar-track,.ig-notebook::-webkit-scrollbar-track{background:transparent}.ig-narrative-body::-webkit-scrollbar-thumb,.ig-sidebar::-webkit-scrollbar-thumb,.ig-clue-list::-webkit-scrollbar-thumb,.ig-notebook::-webkit-scrollbar-thumb{background:var(--ig-border-light);border-radius:2px}.ig-mission-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f0f0fe6;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ig-mission-box{background:var(--ig-surface);border:1px solid var(--ig-border);border-radius:12px;box-shadow:0 8px 40px #00000080;padding:28px;max-width:380px;text-align:center;display:flex;flex-direction:column;gap:16px}.ig-mission-icon{font-size:32px}.ig-mission-desc{font-size:14px;color:var(--ig-text);line-height:1.6;font-family:Inter,sans-serif}.ig-mission-actions{display:flex;gap:10px;justify-content:center}@media (max-width: 768px){.ig-layout{grid-template-columns:1fr}.ig-sidebar{display:grid;grid-template-columns:1fr 1fr;max-height:260px;gap:6px}.ig-header{padding:10px 14px}.ig-title{font-size:18px}.ig-status-bar{padding:8px 14px;gap:4px}.ig-stat-value{font-size:16px}}@media (max-width: 480px){.ig-header{padding:8px 10px}.ig-title{font-size:15px}.ig-back-btn{width:28px;height:28px}.ig-content{padding:8px}.ig-dialog{padding:12px;font-size:14px}.ig-sidebar{max-height:200px;gap:4px}.ig-evidence-card{padding:8px;font-size:11px}.ig-choice-btn{padding:10px 14px;font-size:13px}.ig-choice-btn svg{width:14px;height:14px}.ig-stat-value{font-size:14px}.ig-stat-label{font-size:9px}}.games-hub{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#080807}.games-hub:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.028) 1px,transparent 1px);background-size:7px 7px;pointer-events:none}.games-topbar{position:relative;z-index:10;display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:3px solid #1c1c1c;background:#0d0c0b}.games-back-btn,.game-back-btn,.game-icon-btn{border:2px solid #2a2a2a;color:#aaa;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition),border-color var(--transition);background:#111}.games-back-btn,.game-back-btn{width:34px;height:34px}.games-back-btn:hover,.game-back-btn:hover,.game-icon-btn:hover:not(:disabled){background:#1e1e1e;border-color:#555;color:#fff}.games-topbar-info{flex:1}.games-title{font-family:Impact,Arial Black,Haettenschweiler,sans-serif;font-size:22px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1}.games-subtitle{font-size:10px;color:#555;margin-top:3px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.games-grid{position:relative;z-index:2;flex:1;overflow-y:auto;padding:12px 16px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}.game-card{position:relative;display:flex;flex-direction:column;border:3px solid #0a0a0a;box-shadow:5px 5px #000;border-radius:0;cursor:pointer;text-align:left;overflow:hidden;background:#111;transition:transform .12s ease,box-shadow .12s ease;--card-accent: #c8a900}.game-card[data-game=spy]{--card-accent: #ededed}.game-card[data-game=negotiator]{--card-accent: #ef4444}.game-card[data-game=interpreter]{--card-accent: #f59e0b}.game-card[data-game=detective]{--card-accent: var(--c-accent)}.game-card[data-game=guilds]{--card-accent: #34d399}.game-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px #000;z-index:4}.game-card:active{transform:translate(1px,1px);box-shadow:3px 3px #000}.game-panel-scene{position:relative;height:130px;overflow:hidden;flex-shrink:0}.game-panel-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background-image:radial-gradient(circle,rgba(0,0,0,.2) 1px,transparent 1px);background-size:5px 5px;pointer-events:none}.game-panel-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(.75) contrast(1.4) brightness(.65);z-index:1}.game-panel-scene--spy{background:linear-gradient(180deg,#03080f,#121212 40%,#020508)}.game-panel-scene--spy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:conic-gradient(from 270deg at 50% 0%,transparent 80deg,rgba(255,255,255,.12) 90deg,transparent 100deg),repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(255,255,255,.04) 18px,rgba(255,255,255,.04) 19px),linear-gradient(180deg,transparent 55%,#000 55%,#000 58%,transparent 58%,transparent 65%,#080808 65%,#080808 70%,transparent 70%,transparent 75%,#040404 75%,#040404 82%,transparent 82%)}.game-panel-scene--negotiator{background:linear-gradient(180deg,#120004,#2a0008,#0a0002)}.game-panel-scene--negotiator:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse at 30% 40%,rgba(239,68,68,.3) 0%,transparent 45%),radial-gradient(ellipse at 70% 40%,rgba(255,255,255,.15) 0%,transparent 40%);animation:negotiator-flash 2.4s ease-in-out infinite alternate}@keyframes negotiator-flash{0%{opacity:.6}48%{opacity:1}52%{opacity:.4}to{opacity:.9}}.game-panel-scene--interpreter{background:linear-gradient(160deg,#1a1200,#2c1e00,#0a0900)}.game-panel-scene--interpreter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.28) 0%,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 22px,rgba(245,158,11,.03) 22px,rgba(245,158,11,.03) 23px)}.game-panel-scene--detective{background:#0a0a0a}.game-panel-scene--guilds{background:linear-gradient(180deg,#001208,#00200d,#000a04)}.game-panel-scene--guilds:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse at 50% 30%,rgba(52,211,153,.2) 0%,transparent 60%)}.game-panel-scene-gradient{position:absolute;bottom:0;left:0;right:0;height:50px;z-index:4;background:linear-gradient(180deg,transparent 0%,#111 100%)}.game-panel-scene-icon{position:absolute;bottom:10px;left:12px;z-index:5;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:1px solid var(--card-accent);color:var(--card-accent)}.game-narration-box{flex:1;padding:10px 12px 12px;background:#111;border-top:2px solid var(--card-accent)}.game-narration-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.game-narration-label{font-size:8px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--card-accent)}.game-card-arrow{color:var(--card-accent);opacity:.5;font-size:16px;transition:opacity .15s,transform .15s;line-height:1}.game-card:hover .game-card-arrow{opacity:1;transform:translate(3px)}.game-panel-title{font-family:Impact,Arial Black,Haettenschweiler,sans-serif;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#f0f0f0;line-height:1.05;margin-bottom:5px}.game-panel-desc{font-size:10px;color:#ffffff6b;line-height:1.5}.game-card-icon,.game-card-content,.game-card-subtitle,.game-card-title,.game-card-desc{display:none}.games-section-divider{grid-column:1 / -1;height:2px;background:#1c1c1c;margin:2px 0}.game-card--guilds{grid-column:1 / -1}.game-card--guilds .game-panel-scene{height:70px}.game-card--compact{padding:0;gap:0}.game-card--ios{backdrop-filter:none;-webkit-backdrop-filter:none;background:#111}.game-card--ios:hover{background:#111;border-color:#0a0a0a}.game-container{--game-accent: #ededed;--game-accent-soft: rgba(255, 255, 255, .16);--game-danger: #ef4444;display:flex;flex-direction:column;height:100%;overflow:hidden;color:var(--c-text)}.game-container[data-game-theme=negotiator]{--game-accent: #ef4444;--game-accent-soft: rgba(239, 68, 68, .15)}.game-container[data-game-theme=interpreter]{--game-accent: #f59e0b;--game-accent-soft: rgba(245, 158, 11, .16)}.game-container[data-game-theme=detective]{--game-accent: var(--c-accent);--game-accent-soft: rgba(255, 255, 255, .15)}.game-topbar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000047;flex-shrink:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-topbar-info{flex:1;min-width:0}.game-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--c-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-subtitle{font-size:11px;color:var(--c-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-audio-controls{display:flex;align-items:center;gap:8px}.game-icon-btn{height:34px;min-width:54px;padding:0 10px;background:#ffffff0f;font-size:12px;font-weight:700}.game-icon-btn.active{border-color:color-mix(in srgb,var(--game-accent) 50%,transparent);background:var(--game-accent-soft);color:var(--game-accent)}.game-icon-btn:disabled{opacity:.45;cursor:not-allowed}.game-hud{display:flex;align-items:center;gap:10px;flex-shrink:0}.game-lives{display:flex;gap:3px}.game-heart{font-size:16px;color:#fb7185;line-height:1;transition:all .3s ease}.game-heart.dead{opacity:.35;color:#ffffff73}.game-score{font-size:12px;font-weight:700;color:var(--game-accent);background:var(--game-accent-soft);padding:6px 10px;border-radius:8px}.game-content{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column}.game-stage{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);gap:16px;align-items:start;animation:fadeUp .4s ease}.comic-panel{grid-row:span 3;position:sticky;top:0}.comic-panel-frame{border-radius:8px;border:3px solid rgba(255,255,255,.9);background:#0b0b0d;box-shadow:0 18px 42px #0000006b,7px 7px #ffffff14;overflow:hidden}.comic-caption,.comic-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;color:#0d0d0f;background:#f3ead2;font-family:var(--font-display);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.comic-strip{background:#111;color:#ffffffb8;font-family:var(--font-body);font-size:11px;font-weight:700}.comic-scene-art{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(115deg,rgba(255,255,255,.18) 0 1px,transparent 1px 28px),radial-gradient(circle at 35% 22%,color-mix(in srgb,var(--game-accent) 45%,transparent),transparent 25%),linear-gradient(155deg,#111827,#0a0a0b 58%,#151515)}.comic-panel[data-theme=negotiator] .comic-scene-art{background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 34px),radial-gradient(circle at 72% 22%,rgba(239,68,68,.5),transparent 28%),linear-gradient(155deg,#2b1010,#141010 54%,#050505)}.comic-panel[data-theme=interpreter] .comic-scene-art{background:linear-gradient(115deg,rgba(255,255,255,.12) 0 1px,transparent 1px 30px),radial-gradient(circle at 50% 22%,rgba(245,158,11,.45),transparent 29%),linear-gradient(155deg,#27200f,#121212 56%,#09151a)}.comic-panel[data-theme=detective] .comic-scene-art{background:repeating-linear-gradient(100deg,rgba(255,255,255,.06) 0 1px,transparent 1px 26px),radial-gradient(circle at 24% 26%,rgba(255,255,255,.42),transparent 27%),linear-gradient(155deg,#20192b,#0e1118 56%,#070708)}.comic-scene-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 52%,rgba(0,0,0,.58) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px);mix-blend-mode:screen;pointer-events:none;z-index:3}.comic-scene-image{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.comic-image-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.comic-image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff05,#ffffff0f,#ffffff05);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.comic-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.comic-image-fallback .comic-symbol{font-size:48px}.game-audio-controls{display:flex;gap:6px;flex-shrink:0}.game-icon-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--c-text-dim);width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all var(--transition)}.game-icon-btn:hover{background:#ffffff1f;color:var(--c-text)}.game-icon-btn.active{background:var(--game-accent-soft);border-color:var(--game-accent);color:var(--game-accent)}.game-icon-btn.soundtrack{width:auto;min-width:58px;padding:0 10px;font-size:12px;font-weight:700}.game-icon-btn.soundtrack.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--game-accent) 18%,transparent),0 0 18px color-mix(in srgb,var(--game-accent) 24%,transparent)}.game-icon-btn.soundtrack.active:before{content:"";width:6px;height:6px;margin-right:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:soundtrackPulse 1.04s ease-in-out infinite}.game-icon-btn:disabled{opacity:.3;cursor:not-allowed}.game-sound-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeUp .3s ease}.game-sound-hint-content{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:32px;max-width:360px;text-align:center;display:flex;flex-direction:column;gap:20px;animation:popIn .4s ease}.game-sound-hint-text{font-size:15px;line-height:1.6;color:var(--c-text)}.game-sound-hint-actions{display:flex;gap:10px;justify-content:center}.game-narrative-kicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}[data-game-theme=spy]{--game-accent: #ededed;--game-accent-soft: rgba(255, 255, 255, .15)}[data-game-theme=negotiator]{--game-accent: #ef4444;--game-accent-soft: rgba(239, 68, 68, .15)}[data-game-theme=interpreter]{--game-accent: #f59e0b;--game-accent-soft: rgba(245, 158, 11, .15)}[data-game-theme=detective]{--game-accent: var(--c-accent);--game-accent-soft: rgba(255, 255, 255, .15)}.comic-skyline{position:absolute;inset:auto 8% 0;height:42%;display:flex;align-items:end;gap:5%;opacity:.8}.comic-skyline span{display:block;width:20%;background:linear-gradient(180deg,#ffffff1f,#000000d1);border:1px solid rgba(255,255,255,.08)}.comic-skyline span:nth-child(1){height:72%}.comic-skyline span:nth-child(2){height:96%}.comic-skyline span:nth-child(3){height:58%}.comic-skyline span:nth-child(4){height:84%}.comic-light{position:absolute;width:34%;height:78%;top:-12%;transform:rotate(18deg);background:linear-gradient(180deg,color-mix(in srgb,var(--game-accent) 42%,transparent),transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);opacity:.46;animation:lightSweep 7s ease-in-out infinite alternate}.comic-light-a{left:8%}.comic-light-b{right:5%;animation-delay:-2s}.comic-character{position:absolute;bottom:16%;width:20%;max-width:104px;aspect-ratio:.48;background:linear-gradient(180deg,#141414,#020202);border:2px solid rgba(255,255,255,.12);clip-path:polygon(36% 0,64% 0,72% 16%,64% 28%,79% 100%,21% 100%,36% 28%,28% 16%);filter:drop-shadow(0 20px 18px rgba(0,0,0,.6));z-index:2}.comic-character.main{left:35%}.comic-character.side{left:58%;width:15%;bottom:15%;opacity:.65}.comic-prop{position:absolute;z-index:2;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);box-shadow:0 12px 24px #0006}.comic-prop.prop-a{left:12%;bottom:12%;width:18%;height:12%;transform:skew(-10deg)}.comic-prop.prop-b{right:12%;bottom:10%;width:14%;height:22%;border-radius:50% 50% 4px 4px}.comic-symbol{position:absolute;right:9%;top:10%;min-width:86px;min-height:64px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:2px solid rgba(255,255,255,.65);border-radius:8px;background:#0000007a;box-shadow:8px 8px #0000003d;font-size:34px;z-index:4;animation:panelPop .5s ease}.comic-motion-lines{position:absolute;left:8%;top:16%;width:36%;display:grid;gap:9px;z-index:1}.comic-motion-lines span{height:3px;background:#ffffff57;transform:skew(-20deg)}.comic-motion-lines span:nth-child(2){width:76%}.comic-motion-lines span:nth-child(3){width:54%}.comic-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;border:none;background:#00000094;color:#fff;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer;z-index:5;box-shadow:0 8px 22px #00000057;transition:transform var(--transition),background var(--transition),color var(--transition)}.comic-hotspot:hover,.comic-hotspot.inspected{transform:translate(-50%,-50%) scale(1.05);background:var(--game-accent);color:#050505}.comic-hotspot-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 20%,transparent)}.comic-hotspot-label{white-space:nowrap}.game-clue-toast{border-radius:8px;border:1px solid color-mix(in srgb,var(--game-accent) 38%,transparent);background:color-mix(in srgb,var(--game-accent) 14%,rgba(0,0,0,.78));padding:12px 14px;animation:panelPop .22s ease}.game-clue-toast span,.game-choice-context span,.game-narrative-kicker,.game-question-label{font-size:11px;font-weight:800;color:var(--game-accent);text-transform:uppercase;letter-spacing:.08em}.game-clue-toast p{margin-top:5px;font-size:13px;line-height:1.45;color:#ffffffe0}.game-narrative,.game-question,.game-feedback,.game-choice-context,.game-choice-btn{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0e;box-shadow:0 14px 34px #0000002e}.game-narrative{padding:18px;animation:fadeUp .5s ease}.game-narrative-kicker{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.game-narrative p{font-size:14px;line-height:1.72;color:#ffffffe6}.game-question{padding:16px 18px;border-left:3px solid var(--game-accent);background:color-mix(in srgb,var(--game-accent) 9%,rgba(255,255,255,.055));animation:fadeUp .6s ease}.game-question-label{display:block;margin-bottom:7px}.game-question p{font-size:14px;line-height:1.58;color:var(--c-text);font-weight:600}.game-feedback{padding:16px 18px;display:flex;align-items:flex-start;gap:12px;animation:panelPop .3s ease}.game-feedback.correct{background:#22c55e24;border-color:#4ade8040}.game-feedback.wrong{background:#ef444426;border-color:#f8717140}.game-feedback-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:#ffffff1a;font-weight:900}.game-feedback-text{font-size:14px;line-height:1.58;color:var(--c-text)}.game-choices{display:flex;flex-direction:column;gap:9px;animation:fadeUp .7s ease}.game-choice-context{padding:12px 14px;background:#00000038}.game-choice-context p{margin-top:6px;font-size:12px;line-height:1.45;color:#fff9}.game-choice-btn{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:12px;padding:13px 15px;cursor:pointer;text-align:left;transition:background var(--transition),border-color var(--transition),transform var(--transition),color var(--transition);animation:fadeUp .4s ease both;color:#ffffffdb;font-size:13px;line-height:1.45}.game-choice-btn:hover{background:color-mix(in srgb,var(--game-accent) 15%,rgba(255,255,255,.07));border-color:color-mix(in srgb,var(--game-accent) 55%,transparent);color:var(--c-text);transform:translate(4px)}.game-choice-index{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff14;color:var(--game-accent);font-size:12px;font-weight:900}.game-choice-text{min-width:0}.game-choice-arrow{opacity:.45;transition:opacity var(--transition)}.game-choice-btn:hover .game-choice-arrow{opacity:1}.game-end-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:16px;padding:40px 20px;animation:fadeUp .5s ease}.game-end-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--game-accent-soft);color:var(--game-accent);font-size:42px;font-weight:900}.game-end-title{font-family:var(--font-display);font-size:28px;font-weight:800}.game-end-screen.win .game-end-title{color:#4ade80}.game-end-screen.lose .game-end-title{color:#f87171}.game-end-desc{font-size:14px;color:var(--c-text-dim);max-width:420px;line-height:1.6}.game-end-stats{display:flex;gap:24px;margin-top:8px}.game-end-stat{text-align:center}.game-end-stat-value{display:block;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--game-accent)}.game-end-stat-label{font-size:11px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.05em}.game-end-actions{display:flex;gap:12px;margin-top:16px}.game-btn{padding:12px 22px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:transform var(--transition),filter var(--transition),background var(--transition)}.game-btn.primary{background:var(--game-accent);color:#050505}.game-btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.game-btn.secondary{background:#ffffff12;color:var(--c-text);border:1px solid rgba(255,255,255,.1)}.game-btn.secondary:hover{background:#ffffff1f}.game-error{padding:40px;text-align:center;color:var(--c-red)}.atmosphere-spy{background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.18),transparent 30%),linear-gradient(180deg,#0a0f1a,#111827,#0c1422)}.atmosphere-negotiator{background:radial-gradient(circle at 85% 18%,rgba(239,68,68,.22),transparent 30%),linear-gradient(180deg,#1a0808,#1f1010,#150808)}.atmosphere-interpreter{background:radial-gradient(circle at 50% 12%,rgba(245,158,11,.16),transparent 34%),linear-gradient(180deg,#1a1408,#1d1a12,#10171a)}.atmosphere-detective{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.18),transparent 30%),linear-gradient(180deg,#100a18,#15102a,#0e0a1a)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes panelPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes lightSweep{0%{transform:translate(-12%) rotate(18deg)}to{transform:translate(12%) rotate(14deg)}}@keyframes soundtrackPulse{0%,to{transform:scale(.75);opacity:.55}50%{transform:scale(1.25);opacity:1}}@media (max-width: 980px){.games-grid,.game-stage{grid-template-columns:1fr}.comic-panel{position:relative;grid-row:auto}.comic-scene-art{min-height:340px}}@media (max-width: 768px){.games-grid{padding:16px}.games-topbar,.game-topbar{padding:14px 16px}.game-topbar{flex-wrap:wrap}.game-topbar-info{min-width:calc(100% - 50px)}.game-audio-controls{order:3}.game-hud{margin-left:auto}.game-content{padding:14px}.comic-scene-art{min-height:300px}.comic-hotspot-label{display:none}.game-end-stats{flex-wrap:wrap;justify-content:center}.game-end-actions{flex-direction:column;width:100%;max-width:280px}}.vn-container{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0a0a0f;color:#e8e8e8;cursor:default;font-family:var(--font-body, "Inter", system-ui, sans-serif)}.vn-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.vn-backdrop-img{width:100%;height:100%;object-fit:cover;transition:opacity .8s ease}.vn-backdrop-loading{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0f,#141414);animation:vn-pulse 1.5s ease-in-out infinite}@keyframes vn-pulse{0%,to{opacity:.6}50%{opacity:1}}.vn-backdrop-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f4d,#0a0a0f80 40%,#0a0a0fe0,#0a0a0ff2)}.vn-backdrop-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0a0f}.vn-backdrop-symbol{font-size:64px;opacity:.3}.vn-topbar{position:relative;z-index:10;display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.vn-back-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e8e8e8;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.vn-back-btn:hover{background:#ffffff26;border-color:#fff3}.vn-topbar-info{flex:1}.vn-title{font-family:var(--font-display, "Inter", sans-serif);font-size:17px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.vn-topbar-controls{display:flex;align-items:center;gap:10px}.vn-sound-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e8e8e8;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all .2s}.vn-sound-btn.active{background:#ffffff1f;border-color:#fff3;color:#6ee7b7}.vn-sound-btn:hover{background:#ffffff26}.vn-hud{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.vn-score{color:#fbbf24;font-variant-numeric:tabular-nums}.vn-life-alive{color:#f87171;margin-right:2px}.vn-life-dead{color:#374151;margin-right:2px}.vn-content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 20px 16px}.vn-dialogue-box{position:relative;background:linear-gradient(135deg,#141423eb,#0f0f1cf2);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 22px;min-height:80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0006;transition:opacity .3s ease;cursor:pointer}.vn-speaker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--c-primary, #ededed);margin-bottom:6px}.vn-dialogue-text{font-size:15px;line-height:1.65;color:#e8e8e8;min-height:1.5em}.vn-question-sub{margin-top:10px;font-size:14px;color:#ededed;font-style:italic;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.vn-continue-hint{margin-top:10px;font-size:12px;color:#ffffff4d;text-align:right;animation:vn-blink 1.8s ease-in-out infinite}@keyframes vn-blink{0%,to{opacity:.3}50%{opacity:.8}}.vn-choices{display:flex;flex-direction:column;gap:8px;margin-top:12px;animation:vn-slide-up .3s ease}@keyframes vn-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vn-choice-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#1e1e37d9,#16162ce6);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e8e8e8;cursor:pointer;text-align:left;font-size:14px;transition:all .2s;animation:vn-choice-fade .3s ease both}@keyframes vn-choice-fade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.vn-choice-btn:hover{background:linear-gradient(135deg,#ffffffe6,#232341f2);border-color:#fff3;transform:translateY(-2px)}.vn-choice-btn:active{transform:translateY(0)}.vn-choice-num{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff0f;font-size:12px;font-weight:700;color:var(--c-primary, #ededed);flex-shrink:0}.vn-choice-text{flex:1}.vn-choice-arrow{color:#ffffff40;font-size:16px;flex-shrink:0;transition:transform .2s}.vn-choice-btn:hover .vn-choice-arrow{transform:translate(4px)}.vn-feedback{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.5;animation:vn-fade-in .3s ease}@keyframes vn-fade-in{0%{opacity:0}to{opacity:1}}.vn-feedback.correct{background:#34d3991f;border:1px solid rgba(52,211,153,.2);color:#6ee7b7}.vn-feedback.wrong{background:#f871711f;border:1px solid rgba(248,113,113,.2);color:#fca5a5}.vn-feedback-icon{font-size:18px;flex-shrink:0;margin-top:1px}.vn-feedback-text{flex:1}.vn-input-area{margin-top:12px;animation:vn-fade-in .3s ease}.vn-input-prompt{font-size:13px;color:#ededed;margin-bottom:8px}.vn-input-row{display:flex;gap:8px}.vn-input{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0000004d;color:#e8e8e8;font-size:14px;outline:none;transition:border-color .2s}.vn-input:focus{border-color:var(--c-primary, #ededed)}.vn-input::placeholder{color:#ffffff40}.vn-mission-card{margin-top:12px;padding:14px 16px;background:linear-gradient(135deg,#1e3c324d,#14282366);border:1px solid rgba(52,211,153,.15);border-radius:10px;text-align:center;animation:vn-fade-in .3s ease}.vn-mission-icon{font-size:28px;margin-bottom:6px}.vn-mission-desc{font-size:13px;color:#a7f3d0;margin-bottom:10px;line-height:1.4}.vn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.vn-btn.primary{background:linear-gradient(135deg,var(--c-primary, #ededed),var(--c-primary-dark, #ededed));color:var(--c-on-accent);border-color:transparent}.vn-btn.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.vn-btn.secondary{background:#ffffff0f;color:#cbd5e1}.vn-btn.secondary:hover{background:#ffffff1f}.vn-btn.small{padding:8px 12px;font-size:14px;width:36px;height:36px}.vn-analyze-btn{position:absolute;bottom:100px;right:90px;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);background:#0a0a14cc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;z-index:15;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s}.vn-analyze-btn:hover{background:#1e1e3ce6;border-color:#fff3;transform:scale(1.1)}.vn-analysis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:vn-fade-in .2s ease}.vn-analysis-panel{width:100%;max-width:420px;max-height:80vh;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.vn-analysis-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.vn-analysis-header h3{font-size:15px;font-weight:700;color:#e8e8e8;margin:0}.vn-analysis-close{width:28px;height:28px;border:none;background:#ffffff0f;color:#ededed;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s}.vn-analysis-close:hover{background:#ffffff1f;color:#e8e8e8}.vn-analysis-words{overflow-y:auto;padding:12px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.vn-analysis-word{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:6px;font-size:13px}.vn-analysis-word-text{color:#e8e8e8;font-weight:500}.vn-analysis-word-trans{color:#ededed;font-size:12px}.vn-analysis-empty{padding:18px;text-align:center;color:#ededed;font-size:13px}.vn-end-screen{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;animation:vn-fade-in .5s ease}.vn-end-screen.win{background:radial-gradient(circle at center,rgba(52,211,153,.08) 0%,transparent 60%)}.vn-end-screen.lose{background:radial-gradient(circle at center,rgba(248,113,113,.08) 0%,transparent 60%)}.vn-end-icon{font-size:48px;margin-bottom:16px}.vn-end-screen.win .vn-end-icon{color:#34d399}.vn-end-screen.lose .vn-end-icon{color:#f87171}.vn-end-title{font-family:var(--font-display, "Inter", sans-serif);font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}.vn-end-desc{font-size:14px;color:#ededed;margin-bottom:24px;max-width:320px;line-height:1.5}.vn-end-actions{display:flex;gap:10px}.vn-sound-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vn-sound-hint-content{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;text-align:center;max-width:320px}.vn-sound-hint-content p{font-size:14px;color:#cbd5e1;margin-bottom:16px;line-height:1.5}.vn-sound-hint-actions{display:flex;justify-content:center}.vn-error{display:flex;align-items:center;justify-content:center;height:100%;color:#f87171;font-size:14px}.vn-container[data-game-theme=spy]{--c-primary: #ededed;--c-primary-dark: #ededed;--c-accent: #ededed;--c-glow: rgba(255, 255, 255, .15);--c-text: #e0f2fe;--c-surface: rgba(255, 255, 255, .92);--c-surface-alt: rgba(255, 255, 255, .85);--c-border: rgba(255, 255, 255, .15);--c-choice-bg: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(3, 20, 30, .95));--c-choice-hover: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .95));--font-game: "Courier New", "Courier", monospace}.vn-container[data-game-theme=spy] .vn-dialogue-box{border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 30px #0009,inset 0 0 60px #ffffff08}.vn-container[data-game-theme=spy] .vn-speaker{font-family:Courier New,monospace;letter-spacing:2px;color:#ededed;text-shadow:0 0 8px rgba(255,255,255,.3)}.vn-container[data-game-theme=spy] .vn-dialogue-text{font-family:Courier New,Courier,monospace;font-size:14px;letter-spacing:.3px;color:#e0f2fe}.vn-container[data-game-theme=spy] .vn-choice-btn{border-color:#ffffff26;background:linear-gradient(135deg,#ffffffd9,#03141ee6);box-shadow:0 0 20px #ffffff0d}.vn-container[data-game-theme=spy] .vn-choice-btn:hover{background:linear-gradient(135deg,#ffffffe6,#fffffff2);border-color:#fff6;box-shadow:0 0 30px #ffffff26}.vn-container[data-game-theme=spy] .vn-choice-num{color:#ededed;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.vn-container[data-game-theme=spy] .vn-score{color:#ededed;text-shadow:0 0 10px rgba(255,255,255,.3)}.vn-container[data-game-theme=spy] .vn-backdrop-cover{background:linear-gradient(180deg,#020a0f4d,#020a0f80 40%,#020a0fe6,#01060af7)}.vn-container[data-game-theme=spy] .vn-title{font-family:Courier New,monospace;letter-spacing:3px;text-transform:uppercase;font-size:14px;color:#ededed}.vn-container[data-game-theme=spy] .vn-sound-btn.active{color:#ededed;border-color:#ffffff4d;background:#ffffff1a}.vn-container[data-game-theme=spy]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px)}.vn-container[data-game-theme=negotiator]{--c-primary: #ef4444;--c-primary-dark: #b91c1c;--c-accent: #f97316;--c-glow: rgba(239, 68, 68, .15);--c-text: #fecaca;--c-surface: rgba(30, 8, 8, .94);--c-surface-alt: rgba(50, 15, 15, .88);--c-border: rgba(239, 68, 68, .2);--c-choice-bg: linear-gradient(135deg, rgba(50, 15, 15, .9), rgba(30, 8, 8, .95));--c-choice-hover: linear-gradient(135deg, rgba(70, 25, 25, .9), rgba(50, 15, 15, .95));--font-game: "Courier New", "Consolas", monospace}.vn-container[data-game-theme=negotiator] .vn-dialogue-box{border:2px solid rgba(239,68,68,.2);box-shadow:0 4px 30px #0009,inset 0 0 80px #ef444408;border-radius:4px}.vn-container[data-game-theme=negotiator] .vn-speaker{font-family:Courier New,monospace;letter-spacing:1px;color:#f97316;font-size:11px;text-transform:uppercase;border-bottom:1px solid rgba(249,115,22,.15);padding-bottom:6px}.vn-container[data-game-theme=negotiator] .vn-dialogue-text{font-family:Courier New,Consolas,monospace;font-size:14px;color:#fecaca;line-height:1.6}.vn-container[data-game-theme=negotiator] .vn-choice-btn{border:2px solid rgba(239,68,68,.15);background:linear-gradient(135deg,#320f0fd9,#1e0808e6);border-radius:4px}.vn-container[data-game-theme=negotiator] .vn-choice-btn:hover{background:linear-gradient(135deg,#461919e6,#320f0ff2);border-color:#f9731666;animation:negotiator-pulse .6s ease-in-out}@keyframes negotiator-pulse{0%,to{box-shadow:0 0 10px #ef44441a}50%{box-shadow:0 0 30px #ef444440}}.vn-container[data-game-theme=negotiator] .vn-choice-num{color:#f97316;background:#ef44441a;border:1px solid rgba(249,115,22,.3);font-weight:800}.vn-container[data-game-theme=negotiator] .vn-score{color:#f97316;font-weight:800;text-shadow:0 0 10px rgba(249,115,22,.3)}.vn-container[data-game-theme=negotiator] .vn-life-alive{color:#ef4444;animation:negotiator-heartbeat 1.2s ease-in-out infinite}@keyframes negotiator-heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.vn-container[data-game-theme=negotiator] .vn-backdrop-cover{background:linear-gradient(180deg,#0f04044d,#0f040499 40%,#0f0404eb,#080202fa)}.vn-container[data-game-theme=negotiator] .vn-title{font-family:Courier New,monospace;letter-spacing:1px;text-transform:uppercase;font-size:14px;color:#f97316}.vn-container[data-game-theme=negotiator] .vn-sound-btn.active{color:#f97316;border-color:#ef44444d}.vn-container[data-game-theme=negotiator] .vn-topbar{border-bottom:1px solid rgba(239,68,68,.08);box-shadow:0 2px 20px #ef44440d}.vn-container[data-game-theme=interpreter]{--c-primary: #f59e0b;--c-primary-dark: #b45309;--c-accent: #fbbf24;--c-glow: rgba(245, 158, 11, .12);--c-text: #fef3c7;--c-surface: rgba(26, 20, 8, .9);--c-surface-alt: rgba(40, 30, 12, .85);--c-border: rgba(245, 158, 11, .12);--c-choice-bg: linear-gradient(135deg, rgba(40, 30, 12, .88), rgba(26, 20, 8, .94));--c-choice-hover: linear-gradient(135deg, rgba(55, 42, 18, .9), rgba(40, 30, 12, .95));--font-game: "Georgia", "Times New Roman", serif}.vn-container[data-game-theme=interpreter] .vn-dialogue-box{border:1px solid rgba(245,158,11,.1);background:linear-gradient(135deg,#1a1408e0,#231c0eeb,#1a1408e0);box-shadow:0 4px 40px #00000080,0 0 40px #f59e0b08;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vn-container[data-game-theme=interpreter] .vn-speaker{font-family:Georgia,serif;font-size:13px;font-weight:700;color:#fbbf24;letter-spacing:.5px;text-transform:none;font-style:italic}.vn-container[data-game-theme=interpreter] .vn-dialogue-text{font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.7;color:#fef3c7}.vn-container[data-game-theme=interpreter] .vn-choice-btn{border:1px solid rgba(245,158,11,.1);background:linear-gradient(135deg,#281e0cd9,#1a1408e6);border-radius:12px;padding:14px 18px}.vn-container[data-game-theme=interpreter] .vn-choice-btn:hover{background:linear-gradient(135deg,#372a12e6,#281e0cf2);border-color:#fbbf244d;box-shadow:0 0 30px #f59e0b14}.vn-container[data-game-theme=interpreter] .vn-choice-num{color:#fbbf24;background:#f59e0b14;border:1px solid rgba(251,191,36,.15);font-family:Georgia,serif;font-style:italic;font-size:14px}.vn-container[data-game-theme=interpreter] .vn-score{color:#fbbf24;font-family:Georgia,serif;font-style:italic}.vn-container[data-game-theme=interpreter] .vn-sound-btn.active{color:#fbbf24;border-color:#f59e0b40;background:#f59e0b14}.vn-container[data-game-theme=interpreter] .vn-feedback.correct{background:#fbbf2414;border-color:#fbbf2426;color:#fde68a}.vn-container[data-game-theme=interpreter] .vn-backdrop-cover{background:linear-gradient(180deg,#0f0c054d,#0f0c0580 40%,#0f0c05e6,#0a0803f7)}.vn-container[data-game-theme=interpreter] .vn-title{font-family:Georgia,serif;font-size:17px;font-weight:700;color:#fbbf24;letter-spacing:.5px}.vn-container[data-game-theme=detective]{--c-primary: var(--c-accent);--c-primary-dark: var(--c-accent);--c-accent: #ededed;--c-glow: rgba(255, 255, 255, .12);--c-text: #ededed;--c-surface: rgba(22, 12, 35, .93);--c-surface-alt: rgba(35, 20, 50, .88);--c-border: rgba(255, 255, 255, .12);--c-choice-bg: linear-gradient(135deg, rgba(35, 20, 50, .88), rgba(22, 12, 35, .94));--c-choice-hover: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(35, 20, 50, .95));--font-game: "Palatino", "Palatino Linotype", "Georgia", serif}.vn-container[data-game-theme=detective] .vn-dialogue-box{border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#160c23e6,#1e122df0,#160c23e6);box-shadow:0 4px 40px #0009,inset 0 0 80px #ffffff05;border-radius:10px}.vn-container[data-game-theme=detective] .vn-speaker{font-family:Palatino,serif;font-size:12px;font-weight:700;color:#ededed;letter-spacing:1.5px;text-transform:uppercase;font-style:normal;border-left:2px solid rgba(255,255,255,.2);padding-left:10px}.vn-container[data-game-theme=detective] .vn-dialogue-text{font-family:Palatino,Georgia,serif;font-size:16px;line-height:1.75;color:#ededed;text-shadow:0 1px 2px rgba(0,0,0,.3)}.vn-container[data-game-theme=detective] .vn-choice-btn{border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#231432d9,#160c23e6);border-radius:8px;box-shadow:0 2px 15px #0003}.vn-container[data-game-theme=detective] .vn-choice-btn:hover{background:linear-gradient(135deg,#ffffffe6,#231432f2);border-color:#ffffff4d;box-shadow:0 4px 30px #ffffff1a,0 0 40px #ffffff0d}.vn-container[data-game-theme=detective] .vn-choice-num{color:#ededed;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-family:Palatino,serif;font-weight:700;font-style:italic}.vn-container[data-game-theme=detective] .vn-life-alive{color:#ededed}.vn-container[data-game-theme=detective] .vn-score{color:#ededed;font-family:Palatino,serif;font-style:italic}.vn-container[data-game-theme=detective] .vn-sound-btn.active{color:#ededed;border-color:#ffffff4d;background:#ffffff14}.vn-container[data-game-theme=detective] .vn-title{font-family:Palatino,serif;font-size:17px;font-weight:700;color:#ededed;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.vn-container[data-game-theme=detective] .vn-backdrop-cover{background:linear-gradient(180deg,#0c061659,#0c06168c 40%,#0c0616eb,#080410fa)}.vn-container[data-game-theme=detective] .vn-dialogue-box:before,.vn-container[data-game-theme=detective] .vn-dialogue-box:after{content:"";position:absolute;width:12px;height:12px;border-color:#ffffff1f;border-style:solid}.vn-container[data-game-theme=detective] .vn-dialogue-box:before{top:4px;left:4px;border-width:1px 0 0 1px}.vn-container[data-game-theme=detective] .vn-dialogue-box:after{bottom:4px;right:4px;border-width:0 1px 1px 0}.vn-container[data-game-theme=detective] .vn-backdrop-cover{animation:detective-fog 6s ease-in-out infinite}@keyframes detective-fog{0%,to{opacity:1}50%{opacity:.92}}body:has(.vn-container) .quick-add-fab{bottom:100px}.vn-seq-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e8e8e8;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;flex-shrink:0}.vn-seq-btn:hover{background:#ffffff26;border-color:#fff3}.vn-seq-btn.active{background:#fff3;border-color:#fff6;color:var(--c-accent)}.game-card{padding:14px 16px;gap:14px}.game-card--compact{min-height:100px;padding:10px 12px;gap:10px}.game-card--compact .game-card-title{font-size:13px}.game-card--compact .game-card-subtitle{font-size:10px}.game-card--compact .game-card-desc{font-size:11px;line-height:1.4}.game-card--compact .game-card-icon svg{width:24px;height:24px}.game-card--compact .game-card-icon{width:36px;height:44px;font-size:0}.game-card--guilds{min-height:60px}.game-card--guilds:hover{border-color:#fff3}.games-section-divider{height:1px;background:var(--c-divider);margin:16px 0}.games-hub{position:relative;background:radial-gradient(ellipse at 90% 10%,rgba(255,255,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 10% 85%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(60,60,80,.3) 0%,transparent 60%)}.games-grid{position:relative;z-index:2}.game-card--ios{position:relative;z-index:1;background:#ffffff0f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.game-card--ios:hover{border-color:#fff3;background:#ffffff17;transform:translateY(-3px);box-shadow:0 16px 50px #0006,inset 0 1px #ffffff14}.game-card--ios .game-card-icon,.game-card--ios .game-card-subtitle,.game-card--ios .game-card-arrow{color:#ffffffb3!important}.game-card--ios .game-card-arrow svg{opacity:.5}@media (max-width: 980px){.game-panel-scene{height:110px}.game-panel-title{font-size:14px}.game-panel-desc{font-size:9px}.game-card--guilds .game-panel-scene{height:60px}.comic-panel{position:relative;grid-row:auto}.comic-scene-art{min-height:320px}.game-stage{grid-template-columns:1fr}.game-stage{width:100%}.game-stage-grid{grid-template-columns:1fr}}@media (max-width: 768px){.game-panel-scene{height:90px}.games-topbar{padding:10px 14px;gap:10px}.games-title{font-size:18px}.games-subtitle{font-size:9px}.game-panel-title{font-size:13px}.game-panel-desc{font-size:9px;line-height:1.4}.game-panel-scene-icon{width:26px;height:26px}.game-panel-scene-icon svg{width:18px;height:18px}.game-narration-box{padding:8px 10px 10px}.game-narration-label{font-size:7px}.game-card:hover{transform:none;box-shadow:0 4px 20px #0003}.game-card--guilds .game-panel-scene{height:50px}.game-topbar{padding:10px 14px;flex-wrap:wrap}.game-topbar-info{min-width:calc(100% - 50px)}.game-name{font-size:13px}.game-subtitle{font-size:10px}.game-audio-controls{order:3}.game-hud{margin-left:auto}.game-content{padding:12px}.game-score{font-size:11px;padding:4px 8px}.game-icon-btn{height:30px;min-width:44px;padding:0 8px;font-size:11px}.comic-scene-art{min-height:260px}.comic-hotspot-label{display:none}.comic-caption,.comic-strip{font-size:10px;padding:8px 10px}.game-end-stats{flex-wrap:wrap;justify-content:center}.game-end-actions{flex-direction:column;width:100%;max-width:240px}.vn-dialog{padding:14px 16px}.vn-dialog-speaker{font-size:13px}.vn-dialog-text{font-size:14px;line-height:1.5}.vn-choices{gap:6px}.vn-choice-btn{padding:10px 14px;font-size:13px}}@media (max-width: 480px){.games-grid{padding:8px;gap:8px}.game-panel-scene{height:70px}.games-topbar{padding:8px 10px;gap:8px}.games-title{font-size:15px}.games-subtitle{font-size:8px;margin-top:2px}.games-back-btn{width:28px;height:28px}.games-back-btn svg{width:16px;height:16px}.game-panel-scene-icon{width:22px;height:22px;bottom:6px;left:8px}.game-panel-scene-icon svg{width:14px;height:14px}.game-panel-title{font-size:12px}.game-panel-desc{font-size:8px}.game-narration-box{padding:6px 8px 8px}.game-card{box-shadow:3px 3px #0000004d}.game-card--guilds .game-panel-scene{height:40px}.game-topbar{padding:8px 10px;gap:6px}.game-name{font-size:12px}.game-content{padding:8px}.game-lives{gap:2px}.game-heart{font-size:13px}.game-score{font-size:10px;padding:3px 6px}.game-icon-btn{height:28px;min-width:38px;padding:0 6px;font-size:10px}.comic-scene-art{min-height:200px}.comic-caption,.comic-strip{font-size:9px;padding:6px 8px}.vn-dialog{padding:10px 12px}.vn-dialog-speaker{font-size:12px}.vn-dialog-text{font-size:13px}.vn-choices{gap:4px}.vn-choice-btn{padding:8px 12px;font-size:12px}.vn-choice-btn svg{width:14px;height:14px}}.game-progress-row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.game-stars{display:inline-flex;gap:1px;font-size:13px;line-height:1}.game-star{color:#ffffff38}.game-star.filled{color:#ffc83d;text-shadow:0 0 6px rgba(255,200,61,.5)}.game-progress-meta{font-size:10px;font-weight:600;letter-spacing:.02em;color:#ffffff8c;text-transform:uppercase}.game-progress-new{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0c0c14;background:#ffc83d;border-radius:999px;padding:2px 8px}.vn-input-hint{font-size:12px;color:#ffffff9e;margin:0 0 8px;font-style:italic}.vn-input-evaluating{font-size:12px;color:#ffffff9e;margin:8px 0 0;animation:vn-pulse 1.2s ease-in-out infinite}@keyframes vn-pulse{0%,to{opacity:.45}50%{opacity:1}}.vn-input:disabled,.vn-btn:disabled{opacity:.5;cursor:not-allowed}.rewards-page{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:1.5rem 2rem;color:var(--c-text, #e2e8f0)}.rewards-hero{position:relative;border-radius:16px;overflow:hidden;margin-bottom:1.5rem;background:var(--c-surface, #1a1a1a);border:1px solid var(--c-divider, #262626);min-height:180px}.rewards-hero-header{position:relative;z-index:2;display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 0}.rewards-hero-text{flex:1}.rewards-hero-title{font-size:1.6rem;font-weight:700;margin:0;color:var(--c-text, #e2e8f0);line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.5)}.rewards-hero-subtitle{margin:.25rem 0 0;font-size:.9rem;color:#d0d5e0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.rewards-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:1rem}.rewards-hero-svg{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .3s ease}.rewards-hero:hover .rewards-hero-svg{opacity:.9}.rewards-back-btn{background:none;border:1px solid var(--c-divider, #262626);border-radius:8px;color:var(--c-text, #e2e8f0);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;flex-shrink:0;z-index:3}.rewards-back-btn:hover{background:var(--c-surface, #1a1a1a);border-color:var(--c-accent, var(--c-accent))}.rewards-progress-bar-container{background:var(--c-surface, #1a1a1a);border:1px solid var(--c-divider, #262626);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.rewards-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rewards-progress-label{font-size:.85rem;font-weight:600;color:var(--c-text, #e2e8f0)}.rewards-progress-xp{font-size:.8rem;color:var(--c-accent, var(--c-accent));font-weight:600}.rewards-progress-track{position:relative;height:8px;background:var(--c-bg, #141414);border-radius:4px;overflow:visible;margin-bottom:.5rem}.rewards-progress-fill{height:100%;background:linear-gradient(90deg,var(--c-accent, var(--c-accent)),var(--c-accent));border-radius:4px;transition:width .5s ease}.rewards-progress-icons{position:absolute;top:50%;left:0;right:0;height:0;pointer-events:none}.rewards-progress-dot{position:absolute;transform:translate(-50%,-50%);font-size:.65rem;top:0}.rewards-progress-dot.unlocked{opacity:1}.rewards-progress-dot.locked{opacity:.3;color:#ededed}.rewards-next-label{font-size:.8rem;color:var(--c-text-secondary, #ededed);margin:0}.rewards-complete-label{font-size:.85rem;color:#4ade80;font-weight:600;margin:0}.rewards-content{flex:1}.rewards-tier-section{margin-bottom:1.5rem}.rewards-tier-label{font-size:1rem;font-weight:600;color:var(--c-text, #e2e8f0);margin:0 0 .75rem}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.rewards-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem 1rem;border-radius:12px;border:1px solid var(--c-divider, #262626);background:var(--c-surface, #1a1a1a);cursor:pointer;transition:all .2s ease;text-align:center;overflow:hidden;min-height:220px}.rewards-card.unlocked:hover{border-color:var(--c-accent, var(--c-accent));transform:translateY(-2px);box-shadow:0 4px 12px #ffffff26}.rewards-card.locked{cursor:default;opacity:.65}.rewards-card.locked:hover{border-color:var(--c-divider, #262626)}.rewards-card.just-unlocked{animation:rewards-pulse-glow 2s ease-in-out;border-color:#fbbf24}@keyframes rewards-pulse-glow{0%,to{box-shadow:0 0 #fbbf2400;border-color:#fbbf24}30%{box-shadow:0 0 16px 4px #fbbf244d}70%{box-shadow:0 0 8px 2px #fbbf2426}}.rewards-card-emoji{width:140px;height:140px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}.rewards-card-info{display:flex;flex-direction:column;gap:.15rem;width:100%}.rewards-card-name{font-size:.9rem;font-weight:600;color:var(--c-text, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rewards-card-era{font-size:.75rem;font-weight:500}.rewards-card-badge{position:absolute;top:4px;right:4px;background:#fbbf24;color:#141414;font-size:.55rem;font-weight:700;padding:1px 5px;border-radius:4px;animation:rewards-badge-bounce .5s ease 3}@keyframes rewards-badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.rewards-card-xp-badge{font-size:.6rem;color:var(--c-accent, var(--c-accent));font-weight:500}.rewards-card-lock{font-size:.6rem;color:#ededed;font-weight:500}.rewards-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rewards-modal{background:var(--c-surface, #1a1a1a);border:1px solid var(--c-divider, #262626);border-radius:16px;padding:2rem;max-width:420px;width:100%;position:relative;text-align:center;max-height:90vh;overflow-y:auto}.rewards-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--c-text-secondary, #ededed);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s}.rewards-modal-close:hover{color:var(--c-text, #e2e8f0)}.rewards-modal-emoji{width:120px;height:120px;border-radius:16px;overflow:hidden;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center;background:transparent}.rewards-modal-name{font-size:1.4rem;font-weight:700;color:var(--c-text, #e2e8f0);margin:0 0 .25rem}.rewards-modal-scientific{font-size:.85rem;font-style:italic;color:var(--c-text-secondary, #ededed);margin:0 0 1rem}.rewards-modal-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1rem}.rewards-modal-tag{font-size:.7rem;padding:2px 8px;border-radius:6px;background:var(--c-bg, #141414);color:var(--c-text-secondary, #ededed);border:1px solid var(--c-divider, #262626);font-weight:500}.rewards-modal-tag.era{font-weight:600}.rewards-modal-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.rewards-modal-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.rewards-modal-stat-value{font-size:1rem;font-weight:700;color:var(--c-text, #e2e8f0)}.rewards-modal-stat-label{font-size:.65rem;color:var(--c-text-secondary, #ededed);text-transform:uppercase;letter-spacing:.5px}.rewards-modal-fact{font-size:.85rem;color:var(--c-text-secondary, #ededed);line-height:1.5;margin:0;padding:.75rem;background:var(--c-bg, #141414);border-radius:8px;border:1px solid var(--c-divider, #262626)}.rewards-badges-section{margin-top:2rem;margin-bottom:1rem}.rewards-badges-title{font-size:1.2rem;font-weight:600;margin:0 0 1rem;color:var(--c-text, #e2e8f0)}.rewards-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.rewards-badge-card{background:var(--c-surface, #1a1a1a);border:1px solid var(--c-divider, #262626);border-radius:12px;overflow:hidden;padding:.75rem;display:flex;align-items:center;justify-content:center;min-height:180px;transition:border-color .2s,transform .2s}.rewards-badge-card:hover{border-color:var(--c-accent, #7b6ef6);transform:translateY(-2px)}.rewards-badge-img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}@media (max-width: 768px){.rewards-page{padding:1rem}.rewards-badge-card,.rewards-hero{min-height:140px}.rewards-hero-title{font-size:1.3rem}.rewards-hero-header{padding:.75rem .75rem 0}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.rewards-card-emoji{width:100px;height:100px}.rewards-modal{padding:1.5rem;margin:.5rem}}@media (max-width: 480px){.rewards-grid{grid-template-columns:repeat(2,1fr)}.rewards-card-emoji{width:80px;height:80px}}@keyframes lottie-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-2deg)}75%{transform:translateY(-3px) rotate(2deg)}}@keyframes lottie-sway{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-5px) rotate(-5deg)}}@keyframes lottie-roar{0%,to{transform:scale(1) rotate(0)}20%{transform:scale(1.12) rotate(-4deg)}40%{transform:scale(.95) rotate(3deg)}60%{transform:scale(1.05) rotate(-2deg)}}@keyframes lottie-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.upgrade-manager{padding:24px;max-width:800px;margin:0 auto;width:100%;min-height:100%;box-sizing:border-box}.upgrade-header{margin-bottom:24px}.upgrade-header h2{font-size:1.5rem;font-weight:700;margin:0 0 6px;color:var(--color-text, #1a1a1a)}.upgrade-subtitle{font-size:.875rem;color:var(--color-text-secondary, #ededed);margin:0}.upgrade-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--color-border, #e2e8f0);padding-bottom:0}.upgrade-tab{padding:8px 16px;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #ededed);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;display:flex;align-items:center;gap:6px}.upgrade-tab:hover{color:var(--color-primary, var(--c-accent))}.upgrade-tab--active{color:var(--color-primary, var(--c-accent));border-bottom-color:var(--color-primary, var(--c-accent))}.upgrade-tab-count{font-size:.7rem;background:var(--color-bg-secondary, #f1f5f9);color:var(--color-text-secondary, #ededed);padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.upgrade-tab-count--ai{background:var(--color-primary, var(--c-accent));color:var(--c-on-accent)}.upgrade-section{margin-bottom:28px}.upgrade-section-head{margin-bottom:12px}.upgrade-section-head h3{font-size:1rem;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.upgrade-icon{font-size:1.1rem}.upgrade-section-desc{font-size:.8rem;color:var(--color-text-secondary, #ededed)}.upgrade-word-list{display:flex;flex-direction:column;gap:8px}.upgrade-word-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:var(--color-bg, #fff);border:1px solid var(--color-border, #e2e8f0);gap:12px;transition:border-color .15s}.upgrade-word-card:hover{border-color:var(--color-primary, var(--c-accent))}.upgrade-word-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.upgrade-word-pair{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;min-width:0}.upgrade-word-from{color:var(--color-text-secondary, #ededed);text-decoration:line-through}.upgrade-word-arrow{color:var(--color-primary, var(--c-accent));font-size:.9rem}.upgrade-word-to{color:var(--color-primary, var(--c-accent));font-weight:600}.upgrade-word-single{color:var(--color-text, #1a1a1a);font-weight:500}.upgrade-word-translation{font-size:.8rem;color:var(--color-text-secondary, #ededed)}.upgrade-word-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.upgrade-group-select{padding:4px 8px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;font-size:.75rem;background:var(--color-bg, #fff);color:var(--color-text, #1a1a1a);cursor:pointer}.upgrade-remove-btn{opacity:.5;transition:opacity .15s}.upgrade-remove-btn:hover{opacity:1;color:#ef4444}.upgrade-suggestions-actions{display:flex;gap:8px;margin-bottom:16px;align-items:center}.upgrade-suggestion-list{display:flex;flex-direction:column;gap:12px}.upgrade-suggestion-card{border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:14px;background:var(--color-bg, #fff);display:flex;flex-direction:column;gap:10px}.upgrade-suggestion-body{display:flex;flex-direction:column;gap:6px}.upgrade-suggestion-pair{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:500}.upgrade-suggestion-from{color:var(--color-text-secondary, #ededed)}.upgrade-suggestion-arrow{color:var(--color-primary, var(--c-accent))}.upgrade-suggestion-to{color:var(--color-primary, var(--c-accent));font-weight:600}.upgrade-suggestion-reason{font-size:.8rem;color:var(--color-text-secondary, #ededed);margin:0;line-height:1.4}.upgrade-suggestion-level{font-size:.7rem;background:var(--color-bg-secondary, #f1f5f9);color:var(--color-text-secondary, #ededed);padding:2px 8px;border-radius:10px;align-self:flex-start}.upgrade-suggestion-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.upgrade-empty{text-align:center;padding:40px 20px}.upgrade-empty p{font-size:1rem;font-weight:500;margin:0 0 6px;color:var(--color-text, #1a1a1a)}.upgrade-empty-hint{font-size:.8rem!important;font-weight:400!important;color:var(--color-text-secondary, #ededed)!important;margin-bottom:16px!important}.btn-spinner--sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-right:4px}.btn-primary-outline{background:transparent;border:1px solid var(--color-primary, var(--c-accent));color:var(--color-primary, var(--c-accent));padding:4px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.btn-primary-outline:hover{background:var(--color-primary, var(--c-accent));color:var(--c-on-accent)}.btn-secondary-outline{background:transparent;border:1px solid var(--color-border, #e2e8f0);color:var(--color-text-secondary, #ededed);padding:4px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.btn-secondary-outline:hover{border-color:var(--color-primary, var(--c-accent));color:var(--color-primary, var(--c-accent))}.subscription-page{padding:32px 24px;max-width:960px;margin:0 auto;width:100%;min-height:100%;box-sizing:border-box}.subscription-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--c-divider)}.subscription-header h1{font-size:2rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,var(--c-accent),var(--c-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-display)}.subscription-header p{font-size:1rem;color:var(--c-text-dim);margin:0;max-width:520px;margin-inline:auto;line-height:1.6}.subscription-header .subscription-trust{margin-top:12px;font-size:.8rem;color:var(--c-text-dim);opacity:.7;display:flex;align-items:center;justify-content:center;gap:6px}.subscription-plans{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:40px;animation:fadeUp .4s ease}.subscription-plan-card{position:relative;border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:28px 24px 24px;background:var(--c-surface);transition:all var(--transition);cursor:default;display:flex;flex-direction:column}.subscription-plan-card:hover{border-color:var(--c-accent);box-shadow:0 4px 24px #ffffff14;transform:translateY(-2px)}.subscription-plan-card--featured{border-color:var(--c-accent);border-width:2px;background:linear-gradient(180deg,var(--c-accent-soft) 0%,var(--c-surface) 100%);position:relative;z-index:1}.subscription-plan-card--featured:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,var(--c-accent),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.subscription-plan-card--free{border-style:dashed;opacity:.85}.subscription-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--c-accent),var(--c-accent));color:var(--c-on-accent);font-size:.65rem;font-weight:700;padding:3px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;box-shadow:0 2px 8px #ffffff40}.subscription-plan-name{font-size:1rem;font-weight:600;margin:0 0 2px;color:var(--c-text);font-family:var(--font-display)}.subscription-plan-desc{font-size:.75rem;color:var(--c-text-dim);margin:0 0 10px;min-height:2em}.subscription-plan-price{font-size:2rem;font-weight:700;margin:6px 0 2px;color:var(--c-text);line-height:1.2}.subscription-plan-price span{font-size:.85rem;font-weight:400;color:var(--c-text-dim)}.price-usd{font-size:2rem;font-weight:700;color:var(--c-text)}.subscription-plan-savings{font-size:.72rem;color:var(--c-green);font-weight:600;margin:2px 0 16px;display:flex;align-items:center;gap:4px}.subscription-trial-banner{text-align:center;margin:0 auto 20px;max-width:640px;padding:12px 18px;border:1px solid var(--c-accent);border-radius:12px;background:var(--c-accent-soft, rgba(93, 101, 115, .12));color:var(--c-text);font-size:.88rem;line-height:1.4}.subscription-trial-banner strong{color:var(--c-accent);font-weight:700}.subscription-plan-trial.subscription-plan-savings{color:var(--c-accent)}.subscription-plan-trial.subscription-plan-savings:before{content:none}.subscription-plan-features{list-style:none;padding:0;margin:0 0 20px;flex:1}.subscription-plan-features li{padding:5px 0;font-size:.82rem;color:var(--c-text-muted);display:flex;align-items:flex-start;gap:8px;line-height:1.5}.subscription-plan-features li:before{content:"✓";color:var(--c-accent);font-weight:700;font-size:.85rem;flex-shrink:0;margin-top:1px}.subscription-plan-free .subscription-plan-features li:before{color:var(--c-text-dim);opacity:.5}.subscription-btn{display:block;width:100%;padding:13px;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-align:center;font-family:var(--font-body)}.subscription-btn--primary{background:linear-gradient(135deg,var(--c-accent),var(--c-accent));color:var(--c-on-accent)}.subscription-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--c-accent-glow)}.subscription-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.subscription-payment-options{display:flex;flex-direction:column;gap:6px;width:100%}.subscription-btn--card{background:linear-gradient(135deg,var(--c-accent),var(--c-accent));color:var(--c-on-accent);font-size:.82rem;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .15s,box-shadow .15s;width:100%;text-align:center}.subscription-btn--card:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--c-accent-glow)}.subscription-btn--card:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.subscription-btn--paypal{background:#ffc439;color:#2c2e2f;font-size:.82rem;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:transform .15s,box-shadow .15s;width:100%;text-align:center}.subscription-btn--paypal:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ffc43980}.subscription-btn--paypal:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.subscription-btn--secondary{background:var(--c-surface2);color:var(--c-text);border:1px solid var(--c-border)}.subscription-btn--secondary:hover{border-color:var(--c-accent)}.subscription-btn--ghost{background:transparent;color:var(--c-text-dim);font-size:.82rem;padding:8px;border-radius:var(--radius-sm)}.subscription-btn--ghost:hover{color:var(--c-text);background:var(--c-accent-soft)}.subscription-active-banner{text-align:center;padding:20px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--c-green-soft),var(--c-accent-soft));border:1px solid var(--c-green-soft);margin-bottom:24px}.subscription-active-banner h3{font-size:1.1rem;margin:0 0 4px;color:var(--c-green);font-family:var(--font-display)}.subscription-active-banner p{font-size:.85rem;color:var(--c-text-dim);margin:0 0 12px}.subscription-manage-btn{display:inline-block;padding:10px 24px;border:1px solid var(--c-divider);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.subscription-manage-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.subscription-guarantee{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:40px;padding:20px;border-radius:var(--radius-md);background:var(--c-surface);border:1px solid var(--c-divider)}.subscription-guarantee-item{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--c-text-dim)}.subscription-guarantee-item .icon{font-size:1.4rem;flex-shrink:0}.subscription-features-compare{margin-top:40px}.subscription-features-compare h2{font-size:1.1rem;font-weight:600;margin:0 0 16px;text-align:center;color:var(--c-text);font-family:var(--font-display)}.compare-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--c-divider)}.compare-table th,.compare-table td{padding:12px 16px;text-align:center;font-size:.85rem;border-bottom:1px solid var(--c-divider);color:var(--c-text-muted)}.compare-table th:first-child,.compare-table td:first-child{text-align:left;font-weight:500;color:var(--c-text)}.compare-table th{background:var(--c-surface);font-weight:600;color:var(--c-text);font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.compare-table th:last-child{background:linear-gradient(135deg,var(--c-accent-soft),rgba(255,255,255,.08));color:var(--c-accent)}.compare-table tr:last-child td{border-bottom:none}.compare-check{color:var(--c-accent);font-weight:700}.compare-dash{color:var(--c-text-dim);opacity:.4}.subscription-faq{margin-top:40px}.subscription-faq h2{font-size:1.1rem;font-weight:600;margin:0 0 16px;text-align:center;color:var(--c-text);font-family:var(--font-display)}.subscription-faq-item{padding:14px 16px;border:1px solid var(--c-divider);border-radius:var(--radius-sm);margin-bottom:8px;background:var(--c-surface);cursor:pointer;transition:all var(--transition)}.subscription-faq-item:hover{border-color:var(--c-accent)}.subscription-faq-item h4{font-size:.85rem;font-weight:600;color:var(--c-text);margin:0;display:flex;justify-content:space-between;align-items:center}.subscription-faq-item h4:after{content:"+";font-size:1rem;color:var(--c-text-dim);transition:transform var(--transition)}.subscription-faq-item--open h4:after{content:"−"}.subscription-faq-item p{font-size:.8rem;color:var(--c-text-dim);margin:8px 0 0;line-height:1.5;max-width:600px}.subscription-loading{text-align:center;padding:60px 20px;color:var(--c-text-dim)}.subscription-loading .spinner{width:32px;height:32px;border:3px solid var(--c-divider);border-top-color:var(--c-accent);border-radius:50%;animation:sub-spin .6s linear infinite;margin:0 auto 12px}@keyframes sub-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.subscription-plans{grid-template-columns:1fr;gap:14px}.subscription-page{padding:24px 16px}.subscription-header h1{font-size:1.5rem}.subscription-guarantee{flex-direction:column;gap:14px;align-items:flex-start}}@media (min-width: 769px) and (max-width: 920px){.subscription-plans{grid-template-columns:1fr 1fr 1fr;gap:12px}.subscription-plan-card{padding:20px 16px}}.download-page{height:100%;width:100%;overflow-y:auto;display:flex;justify-content:center}.download-inner{width:100%;max-width:760px;padding:32px 24px 72px;display:flex;flex-direction:column;gap:28px}.download-back{align-self:flex-start;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-muted);border-radius:var(--radius-md);padding:7px 14px;font-size:13px;font-weight:500;transition:var(--transition)}.download-back:hover{color:var(--c-text);border-color:var(--c-border-strong)}.download-hero{position:relative;text-align:center;padding:40px 28px 36px;border-radius:var(--radius-xl);border:1px solid var(--c-border);background:radial-gradient(700px 280px at 50% -10%,var(--c-accent-soft),transparent 70%),var(--grad-surface),var(--c-surface);box-shadow:var(--shadow-lg);overflow:hidden}.download-hero:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--grad-accent-vivid);opacity:.8}.download-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);background:var(--c-accent-soft);border:1px solid var(--c-accent-glow);padding:5px 12px;border-radius:99px;margin-bottom:18px}.download-title{font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 12px;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.download-subtitle{max-width:480px;margin:0 auto 28px;color:var(--c-text-muted);font-size:15px;line-height:1.6}.download-subtitle-note{display:inline-block;margin-top:10px;font-size:13px;color:var(--c-text-dim)}.download-cta{display:inline-flex;align-items:center;gap:14px;text-decoration:none;padding:12px 16px 12px 14px;border-radius:var(--radius-lg);background:var(--grad-accent);color:var(--c-on-accent);box-shadow:var(--shadow-glow);transition:transform var(--transition-spring),box-shadow var(--transition),filter var(--transition)}.download-cta:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 40px var(--c-accent-glow)}.download-cta-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff29;border-radius:var(--radius-md)}.download-cta-icon svg{width:22px;height:22px}.download-cta-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.download-cta-text strong{font-size:15px;font-weight:700}.download-cta-text small{font-size:11px;opacity:.85}.download-cta-dl{display:flex;opacity:.9}.download-cta-dl svg{width:18px;height:18px}.download-version{margin:14px 0 0;font-size:12px;color:var(--c-text-dim)}.download-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.download-platform{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 16px 18px;text-decoration:none;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);transition:transform var(--transition-spring),border-color var(--transition),box-shadow var(--transition),background var(--transition)}.download-platform:hover{transform:translateY(-3px);border-color:var(--c-accent);box-shadow:var(--shadow-glow)}.download-platform--current{border-color:var(--c-accent-glow);background:radial-gradient(300px 120px at 50% 0%,var(--c-accent-soft),transparent 70%),var(--c-surface)}.download-platform-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--c-text);background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-md);margin-bottom:4px}.download-platform-icon svg{width:24px;height:24px}.download-platform-name{font-size:15px;font-weight:700}.download-platform-hint{font-size:11px;color:var(--c-text-dim)}.download-platform-tag{font-size:10px;font-weight:700;color:var(--c-accent);background:var(--c-accent-soft);border-radius:99px;padding:2px 8px}.download-platform-link{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:600;color:var(--c-accent)}.download-platform-link svg{width:14px;height:14px}.download-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.download-feature{display:flex;gap:14px;padding:18px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.download-feature-icon{font-size:22px;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--c-accent-soft);border-radius:var(--radius-md)}.download-feature h3{font-size:14px;font-weight:700;margin:2px 0 4px}.download-feature p{font-size:12.5px;color:var(--c-text-muted);line-height:1.5;margin:0}.download-steps{padding:24px 26px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.download-steps h2{font-size:17px;font-weight:700;margin:0 0 14px}.download-steps ol{margin:0 0 12px;padding-left:20px}.download-steps li{font-size:14px;color:var(--c-text-muted);line-height:1.9}.download-steps strong{color:var(--c-text)}.download-note{font-size:12.5px;color:var(--c-text-dim);line-height:1.6;margin:0;padding-top:12px;border-top:1px solid var(--c-border)}@media (max-width: 560px){.download-platforms,.download-features{grid-template-columns:1fr}}.offline-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffc1071f;border:1px solid rgba(255,193,7,.3);border-radius:6px;font-size:12px;color:#ffc107;margin:0 16px 8px;flex-shrink:0}.offline-banner svg{flex-shrink:0;opacity:.8}:root{--c-bg: #0d0d0d;--c-sidebar: #090909;--c-chat-msg: #161616;--c-surface: #161616;--c-surface2: #1e1e1e;--c-divider: #2a2a2a;--c-border: rgba(255, 255, 255, .06);--c-border-strong: rgba(255, 255, 255, .13);--c-text: #f3f3f3;--c-text-muted: rgba(255, 255, 255, .72);--c-text-dim: rgba(255, 255, 255, .46);--c-accent: #ededed;--c-accent-2: #c2c2c2;--c-accent-hover: #ffffff;--c-accent-soft: rgba(255, 255, 255, .08);--c-accent-glow: rgba(255, 255, 255, .12);--c-on-accent: #0d0d0d;--grad-accent: linear-gradient(135deg, #f2f2f2 0%, #c2c2c2 100%);--grad-accent-vivid: linear-gradient(135deg, #ffffff 0%, #c2c2c2 100%);--grad-surface: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0));--grad-text: linear-gradient(135deg, #ffffff 0%, #bdbdbd 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .55);--shadow-glow: 0 0 0 1px rgba(255, 255, 255, .12), 0 10px 34px rgba(0, 0, 0, .5);--ring-accent: 0 0 0 3px rgba(255, 255, 255, .18);--c-green: #34d399;--c-green-soft: rgba(52, 211, 153, .12);--c-amber: #fbbf24;--c-amber-soft: rgba(251, 191, 36, .12);--c-red: #fb7185;--c-red-soft: rgba(251, 113, 133, .12);--c-coral: #fb7185;--font-display: "Inter", "Inter var", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-body: "Inter", "Inter var", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--c-bg: #f6f6fb;--c-sidebar: #efeff6;--c-chat-msg: #ffffff;--c-surface: #ffffff;--c-surface2: #f2f2f8;--c-divider: #e6e6ef;--c-border: rgba(255, 255, 255, .1);--c-border-strong: rgba(255, 255, 255, .18);--c-text: #161522;--c-text-muted: rgba(22, 21, 34, .8);--c-text-dim: rgba(22, 21, 34, .6);--c-accent: #ededed;--c-accent-2: #ededed;--c-accent-hover: #ededed;--c-accent-soft: rgba(255, 255, 255, .1);--c-accent-glow: rgba(255, 255, 255, .28);--c-on-accent: #ffffff;--grad-accent: linear-gradient(135deg, #ededed 0%, #ededed 100%);--grad-surface: linear-gradient(180deg, rgba(255, 255, 255, .015), rgba(255, 255, 255, 0));--grad-text: linear-gradient(135deg, #161522 0%, #ededed 120%);--shadow-sm: 0 1px 2px rgba(255, 255, 255, .06);--shadow-md: 0 10px 30px rgba(255, 255, 255, .1);--shadow-lg: 0 28px 70px rgba(255, 255, 255, .14);--shadow-glow: 0 0 0 1px rgba(255, 255, 255, .18), 0 10px 30px rgba(255, 255, 255, .18);--c-green-soft: rgba(52, 211, 153, .14);--c-amber-soft: rgba(251, 191, 36, .14);--c-red-soft: rgba(251, 113, 133, .14)}[data-script=cjk][data-target-lang=ja]{--font-display: "Noto Sans JP", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Noto Sans JP", "Segoe UI", "Inter", system-ui, sans-serif}[data-script=cjk][data-target-lang=zh]{--font-display: "Noto Sans SC", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Noto Sans SC", "Segoe UI", "Inter", system-ui, sans-serif}[data-script=hangul]{--font-display: "Noto Sans KR", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Noto Sans KR", "Segoe UI", "Inter", system-ui, sans-serif}[data-script=arabic]{--font-display: "Noto Naskh Arabic", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Noto Naskh Arabic", "Segoe UI", "Inter", system-ui, sans-serif}[data-script=cyrillic]{--font-display: "Inter", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", "Inter", system-ui, sans-serif}[data-native-script=cjk][data-native-lang=ja]{--font-display: "Noto Sans JP", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Noto Sans JP", "Segoe UI", "Inter", system-ui, sans-serif}[data-native-script=cjk][data-native-lang=zh]{--font-display: "Noto Sans SC", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Noto Sans SC", "Segoe UI", "Inter", system-ui, sans-serif}[data-native-script=hangul]{--font-display: "Noto Sans KR", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Noto Sans KR", "Segoe UI", "Inter", system-ui, sans-serif}[data-native-script=arabic]{--font-display: "Noto Naskh Arabic", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Noto Naskh Arabic", "Segoe UI", "Inter", system-ui, sans-serif}[data-native-script=cyrillic]{--font-display: "Inter", "Segoe UI", "Inter", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", "Inter", system-ui, sans-serif}[data-rtl=true] .sidebar{direction:rtl;text-align:right}[data-rtl=true] .study-stage,[data-rtl=true] .topbar,[data-rtl=true] .view{direction:rtl}[data-native-rtl=true] .sidebar{direction:rtl;text-align:right}[data-native-rtl=true] .study-stage,[data-native-rtl=true] .topbar,[data-native-rtl=true] .view{direction:rtl}[data-native-rtl=true] .sidebar-logo{margin-left:0;margin-right:auto}[data-theme=light] .study-chart-card{border-color:var(--c-border);background:var(--c-surface)}[data-theme=light] .study-chart-card--hero{background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.1),transparent 32%),linear-gradient(180deg,var(--c-surface),var(--c-surface2))}[data-theme=light] .study-donut{background:conic-gradient(var(--c-accent) var(--value),var(--c-divider) 0)}[data-theme=light] .study-donut:after{background:var(--c-surface);border-color:var(--c-border)}[data-theme=light] .study-kicker{color:var(--c-accent)}[data-theme=light] .study-stack-bar,[data-theme=light] .study-bar-track{background:var(--c-divider)}[data-theme=light] .study-risk-row{border-bottom-color:var(--c-border)}[data-theme=light] .study-muted{color:var(--c-text-muted)}[data-theme=light] .contribution-title{color:var(--c-text)}[data-theme=light] .contrib-level-0{background:var(--c-divider)}[data-theme=light] .stat-card .value{color:var(--c-text)}[data-theme=light] .stat-card .label{color:var(--c-text-muted)}[data-theme=light] .chat-markdown code{background:#0000000f;color:var(--c-accent)}[data-theme=light] .chat-markdown pre{background:#0000000d}[data-theme=light] .chat-markdown pre code{background:transparent}[data-theme=light] .chat-markdown blockquote{background:#0000000a;color:var(--c-text-muted);border-left-color:var(--c-accent)}[data-theme=light] .chat-welcome-suggestion{background:#0000000a;border-color:var(--c-border);color:var(--c-text-muted)}[data-theme=light] .chat-welcome-suggestion:hover{background:#00000012}[data-theme=light] .selector-scope-options,[data-theme=light] .selector-difficulty-options,[data-theme=light] .selector-mode-options,[data-theme=light] .chat-tabs,[data-theme=light] .chat-tab-list{background:#0000000d}[data-theme=light] .selector-scope-btn:hover,[data-theme=light] .selector-difficulty-btn:hover,[data-theme=light] .selector-mode-btn:hover{background:#00000012}[data-theme=light] .vw-toggle-btn:hover,[data-theme=light] .vw-reset-btn:hover,[data-theme=light] .vw-cat-item-btn:hover{background:#0000000f}[data-theme=light] .vw-sidebar,[data-theme=light] .vw-panel,[data-theme=light] .flashcard-inner,[data-theme=light] .card-face{background:var(--c-surface);border-color:var(--c-border)}[data-theme=light] .pill{background:#0000000f;color:var(--c-text-muted);border-color:var(--c-border)}[data-theme=light] .home-card,[data-theme=light] .stat-card,[data-theme=light] .mission-card,[data-theme=light] .study-section,[data-theme=light] .quick-study-card{background:var(--c-surface);border-color:var(--c-border)}[data-theme=light] .youglish-backdrop{background:#00000040}[data-theme=light] .add-word-input,[data-theme=light] .word-preview-card{background:var(--c-surface);border-color:var(--c-border);color:var(--c-text)}[data-theme=light] .notif-advanced{background:var(--c-surface2);border-color:var(--c-border)}[data-theme=light] .toggle{background:#00000026}[data-theme=light] .toggle.on{background:var(--c-accent)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .sidebar-account-menu{box-shadow:0 -8px 24px #0000001f}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--c-text);background-color:var(--c-bg);background-image:none;display:flex;overflow:hidden;font-size:15px;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","ss01";overscroll-behavior:none;-webkit-tap-highlight-color:transparent}[data-theme=light] body{background-image:none}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.18}::selection{background:#ffffff38;color:#fff}:focus-visible{outline:none;box-shadow:var(--ring-accent, 0 0 0 3px rgba(255, 255, 255, .18));border-radius:var(--radius-sm)}#root{display:flex;width:100%;height:100%;height:100dvh}button{cursor:pointer;font-family:inherit;touch-action:manipulation}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--c-accent-glow);background-clip:padding-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-anim{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes burst{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}button:active:not(:disabled){transform:scale(.97);transition:transform .1s cubic-bezier(.34,1.56,.64,1)}button:not(:active):not(:disabled){transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.fade-in{animation:fadeIn .3s ease-out}.fade-up{animation:fadeUp .35s cubic-bezier(.34,1.56,.64,1)}.shimmer{background:linear-gradient(90deg,var(--c-surface2) 25%,var(--c-surface) 50%,var(--c-surface2) 75%);background-size:200% 100%;animation:shimmer-slide 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-text{display:inline-block;height:1em;width:60%;background:linear-gradient(90deg,var(--c-surface2) 25%,var(--c-chat-msg) 50%,var(--c-surface2) 75%);background-size:200% 100%;animation:shimmer-slide 2s ease-in-out infinite;border-radius:4px}.stagger>*{animation:fadeUp .35s cubic-bezier(.34,1.56,.64,1) both}.stagger>*:nth-child(1){animation-delay:0s}.stagger>*:nth-child(2){animation-delay:.04s}.stagger>*:nth-child(3){animation-delay:.08s}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.stagger>*:nth-child(9){animation-delay:.32s}.stagger>*:nth-child(10){animation-delay:.36s}.youglish-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000059}.youglish-sidebar{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:var(--c-surface);border-left:1px solid var(--c-border);z-index:1001;display:flex;flex-direction:column;animation:youglishSlideIn .22s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 30px #00000080}@keyframes youglishSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.youglish-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-border);flex-shrink:0}.youglish-sidebar-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--c-text-muted);min-width:0}.youglish-sidebar-title strong{color:var(--c-accent);font-weight:600}.youglish-sidebar-track{font-size:11px;color:var(--c-text-dim);background:var(--c-surface2);padding:2px 8px;border-radius:99px;flex-shrink:0}.youglish-sidebar-close{background:none;border:none;color:var(--c-text-muted);padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.youglish-sidebar-close:hover{color:var(--c-text);background:var(--c-surface2)}.youglish-sidebar-video{position:relative;background:#000;flex:1;min-height:180px;display:flex;align-items:center;justify-content:center}.youglish-sidebar-container{width:100%;height:100%;overflow:hidden}.youglish-sidebar-container iframe{display:block;width:100%!important;height:100%!important}.youglish-sidebar-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--c-text-muted);font-size:13px}.youglish-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--c-accent);border-radius:50%;animation:spin .7s linear infinite}.youglish-sidebar-controls{display:flex;align-items:center;justify-content:center;gap:2px;padding:8px 12px;background:var(--c-surface2);border-top:1px solid var(--c-border);flex-shrink:0}.youglish-sb-btn{background:none;border:none;color:var(--c-text-muted);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.youglish-sb-btn:hover:not(:disabled){color:var(--c-text);background:var(--c-divider)}.youglish-sb-btn:disabled{opacity:.25;cursor:not-allowed}.youglish-sb-btn--play{background:var(--c-accent);color:var(--c-on-accent);width:36px;height:36px;border-radius:50%}.youglish-sb-btn--play:hover:not(:disabled){background:var(--c-accent);opacity:.85;color:var(--c-on-accent)}.youglish-btn{background:none;border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-muted);display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.youglish-btn:hover,.youglish-btn--active{color:var(--c-accent);border-color:var(--c-accent);background:var(--c-accent-soft)}[data-native-lang=pt] .greeting{font-size:40px;line-height:1.15}[data-native-lang=pt] .stats-row{grid-template-columns:repeat(2,1fr);gap:16px}[data-native-lang=pt] .stat-card{padding:24px;flex-direction:row;align-items:center;gap:16px}[data-native-lang=pt] .stat-card .value{font-size:36px}[data-native-lang=pt] .stat-card .label{font-size:14px}[data-native-lang=pt] .word-grid{grid-template-columns:repeat(2,1fr);gap:16px}[data-native-lang=pt] .word-card{padding:20px}[data-native-lang=pt] .word-card .word{font-size:20px}[data-native-lang=pt] .word-card .translation{font-size:15px}[data-native-lang=pt] .study-section{padding:32px;gap:32px}[data-native-lang=pt] .study-section .info h3{font-size:22px}[data-native-lang=pt] .study-section .info p{font-size:15px}[data-native-lang=pt] .section-title{font-size:20px}[data-native-lang=pt] .card-word-title{font-size:32px}[data-native-lang=pt] .flashcard-wrap{width:500px}[data-native-lang=en] .greeting{font-size:36px}[data-native-lang=en] .word-grid{grid-template-columns:repeat(3,1fr);gap:14px}[data-native-lang=en] .word-card{padding:18px}[data-native-lang=en] .flashcard-wrap{width:480px}[data-native-lang=es] .greeting{font-size:40px}[data-native-lang=es] .stats-row{grid-template-columns:repeat(2,1fr);gap:16px}[data-native-lang=es] .stat-card{padding:24px;flex-direction:row;align-items:center;gap:16px}[data-native-lang=es] .stat-card .value{font-size:36px}[data-native-lang=es] .word-grid{grid-template-columns:repeat(2,1fr);gap:16px}[data-native-lang=es] .word-card{padding:20px}[data-native-lang=es] .word-card .word{font-size:20px;overflow-wrap:anywhere}[data-native-lang=es] .study-section{padding:32px}[data-native-lang=fr] .greeting{font-size:38px}[data-native-lang=fr] .word-grid{gap:16px}[data-native-lang=fr] .word-card{padding:20px}[data-native-lang=fr] .word-card .word{font-size:19px;overflow-wrap:anywhere}[data-native-lang=fr] .study-section{padding:30px}[data-native-lang=de] .greeting{font-size:36px}[data-native-lang=de] .word-grid{grid-template-columns:repeat(2,1fr);gap:16px}[data-native-lang=de] .word-card{padding:20px}[data-native-lang=de] .word-card .word{font-size:18px;overflow-wrap:anywhere;word-break:break-word}[data-native-lang=de] .card-word-title{font-size:28px;overflow-wrap:anywhere;word-break:break-word}[data-native-lang=de] .flashcard-wrap{width:560px}[data-native-lang=de] .study-section{padding:30px}[data-native-lang=it] .greeting{font-size:40px}[data-native-lang=it] .word-card{padding:20px}[data-native-lang=it] .word-card .word{font-size:19px}[data-native-lang=it] .study-section{padding:30px}[data-native-lang=zh] .greeting{font-size:26px;letter-spacing:.02em}[data-native-lang=zh] .stats-row{grid-template-columns:repeat(4,1fr);gap:8px}[data-native-lang=zh] .stat-card{padding:12px;gap:4px}[data-native-lang=zh] .stat-card .value{font-size:22px}[data-native-lang=zh] .stat-card .label{font-size:10px}[data-native-lang=zh] .word-grid{grid-template-columns:repeat(4,1fr);gap:8px}[data-native-lang=zh] .word-card{padding:10px}[data-native-lang=zh] .word-card .word{font-size:15px}[data-native-lang=zh] .study-section{padding:18px;gap:16px}[data-native-lang=zh] .study-section .info h3{font-size:16px}[data-native-lang=zh] .section-title{font-size:14px}[data-native-lang=zh] .flashcard-wrap{width:560px}[data-native-lang=zh] .card-word-title{font-size:22px}[data-native-lang=zh] .card-definition-text{font-size:14px}[data-native-lang=zh] .rating-btn{padding:5px 12px;font-size:11px;min-width:60px}[data-native-lang=zh] .study-chart-card h3{font-size:14px}[data-native-lang=zh] .study-dashboard{gap:10px}[data-native-lang=zh] .study-dashboard-grid{gap:8px}[data-native-lang=ja] .greeting{font-size:28px;letter-spacing:.03em}[data-native-lang=ja] .stats-row{grid-template-columns:repeat(4,1fr);gap:8px}[data-native-lang=ja] .stat-card{padding:14px;gap:4px}[data-native-lang=ja] .stat-card .value{font-size:22px}[data-native-lang=ja] .stat-card .label{font-size:10px}[data-native-lang=ja] .word-grid{grid-template-columns:repeat(4,1fr);gap:10px}[data-native-lang=ja] .word-card{padding:12px}[data-native-lang=ja] .word-card .word{font-size:16px}[data-native-lang=ja] .study-section{padding:20px;gap:18px}[data-native-lang=ja] .section-title{font-size:15px}[data-native-lang=ja] .flashcard-wrap{width:560px}[data-native-lang=ja] .card-word-title{font-size:24px}[data-native-lang=ja] .rating-btn{padding:5px 12px;font-size:11px;min-width:64px}[data-native-lang=ko] .greeting{font-size:28px}[data-native-lang=ko] .stats-row{grid-template-columns:repeat(4,1fr);gap:8px}[data-native-lang=ko] .stat-card{padding:12px;gap:4px}[data-native-lang=ko] .stat-card .value{font-size:22px}[data-native-lang=ko] .stat-card .label{font-size:10px}[data-native-lang=ko] .word-grid{grid-template-columns:repeat(4,1fr);gap:10px}[data-native-lang=ko] .word-card{padding:12px}[data-native-lang=ko] .word-card .word{font-size:16px}[data-native-lang=ko] .study-section{padding:20px;gap:18px}[data-native-lang=ko] .flashcard-wrap{width:540px}[data-native-lang=ko] .card-word-title{font-size:24px}[data-native-rtl=true] #view-home,[data-native-rtl=true] #view-study{direction:rtl}[data-native-rtl=true] .home-content{direction:rtl;text-align:right}[data-native-rtl=true] .stats-row{direction:rtl}[data-native-rtl=true] .study-section{direction:rtl;text-align:right}[data-native-rtl=true] .study-section .meta{align-items:flex-start}[data-native-rtl=true] .word-grid{direction:rtl}[data-native-rtl=true] .card-footer,[data-native-rtl=true] .section-header{flex-direction:row-reverse}[data-native-rtl=true] .rating-row,[data-native-rtl=true] .flashcard-wrap{direction:rtl}[data-native-rtl=true] .card-example{border-left:none;border-right:3px solid var(--c-accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}[data-native-rtl=true] .study-dashboard{direction:rtl;text-align:right}[data-native-rtl=true] .study-dashboard-head,[data-native-rtl=true] .study-bar-row{flex-direction:row-reverse}[data-native-rtl=true] .topbar{direction:rtl}[data-native-rtl=true] .xp-bar-wrap{flex-direction:row-reverse}[data-native-lang=ar] .greeting{font-size:38px}[data-native-rtl=true] .word-grid{gap:16px}[data-native-lang=ru] .greeting{line-height:1.4;font-size:36px}[data-native-lang=ru] .card-definition-text{line-height:1.8}[data-native-lang=ru] .word-card .word{line-height:1.4;font-size:18px}[data-native-lang=ru] .flashcard-wrap{width:520px}[data-native-lang=nl] .greeting{font-size:36px}[data-native-lang=nl] .word-card .word{font-size:18px;overflow-wrap:anywhere;word-break:break-word}[data-native-lang=nl] .flashcard-wrap{width:520px}[data-target-lang=ja] .sentence-order-exercise,[data-target-lang=ja] .insert-words-exercise,[data-target-lang=ja] .fluent-rephrase-exercise,[data-target-lang=ja] .paraphrase-exercise,[data-target-lang=ja] .fr-textarea,[data-target-lang=ja] .paraphrase-textarea{font-size:18px;line-height:1.8}[data-target-lang=ja] .fr-prompt-text{font-size:18px}[data-target-lang=zh] .sentence-order-exercise,[data-target-lang=zh] .insert-words-exercise,[data-target-lang=zh] .fluent-rephrase-exercise,[data-target-lang=zh] .paraphrase-exercise,[data-target-lang=zh] .fr-textarea,[data-target-lang=zh] .paraphrase-textarea{font-size:18px;line-height:1.8}[data-target-lang=zh] .fr-prompt-text{font-size:18px}[data-target-lang=ko] .sentence-order-exercise,[data-target-lang=ko] .insert-words-exercise,[data-target-lang=ko] .fluent-rephrase-exercise,[data-target-lang=ko] .paraphrase-exercise,[data-target-lang=ko] .fr-textarea,[data-target-lang=ko] .paraphrase-textarea{font-size:18px;line-height:1.8}[data-target-lang=ko] .fr-prompt-text{font-size:18px}[data-rtl=true] .sentence-order-exercise,[data-rtl=true] .insert-words-exercise,[data-rtl=true] .fluent-rephrase-exercise,[data-rtl=true] .paraphrase-exercise{direction:rtl;text-align:right}[data-rtl=true] .fr-textarea,[data-rtl=true] .paraphrase-textarea{direction:rtl;text-align:right;font-size:18px;font-family:Noto Naskh Arabic,Segoe UI,Tahoma,sans-serif}[data-rtl=true] .fr-prompt-text{direction:rtl;text-align:right;font-size:18px}[data-rtl=true] .so-word-bank,[data-rtl=true] .iw-word-bank{direction:rtl}[data-rtl=true] .exercise-actions{flex-direction:row-reverse}[data-rtl=true] .so-answer-area{direction:rtl}[data-rtl=true] .so-bank-token,[data-rtl=true] .so-placed-token,[data-rtl=true] .iw-word-chip,[data-rtl=true] .iw-slot{font-size:18px}[data-target-lang=ru] .sentence-order-exercise,[data-target-lang=ru] .insert-words-exercise,[data-target-lang=ru] .fluent-rephrase-exercise,[data-target-lang=ru] .paraphrase-exercise,[data-target-lang=ru] .fr-textarea,[data-target-lang=ru] .paraphrase-textarea{line-height:1.7}[data-target-lang=de] .so-bank-token,[data-target-lang=de] .so-placed-token,[data-target-lang=de] .iw-word-chip,[data-target-lang=de] .iw-slot{max-width:200px;overflow-wrap:anywhere;word-break:break-word}[data-target-lang=de] .fr-textarea,[data-target-lang=de] .paraphrase-textarea{word-break:break-word}[data-target-lang=nl] .so-bank-token,[data-target-lang=nl] .so-placed-token,[data-target-lang=nl] .iw-word-chip,[data-target-lang=nl] .iw-slot{max-width:180px;overflow-wrap:anywhere;word-break:break-word}@media (max-width: 900px){[data-native-lang=zh] .word-grid,[data-native-lang=ja] .word-grid,[data-native-lang=ko] .word-grid{grid-template-columns:repeat(3,1fr)}[data-native-lang=zh] .stats-row,[data-native-lang=ja] .stats-row,[data-native-lang=ko] .stats-row{grid-template-columns:repeat(4,1fr)}[data-native-lang=pt] .stats-row,[data-native-lang=es] .stats-row{grid-template-columns:repeat(2,1fr)}[data-native-lang=zh] .flashcard-wrap,[data-native-lang=ja] .flashcard-wrap,[data-native-lang=ko] .flashcard-wrap,[data-native-lang=de] .flashcard-wrap{width:100%;max-width:460px}}@media (max-width: 600px){[data-native-lang=zh] .word-grid,[data-native-lang=ja] .word-grid,[data-native-lang=ko] .word-grid,[data-native-lang=pt] .word-grid,[data-native-lang=es] .word-grid,[data-native-lang=fr] .word-grid,[data-native-lang=de] .word-grid,[data-native-lang=it] .word-grid,[data-native-lang=en] .word-grid,[data-native-lang=zh] .stats-row,[data-native-lang=ja] .stats-row,[data-native-lang=ko] .stats-row{grid-template-columns:repeat(2,1fr)}[data-native-lang=pt] .stat-card,[data-native-lang=es] .stat-card{flex-direction:column;align-items:flex-start}}.vw-section{padding:0 16px 48px;display:flex;flex-direction:column;gap:14px;flex:1;min-height:0}.vw-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.vw-topbar-left h2{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--c-text);margin-bottom:3px}.vw-topbar-left p{font-size:12px;color:var(--c-text-muted)}.vw-topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vw-toggle{display:flex;gap:2px;background:#ffffff0f;border-radius:8px;padding:2px}.vw-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:none;border-radius:6px;background:transparent;color:var(--c-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.vw-toggle-btn:hover{color:var(--c-text);background:#ffffff0f}.vw-toggle-btn--active{background:#fff3;color:#ededed}.vw-legend{display:flex;align-items:center;gap:12px;flex-shrink:0}.vw-legend span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--c-text-muted)}.vw-badge-loading{background:#ffffff26;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:2px 10px;font-size:11px;color:#ededed;animation:vw-pulse 1.8s ease infinite}@keyframes vw-pulse{0%,to{opacity:1}50%{opacity:.4}}.vw-reset-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--c-border);border-radius:8px;background:transparent;color:var(--c-text-muted);cursor:pointer;transition:background .15s,color .15s}.vw-reset-btn:hover{background:#ffffff0f;color:var(--c-text)}.vw-body{display:flex;gap:0;flex:1;min-height:560px;border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--c-surface)}.vw-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--c-border);display:flex;flex-direction:column;overflow-y:auto;background:var(--c-surface)}.vw-sidebar-search{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--c-border);color:var(--c-text-muted)}.vw-sidebar-input{flex:1;background:transparent;border:none;outline:none;font-size:12px;color:var(--c-text)}.vw-sidebar-input::placeholder{color:var(--c-text-muted)}.vw-sidebar-clear{background:none;border:none;color:var(--c-text-muted);font-size:16px;cursor:pointer;line-height:1;padding:0 2px}.vw-sidebar-clear:hover{color:var(--c-text)}.vw-sidebar-list{flex:1;overflow-y:auto;padding:8px 0}.vw-sidebar-list::-webkit-scrollbar{width:4px}.vw-sidebar-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.vw-cat-item{border-bottom:1px solid rgba(255,255,255,.04)}.vw-cat-item--active .vw-cat-item-btn{background:#ffffff1a}.vw-cat-item-btn{width:100%;display:flex;align-items:center;gap:9px;padding:9px 14px;background:transparent;border:none;cursor:pointer;transition:background .14s;text-align:left}.vw-cat-item-btn:hover{background:#ffffff0a}.vw-cat-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.vw-cat-label{flex:1;font-size:12px;font-weight:500;color:var(--c-text);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vw-cat-count{font-size:10px;font-weight:700;color:#fff;padding:1px 7px;border-radius:99px;flex-shrink:0}.vw-cat-words{padding:0 14px 8px 32px;display:flex;flex-wrap:wrap;gap:5px}.vw-cat-word-chip{background:transparent;border:1px solid;border-radius:99px;padding:2px 8px;font-size:10px;color:var(--c-text-muted);cursor:pointer;transition:color .14s}.vw-cat-word-chip:hover{color:var(--c-text)}.vw-sidebar-empty{padding:20px 14px;font-size:12px;color:var(--c-text-muted);text-align:center}.vw-detail{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.vw-detail::-webkit-scrollbar{width:4px}.vw-detail::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.vw-detail-back{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--c-text-muted);font-size:11px;cursor:pointer;padding:0;transition:color .14s}.vw-detail-back:hover{color:var(--c-text)}.vw-detail-head{display:flex;align-items:flex-start;gap:10px;margin-top:4px}.vw-detail-color-bar{width:4px;flex-shrink:0;height:40px;border-radius:4px;margin-top:2px}.vw-detail-word{font-size:20px;font-weight:700;color:var(--c-text);line-height:1.2;margin:0}.vw-detail-phonetic{font-size:12px;color:#ededed;display:block;margin-top:2px}.vw-detail-badge{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px 9px;font-size:10px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px}.vw-detail-badge--level{background:#ffffff1a;border-color:#ffffff4d;color:#ededed}.vw-detail-section{display:flex;flex-direction:column;gap:4px}.vw-detail-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--c-text-muted);margin:0}.vw-detail-text{font-size:12px;color:var(--c-text);line-height:1.55;margin:0}.vw-detail-translation{font-weight:600;font-size:14px}.vw-detail-examples{margin:0;padding-left:14px;display:flex;flex-direction:column;gap:5px}.vw-detail-examples li{font-size:11px;color:var(--c-text-muted);line-height:1.5}.vw-detail-examples li em{color:var(--c-text);font-style:italic}.vw-detail-tags{display:flex;flex-wrap:wrap;gap:5px}.vw-detail-tag{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 8px;font-size:10px;color:var(--c-text-muted)}.vw-detail-tag--muted{opacity:.7}.vw-canvas-wrap{flex:1;position:relative;overflow:hidden;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.025) 1px,transparent 0);background-size:28px 28px}.vw-svg{width:100%;height:100%;display:block}.vw-pan-group{will-change:transform}.vw-zoom-controls{position:absolute;bottom:14px;right:14px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000073;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px}.vw-zoom-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--c-text-muted);font-size:18px;cursor:pointer;border-radius:6px;line-height:1;transition:background .14s,color .14s}.vw-zoom-btn:hover{background:#ffffff14;color:#fff}.vw-zoom-pct{font-size:9px;color:var(--c-text-muted);-webkit-user-select:none;user-select:none}@media (max-width: 1024px){.vw-body{flex-direction:column;min-height:0;height:auto}.vw-canvas-wrap{flex:none;height:340px;touch-action:pan-x pan-y}.vw-svg{touch-action:manipulation}.vw-sidebar{width:100%;min-width:0;border-right:none;border-top:1px solid var(--c-border);max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.vw-legend,.vw-planets,.vw-space-debris{display:none}.vw-topbar{padding:8px 12px;flex-wrap:wrap;gap:6px}}@media (max-width: 600px){.vw-canvas-wrap{height:280px}.vw-sidebar{max-height:180px}.vw-sidebar-input{font-size:max(16px,1em)!important}.vw-zoom-controls{bottom:6px;right:6px;padding:3px}.vw-zoom-btn{width:28px;height:28px;font-size:16px}}@media (orientation: landscape) and (max-height: 600px){.vw-body{flex-direction:row;min-height:0;height:100%}.vw-canvas-wrap{flex:1;height:auto;touch-action:pan-x pan-y}.vw-sidebar{width:280px;min-width:280px;max-height:none;border-right:1px solid var(--c-border);border-top:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.vw-topbar{padding:4px 10px;gap:4px}.vw-section{padding:0 8px 8px}.vw-zoom-controls{bottom:6px;right:6px}}.clipboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:fadeIn .2s ease}.clipboard-modal{background:var(--c-surface, #2a2a2a);border:1px solid var(--c-border, rgba(58,58,58,.6));border-radius:var(--radius-xl, 24px);padding:28px 24px;max-width:340px;width:100%;text-align:center;box-shadow:0 16px 48px #0006;animation:slideUp .25s cubic-bezier(.34,1.56,.64,1)}.clipboard-icon{font-size:36px;margin-bottom:8px}.clipboard-title{font-size:15px;font-weight:600;color:var(--c-text, #fff);margin-bottom:4px}.clipboard-word{font-size:22px;font-weight:700;color:var(--c-accent, var(--c-accent));margin:8px 0;font-family:var(--font-display, sans-serif)}.clipboard-hint{font-size:12px;color:var(--c-text-muted, rgba(255,255,255,.8));margin-bottom:16px;line-height:1.4}.clipboard-actions{display:flex;gap:8px}.clipboard-btn{flex:1;height:44px;border-radius:var(--radius-md, 12px);border:none;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body, sans-serif);transition:var(--transition, .2s);-webkit-tap-highlight-color:transparent}.clipboard-btn--add{background:var(--c-accent, var(--c-accent));color:var(--c-on-accent)}.clipboard-btn--add:hover{opacity:.9}.clipboard-btn--skip{background:var(--c-surface2, #333);color:var(--c-text-muted, rgba(255,255,255,.8))}.clipboard-btn--skip:hover{color:var(--c-text, #fff)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}