:root{--color-green: #58cc02;--color-green-shadow: #58a700;--color-red: #ff4b4b;--color-red-shadow: #ea2b2b;--color-blue: #1cb0f6;--color-blue-shadow: #1899d6;--color-yellow: #ffc800;--color-yellow-shadow: #e5b400;--color-gray: #e5e5e5;--color-gray-shadow: #cecece;--color-text: #3c3c3c;--color-text-light: #777;--color-background: #ffffff;--font-family: "Nunito", "Segoe UI", sans-serif;--radius: 16px;--btn-height: 50px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased}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{height:100vh;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#fff,#f0f0f0);padding:20px;text-align:center}.hero{max-width:400px;z-index:10}.hero-title{font-size:32px;color:var(--color-text);margin-bottom:40px}.hero-actions{display:flex;flex-direction:column}.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}: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:260px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:0;position:fixed;height:100vh;left:0;top:0;z-index:1000}.sidebar-logo{padding:30px 24px;display:flex;align-items:center}.logo-text{font-size:28px;font-weight:800;color:var(--accent-green);letter-spacing:-.5px}.logo-highlight{color:#fff}.nav-group{flex:1;display:flex;flex-direction:column;gap:8px;padding:0 12px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;color:var(--text-secondary);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:var(--accent-blue-glow);border:1px solid var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 15px #0a84ff1a}.nav-divider{height:1px;background:var(--border-color);margin:12px 16px}.clickable{cursor:pointer}.sidebar-footer{padding:24px 12px}.logout-btn{color:var(--text-secondary)}.logout-btn:hover{background:#ff453a26;color:#ff453a}.main-content{flex:1;margin-left:260px;padding:24px 40px;background:var(--bg-dark);max-width:1600px;margin-right:auto}.container{width:100%}@media (max-width: 1024px){.main-content{padding:20px}}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;margin-bottom:80px;padding:12px;width:100vw;overflow-x:hidden}}.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}}:root{--bg-app: #000000;--bg-card: #1c1c1e;--bg-input: #2c2c2e;--bg-hover: #2c2c2e;--border-color: #38383a;--primary-blue: #0A84FF;--primary-green: #30D158;--primary-orange: #FF9F0A;--primary-red: #FF453A;--text-primary: #FFFFFF;--text-secondary: #8E8E93;--text-tertiary: #48484A;--radius-xl: 20px;--radius-l: 16px;--radius-m: 12px;--radius-s: 8px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .5);--shadow-btn: 0 4px 12px rgba(0, 0, 0, .2)}.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:#1c1c1e}.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:.5px solid rgba(255,255,255,.1);animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.close-corner,.modal-close-btn{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:#3a3a3c;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:300px;height:auto;max-height:75vh;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:20px;padding-right:20px}.word-card-large>*:last-child{padding-bottom:24px}.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}.slide-enter-left{animation:slideInLeft .3s cubic-bezier(.2,.8,.2,1) forwards}@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}.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)}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.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}.gen-modal,.word-card-large{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;padding:60px 20px 20px}.modal-close-btn{top:20px;right:20px;width:40px;height:40px;background:#1e1e1ecc}.flashcard{height:300px;max-width:100%;width:100%}.quiz-container{max-width:100%;width:100%}.game-controls{max-width:100%}}.circle-empty{width:24px;height:24px;border:2px solid var(--text-secondary);border-radius:50%;box-sizing:border-box;width:20px;height:20px}: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}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-small{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-m);padding:20px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;transition:transform .2s}.stat-small:active{transform:scale(.98)}.stat-small.success:after{content:"";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;background:var(--primary-green);filter:blur(50px);opacity:.15}.stat-small.danger:after{content:"";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;background:var(--primary-red);filter:blur(50px);opacity:.15}.stat-small strong{font-size:24px;font-weight:700;color:var(--text-primary);display:block}.stat-small span{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-small.success svg{color:var(--primary-green)}.stat-small.danger svg{color:var(--primary-red)}.section-title{color:var(--text-secondary);font-size:13px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px;padding-left:4px}.action-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-card{border-radius:var(--radius-l);padding:24px;display:flex;flex-direction:row;align-items:center;gap:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:100px;color:#fff;box-shadow:0 4px 12px #0003;border:1px solid rgba(255,255,255,.1)}.action-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006;filter:brightness(1.1)}.action-card:active{transform:scale(.98)}.action-card.large{flex-direction:row;padding:32px}.action-content{flex:1}.action-card.primary{background:linear-gradient(135deg,#30d158,#1e8e3e);box-shadow:0 8px 24px #30d1584d}.action-card.blue{background:linear-gradient(135deg,#0a84ff,#0056b3);box-shadow:0 8px 24px #0a84ff4d}.action-card.purple{background:linear-gradient(135deg,#bf5af2,#8e2de2);box-shadow:0 8px 24px #bf5af24d}.action-card.orange{background:linear-gradient(135deg,#ff9f0a,#ff7900);box-shadow:0 8px 24px #ff9f0a4d}.action-card.teal{background:linear-gradient(135deg,#64d2ff,#30b0d1);box-shadow:0 8px 24px #64d2ff4d}.action-card.dark{background:var(--bg-card);border:1px solid rgba(255,255,255,.1)}.action-card h3{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.2}.action-card p{margin:0;font-size:14px;font-weight:500;opacity:.9}.action-icon{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.action-card.large .action-icon{width:64px;height:64px}.action-card.large .action-icon svg{width:32px;height:32px}@media (max-width: 768px){.dashboard-header{margin-bottom:24px;gap:16px}.stats-card{padding:24px}.stats-card .stat-info h2{font-size:40px}.stats-row{grid-template-columns:1fr}.action-row{grid-template-columns:1fr;gap:12px}.action-card{padding:20px;border-radius:16px}.action-card.large{padding:24px}}.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}.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%}}.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}.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}.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}.video-wrapper{width:100%;max-width:900px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;background:#000}.lib-video{width:100%;height:auto;display:block;max-height:60vh}.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}}