:root{--bg-primary: #0f1117;--bg-secondary: #161822;--bg-card: #1c1f2e;--bg-card-hover: #232640;--bg-surface: #252842;--bg-glass: rgba(13, 15, 23, .7);--bg-glass-heavy: rgba(18, 20, 32, .95);--bg-match-bar: rgba(255, 255, 255, .05);--border: #2a2d45;--border-light: #353860;--border-glass: rgba(255, 255, 255, .08);--border-glass-light: rgba(255, 255, 255, .05);--border-glow: rgba(255, 255, 255, .1);--text-primary: #f0f0f5;--text-secondary: #9396b0;--text-muted: #6b6e85;--text-on-accent: #ffffff;--accent-blue: #4f8cff;--accent-blue-dim: rgba(79, 140, 255, .15);--accent-blue-dim-heavy: rgba(79, 140, 255, .4);--accent-blue-featured: #232640;--accent-green: #34d399;--accent-green-dim: rgba(52, 211, 153, .15);--accent-amber: #f59e0b;--accent-amber-dim: rgba(245, 158, 11, .15);--accent-purple: #a78bfa;--accent-purple-dim: rgba(167, 139, 250, .15);--accent-purple-dim-light: rgba(167, 139, 250, .06);--accent-red: #f87171;--accent-red-dim: rgba(248, 113, 113, .15);--accent-pink: #f472b6;--accent-pink-dim: rgba(244, 114, 182, .15);--accent-indigo: #6366f1;--accent-green-deep: #10b981;--accent-purple-deep: #8b5cf6;--accent-amber-deep: #d97706;--bg-login-start: #161822;--bg-login-mid: #1a1d35;--bg-login-end: #1c2040;--bg-card-back-start: #1a2040;--bg-card-back-end: #252850;--gradient-logo: linear-gradient( 135deg, var(--accent-blue), var(--accent-purple) );--gradient-primary: linear-gradient( 135deg, var(--accent-blue), var(--accent-indigo) );--gradient-featured: linear-gradient( 165deg, var(--accent-blue-featured) 0%, var(--bg-secondary) 100% );--gradient-card-front: linear-gradient( 145deg, var(--bg-card) 0%, var(--bg-surface) 100% );--gradient-card-back: linear-gradient( 145deg, var(--bg-card-back-start) 0%, var(--bg-card-back-end) 100% );--gradient-tutor: linear-gradient( 135deg, var(--accent-purple), var(--accent-pink) );--gradient-kb-green: linear-gradient( 90deg, var(--accent-green), var(--accent-green-deep) );--gradient-kb-purple: linear-gradient( 90deg, var(--accent-purple), var(--accent-purple-deep) );--gradient-kb-amber: linear-gradient( 90deg, var(--accent-amber), var(--accent-amber-deep) );--word-new: var(--accent-blue);--word-new-bg: rgba(79, 140, 255, .18);--word-learning: var(--accent-amber);--word-learning-bg: rgba(245, 158, 11, .18);--word-known: var(--accent-green);--word-known-bg: rgba(52, 211, 153, .12);--word-mastered: transparent;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.25rem;--text-6xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--tracking-normal: -.02em;--tracking-tight: -.03em;--tracking-tighter: -.04em;--tracking-caps: .05em;--tracking-wide: .5px;--tracking-wider: 1px;--leading-tight: 1.3;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.6;--spacing-0-5: 2px;--spacing-1: 4px;--spacing-1-5: 6px;--spacing-2: 8px;--spacing-2-5: 10px;--spacing-3: 12px;--spacing-3-5: 14px;--spacing-4: 16px;--spacing-4-5: 18px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .6);--shadow-featured: 0 20px 40px rgba(0, 0, 0, .4);--shadow-phone: 0 20px 80px rgba(0, 0, 0, .8);--shadow-glow-blue: 0 2px 12px rgba(79, 140, 255, .3);--width-dialog: 440px;--width-card: 280px;--width-card-sm: 260px;--width-chat-max: 720px;--width-login-panel: 480px;--sidebar-width: 240px;--word-detail-width: 360px;--max-content-width: 1200px;--phone-width: 390px;--phone-height: 844px;--phone-border: 8px;--notch-width: 120px;--notch-height: 28px;--z-sidebar: 100;--z-mobile-nav: 1000;--z-mobile-header: 1001;--z-notch: 1002;--z-dialog: 2000;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--icon-sm: 18px;--icon-md: 22px;--icon-lg: 34px;--blur-normal: blur(20px);--blur-light: blur(4px);--phone-frame-color: #1a1c2e;--phone-frame-radius: 40px;--overlay-dim: rgba(0, 0, 0, .6);--overlay-white-subtle: rgba(255, 255, 255, .05);--overlay-white-faint: rgba(255, 255, 255, .03);--border-green: rgba(52, 211, 153, .3);--border-red: rgba(248, 113, 113, .3);--border-blue-hover: rgba(79, 140, 255, .2);--accent-green-hover: rgba(52, 211, 153, .25);--accent-red-hover: rgba(248, 113, 113, .25);--shadow-glow-blue-strong: 0 4px 20px rgba(79, 140, 255, .45);--shadow-glow-green: 0 4px 20px rgba(52, 211, 153, .2);--shadow-glow-red: 0 4px 20px rgba(248, 113, 113, .2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;font-size:var(--text-base)}:global(.mobile-ui) body{height:100vh;height:100dvh;overflow:hidden!important;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;text-align:inherit;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--spacing-2))}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(var(--spacing-5))}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(var(--spacing-5))}}.app-shell{display:flex;min-height:100vh;transition:margin var(--transition-smooth),padding var(--transition-smooth)}.mobile-ui.app-shell{height:100vh;height:100dvh;overflow:hidden}.main-content{margin-left:var(--sidebar-width);flex:1;padding:var(--spacing-7) var(--spacing-9);max-width:var(--max-content-width);transition:margin var(--transition-normal),padding var(--transition-normal)}.mobile-ui .main-content{margin-left:0;padding:0}.mobile-ui .mobile-scroll-area{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;display:flex;flex-direction:column;scrollbar-width:none}.mobile-ui .mobile-scroll-area::-webkit-scrollbar{display:none}.mobile-ui .page-content{padding:0 var(--spacing-4);flex:1;min-height:0;box-sizing:border-box;display:flex;flex-direction:column}.mobile-ui #tutor-content,.mobile-ui #review-content{overflow:hidden}.focus-mode .view-header,.focus-mode .sidebar{display:none!important}.app-shell.mobile-preview .main-content{flex:none;width:var(--phone-width);margin:var(--spacing-10) auto}.phone-frame{width:var(--phone-width);height:var(--phone-height);margin:0;border:var(--phone-border) solid var(--phone-frame-color);border-radius:var(--phone-frame-radius);overflow:hidden;position:relative;background:var(--bg-primary);box-shadow:var(--shadow-phone),0 0 0 1px var(--border-glow);display:flex;flex-direction:column;transform:translateZ(0)}.phone-frame:before{content:"";display:block;width:var(--notch-width);height:var(--notch-height);background:var(--phone-frame-color);border-radius:0 0 var(--radius-xl) var(--radius-xl);position:absolute;top:0;left:50%;transform:translate(-50%);z-index:var(--z-notch);flex-shrink:0}.app-shell.native-mobile .main-content{width:100%;max-width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden;display:flex;flex-direction:column}.app-shell.native-mobile .mobile-nav{margin-bottom:max(env(safe-area-inset-bottom,0px),var(--spacing-4))}.app-shell.focus-mode .page-content{padding-bottom:var(--spacing-2)}@media(max-width:1024px){.main-content{margin-left:0;padding:var(--spacing-4);width:100%;max-width:100%}}@media(max-width:500px){.phone-frame{width:100%;height:100vh;margin:0;border:none;border-radius:0}}.word{display:inline;padding:2px 0;border-radius:2px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.word.new{color:var(--word-new)}.word.learning{border-bottom:2px dashed var(--word-learning);color:var(--word-learning)}.word.known{border-bottom:1px dashed var(--word-known);color:var(--accent-green)}.word.mastered{color:var(--text-primary);border-bottom:none}.word.unknown{color:var(--text-secondary);border-bottom:none;cursor:default;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.word:hover:not(.mastered){filter:brightness(1.2)}.word.mastered:hover{background:var(--overlay-white-subtle)}.word.phrasal{text-decoration-style:dotted;text-decoration-color:var(--accent-purple, #a78bfa);text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:3px}.word-active{background:var(--accent-blue-dim)!important;box-shadow:0 0 0 2px var(--accent-blue);border-radius:2px}#words-content{max-height:calc(100vh - var(--spacing-7) * 2);overflow:hidden}.mobile-ui #words-content{max-height:none}.review-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);border-radius:var(--radius-lg);background:var(--accent-blue-dim);border:1px solid var(--accent-blue);color:var(--text-primary);text-decoration:none;font-size:var(--text-sm);transition:filter var(--transition-fast)}.review-banner:hover{filter:brightness(1.15)}.review-banner-cta{font-weight:600;color:var(--accent-blue)}.review-banner-done{justify-content:center;background:var(--overlay-white-subtle);border-color:var(--border);color:var(--text-muted)}._avatar_7kanc_1{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--gradient-logo);color:var(--text-on-accent);font-weight:var(--font-bold);border:none;cursor:pointer;overflow:hidden;flex-shrink:0}._avatar_7kanc_1 img{width:100%;height:100%;object-fit:cover}._sm_7kanc_21{width:30px;height:30px;font-size:var(--text-xs);border-radius:var(--radius-md)}._sm_7kanc_21 img{border-radius:var(--radius-md)}._md_7kanc_32{width:36px;height:36px;font-size:var(--text-sm)}._iconButton_1h5mk_1{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);padding:var(--spacing-1);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast);flex-shrink:0}._iconButton_1h5mk_1:hover{color:var(--accent-blue);background:var(--accent-blue-dim)}._iconButton_1h5mk_1:disabled{opacity:.4;cursor:default}._sidebar_fhm9w_1{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sidebar);padding:var(--spacing-5) 0;transition:transform var(--transition-normal),width var(--transition-normal);overflow-y:auto;scrollbar-width:none}._sidebar_fhm9w_1::-webkit-scrollbar{display:none}.focus-mode ._sidebar_fhm9w_1{display:none!important}._sidebarLogo_fhm9w_28{display:flex;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-5);margin-bottom:var(--spacing-8)}._logoIcon_fhm9w_36{width:var(--spacing-9);height:var(--spacing-9);background:var(--gradient-logo);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:var(--font-extrabold);font-size:var(--text-lg);color:var(--text-primary)}._logoText_fhm9w_49{font-weight:var(--font-bold);font-size:var(--text-xl);letter-spacing:var(--tracking-wider);background:var(--gradient-logo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._navList_fhm9w_59{list-style:none;flex:1;padding:0 var(--spacing-2)}._navItem_fhm9w_65{margin-bottom:var(--spacing-1)}._navItem_fhm9w_65 a{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);font-size:var(--text-base);font-weight:var(--font-medium)}._navItem_fhm9w_65 a:hover{background:var(--bg-card);color:var(--text-primary)}._navItem_fhm9w_65._active_fhm9w_88 a{background:var(--accent-blue-dim);color:var(--accent-blue)}._navItem_fhm9w_65._active_fhm9w_88 a svg{stroke:var(--accent-blue)}._sidebarFooter_fhm9w_96{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--border);margin-top:auto;position:relative}._userAvatar_fhm9w_106{width:var(--spacing-9);height:var(--spacing-9);border-radius:var(--radius-full);background:var(--gradient-logo);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0;cursor:pointer;overflow:hidden;transition:box-shadow var(--transition-fast)}._userAvatar_fhm9w_106 img{width:100%;height:100%;object-fit:cover}._userAvatar_fhm9w_106:hover{box-shadow:0 0 0 3px var(--accent-blue-dim)}._userInfo_fhm9w_131{display:flex;flex-direction:column}._userName_fhm9w_135{font-weight:var(--font-semibold);font-size:var(--text-sm)}._userStreak_fhm9w_139{font-size:var(--text-xs);color:var(--accent-amber)}._profileMenu_fhm9w_145{position:absolute;bottom:calc(100% + var(--spacing-2));left:var(--spacing-3);right:var(--spacing-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-2);opacity:0;visibility:hidden;transform:translateY(var(--spacing-1-5));transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dialog)}._profileMenu_fhm9w_145._open_fhm9w_164{opacity:1;visibility:visible;transform:translateY(0)}._profileMenuItem_fhm9w_170{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2-5) var(--spacing-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}._profileMenuItem_fhm9w_170:hover{background:var(--bg-surface);color:var(--text-primary)}._profileMenuItem_fhm9w_170 svg{flex-shrink:0}._profileMenuLogout_fhm9w_192:hover{color:var(--accent-red)}._profileMenuLogout_fhm9w_192:hover svg{stroke:var(--accent-red)}._profileMenuDivider_fhm9w_199{height:1px;background:var(--border);margin:var(--spacing-1) var(--spacing-2)}._mobileHeader_fhm9w_205{position:sticky;top:0;padding:var(--spacing-5) var(--spacing-4);background:var(--bg-glass);backdrop-filter:var(--blur-normal);-webkit-backdrop-filter:var(--blur-normal);z-index:var(--z-mobile-header);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;flex-shrink:0;transition:padding var(--transition-fast),border-color var(--transition-fast)}._mobileHeaderScrolled_fhm9w_223{padding:var(--spacing-2) var(--spacing-4);border-bottom-color:var(--border-glass-light)}.focus-mode ._mobileHeader_fhm9w_205{background:transparent;border-bottom:none}.native-mobile ._mobileHeader_fhm9w_205{padding-top:max(env(safe-area-inset-top,0px),var(--spacing-2))}._mobileHeaderAvatar_fhm9w_237{width:var(--icon-lg);height:var(--icon-lg);border-radius:var(--radius-md);background:var(--gradient-logo);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-xs);cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--border-glow)}._mobileHeaderAvatar_fhm9w_237 img{width:100%;height:100%;border-radius:var(--radius-md);object-fit:cover}._mobileHeaderAvatar_fhm9w_237:hover{box-shadow:0 0 0 3px var(--accent-blue-dim)}._mobileHeader_fhm9w_205 ._profileMenu_fhm9w_145{top:calc(100% + var(--spacing-2));bottom:auto;left:auto;right:0;width:180px}._mobileHeaderActions_fhm9w_274{display:flex;gap:var(--spacing-2);align-items:center}._iconLink_fhm9w_280{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-full);transition:color var(--transition-fast),background-color var(--transition-fast);display:flex;align-items:center}._iconLink_fhm9w_280:hover{color:var(--accent-blue);background:var(--accent-blue-dim)}._mobileReadingHeader_fhm9w_298{display:flex;align-items:center;gap:var(--spacing-4);justify-content:flex-start;width:100%}._mobileReadingHeader_fhm9w_298 h1{font-size:var(--text-base);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-normal);color:var(--text-primary)}._mobileReadingActions_fhm9w_313{margin-left:auto;display:flex;align-items:center}._flexFill_fhm9w_319{flex:1}._mobileStats_fhm9w_323{display:flex;gap:var(--spacing-2)}._statPill_fhm9w_328{padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--spacing-1);text-decoration:none;cursor:pointer}._statPillStreak_fhm9w_340{color:var(--accent-amber);background:var(--accent-amber-dim)}._statPillMastered_fhm9w_345{color:var(--accent-green);background:var(--accent-green-dim)}._mobileNav_fhm9w_351{margin:0 var(--spacing-4) var(--spacing-4);z-index:var(--z-mobile-nav);background:var(--bg-glass-heavy);backdrop-filter:var(--blur-normal);-webkit-backdrop-filter:var(--blur-normal);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);padding:var(--spacing-2-5) var(--spacing-3);box-shadow:var(--shadow-xl);justify-content:space-around;display:flex;flex-shrink:0}.focus-mode ._mobileNav_fhm9w_351{display:none!important}._mobileNavItem_fhm9w_370{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);color:var(--text-muted);transition:color var(--transition-fast)}._mobileNavItem_fhm9w_370 svg{width:22px;height:22px}._mobileNavItem_fhm9w_370._active_fhm9w_88{color:var(--accent-blue)}._mobileNavItem_fhm9w_370._active_fhm9w_88 svg{filter:drop-shadow(0 0 8px var(--accent-blue-dim-heavy))}._toggle_14hvk_1{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--spacing-1);z-index:var(--z-dialog);display:flex;gap:var(--spacing-1);box-shadow:var(--shadow-lg)}@media(max-width:768px){._toggle_14hvk_1{display:none}}._btn_14hvk_21{width:var(--spacing-9);height:var(--spacing-9);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}._btn_14hvk_21:hover{color:var(--text-primary);background:var(--bg-surface)}._btnActive_14hvk_38{background:var(--accent-blue);color:var(--text-primary)!important;box-shadow:var(--shadow-glow-blue)}._container_7s4cl_1{position:fixed;bottom:var(--spacing-6);left:50%;transform:translate(-50%);z-index:var(--z-dialog)}._toast_7s4cl_9{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-3)}._message_7s4cl_20{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap}._actions_7s4cl_26{display:flex;gap:var(--spacing-2)}._button_7s4cl_31{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);border:none;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;background:var(--accent-blue);color:var(--text-on-accent);transition:opacity var(--transition-fast)}._button_7s4cl_31:hover{opacity:.85}._buttonClose_7s4cl_46{background:var(--bg-surface);color:var(--text-muted)}._buttonClose_7s4cl_46:hover{color:var(--text-primary)}