:root{--font-family: "Nunito", "Segoe UI", sans-serif;--radius-xl: 20px;--radius-l: 16px;--radius-m: 12px;--radius-s: 8px;--btn-height: 50px;--bg-app: #f2f2f7;--bg-card: rgba(255, 255, 255, .7);--bg-input: #ffffff;--bg-hover: #f0f0f5;--border-color: rgba(0, 0, 0, .08);--text-primary: #1c1c1e;--text-secondary: #6c6c70;--text-tertiary: #a1a1a6;--primary-blue: #007AFF;--primary-green: #34C759;--primary-orange: #FF9500;--primary-red: #FF3B30;--shadow-card: 0 8px 24px rgba(0, 0, 0, .06);--shadow-btn: 0 4px 12px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-app: #000000;--bg-card: #1c1c1e;--bg-input: #2c2c2e;--bg-hover: #3a3a3c;--border-color: #38383a;--text-primary: #FFFFFF;--text-secondary: #8E8E93;--text-tertiary: #48484A;--primary-blue: #0A84FF;--primary-green: #30D158;--primary-orange: #FF9F0A;--primary-red: #FF453A;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-btn: 0 4px 12px rgba(0, 0, 0, .2)}[data-theme=light] body{background:radial-gradient(at 0% 0%,rgba(255,225,200,1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(220,220,255,1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,240,245,1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(240,255,240,1) 0px,transparent 50%),#fff;background-attachment:fixed}[data-theme=dark] body{background-color:#000;background-image:none}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;transition:all .3s ease}button{font-family:inherit;border:none;cursor:pointer;outline:none}a{text-decoration:none;color:inherit}.container{max-width:1000px;margin:0 auto;padding:0 20px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-radius:var(--radius);border-bottom-width:4px;border-bottom-style:solid;transition:all .1s;padding:0 24px}.btn:active:not(:disabled){transform:translateY(4px);border-bottom-width:0px;margin-bottom:4px}.btn-primary{background-color:var(--color-green);border-color:var(--color-green-shadow);color:#fff}.btn-primary:active:not(:disabled){background-color:var(--color-green)}.btn-secondary{background-color:var(--color-blue);border-color:var(--color-blue-shadow);color:#fff}.btn-danger{background-color:var(--color-red);border-color:var(--color-red-shadow);color:#fff}.btn-outline{background-color:transparent;border:2px solid var(--color-gray);border-bottom-width:4px;border-color:var(--color-gray);color:var(--color-text-light)}.btn-outline:hover{background-color:var(--color-gray);color:var(--color-text);border-color:var(--color-gray-shadow)}.btn-medium{height:50px;font-size:15px}.btn-large{height:60px;font-size:19px}.btn-full{width:100%}.btn:disabled{background-color:var(--color-gray);border-color:var(--color-gray-shadow);color:#afafaf;cursor:default;transform:none}.home-container{min-height:100vh;background:radial-gradient(at 0% 0%,rgba(255,225,200,1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(220,220,255,1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,240,245,1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(240,255,240,1) 0px,transparent 50%),#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;overflow:hidden;position:relative;color:#333}.hero-content-wrapper{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:10}.hero-image-container{width:100%;max-width:480px;height:auto;position:relative;animation:gentleFloat 6s ease-in-out infinite}.hero-image{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.1))}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-headline{font-size:48px;font-weight:800;line-height:1.1;margin:0;letter-spacing:-1px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtext{font-size:18px;color:#666;margin:0;max-width:400px;font-weight:500}.hero-actions{display:flex;flex-direction:column;width:100%;max-width:320px;gap:16px;margin-top:10px}.btn-vibrant-primary{background:linear-gradient(90deg,#ff6b6b,#ff8e8e)!important;color:#fff!important;font-size:18px!important;font-weight:700!important;padding:18px 32px!important;border-radius:50px!important;border:none;box-shadow:0 10px 25px #ff6b6b4d;transition:transform .2s,box-shadow .2s;text-transform:capitalize}.btn-vibrant-primary:hover{transform:translateY(-4px);box-shadow:0 15px 35px #ff6b6b66}.btn-vibrant-secondary{background:#fff!important;color:#666!important;font-weight:600!important;border-radius:50px!important;padding:16px!important;border:2px solid #eee!important}.btn-vibrant-secondary:hover{border-color:#ddd!important;color:#333!important;transform:translateY(-2px)}@media (max-width: 600px){.home-container{padding:60px 16px 16px;justify-content:flex-start}.hero-image-container{max-width:320px}.hero-headline{font-size:36px}.hero-subtext{font-size:16px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);background:radial-gradient(circle at top right,rgba(10,132,255,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(48,209,88,.1),transparent 40%);padding:20px}.login-card{width:100%;max-width:440px;background:#1c1c1e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:48px 40px;box-shadow:0 20px 60px #0000004d,0 10px 20px #0000001a;display:flex;flex-direction:column;gap:32px}.login-header{text-align:center}.login-header h2{font-size:32px;font-weight:800;margin:0 0 8px;color:var(--text-primary);letter-spacing:-.5px}.login-header p{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.login-input{width:100%;padding:16px 20px;border-radius:16px;border:2px solid transparent;background:#0003;color:var(--text-primary);font-size:16px;font-weight:500;outline:none;transition:all .2s}.login-input:focus{border-color:var(--accent-blue);background:#ffffff0d;box-shadow:0 0 0 4px #0a84ff1a}.login-input::placeholder{color:#666}.btn-login-vibrant{background:linear-gradient(90deg,#0a84ff,#30d158);color:#fff!important;font-size:16px!important;font-weight:700!important;padding:16px!important;border-radius:50px!important;border:none;box-shadow:0 10px 20px #0a84ff40;transition:transform .2s,box-shadow .2s;width:100%;cursor:pointer}.btn-login-vibrant:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0a84ff59}.error-msg{color:#ff453a;background:#ff453a1a;padding:12px;border-radius:12px;font-size:14px;text-align:center;font-weight:500}.login-footer{text-align:center;font-size:15px;color:var(--text-secondary)}.create-account-link{color:var(--accent-blue);font-weight:700;cursor:pointer;margin-left:4px;transition:opacity .2s}.create-account-link:hover{text-decoration:underline;opacity:.8}[data-theme=light] .login-container{background:radial-gradient(at 0% 0%,rgba(255,225,200,1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(220,220,255,1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,240,245,1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(240,255,240,1) 0px,transparent 50%),#fff}[data-theme=light] .login-card{background:#ffffffe6;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 60px #0000000d,0 10px 20px #00000005}[data-theme=light] .login-header h2{color:#333;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .login-header p{color:#666}[data-theme=light] .login-input{background:#f8f8fa;border:2px solid #f0f0f5;color:#333}[data-theme=light] .login-input:focus{background:#fff;border-color:#ff8e8e;box-shadow:0 4px 20px #ff8e8e26}[data-theme=light] .btn-login-vibrant{background:linear-gradient(90deg,#ff6b6b,#ff8e8e);box-shadow:0 10px 20px #ff6b6b40}[data-theme=light] .btn-login-vibrant:hover{box-shadow:0 14px 30px #ff6b6b59}[data-theme=light] .create-account-link{color:#ff6b6b}@media (max-width: 500px){.login-card{padding:32px 24px;border-radius:24px}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-dark);background:radial-gradient(circle at top right,rgba(10,132,255,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(48,209,88,.1),transparent 40%)}.register-card{width:100%;max-width:440px;background:#1c1c1e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:48px 40px;box-shadow:0 20px 60px #0000004d,0 10px 20px #0000000d;display:flex;flex-direction:column;gap:32px}.register-header{text-align:center}.register-header h2{font-size:32px;font-weight:800;margin:0 0 8px;color:var(--text-primary);letter-spacing:-.5px}.register-header p{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}.register-form{display:flex;flex-direction:column;gap:24px}.input-group{display:flex;flex-direction:column;gap:10px}.input-group label{font-size:14px;font-weight:700;color:var(--text-secondary);margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.register-input{width:100%;padding:16px 20px;border-radius:16px;border:2px solid transparent;background:#0003;color:var(--text-primary);font-size:16px;font-weight:500;outline:none;transition:all .2s}.register-input:focus{border-color:var(--accent-green);background:#ffffff0d;box-shadow:0 0 0 4px #30d1581a}.register-input::placeholder{color:#666}.btn-register-vibrant{background:linear-gradient(90deg,#30d158,#0a84ff);color:#fff!important;font-size:16px!important;font-weight:700!important;padding:16px!important;border-radius:50px!important;border:none;box-shadow:0 10px 20px #30d15840;transition:transform .2s,box-shadow .2s;width:100%;cursor:pointer}.btn-register-vibrant:hover{transform:translateY(-2px);box-shadow:0 14px 30px #30d15859}.error-msg{color:#ff3b30;background:#ff3b300d;padding:12px;border-radius:12px;font-size:14px;text-align:center;font-weight:500}.login-link{text-align:center;font-size:15px;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:color .2s}.login-link:hover{color:var(--text-primary)}[data-theme=light] .register-container{background:radial-gradient(at 0% 0%,rgba(255,225,200,1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(220,220,255,1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,240,245,1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(240,255,240,1) 0px,transparent 50%),#fff}[data-theme=light] .register-card{background:#ffffffe6;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 60px #0000000d,0 10px 20px #00000005}[data-theme=light] .register-header h2{color:#333;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .register-header p{color:#666}[data-theme=light] .register-input{background:#f8f8fa;border:2px solid #f0f0f5;color:#333}[data-theme=light] .register-input:focus{background:#fff;border-color:#ff8e8e;box-shadow:0 4px 20px #ff8e8e26}[data-theme=light] .input-group label{color:#444}[data-theme=light] .btn-register-vibrant{background:linear-gradient(90deg,#ff6b6b,#ff8e8e);box-shadow:0 10px 20px #ff6b6b40}[data-theme=light] .btn-register-vibrant:hover{box-shadow:0 14px 30px #ff6b6b59}[data-theme=light] .login-link{color:#666}[data-theme=light] .login-link:hover{color:#ff6b6b}@media (max-width: 500px){.register-card{padding:32px 24px;border-radius:24px}}.lang-select-container{min-height:100vh;background-color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.lang-header{text-align:center;margin-bottom:50px}.earth-icon{color:#1cb0f6;margin-bottom:20px}.lang-header h1{font-size:32px;margin:0 0 10px}.lang-header p{color:#777;margin:0}.lang-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:20px}.lang-card{display:flex;align-items:center;gap:20px;padding:20px;border:2px solid #333;border-radius:16px;cursor:pointer;transition:all .2s;background-color:#181818}.lang-card:hover{background-color:#222;transform:scale(1.02)}.lang-code{font-size:24px;font-weight:700;color:#fff;width:50px}.lang-info h3{margin:0;font-size:18px}.lang-info span{color:#777;font-size:14px}.lang-card:nth-child(1){border-color:#1cb0f6}.lang-card:nth-child(1) .lang-code{color:#1cb0f6}.lang-card:nth-child(2){border-color:#1cb0f6}.lang-card:nth-child(2) .lang-code{color:#fff}.lang-card:nth-child(3){border-color:#ff4b4b}.lang-card:nth-child(3) .lang-code{color:#ff4b4b}.lang-card:nth-child(4){border-color:#ffc800}.lang-card:nth-child(4) .lang-code{color:#ffc800}[data-theme=light] .lang-select-container{background:#fff;color:#1c1c1e}[data-theme=light] .lang-header h1{color:#1c1c1e}[data-theme=light] .lang-header p{color:#636366}[data-theme=light] .lang-card{background:#fff;border-color:#0000001a;box-shadow:0 4px 12px #0000000d}[data-theme=light] .lang-card:hover{background:#f9f9fb;transform:scale(1.02);box-shadow:0 8px 20px #0000001a}[data-theme=light] .lang-card:nth-child(2) .lang-code{color:#007aff}[data-theme=light] .lang-info h3{color:#1c1c1e}[data-theme=light] .lang-info span{color:#8e8e93}:root{--bg-dark: #000000;--bg-sidebar: #101010;--text-primary: #ffffff;--text-secondary: #8E8E93;--accent-blue: #0A84FF;--accent-blue-glow: rgba(10, 132, 255, .15);--accent-green: #30D158;--border-color: #2C2C2E;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-dark);margin:0;font-family:var(--font-main);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh;background:var(--bg-dark)}.sidebar{width:280px;background:#141416f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:24px;position:fixed;height:100vh;left:0;top:0;z-index:1000;transition:all .3s ease}.sidebar-logo{padding:10px 12px 40px;display:flex;align-items:center;gap:12px}.logo-text{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:flex;align-items:center;gap:8px}.logo-highlight{background:linear-gradient(135deg,var(--accent-green),#0A84FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-group{flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:16px;color:var(--text-secondary);font-weight:600;font-size:15px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.nav-item svg{min-width:24px;transition:transform .3s ease;color:#8e8e93}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item:hover svg{transform:scale(1.1);color:#fff}.nav-item.active{background:linear-gradient(90deg,#0a84ff26,#0a84ff0d);color:var(--accent-blue);font-weight:700;box-shadow:0 4px 20px #0a84ff26;border:1px solid rgba(10,132,255,.2)}.nav-item.active svg{color:var(--accent-blue);filter:drop-shadow(0 0 5px rgba(10,132,255,.5))}.nav-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:20px 0}.clickable{cursor:pointer}.sidebar-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.logout-btn{color:#ff453a;opacity:.8}.logout-btn:hover{background:#ff453a1a;color:#ff453a;opacity:1}.main-content{flex:1;margin-left:280px;padding:40px;background:var(--bg-dark);max-width:1800px;margin-right:auto;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.main-content{padding:24px;margin-left:0}}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;margin-bottom:80px;padding:16px;width:100%;overflow-x:hidden}}[data-theme=light]{--bg-dark: transparent;--text-primary: #1c1c1e;--text-secondary: #666666;--border-color: rgba(0, 0, 0, .1)}[data-theme=light] .app-layout,[data-theme=light] .main-content{background:transparent}[data-theme=light] .sidebar{background:#ffffffb3;border-right:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=light] .logo-text{background:linear-gradient(135deg,#1c1c1e,#48484a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .nav-item{color:#666;font-weight:600}[data-theme=light] .nav-item svg{color:#888}[data-theme=light] .nav-item:hover{background:#00000008;color:#000}[data-theme=light] .nav-item:hover svg{color:#000}[data-theme=light] .nav-item.active{background:#fff;box-shadow:0 4px 12px #0000000d;color:#007aff;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .nav-item.active svg{color:#007aff}.bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;background:#121212;border-top:1px solid #333;padding:10px 20px;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom,20px)}.bottom-nav .nav-item{color:#666;display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:8px;border-radius:8px}.bottom-nav .nav-item.active{color:#4da6ff}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0!important;padding-bottom:80px}.bottom-nav{display:flex}.app-layout{flex-direction:column}}[data-theme=light] .bottom-nav{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1)}[data-theme=light] .bottom-nav .nav-item{color:#8e8e93}[data-theme=light] .bottom-nav .nav-item.active{color:#007aff;background:#007aff1a;border-radius:12px}.dictionary-page{background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px}button{background:transparent;border:none;font-family:inherit;padding:0;cursor:pointer;color:inherit}.gen-btn,.generate-btn{width:100%;background:var(--primary-green);color:#000!important;border:none;padding:16px;border-radius:var(--radius-m);font-weight:700;font-size:17px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,filter .2s;box-shadow:0 4px 12px #30d15833}.gen-btn:active,.generate-btn:active{transform:scale(.96);filter:brightness(.9)}.icon-btn,.action-icon{width:44px;height:44px;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:background .2s}.icon-btn:hover,.action-icon:hover{background:#3a3a3c}.delete-btn{background:#ff453a1a;color:var(--primary-red);border:1px solid rgba(255,69,58,.2);padding:12px 24px;border-radius:var(--radius-m);font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.input-dark,input[type=text],input[type=email],textarea{background:var(--bg-input);border:1px solid transparent;color:var(--text-primary);padding:14px 16px;border-radius:var(--radius-m);width:100%;font-size:17px;box-sizing:border-box;transition:border-color .2s}.input-dark:focus,input:focus,textarea:focus{border-color:var(--primary-blue);outline:none;background:var(--bg-hover)}.word-item-row{background:var(--bg-card);padding:16px 20px;border-radius:var(--radius-m);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;border:.5px solid var(--border-color);transition:background .2s}.word-item-row:active{background:var(--bg-input)}.word-content h3{margin:0 0 4px;font-size:17px;font-weight:600}.word-content p{margin:0;color:var(--text-secondary);font-size:15px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.gen-modal,.word-card-large{background:var(--bg-card);width:90%;max-width:400px;border-radius:var(--radius-xl);padding:32px 24px;position:relative;box-shadow:var(--shadow-card);border:1px solid var(--border-color);animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.close-corner,.modal-close-btn{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:#3c3c6e;border:2px solid #2c2c2e;border-radius:50%;color:#e0e0e0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080;z-index:100;cursor:pointer;transition:transform .2s,background .2s}.close-corner:hover,.modal-close-btn:hover{background:var(--primary-red);color:#fff;border-color:var(--primary-red);transform:scale(1.1) rotate(90deg)}.modal-header,.card-header{text-align:center;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:700;margin:0}.badge{background:var(--bg-input);color:var(--text-secondary);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.search-bar-container{background:var(--bg-input);padding:10px 16px;border-radius:10px;display:flex;align-items:center;margin-bottom:20px}.search-bar-container input{font-size:17px;margin-left:8px}.game-area{min-height:400px;display:flex;flex-direction:column;position:relative}.flashcard-container{flex:1;display:flex;justify-content:center;align-items:center}.flashcard{width:100%;height:240px;background:var(--bg-input);border-radius:var(--radius-l);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border:1px solid var(--border-color)}@media (max-width: 768px){.close-corner,.modal-close-btn{position:sticky;top:10px;right:10px;margin-left:auto;width:36px;height:36px;background:#282828e6;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002}.gen-modal,.word-card-large{width:85%;max-width:280px;height:auto;max-height:65vh;padding:0;border-radius:24px;margin:auto;display:flex;flex-direction:column;box-shadow:0 15px 35px #00000080;overflow-y:auto;overflow-x:hidden;position:relative}.gen-modal>*:not(.close-corner),.word-card-large>*:not(.close-corner){padding-left:16px;padding-right:16px}.word-card-large>*:last-child{padding-bottom:20px}.modal-overlay{align-items:center;padding:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c}.nav-arrow{display:none!important}.game-area{min-height:auto;margin-bottom:20px}.flashcard{height:180px;font-size:20px}}.slide-enter-right{animation:slideInRight .3s cubic-bezier(.2,.8,.2,1) forwards}.modal-actions{display:flex!important;align-items:center!important;gap:12px!important;margin-top:24px!important;width:100%!important;flex-direction:row!important}.btn-save{flex:1!important;height:50px!important;background:linear-gradient(135deg,#30d158,#20bc42)!important;border:none!important;border-radius:25px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;color:#fff!important;font-weight:700!important;font-size:16px!important;cursor:pointer!important;box-shadow:0 4px 15px #30d1584d!important;text-transform:none!important;letter-spacing:normal!important}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #30d15866!important}.btn-save:active{transform:scale(.98)}.btn-delete{width:50px!important;height:50px!important;flex-shrink:0!important;background:#ff453a1a!important;border:1px solid rgba(255,69,58,.2)!important;border-radius:50%!important;color:#ff453a!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;margin:0!important}.btn-delete:hover{background:#ff453a!important;color:#fff!important}.modal-close-btn{width:36px!important;height:36px!important;border-radius:50%!important;border:none!important;background:#f2f2f7;color:#8e8e93;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}[data-theme=dark] .modal-close-btn{background:#ffffff1a!important;color:#ddd!important}@keyframes slideInRight{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}:root{--bg-app: #000000;--bg-card: #1c1c1e;--bg-input: #2c2c2e;--border-color: #3a3a3c;--primary-blue: #0A84FF;--primary-green: #30D158;--primary-orange: #FF9F0A;--primary-red: #FF453A;--text-primary: #FFFFFF;--text-secondary: #8E8E93;--radius-l: 16px;--radius-m: 12px;--radius-s: 8px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--backdrop-blur: blur(20px)}.dictionary-page{max-width:600px;margin:0 auto;padding-bottom:100px}.dictionary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px 0}.dictionary-header h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0;flex:1}.header-right{display:flex;gap:12px}.icon-btn-header{width:44px;height:44px;border-radius:50%;background:var(--bg-input);color:var(--text-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-header:hover{background:#3a3a3c;transform:scale(1.05)}.icon-btn-header.active-play{color:var(--primary-green);background:#30d15826;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #30d15866}70%{box-shadow:0 0 0 10px #30d15800}to{box-shadow:0 0 #30d15800}}.add-btn{width:44px;height:44px;border-radius:50%;background:var(--primary-green);color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #30d1584d;transition:transform .2s}.add-btn:hover{transform:scale(1.1);filter:brightness(1.1)}.back-btn{font-size:24px;margin-right:16px;color:var(--text-secondary);transition:color .2s}.back-btn:hover{color:var(--text-primary)}.search-bar-container{background:var(--bg-input);padding:12px 18px;border-radius:var(--radius-l);display:flex;align-items:center;margin-bottom:24px;transition:all .3s;border:1px solid transparent}.search-bar-container:focus-within{background:#1c1c1e;border-color:var(--primary-blue);box-shadow:0 0 0 4px #0a84ff26}.filter-bar{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}@media (max-width: 768px){.filter-bar{gap:8px}.filter-bar button,.sort-group button{padding:6px 12px;font-size:12px;height:32px}.sort-group{padding-right:8px;gap:8px}}.sort-group{display:flex;gap:10px;padding-right:12px;border-right:1px solid rgba(255,255,255,.1)}.filter-group{display:flex;gap:10px}.filter-bar button,.sort-group button{background:var(--bg-input);border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;height:36px}.detail-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:0 4px}.header-actions-row{display:flex;gap:16px}.icon-btn-plain{background:transparent;border:none;color:#888;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn-plain:hover{background:#ffffff1a;color:#fff}.icon-btn-plain.active-heart{color:#ff453a}.icon-btn-plain.active-check{color:#30d158}.close-btn-plain{background:#ffffff1a;border:none;color:#fff;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn-plain:hover{background:#fff3;transform:rotate(90deg)}.example-meaning{color:#888;font-size:14px;font-style:italic;margin-top:-8px;margin-bottom:16px;line-height:1.4}.example-pronounce{color:#30d158;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:13px;margin-bottom:4px;margin-top:-8px;opacity:.9}[data-theme=light] .icon-btn-plain:hover{background:#0000000d;color:#000}[data-theme=light] .close-btn-plain{background:#0000000d;color:#333}[data-theme=light] .close-btn-plain:hover{background:#0000001a}.filter-bar button:hover{background:#3a3a3c;color:var(--text-primary)}.filter-bar button.active,.sort-group button.active{background:var(--text-primary);color:#000;border-color:var(--text-primary);transform:scale(1.02)}.filter-bar button.fav-filter.active{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}.word-list{display:flex;flex-direction:column;gap:12px}.word-item-row{background:var(--bg-card);padding:20px;border-radius:var(--radius-l);display:flex;justify-content:space-between;align-items:center;transition:transform .2s,background .2s;border:1px solid rgba(255,255,255,.05);cursor:pointer;position:relative;overflow:hidden}.word-item-row:hover{background:#252527;transform:translate(4px);border-color:#ffffff1a}.word-item-row:active{transform:scale(.98)}.word-content{flex:1}.word-content h3{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--text-primary)}.word-content p{margin:0;color:var(--text-secondary);font-size:15px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.action-icon{width:40px;height:40px;border-radius:50%;background:#ffffff0d;color:var(--text-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-icon:hover{background:#ffffff26;color:var(--text-primary);transform:scale(1.1)}.word-main h3{margin:0;font-size:18px;color:#fff}.word-main p{margin:4px 0 0;color:#777}.word-actions-mini{display:flex;gap:8px}.mini-btn{width:32px;height:32px;border-radius:8px;border:1px solid #333;display:flex;align-items:center;justify-content:center;color:#777}.active-heart{color:#ff4b4b;border-color:#ff4b4b}.active-check{color:#58cc02;border-color:#58cc02}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999}.gen-modal,.word-card-large{background:var(--bg-card);width:90%;max-width:360px;border-radius:24px;padding:32px 24px;position:relative;box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:20px;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .dictionary-page{background:transparent!important;color:#1c1c1e}[data-theme=light] .dictionary-header{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}[data-theme=light] .dictionary-header h1{color:#1c1c1e;background:linear-gradient(135deg,#1c1c1e,#48484a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.05)}[data-theme=light] .back-btn{color:#1c1c1e}[data-theme=light] .search-bar-container{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 16px #0000000a}[data-theme=light] .search-bar-container input{color:#1c1c1e;background:transparent}[data-theme=light] .search-bar-container:focus-within{border-color:#007aff;box-shadow:0 0 0 4px #007aff1a}[data-theme=light] .filter-bar button,[data-theme=light] .sort-group button{background:#fff;border:1px solid rgba(0,0,0,.08);color:#636366;box-shadow:0 2px 4px #00000005}[data-theme=light] .filter-bar button:hover,[data-theme=light] .sort-group button:hover{background:#f2f2f7;color:#000;transform:translateY(-1px)}[data-theme=light] .filter-bar button.active,[data-theme=light] .sort-group button.active{background:#1c1c1e;color:#fff;border-color:#1c1c1e;box-shadow:0 4px 12px #00000026}[data-theme=light] .filter-bar button.fav-filter.active{background:#ff3b30;border-color:#ff3b30}[data-theme=light] .word-item-row{background:#fff;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 12px #00000008;transition:all .2s cubic-bezier(.25,.8,.25,1)}[data-theme=light] .word-item-row:hover{background:#fff;transform:translateY(-3px) scale(1.01);box-shadow:0 12px 24px #0000000f;border-color:#00000014}[data-theme=light] .word-content h3{color:#34c759!important;font-weight:700;-webkit-text-fill-color:initial;background:none}[data-theme=light] .word-content p{color:#8a8a8e}[data-theme=light] .action-icon{background:#f2f2f7;color:#8e8e93}[data-theme=light] .action-icon:hover{background:#e5e5ea;color:#1c1c1e}[data-theme=light] .mini-btn{border-color:#d1d1d6;color:#aeaeb2}[data-theme=light] .mini-btn:hover{border-color:#8e8e93;color:#636366}[data-theme=light] .mini-btn.active-heart{color:#ff3b30;border-color:#ff3b30;background:#ff3b301a}[data-theme=light] .mini-btn.active-check{color:#34c759;border-color:#34c759;background:#34c7591a}[data-theme=light] .gen-modal,[data-theme=light] .word-card-large{background:#fff;color:#1c1c1e;box-shadow:0 20px 60px #0000001f;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .close-corner{background:#f2f2f7;color:#1c1c1e;border-color:#e5e5ea;box-shadow:none}[data-theme=light] .close-corner:hover{background:#ff3b30;color:#fff}[data-theme=light] .flashcard{background:#fff;color:#1c1c1e;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #0000000f}[data-theme=light] .main-word h1{color:#34c759!important;background:none;-webkit-text-fill-color:initial;text-shadow:none}[data-theme=light] .flash-btn{background:#f2f2f7;color:#8e8e93;border:1px solid rgba(0,0,0,.05);box-shadow:none}[data-theme=light] .flash-btn:hover{background:#e5e5ea;color:#1c1c1e;box-shadow:0 4px 12px #0000000d}[data-theme=light] .flash-btn.blue{background:#007aff;color:#fff;box-shadow:0 4px 12px #007aff40;border:none}[data-theme=light] .example-box{background:#f9f9fb;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .example-box p{color:#3a3a3c}[data-theme=light] .tag.fast{background:#e5e5ea;color:#636366}[data-theme=light] .tag.ai{background:#007aff1a;color:#007aff}[data-theme=light] .footer-actions .edit-btn{background:#fff;border:1px solid rgba(0,0,0,.08);color:#1c1c1e;box-shadow:0 2px 8px #0000000d}[data-theme=light] .footer-actions .delete-btn{background:#ff3b3014;color:#ff3b30;border:1px solid rgba(255,59,48,.15)}[data-theme=light] .close-corner,[data-theme=light] .modal-close-btn{background:#fff;color:#8e8e93;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000014}[data-theme=light] .close-corner:hover,[data-theme=light] .modal-close-btn:hover{background:#ff3b30;color:#fff;border-color:#ff3b30}[data-theme=light] .game-card-btn{background:#fff;border:1px solid rgba(0,0,0,.05);color:#1c1c1e;box-shadow:0 4px 12px #0000000d}[data-theme=light] .game-card-btn:hover{background:#f2f2f7;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#0000001a}[data-theme=light] .game-card-btn p{color:#636366}[data-theme=light] .question-box{background:#fff;border:1px solid rgba(0,0,0,.05);color:#1c1c1e;box-shadow:0 4px 20px #0000000d}[data-theme=light] .option-btn{background:#fff;border:1px solid rgba(0,0,0,.08);color:#1c1c1e}[data-theme=light] .option-btn:hover{background:#f2f2f7}[data-theme=light] .option-btn.correct{background:#34c759;color:#fff;border-color:#34c759}[data-theme=light] .option-btn.wrong{background:#ff3b30;color:#fff;border-color:#ff3b30}[data-theme=light] .replay-audio-btn{background:#fff;color:#007aff;border:1px solid rgba(0,122,255,.2);box-shadow:0 4px 12px #007aff26}[data-theme=light] .setting-item{background:#fff;color:#1c1c1e;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #00000005}[data-theme=light] .setting-item label{color:#1c1c1e}[data-theme=light] .setting-item input[type=range]{background:#e5e5ea}[data-theme=light] .input-dark,[data-theme=light] textarea.input-dark{background:#f2f2f7!important;color:#1c1c1e!important;border:1px solid transparent}[data-theme=light] .input-dark:focus,[data-theme=light] textarea.input-dark:focus{background:#fff!important;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:10}.nav-arrow:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.nav-arrow.left{left:-80px}.nav-arrow.right{right:-80px}[data-theme=light] .nav-arrow{background:#fff!important;box-shadow:0 4px 12px #00000026!important;border:1px solid rgba(0,0,0,.1);color:#1c1c1e!important}[data-theme=light] .nav-arrow:hover{background:#f2f2f7!important;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #0003!important}[data-theme=light] .nav-arrow svg,[data-theme=light] .nav-arrow svg *{color:#1c1c1e!important;fill:#1c1c1e!important;stroke:#1c1c1e!important}[data-theme=light] .progress-bar-bg{background:#e5e5ea}[data-theme=light] .gen-modal{background:#fff;box-shadow:0 8px 40px #00000026}[data-theme=light] .control-group,[data-theme=light] .toggle-group{background:#f2f2f7;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .control-group label{color:#636366}[data-theme=light] .counter-input button{background:#fff;border-color:#0000001a;color:#1c1c1e;box-shadow:0 2px 4px #0000000d}[data-theme=light] .flashcard-front,[data-theme=light] .flashcard-back{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #00000014}[data-theme=light] .flashcard-front h2{background:linear-gradient(180deg,#1c1c1e,#48484a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .flashcard-back{background:#f9f9fb}[data-theme=light] .flashcard-back h3{color:#007aff}[data-theme=light] .flashcard-back p{color:#636366}[data-theme=light] .hint{color:#ff9500}[data-theme=light] .filter-bar button{background:#fff;border:1px solid rgba(0,0,0,.1);color:#636366}[data-theme=light] .filter-bar button:hover{background:#f2f2f7;color:#1c1c1e}[data-theme=light] .filter-bar button.active{background:#007aff;color:#fff;border-color:#007aff;box-shadow:0 4px 12px #007aff4d}[data-theme=light] .filter-bar button.fav-filter.active{background:#fff0f5;color:#ff2d55;border-color:#ff2d55;box-shadow:0 4px 12px #ff2d5526}[data-theme=light] .filter-bar button.mastered-filter.active{background:#f0fff4;color:#34c759;border-color:#34c759;box-shadow:0 4px 12px #34c75926}.card-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px}.badge{background:#2c2c2ecc;color:var(--text-secondary);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:1px;border:1px solid rgba(255,255,255,.05)}.header-actions{display:flex;gap:16px}.header-actions button{color:var(--text-secondary);transition:transform .2s,color .2s;background:#ffffff0d;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-actions button:hover{background:#ffffff1a;transform:scale(1.05)}.active-heart{color:var(--primary-red)!important;background:#ff453a26!important}.active-check{color:var(--primary-green)!important;background:#30d15826!important}.main-word{text-align:center;display:flex;flex-direction:column;gap:8px}.main-word h1{font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0;background:linear-gradient(180deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pronounce{color:var(--text-tertiary);font-family:Menlo,monospace;font-size:15px}.meaning-large{color:var(--primary-blue);font-size:20px;font-weight:600;margin-top:4px}.quick-actions{display:flex;justify-content:center;gap:24px;margin:10px 0}.flash-btn{width:56px;height:56px;border-radius:18px;background:var(--bg-input);color:var(--text-primary);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,.1,.25,1)}.flash-btn:hover{transform:translateY(-2px);background:#3a3a3c;box-shadow:0 4px 12px #0000004d}.flash-btn.blue{background:var(--primary-blue);color:#fff;box-shadow:0 4px 12px #0a84ff4d;border:none}.example-box{background:var(--bg-input);border-radius:var(--radius-m);padding:16px;text-align:center;border:1px solid rgba(255,255,255,.05)}.example-box p{font-style:italic;color:var(--text-secondary);font-size:15px;line-height:1.4;margin-bottom:12px}.tags{display:flex;justify-content:center;gap:8px}.tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:6px 10px;border-radius:8px;display:flex;align-items:center;gap:4px;cursor:pointer;transition:opacity .2s}.tag.fast{background:#3a3a3c;color:#fff}.tag.ai{background:#0a84ff26;color:var(--primary-blue)}.tag:hover{opacity:.8}.footer-actions{display:flex;gap:12px;margin-top:auto}.footer-actions button{flex:1;height:48px;border-radius:var(--radius-m);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s}.footer-actions .edit-btn{background:var(--bg-input);color:var(--text-primary)}.footer-actions .delete-btn{background:#ff453a1a;color:var(--primary-red);border:1px solid rgba(255,69,58,.2)}.footer-actions button:active{transform:scale(.96)}.filter-bar button.fav-filter.active{background:#5a1a1a;border-color:#ff4d4f;color:#ff4d4f}.word-item-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-m);padding:16px 20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,1)}.word-item-row:hover{background:#2c2c2e;transform:scale(1.02);border-color:#ffffff1a}.word-content h3{margin:0 0 4px;color:#e6f7ff;font-size:1.1rem}.word-content p{margin:0;color:#888;font-size:.95rem}.word-actions-inline{display:flex;align-items:center;gap:12px}.action-icon{background:#2a2a2a;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#888;cursor:pointer;transition:all .2s}.action-icon:hover{background:#333;color:#fff}.circle-empty{width:20px;height:20px;border:2px solid #444;border-radius:50%}.header-right{display:flex;gap:10px}.icon-btn-header{background:transparent;border:none;color:#1890ff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.icon-btn-header:nth-child(2){color:#fa8c16}.icon-btn-header:hover{transform:scale(1.1)}.gen-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-l);padding:24px;width:90%;max-width:400px;color:var(--text-primary);position:relative;box-shadow:var(--shadow-card);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:24px;position:relative;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-header button{background:none;border:none;color:#777;cursor:pointer}.control-group{background:#181818;padding:16px;border-radius:12px;margin-bottom:12px;text-align:center}.control-group label{display:block;font-size:10px;font-weight:700;color:#777;margin-bottom:12px}.counter-input{display:flex;justify-content:center;align-items:center;gap:20px}.counter-input button{width:32px;height:32px;border-radius:8px;background:#222;border:1px solid #333;color:#fff;font-size:18px;cursor:pointer}.counter-input span{font-size:24px;font-weight:700}.toggle-group{background:#181818;padding:16px;border-radius:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.toggle-info{display:flex;gap:12px;align-items:center}.toggle-info strong{display:block;font-size:14px}.toggle-info span{font-size:12px;color:#777}.toggle-switch{width:24px;height:24px;border-radius:50%;border:2px solid #555;cursor:pointer;transition:all .2s}.toggle-switch.active{background-color:#58cc02;border-color:#58cc02;box-shadow:0 0 5px #58cc02}.gen-btn,.generate-btn{width:100%;background:var(--primary-green);color:#000;border:none;padding:16px;border-radius:var(--radius-m);font-weight:700;font-size:16px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #30d1584d}.gen-btn:hover,.generate-btn:hover{transform:scale(1.02);filter:brightness(1.1)}.gen-btn:active,.generate-btn:active{transform:scale(.98)}.word-card-large{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-l);padding:30px;width:90%;max-width:350px;position:relative;color:var(--text-primary);text-align:center;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:15px;margin:auto}.badge{background:#2c2c2e;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);display:inline-block;align-self:center}.input-dark,textarea.input-dark{background:var(--bg-input);border:1px solid transparent;color:var(--text-primary);padding:14px;border-radius:var(--radius-m);width:100%;font-size:1rem;transition:all .2s;font-family:inherit}.input-dark:focus,textarea.input-dark:focus{background:#3a3a3c;border-color:var(--primary-blue);outline:none}.input-with-action{display:flex;gap:10px}.ai-btn-small{background:#162235;border:1px solid #1f3a5e;color:#4da6ff;width:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ai-btn-small:hover{background:#1f3a5e;box-shadow:0 0 10px #1890ff4d}.spin-pulse{animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #4da6ff66}70%{box-shadow:0 0 0 10px #4da6ff00}to{box-shadow:0 0 #4da6ff00}}.row-group{display:flex;gap:15px}.form-group.half{flex:1}.full-width{width:100%;margin-top:10px}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;margin-top:20px}.game-card-btn{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s;color:#fff}.game-card-btn:hover{background:#252525;transform:translateY(-5px);border-color:#555}.game-area{min-height:500px;display:flex;flex-direction:column;position:relative;padding-bottom:20px}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:0 10px}.progress-bar-bg{flex:1;height:8px;background:var(--bg-input);border-radius:10px;margin:0 20px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary-green);border-radius:10px;transition:width .4s cubic-bezier(.4,0,.2,1)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:20px}.game-card-btn{background:var(--bg-input);border:1px solid transparent;border-radius:var(--radius-l);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s;color:var(--text-primary)}.game-card-btn:hover{background:#3a3a3c;transform:translateY(-4px);box-shadow:var(--shadow-card)}.game-card-btn h3{margin:16px 0 6px;font-size:17px;font-weight:600}.game-card-btn p{margin:0;font-size:13px;color:var(--text-secondary)}.settings-content{display:flex;flex-direction:column;gap:24px}.setting-item{background:var(--bg-input);padding:20px;border-radius:var(--radius-m);display:flex;flex-direction:column;gap:12px}.setting-item label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-primary)}.setting-item input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#3a3a3c;border-radius:3px;outline:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;cursor:pointer;margin-top:-9px;border:.5px solid rgba(0,0,0,.1)}.setting-item input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--primary-blue);border-radius:3px}.value-badge{align-self:flex-end;font-size:14px;color:var(--primary-blue);font-weight:700;margin-top:-8px}.setting-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:50px!important;height:30px!important;background:#3a3a3c;border-radius:15px;position:relative;cursor:pointer;transition:background .3s;outline:none}.setting-item input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1)}.setting-item input[type=checkbox]:checked{background:var(--primary-green)}.setting-item input[type=checkbox]:checked:after{transform:translate(20px)}.info-box{padding:16px;background:#0a84ff1a;border-radius:var(--radius-m);border:1px solid rgba(10,132,255,.2)}.info-box p{margin:0;font-size:14px;color:#4da6ff;line-height:1.5}.flashcard-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1000px}.flashcard{width:100%;max-width:340px;height:280px;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:var(--bg-input);border:1px solid rgba(255,255,255,.05);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;box-shadow:0 8px 24px #0003}.flashcard-front h2{font-size:32px;font-weight:800;margin:0;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.flashcard-back{transform:rotateY(180deg);background:#1c1c1e;border-color:var(--primary-blue)}.flashcard-back h3{font-size:24px;color:var(--primary-blue);margin:0 0 16px}.flashcard-back p{font-style:italic;color:var(--text-secondary);font-size:16px}.hint{margin-top:16px;font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-weight:700}.game-controls{display:flex;gap:20px;margin-top:40px;width:100%;max-width:340px}.game-btn{flex:1;border:none;padding:16px;border-radius:var(--radius-m);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .1s,filter .2s}.game-btn:active{transform:scale(.96)}.verify-wrong{background:#ff453a26;color:var(--primary-red)}.verify-correct{background:var(--primary-green);color:#000;box-shadow:0 4px 12px #30d1584d}.quiz-container{width:100%;max-width:360px;display:flex;flex-direction:column;gap:24px;margin:0 auto}.question-box{text-align:center;background:var(--bg-input);padding:32px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.question-box h2{font-size:28px;margin:0}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.option-btn{background:var(--bg-input);border:1px solid transparent;padding:20px;border-radius:16px;color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center}.option-btn:hover{background:#3a3a3c}.option-btn.correct{background:var(--primary-green);color:#000;border-color:var(--primary-green)}.option-btn.wrong{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}@media (max-width: 768px){.game-grid{grid-template-columns:1fr}.flashcard{height:260px}}.option-btn{background:#2a2a2a;border:1px solid #444;padding:15px;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;transition:all .2s}.option-btn:hover{background:#333}.option-btn.correct{background:#135200;border-color:#52c41a}.option-btn.wrong{background:#5a1a1a;border-color:#ff4d4f}.replay-audio-btn{background:#1890ff;border:none;width:80px;height:80px;border-radius:50%;color:#fff;cursor:pointer;margin-bottom:10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1890ff66}.replay-audio-btn:active{transform:scale(.95)}.score-text{font-size:2rem;font-weight:700;margin:20px 0}.header-actions{display:flex;gap:10px}.header-actions button{background:none;border:none;color:#333;cursor:pointer}.header-actions .active-heart{color:#ff4b4b}.header-actions .active-check{color:#58cc02}.main-word h1{margin:0;font-size:40px}.pronounce{color:#777;font-family:monospace;margin:5px 0}.meaning-large{color:#ff9600;font-size:20px;font-weight:700;margin-bottom:20px;font-style:italic}.quick-actions{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.flash-btn{width:60px;height:60px;border-radius:20px;background:#222;border:none;color:#777;display:flex;align-items:center;justify-content:center;cursor:pointer}.flash-btn.blue{background:#1cb0f6;color:#fff}.example-box{border:1px solid #333;border-radius:12px;padding:20px;font-style:italic;color:#ccc;position:relative;margin-bottom:20px}.tags{display:flex;justify-content:center;gap:10px;margin-top:10px}.tag{font-size:10px;padding:4px 8px;border-radius:4px;background:#222;display:flex;align-items:center;gap:4px}.footer-actions{display:flex;gap:10px;justify-content:center}.edit-btn,.delete-btn{padding:10px 20px;border-radius:10px;background:#111;border:1px solid #333;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px}.delete-btn{color:#ff4b4b;border-color:#311}.modal-close-btn{position:absolute;top:-15px;right:-15px;background:#333;border:2px solid #555;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#aeaeae;cursor:pointer;z-index:50;transition:all .2s;box-shadow:0 4px 8px #0000004d}.modal-close-btn:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff;transform:rotate(90deg)}@media (max-width: 768px){.modal-close-btn{top:5px;right:5px;background:#282828e6}}.close-corner{position:absolute;top:-15px;right:-15px;background:#333;border:2px solid #555;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#aeaeae;cursor:pointer;z-index:10;transition:all .2s}.close-corner:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;cursor:pointer;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-arrow:hover{background:#ffffff1a}.nav-arrow.left{left:20px}.nav-arrow.right{right:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generate-btn{width:100%;background:#58cc02;color:#fff;border:none;padding:16px;border-radius:12px;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .2s}.generate-btn:hover{transform:scale(1.02);background:#61df02}.generate-btn:disabled{background:#333;color:#777;cursor:not-allowed;transform:none}@media (max-width: 768px){.dictionary-page{padding:16px 16px 100px;max-width:100%;overflow-x:hidden}.dictionary-header{position:sticky;top:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin:-16px -16px 16px;padding:12px 16px;z-index:50;flex-direction:row;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.dictionary-header h1{font-size:18px;margin:0}.search-bar-container{margin-bottom:12px;padding:8px 12px}.filter-bar{gap:12px;margin-bottom:16px;flex-wrap:nowrap;justify-content:center;padding-bottom:0}.filter-bar button,.sort-group button{padding:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.label-text{display:none}.filter-bar button svg,.sort-group button svg{width:20px;height:20px;margin:0!important}.sort-group{padding-right:12px;gap:12px}.icon-only-show{font-size:10px;font-weight:800}.word-item-row{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;background:#1c1c1e;border:1px solid rgba(255,255,255,.05)}.word-content{width:100%}.word-actions-inline{width:100%;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:4px}.action-icon{width:44px;height:44px;background:#ffffff14}.modal-actions{display:flex;align-items:center;gap:12px;margin-top:24px;margin-bottom:8px;width:100%}.btn-save{flex:1;height:50px;background:linear-gradient(135deg,#30d158,#20bc42);border:none;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #30d1584d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #30d15866}.btn-save:active{transform:scale(.98)}.btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-delete{width:50px;height:50px;flex-shrink:0;background:#ff453a1a;border:1px solid rgba(255,69,58,.2);border-radius:50%;color:#ff453a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#ff453a;color:#fff;box-shadow:0 4px 12px #ff453a4d}.modal-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#f2f2f7;color:#8e8e93;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}[data-theme=dark] .modal-close-btn{background:#ffffff1a;color:#ddd}.modal-close-btn:hover{background:#e5e5ea;color:#1c1c1e;transform:rotate(90deg)}[data-theme=dark] .modal-close-btn:hover{background:#fff3;color:#fff}.modal-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;width:100%;padding-top:4px}.modal-header-row h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.5px;color:inherit}.gen-modal,.word-card-large{width:90%!important;max-width:340px!important;height:auto;max-height:80vh;padding:0!important;margin:auto;border-radius:24px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 20px 40px #0009}.gen-modal>*:not(.close-corner):not(.modal-close-btn):not(.modal-header),.word-card-large>*:not(.close-corner):not(.modal-close-btn){padding-left:20px;padding-right:20px}.modal-header{padding:20px 20px 10px;text-align:center}.word-card-large>*:last-child,.gen-modal>*:last-child{padding-bottom:24px}.close-corner,.modal-close-btn{position:sticky!important;top:12px;z-index:10005!important;margin:12px 12px 4px auto;align-self:auto;width:36px!important;height:36px!important;min-width:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0;background:#1e1e1e!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:50%;box-shadow:0 4px 12px #0006;display:flex!important;align-items:center;justify-content:center;cursor:pointer;color:#fff!important}.game-header .modal-close-btn{position:absolute!important;right:12px;top:12px;margin:0}.close-corner svg,.modal-close-btn svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;fill:#fff!important;color:#fff!important;stroke:#fff!important;display:block!important;visibility:visible!important;opacity:1!important}.flashcard{height:180px;max-width:100%;width:100%;font-size:20px}.quiz-container,.game-controls{max-width:100%;width:100%}.game-header{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:10px 0!important;margin-bottom:20px!important;height:48px}.game-header .progress-bar-bg{flex:none!important;width:50%!important;height:6px!important;margin:0 12px!important}.game-header span{font-size:13px!important;font-weight:600;color:var(--text-secondary)}.game-header .modal-close-btn{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}.form-group label{font-size:11px!important;opacity:.8;letter-spacing:.5px;margin-bottom:4px}}.circle-empty{width:24px;height:24px;border:2px solid var(--text-secondary);border-radius:50%;box-sizing:border-box;width:20px;height:20px}@keyframes slideInRight{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:.5}to{transform:translate(0);opacity:1}}.slide-enter-right{animation:slideInRight .4s cubic-bezier(.2,.8,.2,1) forwards}.slide-enter-left{animation:slideInLeft .4s cubic-bezier(.2,.8,.2,1) forwards}:root{--bg-app: #000000;--bg-card: #1c1c1e;--bg-input: #2c2c2e;--text-primary: #FFFFFF;--text-secondary: #8E8E93;--primary-green: #30D158;--primary-blue: #0A84FF;--primary-purple: #BF5AF2;--primary-orange: #FF9F0A;--primary-red: #FF453A;--radius-l: 20px;--radius-m: 16px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4)}.dashboard-header{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.stats-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-l);padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-card);transition:transform .2s;overflow:hidden}.stats-card:active{transform:scale(.98)}.stat-info{text-align:center;position:relative;z-index:2}.stats-card .stat-info h2{font-size:56px;font-weight:800;margin:10px 0;letter-spacing:-2px;background:linear-gradient(180deg,#fff 20%,#888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stats-card .stat-info span{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.stats-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(10,132,255,.08) 0%,transparent 60%);z-index:1;pointer-events:none}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#141416cc,#1e1e20e6);border-radius:24px;padding:32px 40px;margin-bottom:32px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden}.hero-text h1{font-size:32px;margin:0 0 8px;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.hero-text p{color:var(--text-secondary);font-size:16px;margin:0}.hero-text strong{color:var(--accent-green)}.daily-goal-ring{width:80px;height:80px;border-radius:50%;border:6px solid rgba(48,209,88,.2);border-top-color:var(--accent-green);display:flex;align-items:center;justify-content:center;position:relative}.ring-content{text-align:center;line-height:1.2}.ring-content span{display:block;font-size:18px;font-weight:700;color:#fff}.ring-content small{font-size:10px;color:#888;text-transform:uppercase}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.stat-box{background:#1e1e2099;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.stat-box:hover{transform:translateY(-4px);background:#ffffff0d}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-box.primary .stat-icon{background:#0a84ff26;color:#0a84ff}.stat-box.success .stat-icon{background:#30d15826;color:#30d158}.stat-box.danger .stat-icon{background:#ff453a26;color:#ff453a}.stat-data h3{font-size:24px;margin:0;color:#fff;font-weight:700}.stat-data span{font-size:13px;color:#888}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.section-header h2{font-size:20px;color:#fff;margin:0;white-space:nowrap}.divider-line{height:1px;background:#ffffff1a;flex:1}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;grid-auto-rows:180px}.feature-card{background:#1c1c1e;border-radius:24px;padding:24px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:space-between}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0006;border-color:#ffffff1a}.large-feature{grid-column:span 2;background:linear-gradient(135deg,#00c9ff,#92fe9d)}.feature-bg-icon{position:absolute;right:-20px;bottom:-20px;opacity:.2;transform:rotate(-15deg);color:#fff;z-index:0}.feature-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;align-items:flex-start}.icon-badge{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feature-card h3{font-size:22px;margin:0 0 8px;color:#fff;font-weight:700}.feature-card p{color:#ffffffb3;font-size:14px;margin:0;max-width:80%}.action-link{margin-top:auto;font-weight:700;color:#fff;background:#0003;padding:8px 16px;border-radius:20px;font-size:13px;border:1px solid rgba(255,255,255,.2)}.feature-card.orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.feature-card.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.feature-card.purple{background:linear-gradient(135deg,#c471f5,#fa71cd)}.large-feature h3{font-size:28px}.large-feature p{font-size:16px;color:#ffffffe6}@media (max-width: 600px){.dashboard-hero{flex-direction:row;align-items:center;padding:20px;gap:12px}.hero-text h1{font-size:20px}.hero-text p{font-size:13px}.daily-goal-ring{width:64px;height:64px;flex-shrink:0;margin-top:0;border-width:4px}.daily-goal-ring .ring-content span{font-size:14px;line-height:1;margin-bottom:2px}.daily-goal-ring .ring-content small{font-size:8px;line-height:1;display:block}.stats-container{grid-template-columns:repeat(3,1fr)!important;gap:8px;margin-bottom:24px}.stat-box{padding:12px 4px;flex-direction:column;gap:6px;text-align:center;border-radius:16px}.stat-icon{width:32px;height:32px;font-size:16px;border-radius:10px}.stat-data h3{font-size:16px}.stat-data span{font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.learning-grid{grid-template-columns:1fr;gap:16px}.large-feature{grid-column:span 1}}@media (max-width: 768px){.stats-container{grid-template-columns:repeat(3,1fr)}.stat-box{flex-direction:column;text-align:center;padding:16px}}.clickable{cursor:pointer;transition:transform .2s,background .2s}.clickable:active{transform:scale(.96)}[data-theme=light] .dashboard-hero{background:#fff9;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px #0000000d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=light] .hero-text h1{background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .daily-goal-ring .ring-content span{color:#333}[data-theme=light] .daily-goal-ring .ring-content small{color:#666}[data-theme=light] .stats-card.main-stat,[data-theme=light] .stat-box{background:#ffffffb3;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 24px #00000008;padding:24px}@media (max-width: 600px){[data-theme=light] .stat-box{padding:12px 4px}}[data-theme=light] .stat-data h3,[data-theme=light] .stat-info h2{color:#333;-webkit-text-fill-color:#333;background:none}[data-theme=light] .stat-box:hover{background:#ffffffe6}[data-theme=light] .section-header h2{color:#333}[data-theme=light] .divider-line{background:#0000001a}[data-theme=light] .feature-card{border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 24px #0000000d}[data-theme=light] .feature-card:hover{box-shadow:0 16px 40px #0000001a}.unit-container{margin-bottom:40px}.unit-header{background-color:var(--unit-color);background:var(--unit-color);color:#fff;padding:20px;border-radius:var(--radius);margin-bottom:20px;text-align:left}.unit-title{margin:0;font-size:24px}.unit-desc{margin:5px 0 0;opacity:.9}.unit-path{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.lesson-node{width:70px;height:65px;border-radius:50%;background-color:var(--color-gray);border-bottom:5px solid var(--color-gray-shadow);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;position:relative;transition:transform .2s}.lesson-node.status-completed{background-color:var(--color-yellow);border-bottom-color:var(--color-yellow-shadow)}.lesson-node.status-active{background-color:var(--color-green);border-bottom-color:var(--color-green-shadow);transform:scale(1.1)}.lesson-node.status-locked{background-color:#e5e5e5;border-bottom-color:#cfcfcf;color:#afafaf;cursor:not-allowed}.lesson-node:active:not(.status-locked){transform:scale(1.05) translateY(4px);border-bottom-width:0;margin-bottom:5px}.start-crown{position:absolute;top:-30px;background:#fff;color:var(--color-green);padding:5px 10px;border-radius:10px;font-weight:700;font-size:12px;border:2px solid var(--color-gray);animation:pop .5s infinite alternate}.start-crown:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white}@media (max-width: 768px){.unit-container{margin-bottom:24px}.unit-title{font-size:20px}.unit-path{overflow-x:hidden;width:100%;padding:10px 0}.lesson-node{width:60px;height:55px}}.progress-container{height:16px;background-color:var(--color-gray);border-radius:8px;width:100%;position:relative;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-green);border-radius:8px;transition:width .5s cubic-bezier(.65,0,.35,1)}.progress-highlight{position:absolute;top:4px;left:0;height:6px;background-color:#fff;border-radius:4px}.lesson-screen{max-width:1000px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.lesson-header{padding:40px 20px 20px;display:flex;align-items:center;gap:20px}.lesson-content{flex:1;padding:20px;max-width:600px;width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.question-prompt{font-size:28px;color:var(--color-text);margin-bottom:40px}.options-list{display:flex;flex-direction:column;gap:12px}.text-option{padding:16px;border:2px solid var(--color-gray);border-bottom-width:4px;border-radius:var(--radius);cursor:pointer;font-size:19px;transition:all .1s}.text-option:hover{background-color:var(--color-gray)}.text-option.selected{border-color:var(--color-blue);background-color:#ddf4ff;color:var(--color-blue)}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.image-option{border:2px solid var(--color-gray);border-bottom-width:4px;border-radius:var(--radius);padding:20px;text-align:center;cursor:pointer}.image-option.selected{border-color:var(--color-blue);background-color:#ddf4ff;color:var(--color-blue)}.opt-icon{font-size:40px;margin-bottom:10px}.opt-text{font-weight:700}.prompt-container{display:flex;align-items:center;gap:16px;margin-bottom:40px}.prompt-bubble{border:2px solid var(--color-gray);border-radius:var(--radius);padding:20px;display:inline-block;align-self:flex-start;position:relative}.audio-btn{width:48px;height:48px;border-radius:12px;background-color:var(--color-blue);box-shadow:0 4px 0 var(--color-blue-shadow);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s}.audio-btn:active{transform:translateY(4px);box-shadow:none}.prompt-bubble:after{content:"";position:absolute;left:20px;bottom:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--color-gray)}.lesson-footer{padding:30px 20px;border-top:2px solid var(--color-gray)}.lesson-footer.status-correct{background-color:#d7ffb8;border-color:#b8f28b}.lesson-footer.status-correct .feedback-msg{color:#58a700}.lesson-footer.status-wrong{background-color:#ffdfe0;border-color:#ffb8b8}.lesson-footer.status-wrong .feedback-msg{color:#ea2b2b}.footer-content{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.lesson-completed{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:40px;padding:20px;text-align:center}.xp-gain{font-size:40px;font-weight:800;color:var(--color-yellow);animation:slideIn .5s ease-out}[data-theme=light] .lesson-screen{background:transparent;color:#1c1c1e}[data-theme=light] .question-prompt{color:#1c1c1e}[data-theme=light] .text-option{background:#fff;border-color:#0000001a;color:#1c1c1e;box-shadow:0 4px #0000000d}[data-theme=light] .text-option:hover{background:#f2f2f7;border-color:#00000026}[data-theme=light] .text-option.selected{background:#007aff1a;border-color:#007aff;color:#007aff;box-shadow:0 4px #007aff33}[data-theme=light] .image-option{background:#fff;border-color:#0000001a;color:#1c1c1e;box-shadow:0 4px #0000000d}[data-theme=light] .image-option.selected{background:#007aff1a;border-color:#007aff;color:#007aff;box-shadow:0 4px #007aff33}[data-theme=light] .prompt-bubble{background:#fff;border-color:#0000001a;color:#1c1c1e;box-shadow:0 4px 12px #0000000d}[data-theme=light] .prompt-bubble:after{border-top-color:#fff}[data-theme=light] .lesson-footer{background:#fff;border-top-color:#0000000d}[data-theme=light] .lesson-footer.status-correct{background:#d4f7dc;border-color:#b8f28b}[data-theme=light] .lesson-footer.status-wrong{background:#ffdfe0;border-color:#ffb8b8}[data-theme=light] .lesson-completed{background:#fffc}[data-theme=light] .lesson-completed h1{color:#1c1c1e}.library-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left{display:flex;align-items:center;gap:16px}.sidebar-toggle-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.sidebar-toggle-btn:hover{background:#ffffff1a;color:#fff}.sidebar-toggle-btn.closed{color:#555;transform:rotate(180deg)}.library-header-row h1{font-size:24px;margin:0;font-weight:700;color:#fff;letter-spacing:-.5px}.library-tabs{display:flex;gap:4px;background:#1c1c1e;padding:4px;border-radius:12px}.tab-btn{background:transparent;border:none;color:#888;padding:8px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{background:#333;color:#fff;font-weight:600;box-shadow:0 1px 3px #0000004d}.library-split-view{display:flex;gap:0;height:calc(100vh - 160px);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#000}.file-list-pane{width:300px;min-width:300px;max-width:300px;overflow-y:auto;display:flex;flex-direction:column;padding:0;background:#151516;border-right:1px solid rgba(255,255,255,.1);transition:all .3s ease}.file-list-pane.collapsed{width:0;min-width:0;max-width:0;padding:0;border-right:none;opacity:0}@media (max-width: 768px){.library-split-view{flex-direction:column;height:calc(100vh - 140px)}.file-list-pane{width:100%;min-width:100%;max-width:100%;height:40%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.file-list-pane.collapsed{height:0}.right-pane{height:60%}.library-tabs .tab-btn{font-size:0;padding:10px 12px;gap:0}.library-tabs .tab-btn svg{width:20px;height:20px}.video-player-container.active{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;background:#000;padding:0;border:none;display:flex;flex-direction:column;justify-content:center}.video-player-container.active .video-wrapper{width:100%;height:100%;max-width:none;border-radius:0;display:flex;align-items:center;justify-content:center;background:#000;box-shadow:none}.video-player-container.active .lib-video{width:100%;height:100%;object-fit:contain}.video-player-container.active .video-close-btn{top:40px;left:20px;width:44px;height:44px;background:#323232cc}}.folder-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px;font-size:13px;color:#888;background:#1a1a1c;position:sticky;top:0;z-index:10;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden}.folder-actions{display:flex;align-items:center;gap:8px}.upload-btn-icon{background:transparent;border:none;color:#888;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.upload-btn-icon:hover{background:#ffffff1a;color:#30d158}.upload-btn-icon:disabled{opacity:.5;cursor:wait}.back-btn{background:none;border:none;color:#0a84ff;cursor:pointer;padding:0;font-size:13px;display:flex;align-items:center;gap:4px}.current-path{font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list-scroll{padding:8px;display:flex;flex-direction:column;gap:2px}.empty{padding:20px;text-align:center;color:#888;font-size:14px;font-style:italic}.file-item{display:flex;flex-direction:column;padding:0;border-radius:6px;background:transparent;border:none;margin:0;transition:background .1s}.file-item:hover{background:#ffffff0d}.file-item.active-track{background:#30d1581a}.file-main-row{display:flex;align-items:center;padding:8px 12px;cursor:pointer;gap:10px;height:40px}.file-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#888;background:transparent}.file-icon.folder{color:#ffd60a}.active-track .file-icon{color:#30d158}.file-info{flex:1;overflow:hidden}.file-info h3{margin:0;font-size:13px;font-weight:500;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-track .file-info h3{color:#fff;font-weight:600}.arrow-icon{opacity:.3}.right-pane{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;background:#000}.empty-state-large{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;gap:16px}.transcript-pane,.doc-reader-pane{flex:1;background:transparent;border:none;border-radius:0;display:flex;flex-direction:column;padding:0;overflow:hidden}.pane-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 24px;background:#111;height:50px}.player-info-row{color:#888;margin-bottom:4px}.header-title-group{display:flex;flex-direction:column;gap:4px}.mode-hint{font-size:11px;color:#ffd60a;display:flex;align-items:center;gap:4px}.mode-hint b{color:#fff}.font-controls{display:flex;gap:4px;margin-right:12px;background:#ffffff0d;padding:2px;border-radius:8px}.font-controls button{background:none;border:none;color:#aaa;width:28px;height:28px;cursor:pointer;font-weight:600;font-size:14px;border-radius:6px}.font-controls button:hover{background:#ffffff1a;color:#fff}.mode-toggle{display:flex;gap:4px;background:#ffffff0d;padding:2px;border-radius:8px}.transcript-editor{flex:1;background:#151516;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;color:#eee;font-family:Inter,system-ui,sans-serif;font-size:18px;line-height:1.8;resize:none;outline:none;overflow-y:auto;margin:0 24px 24px}.transcript-editor:focus{border-color:#30d15880;background:#1a1a1c}.transcript-actions{display:flex;gap:8px}.gen-btn,.save-btn{background:#ffffff1a;color:#ddd;border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.save-btn{background:#30d158;color:#000;border:none}.gen-btn:hover:not(:disabled){background:#fff3;color:#fff}.reader-content{flex:1;position:relative;overflow:hidden;display:flex}.pdf-frame{width:100%;height:100%;border:none;flex:1}.text-frame{flex:1;padding:32px;overflow-y:auto;height:100%;color:#e0e0e0;font-size:20px;line-height:2;white-space:pre-wrap;background:#151516}.reader-actions{display:flex;gap:10px;align-items:center}.mode-btn{background:#ffffff1a;border:none;color:#888;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:13px}.mode-btn.active{background:#0a84ff;color:#fff}.close-btn{background:none;border:none;color:#888;cursor:pointer;margin-left:10px}.selection-popover{position:absolute;background:#3a3a3c;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;display:flex;gap:8px;box-shadow:0 4px 12px #00000080;z-index:100;align-items:center}.selection-popover button{background:none;border:none;color:#fff;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:13px}.selection-popover .divider{width:1px;height:20px;background:#fff3}.translation-toast{position:absolute;bottom:20px;left:20px;right:20px;background:#0a84ff;color:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000004d;z-index:101;animation:popUp .3s ease}@keyframes popUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.translation-toast h4{margin:0 0 4px;font-size:14px;opacity:.8}.translation-toast p{margin:0 0 10px;font-weight:600;font-size:16px}.translation-toast button{background:#fff;color:#0a84ff;border:none;padding:4px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px}.mentor-container{display:flex;height:calc(100vh - 160px);gap:0;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:#000}.mentor-sidebar{width:250px;background:#151516;border-right:1px solid rgba(255,255,255,.1);padding:16px;display:flex;flex-direction:column;gap:10px}.mentor-sidebar h3{font-size:14px;color:#888;margin-bottom:10px;display:flex;align-items:center;gap:8px}.book-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;color:#ddd;transition:all .2s}.book-item:hover{background:#ffffff0d}.book-item.active{background:#30d158;color:#000;font-weight:600}.mentor-chat-area{flex:1;background:#000;display:flex;flex-direction:column}.mentor-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#555;text-align:center}.mentor-welcome h2{color:#fff;margin-top:16px;font-size:20px}.chat-messages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.message{display:flex;gap:12px;max-width:80%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.ai{align-self:flex-start}.message .avatar{width:32px;height:32px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;color:#888;flex-shrink:0}.message.ai .avatar{background:#30d15833;color:#30d158}.message.user .avatar{background:#0a84ff33;color:#0a84ff}.message .bubble{background:#2c2c2e;padding:12px 16px;border-radius:18px;color:#eee;font-size:15px;line-height:1.5;border:1px solid rgba(255,255,255,.05)}.message.user .bubble{background:#0a84ff;color:#fff;border:none;border-top-right-radius:4px}.message.ai .bubble{border-top-left-radius:4px}.chat-input-area{padding:16px;background:#ffffff08;display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.1)}.chat-input-area input{flex:1;background:#2c2c2e;border:none;padding:12px 16px;border-radius:24px;color:#fff;font-size:15px;outline:none}.chat-input-area input:focus{background:#3a3a3c;box-shadow:0 0 0 2px #30d15880}.chat-input-area button{width:44px;height:44px;border-radius:50%;border:none;background:#30d158;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.chat-input-area button:hover{transform:scale(1.05)}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.video-player-container{background:#000;padding:20px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:relative}.video-close-btn{position:absolute;top:20px;left:20px;z-index:1002;background:#0009;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.video-close-btn:hover{background:#fff3;transform:scale(1.1)}.lib-video{width:100%;height:100%;display:block;background:#000}.video-wrapper{width:100%;max-width:900px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;background:#000}[data-theme=light] .library-split-view{background:#fff;border-color:#0000001a;box-shadow:0 4px 24px #0000000d}[data-theme=light] .file-list-pane{background:#fff;border-right-color:#00000014}[data-theme=light] .right-pane{background:#fff}[data-theme=light] .library-header-row h1{color:#1c1c1e}[data-theme=light] .folder-header{background:#ffffffe6;border-bottom-color:#0000000d;color:#636366;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .current-path{color:#1c1c1e}[data-theme=light] .library-tabs{background:#e5e5ea}[data-theme=light] .tab-btn{color:#636366}[data-theme=light] .tab-btn:hover{color:#1c1c1e;background:#0000000d}[data-theme=light] .tab-btn.active{background:#fff;color:#1c1c1e;box-shadow:0 2px 8px #0000001a}[data-theme=light] .file-info h3{color:#1c1c1e}[data-theme=light] .file-item:hover{background:#f2f2f7}[data-theme=light] .file-item.active-track{background:#34c75926}[data-theme=light] .active-track .file-info h3{color:#000}[data-theme=light] .sidebar-toggle-btn{color:#1c1c1e}[data-theme=light] .sidebar-toggle-btn:hover{background:#0000000d}[data-theme=light] .pane-header{background:#fff;border-bottom-color:#0000000d}[data-theme=light] .player-info-row{color:#636366}[data-theme=light] .mode-hint{color:#ff9500}[data-theme=light] .mode-hint b{color:#1c1c1e}[data-theme=light] .font-controls,[data-theme=light] .mode-toggle{background:#f2f2f7}[data-theme=light] .font-controls button,[data-theme=light] .mode-btn{color:#636366}[data-theme=light] .font-controls button:hover,[data-theme=light] .mode-btn:hover{background:#fff;color:#1c1c1e;box-shadow:0 2px 4px #0000001a}[data-theme=light] .mode-btn.active{background:#007aff;color:#fff}[data-theme=light] .transcript-editor{background:#fdfdfd;border-color:#00000014;color:#1c1c1e}[data-theme=light] .transcript-editor:focus{background:#fff;border-color:#34c759;box-shadow:0 0 0 4px #34c7591a}[data-theme=light] .text-frame{background:#fff;color:#1c1c1e}[data-theme=light] .empty-state-large{color:#8e8e93}[data-theme=light] .mentor-container{background:#fff;border-color:#0000001a}[data-theme=light] .book-item{color:#3a3a3c}[data-theme=light] .book-item:hover{background:#e5e5ea}[data-theme=light] .book-item.active{background:#34c759;color:#fff}[data-theme=light] .mentor-welcome h2{color:#1c1c1e}[data-theme=light] .message .bubble{background:#f2f2f7;color:#1c1c1e;border-color:#0000000d}[data-theme=light] .message.user .bubble{background:#007aff;color:#fff;border:none}[data-theme=light] .chat-input-area{background:#fff;border-top-color:#00000014}[data-theme=light] .chat-input-area input{background:#f2f2f7;color:#1c1c1e}[data-theme=light] .chat-input-area input:focus{background:#fff;box-shadow:0 0 0 3px #34c75933}[data-theme=light] .selection-popover{background:#fff;border-color:#0000001a;box-shadow:0 4px 20px #00000026}[data-theme=light] .selection-popover button{color:#1c1c1e}[data-theme=light] .selection-popover button:hover{background:#f2f2f7}[data-theme=light] .selection-popover .divider{background:#0000001a}.mentor-container{display:flex;flex:1;height:100%;overflow:hidden;position:relative;background:#1a1a1c}[data-theme=light] .mentor-container{background:#fff}.mentor-sidebar{width:260px;background:#151517;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:16px;flex-shrink:0;transition:all .3s ease}[data-theme=light] .mentor-sidebar{background:#f9f9fb;border-right-color:#00000014}.mentor-sidebar.collapsed{width:0!important;padding:0!important;overflow:hidden!important;border:none!important;flex-basis:0!important}.sidebar-header-mentor{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}[data-theme=light] .sidebar-header-mentor{border-bottom-color:#0000000d}.sidebar-header-mentor h3{margin:0;font-size:14px;color:#888;text-transform:uppercase;letter-spacing:.5px}.header-left-group{display:flex;align-items:center;gap:8px}.mobile-close-btn{display:none}.icon-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff1a;color:#fff}[data-theme=light] .icon-btn:hover{background:#0000000d;color:#000}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;cursor:pointer;color:#ccc;font-size:14px;transition:all .2s;min-height:40px;position:relative}.history-item:hover{background:#ffffff0d;color:#fff}.history-item.active{background:#30d15826;color:#30d158;font-weight:600}[data-theme=light] .history-item{color:#3a3a3c}[data-theme=light] .history-item:hover{background:#0000000d;color:#000}[data-theme=light] .history-item.active{background:#e1f5fe;color:#007aff}.history-info{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden}.history-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.history-item:hover .history-actions,.history-item.active .history-actions{opacity:1}.icon-btn-sm{background:transparent;border:none;color:#666;padding:4px;border-radius:4px;cursor:pointer;display:flex}.icon-btn-sm:hover{background:#ffffff1a;color:#fff}[data-theme=light] .icon-btn-sm:hover{background:#0000001a;color:#000}.empty-history{padding:20px;text-align:center;color:#666;font-size:13px;font-style:italic}.mentor-chat-area{flex:1;display:flex;flex-direction:column;background:#000;position:relative;overflow:hidden}[data-theme=light] .mentor-chat-area{background:#fff}.mentor-chat-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#000}[data-theme=light] .mentor-chat-header{background:#fff;border-bottom-color:#0000000d}.current-context{font-size:14px;color:#888;display:flex;align-items:center;justify-content:center;flex:1}.book-badge{display:flex;align-items:center;gap:6px;background:#ffffff1a;padding:4px 10px;border-radius:12px;color:#eee;font-size:13px;max-width:250px}.book-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .book-badge{background:#f2f2f7;color:#1c1c1e}.toggle-right-btn{background:transparent;border:none;color:#666;cursor:pointer;padding:8px;border-radius:8px}.toggle-right-btn.active,.toggle-right-btn:hover{color:#30d158;background:#30d1581a}.books-sidebar-right{width:260px;border-left:1px solid rgba(255,255,255,.1);border-right:none;background:#151517;padding:16px;display:flex;flex-direction:column;flex-shrink:0;transition:all .3s ease}[data-theme=light] .books-sidebar-right{background:#f9f9fb;border-left-color:#00000014}.sidebar-header-mentor.right h3{color:#30d158}.mentor-book-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.quick-starters{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}.quick-starters button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;transition:all .2s}.quick-starters button:hover{background:#ffffff1a;border-color:#30d158;color:#fff}[data-theme=light] .quick-starters button{background:#f2f2f7;border-color:#0000000d;color:#1c1c1e}[data-theme=light] .quick-starters button:hover{background:#fff;border-color:#007aff;color:#007aff}@media (max-width: 768px){.mentor-container{position:relative}.mentor-sidebar.history-sidebar{position:absolute;left:0;top:0;bottom:0;z-index:100;width:80%;max-width:300px;box-shadow:10px 0 30px #00000080;transform:translate(0)}.mentor-sidebar.history-sidebar.collapsed{transform:translate(-105%);width:80%!important;padding:16px!important;overflow:visible!important;border:none!important}.books-sidebar-right{position:absolute;right:0;top:0;bottom:0;z-index:100;width:80%;max-width:300px;box-shadow:-10px 0 30px #00000080;transform:translate(0)}.books-sidebar-right.collapsed{transform:translate(105%);width:80%!important;padding:16px!important;overflow:visible!important;border:none!important}.mentor-chat-area{width:100%;flex:1;position:relative}.history-actions{opacity:1}.mobile-close-btn{display:flex;color:#ff453a;background:#ff453a1a;margin-right:8px}.chat-messages{padding-bottom:80px}.chat-input-area{position:absolute;bottom:0;left:0;right:0;z-index:10;background:#000;border-top:1px solid rgba(255,255,255,.1);padding:10px}[data-theme=light] .chat-input-area{background:#fff;border-top-color:#0000000d}}.settings-container-modern{display:flex;gap:32px;max-width:1200px;margin:0 auto;padding:20px;min-height:80vh}.settings-sidebar{width:280px;flex-shrink:0}.settings-sidebar h1{font-size:2rem;margin-bottom:32px;background:linear-gradient(135deg,#fff,#a5a5a5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.settings-nav{display:flex;flex-direction:column;gap:12px}.settings-nav-item{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid transparent;padding:16px;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left;font-weight:600;position:relative;overflow:hidden}.settings-nav-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.settings-nav-item.active{background:#58cc021a;color:var(--color-green);border-color:var(--color-green)}.settings-nav-item .arrow{margin-left:auto;opacity:0;transition:opacity .2s}.settings-nav-item.active .arrow{opacity:1}.settings-nav-item:disabled{cursor:not-allowed;opacity:.6}.badge-coming-soon{font-size:.7rem;background:var(--bg-hover);padding:2px 6px;border-radius:4px;margin-left:auto}.settings-content-area{flex:1;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-panel{background:var(--bg-card);border-radius:20px;padding:32px;border:1px solid var(--border-color)}.panel-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;border-bottom:1px solid var(--border-color);padding-bottom:24px}.panel-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.panel-header h2{font-size:1.5rem;margin-bottom:4px}.panel-header p{color:var(--text-secondary);font-size:.9rem}.lang-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.lang-card-modern{display:flex;align-items:center;gap:16px;background:var(--bg-main);border:2px solid transparent;padding:20px;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lang-card-modern:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.lang-card-modern.active{border-color:currentColor;border-color:#fff3;background:#ffffff0d}.lang-card-modern.active:hover{background:#ffffff14}.lang-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#fff;flex-shrink:0;box-shadow:0 4px 10px #0003}.lang-info{flex:1;display:flex;flex-direction:column;align-items:flex-start}.lang-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.active-badge{font-size:.75rem;color:var(--color-green);font-weight:600;margin-top:2px}.check-icon{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.profile-placeholder{display:flex;flex-direction:column;align-items:center;padding:40px;background:var(--bg-main);border-radius:16px}.avatar-large{width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:3rem;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:20px;box-shadow:0 10px 25px #10b9814d}.profile-placeholder h3{font-size:1.8rem;margin-bottom:8px}.xp-badge{background:#ffaa0026;color:#fa0;padding:6px 16px;border-radius:20px;font-weight:700;margin-bottom:24px}@media (max-width: 768px){.settings-container-modern{flex-direction:column;padding:0;gap:0}.settings-sidebar{width:100%;margin-bottom:0;position:sticky;top:0;z-index:50;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-sidebar h1{font-size:24px;margin-bottom:16px;text-align:center;margin-top:0}.settings-nav{flex-direction:row;background:var(--bg-input);padding:4px;border-radius:12px;gap:0}.settings-nav-item{flex:1;padding:12px;min-width:0;justify-content:center;background:transparent;border-radius:8px;font-size:13px;border:none;color:var(--text-secondary);display:flex;align-items:center}.settings-nav-item.active{background:var(--bg-card);background:#636366;color:#fff;box-shadow:0 2px 8px #0003}.settings-nav-item span{display:none}.settings-nav-item svg{width:24px!important;height:24px!important}.settings-nav-item .arrow{display:none}.settings-content-area{padding:20px}.settings-panel{background:transparent;border:none;padding:0}.active-lang-section .lang-card-modern{flex-direction:row;padding:16px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.2)}.lang-grid-modern{grid-template-columns:1fr;gap:12px}.lang-card-modern{padding:16px;background:var(--bg-card);margin-bottom:0}}.theme-toggle-container{display:flex;gap:20px;margin-top:16px}.theme-card{flex:1;background:var(--bg-card);border:2px solid transparent;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #0000000d}.theme-card:hover{transform:translateY(-4px);background:var(--bg-hover);box-shadow:0 8px 24px #0000001a}.theme-card.active{border-color:var(--primary-blue);background:#0a84ff0d}[data-theme=light] .theme-card.active{background:#007aff0d}.theme-preview{width:100%;height:120px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:inset 0 0 0 1px #0000000d}.theme-preview.light{background:#f2f2f7;border:1px solid #c6c6c8}.theme-preview.dark{background:#1c1c1e;border:1px solid #38383a}.theme-card span{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.theme-card .check-icon{position:absolute;top:16px;right:16px;color:var(--primary-blue);animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@media (max-width: 768px){.theme-toggle-container{flex-direction:row;gap:12px}.theme-card{padding:16px}.theme-preview{height:80px}.theme-card span{font-size:.9rem}}[data-theme=light] .settings-sidebar h1{background:none;-webkit-text-fill-color:#1c1c1e;color:#1c1c1e}@media (min-width: 769px){[data-theme=light] .settings-nav-item{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #00000005}[data-theme=light] .settings-nav-item:hover{background:#f2f2f7}[data-theme=light] .settings-nav-item.active{background:#e5f9e7;color:#34c759;border-color:#34c759;box-shadow:0 4px 12px #34c75926}[data-theme=light] .settings-panel{background:#fff!important;box-shadow:0 8px 30px #00000014}}@media (max-width: 768px){[data-theme=light] .settings-sidebar{background:transparent!important;border-bottom:none;box-shadow:none;position:relative}[data-theme=light] .settings-nav{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;margin:0 0 20px;padding:0;display:flex;justify-content:center;gap:20px}[data-theme=light] .settings-nav-item{color:#8e8e93;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 10px #00000008;flex:0 0 auto}[data-theme=light] .settings-nav-item:hover{background:#fffc;transform:translateY(-2px)}[data-theme=light] .settings-nav-item.active{background:#fff!important;color:#34c759!important;border-color:#34c759;box-shadow:0 8px 20px #34c7594d!important;transform:translateY(-4px) scale(1.1)}}.theme-card{padding:16px}.theme-preview{height:80px}.theme-card span{font-size:.9rem}[data-theme=light] .settings-container-modern{background:transparent}[data-theme=light] .settings-sidebar h1{background:linear-gradient(135deg,#1c1c1e,#48484a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .settings-nav-item{background:#ffffff80;color:#636366}[data-theme=light] .settings-nav-item:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #0000000d;color:#1c1c1e}[data-theme=light] .settings-nav-item.active{background:#fff;color:#34c759;border-color:#34c759;box-shadow:0 4px 16px #34c75926}[data-theme=light] .settings-panel{background:#fff;border-color:#0000000d;box-shadow:0 8px 30px #0000000d}[data-theme=light] .lang-card-modern{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #00000008}[data-theme=light] .lang-card-modern:hover{background:#f9f9fb;transform:translateY(-3px);box-shadow:0 12px 24px #00000014}[data-theme=light] .lang-card-modern.active{background:#34c7590d;border-color:#34c759}[data-theme=light] .lang-name{color:#1c1c1e}[data-theme=light] .theme-card{background:#fff;border-color:#0000000d;box-shadow:0 4px 12px #00000008}[data-theme=light] .theme-card:hover{background:#f9f9fb;box-shadow:0 12px 30px #00000014}[data-theme=light] .theme-card.active{border-color:#007aff;background:#007aff0d}[data-theme=light] .theme-card span{color:#1c1c1e}@media (max-width: 768px){[data-theme=light] .settings-sidebar{background:transparent!important;border-bottom:none;box-shadow:none;position:relative}[data-theme=light] .settings-sidebar h1{background:none;-webkit-text-fill-color:#1c1c1e;color:#1c1c1e;text-align:center}[data-theme=light] .settings-nav{background:#e5e5ea}[data-theme=light] .settings-nav-item{color:#636366}[data-theme=light] .settings-nav-item.active{background:#fff!important;color:#1c1c1e!important;box-shadow:0 2px 8px #0000001f!important}}[data-theme=light] .profile-placeholder{background:transparent;color:#1c1c1e}[data-theme=light] .profile-placeholder h3{color:#1c1c1e}[data-theme=light] .xp-badge{background:#ffaa0026;color:#d48806}[data-theme=light] .active-lang-section .lang-card-modern{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f633}@media (min-width: 769px){[data-theme=light] .settings-sidebar h1{background:none;-webkit-text-fill-color:#1c1c1e;color:#1c1c1e}[data-theme=light] .settings-nav-item{background:#fff;color:#636366;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #00000005}[data-theme=light] .settings-nav-item:hover{background:#f2f2f7;color:#1c1c1e;box-shadow:0 4px 12px #0000000d}[data-theme=light] .settings-nav-item.active{background:#e5f9e7;color:#34c759;border-color:#34c759;box-shadow:0 4px 12px #34c75926}[data-theme=light] .settings-panel{background:#fff;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.05)}}