.layout[data-v-05feb8c6]{display:flex;height:100vh}.sidebar[data-v-05feb8c6]{width:260px;background:url(https://images.unsplash.com/photo-1487530811176-3780de880c2d?w=500&h=1200&fit=crop) center/cover no-repeat;padding:28px 20px;display:flex;flex-direction:column;overflow-y:auto;position:relative}.sidebar[data-v-05feb8c6]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#161617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.sidebar[data-v-05feb8c6]>*{position:relative;z-index:1}.sidebar h1[data-v-05feb8c6]{font-size:2em;color:#f5f5f7;font-weight:600;margin-bottom:2px;padding:0 12px}.subtitle[data-v-05feb8c6]{font-size:14px;color:#86868b;margin-bottom:28px;padding:0 12px}nav[data-v-05feb8c6]{display:flex;flex-direction:column;gap:2px}.nav-btn[data-v-05feb8c6]{text-align:left;padding:10px 16px;font-size:15px;font-weight:400;color:#a1a1a6;text-decoration:none;border-radius:8px;transition:all .15s ease}.nav-btn.active[data-v-05feb8c6]{background:#ffffff1a;color:#f5f5f7;font-weight:500}.nav-btn[data-v-05feb8c6]:hover:not(.active){background:#ffffff0d;color:#d1d1d6}.stats[data-v-05feb8c6]{margin-top:auto;padding:14px 12px;font-size:13px;color:#86868b;line-height:2;border-top:1px solid #2c2c2e}.trial-bar-wrap[data-v-05feb8c6]{margin-top:4px}.trial-bar-wrap span[data-v-05feb8c6]{font-size:11px}.trial-bar[data-v-05feb8c6]{height:4px;background:#3a3a3c;border-radius:2px;margin-top:3px;overflow:hidden}.trial-bar div[data-v-05feb8c6]{height:100%;background:linear-gradient(90deg,#34c759,#ff9500,#ff3b30);border-radius:2px;transition:width .3s}.lang-toggle[data-v-05feb8c6]{display:flex;gap:6px;padding:0 12px;margin-bottom:20px}.lang-toggle button[data-v-05feb8c6]{padding:5px 12px;border:1px solid #444;border-radius:5px;background:none;color:#86868b;cursor:pointer;font-size:13px}.lang-toggle button.active[data-v-05feb8c6]{color:#f5f5f7;border-color:#86868b}.sub-menu[data-v-05feb8c6]{padding:4px 0 8px 24px}.sub-menu a[data-v-05feb8c6]{display:block;padding:7px 12px;font-size:13px;color:#86868b;cursor:pointer;border-radius:6px;transition:.15s}.sub-menu a[data-v-05feb8c6]:hover{color:#f5f5f7;background:#ffffff0f}.sub-menu a.active[data-v-05feb8c6]{color:#f5f5f7;font-weight:500;background:#ffffff14}.main-content[data-v-05feb8c6]{flex:1;background:#fff;display:flex;flex-direction:column;overflow:hidden}.module-tabs[data-v-05feb8c6]{display:flex;gap:8px;padding:12px 40px;border-bottom:1px solid #e8e8ed;flex-shrink:0;background:#fafbfc;align-items:center;flex-wrap:wrap}.tabs-toggle[data-v-05feb8c6]{display:none;border:none;background:#d2d2d7;font-size:12px;cursor:pointer;padding:2px 12px;border-radius:4px;color:#555}.mobile-modules[data-v-05feb8c6]{display:none}.mod-link[data-v-05feb8c6]{text-decoration:none;padding:4px 8px;font-size:12px;color:#a1a1a6;border-radius:6px}.sidebar-top[data-v-05feb8c6]{display:flex;align-items:center;justify-content:space-between;padding:0 12px}.sidebar-toggle[data-v-05feb8c6]{display:none}.update-banner[data-v-05feb8c6]{padding:10px 16px;background:#fff3e0;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#e65100}.update-banner button[data-v-05feb8c6]{padding:6px 14px;border:none;border-radius:6px;background:#e65100;color:#fff;font-size:13px;cursor:pointer}.expiry-banner[data-v-05feb8c6]{padding:10px 16px;background:#fff3e0;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:14px;color:#e65100}.expiry-banner a[data-v-05feb8c6]{color:#0071e3;font-weight:600;text-decoration:none}.expiry-banner button[data-v-05feb8c6]{border:none;background:none;font-size:16px;cursor:pointer;color:#86868b;margin-left:auto}.notif-popup[data-v-05feb8c6]{padding:16px;background:#f0f7ff;border:1px solid #0071e3;border-radius:10px;margin-bottom:12px}.notif-header[data-v-05feb8c6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;font-size:14px}.notif-header button[data-v-05feb8c6]{border:none;background:none;font-size:18px;cursor:pointer;color:#86868b}.notif-item[data-v-05feb8c6]{margin:8px 0}.notif-msg[data-v-05feb8c6]{font-size:15px;color:#1d1d1f}.notif-original[data-v-05feb8c6]{font-size:12px;color:#86868b;margin-top:4px}.module-tabs a[data-v-05feb8c6]{padding:9px 20px;font-size:14px;font-weight:600;color:#6e6e73;text-decoration:none;border-radius:980px;transition:all .2s ease;cursor:pointer;background:#fff;border:1.5px solid #e8e8ed}.module-tabs a.active[data-v-05feb8c6]{color:#fff;background:#0071e3;border-color:#0071e3;box-shadow:0 2px 8px #0071e340}.module-tabs a[data-v-05feb8c6]:hover:not(.disabled):not(.active){color:#1d1d1f;border-color:#0071e3;background:#f0f7ff}.module-tabs a.disabled[data-v-05feb8c6]{color:#c7c7cc;cursor:not-allowed;background:#f5f5f7;border-color:#e8e8ed}.main-scroll[data-v-05feb8c6]{flex:1;overflow-y:auto;padding:32px 40px;animation:fadeIn-05feb8c6 .25s ease}.onboarding[data-v-05feb8c6]{margin-bottom:20px}.onboard-overlay[data-v-05feb8c6]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center}.onboard-card[data-v-05feb8c6]{background:#fff;border-radius:16px;padding:28px;max-width:440px;width:90%;position:relative;animation:fadeIn-05feb8c6 .3s ease}.onboard-close[data-v-05feb8c6]{position:absolute;top:12px;right:14px;border:none;background:none;font-size:18px;cursor:pointer;color:#86868b}.onboard-card h2[data-v-05feb8c6]{margin:0 0 16px;font-size:20px}.onboard-steps[data-v-05feb8c6]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.onboard-step[data-v-05feb8c6]{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#ffffffb3}.step-num[data-v-05feb8c6]{width:28px;height:28px;border-radius:50%;background:#0071e3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.onboard-step p[data-v-05feb8c6]{margin:0;font-size:14px}.onboard-btn[data-v-05feb8c6]{padding:12px 24px;background:#0071e3;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.guest-hint[data-v-05feb8c6]{padding:8px 14px;background:#f0f7ff;border-radius:8px;font-size:13px;color:#555;margin-bottom:14px;border:1px solid #d6e8ff}.guest-hint a[data-v-05feb8c6]{color:#0071e3;font-weight:600;text-decoration:none}@keyframes fadeIn-05feb8c6{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.carousel[data-v-05feb8c6]{padding:12px 0;border-top:1px solid #e8e8ed;flex-shrink:0}.carousel-track[data-v-05feb8c6]{display:flex;gap:10px;overflow-x:auto;padding:0 40px;scrollbar-width:none}.carousel-track[data-v-05feb8c6]::-webkit-scrollbar{display:none}.carousel-track img[data-v-05feb8c6]{width:180px;height:100px;object-fit:cover;border-radius:10px;flex-shrink:0;opacity:.85;transition:.2s}.carousel-track img[data-v-05feb8c6]:hover{opacity:1;transform:scale(1.03)}.user-profile[data-v-05feb8c6]{position:relative;cursor:pointer}.avatar[data-v-05feb8c6]{width:34px;height:34px;border-radius:50%;background:#0071e3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.profile-menu[data-v-05feb8c6]{position:absolute;top:44px;right:0;z-index:9999;min-width:220px;padding:8px 0;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;border:1px solid #e8e8ed}.profile-header[data-v-05feb8c6]{padding:12px 16px;border-bottom:1px solid #f0f0f0}.profile-email[data-v-05feb8c6]{display:block;font-size:13px;color:#1d1d1f;font-weight:500}.role-badge[data-v-05feb8c6]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;margin-top:4px}.role-badge.admin[data-v-05feb8c6]{background:#ff9500;color:#fff}.role-badge.sub[data-v-05feb8c6]{background:#0071e3;color:#fff}.role-badge.free[data-v-05feb8c6]{background:#f0f0f0;color:#86868b}.profile-menu a[data-v-05feb8c6]{display:block;padding:10px 16px;font-size:14px;color:#1d1d1f;text-decoration:none;cursor:pointer}.profile-menu a[data-v-05feb8c6]:hover{background:#f5f5f7}.user-area[data-v-05feb8c6]{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.msg-icon[data-v-05feb8c6]{position:relative;font-size:20px;cursor:pointer;text-decoration:none}.msg-badge[data-v-05feb8c6]{position:absolute;top:-4px;right:-6px;min-width:14px;height:14px;padding:0 3px;background:#ff3b30;color:#fff;border-radius:7px;font-size:9px;font-weight:600;text-align:center;line-height:14px;animation:breathe-05feb8c6 1.5s ease-in-out infinite}.messages-panel[data-v-05feb8c6]{position:absolute;top:44px;right:0;width:300px;max-height:400px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;border:1px solid #e8e8ed;z-index:9999}.messages-header[data-v-05feb8c6]{padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.messages-header button[data-v-05feb8c6]{border:none;background:none;font-size:16px;cursor:pointer;color:#86868b}.messages-empty[data-v-05feb8c6]{padding:24px;text-align:center;color:#86868b;font-size:14px}.message-item[data-v-05feb8c6]{padding:12px 16px;border-bottom:1px solid #f5f5f7;display:flex;gap:10px}.message-type[data-v-05feb8c6]{font-size:18px;flex-shrink:0}.message-content p[data-v-05feb8c6]{font-size:13px;line-height:1.5}.message-original[data-v-05feb8c6]{color:#86868b;font-size:12px;margin-top:4px}.messages-clear[data-v-05feb8c6]{width:100%;padding:10px;border:none;background:#f5f5f7;color:#0071e3;font-size:13px;cursor:pointer}.login-link[data-v-05feb8c6]{font-size:14px;font-weight:500;color:#0071e3;text-decoration:none;padding:8px 16px;border:1.5px solid #0071e3;border-radius:980px}.notif-badge[data-v-05feb8c6]{display:inline-block;min-width:16px;height:16px;padding:0 4px;background:#ff3b30;color:#fff;border-radius:8px;font-size:10px;font-weight:600;text-align:center;line-height:16px;margin-left:4px}.avatar-badge[data-v-05feb8c6]{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#ff3b30;border-radius:50%;border:2px solid #f9f9fb;animation:breathe-05feb8c6 1.5s ease-in-out infinite}.avatar[data-v-05feb8c6]{position:relative}.avatar-name[data-v-05feb8c6]{font-size:13px;color:#1d1d1f;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-bubble[data-v-05feb8c6]{display:inline-block;min-width:16px;height:16px;padding:0 5px;background:#ff3b30;color:#fff;border-radius:8px;font-size:10px;font-weight:600;text-align:center;line-height:16px;margin-left:6px;animation:breathe-05feb8c6 1.5s ease-in-out infinite}@keyframes breathe-05feb8c6{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.modal-overlay[data-v-05feb8c6]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal[data-v-05feb8c6]{background:#fff;border-radius:14px;padding:28px;width:90%;max-width:400px;display:flex;flex-direction:column;gap:12px}.modal h3[data-v-05feb8c6]{font-size:18px}.modal select[data-v-05feb8c6],.modal textarea[data-v-05feb8c6]{padding:10px;border:1px solid #d2d2d7;border-radius:8px;font-size:14px;font-family:inherit}.modal textarea[data-v-05feb8c6]{resize:vertical}.modal-btns[data-v-05feb8c6]{display:flex;gap:8px;justify-content:flex-end}.modal-cancel[data-v-05feb8c6]{padding:8px 16px;border:1px solid #d2d2d7;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;color:#1d1d1f}.modal-send[data-v-05feb8c6]{padding:8px 16px;border:none;border-radius:8px;background:#0071e3;color:#fff;cursor:pointer;font-size:14px}.modal-send[data-v-05feb8c6]:disabled{background:#ccc}.fb-success[data-v-05feb8c6]{color:#34c759;font-size:13px;text-align:center}.modal-tabs[data-v-05feb8c6]{display:flex;gap:0;margin-bottom:12px;border-bottom:1px solid #e8e8ed}.modal-tabs button[data-v-05feb8c6]{flex:1;padding:10px;border:none;background:none;font-size:14px;cursor:pointer;color:#86868b;border-bottom:2px solid transparent}.modal-tabs button.active[data-v-05feb8c6]{color:#0071e3;border-bottom-color:#0071e3}.fb-history-item[data-v-05feb8c6]{padding:10px 0;border-bottom:1px solid #f5f5f7}.fb-history-meta[data-v-05feb8c6]{display:flex;gap:8px;margin-bottom:4px;font-size:12px}.fb-history-type[data-v-05feb8c6]{background:#e8e8ed;padding:1px 6px;border-radius:4px}.fb-status-resolved[data-v-05feb8c6]{color:#34c759}.fb-status-pending[data-v-05feb8c6]{color:#ff9500}.fb-history-msg[data-v-05feb8c6]{font-size:14px}.fb-history-reply[data-v-05feb8c6]{margin-top:6px;padding:8px;background:#f0f7ff;border-radius:6px;font-size:13px;color:#0071e3}.modal-replies[data-v-05feb8c6]{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8e8ed}.modal-replies h4[data-v-05feb8c6]{font-size:14px;margin-bottom:8px}.reply-item[data-v-05feb8c6]{padding:10px;background:#f0f7ff;border-radius:8px;margin:6px 0}.reply-msg[data-v-05feb8c6]{font-size:14px;color:#1d1d1f}.reply-original[data-v-05feb8c6]{font-size:12px;color:#86868b;margin-top:4px}.modal-dismiss[data-v-05feb8c6]{margin-top:8px;padding:6px 12px;border:none;border-radius:6px;background:#e8e8ed;font-size:12px;cursor:pointer}@media (max-width: 1024px){.module-tabs[data-v-05feb8c6]{display:none!important}.mobile-modules[data-v-05feb8c6]{display:flex!important;gap:4px;width:100%;justify-content:center;margin-bottom:4px}.sidebar-toggle[data-v-05feb8c6]{display:block!important;border:none;background:#0071e3;color:#fff;padding:6px 0;border-radius:0;font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:center}}@media (max-width: 1024px){.layout{flex-direction:column}.sidebar{width:100%!important;height:auto!important;padding:4px 6px!important;flex-direction:column!important;align-items:stretch!important;gap:0}.sidebar:before{border-radius:0}.sidebar h1{display:none}.sidebar-top{display:flex;justify-content:center;width:100%;padding:4px 0}.sidebar-toggle{display:block;border:none;background:#fff;color:#333;padding:4px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.sidebar .subtitle,.sidebar .stats,.sidebar .sidebar-footer{display:none}.sidebar .lang-toggle{display:flex;justify-content:center;margin:4px 0;gap:4px}.sidebar .lang-toggle button{padding:2px 8px;font-size:11px}.sidebar.collapsed nav,.sidebar.collapsed .mobile-modules,.sidebar.collapsed .lang-toggle,.sidebar.collapsed .sidebar-top,.sidebar.collapsed .stats,.sidebar.collapsed .sidebar-footer{display:none!important}.sidebar.collapsed{padding:0!important;min-height:0!important;height:auto!important;background:none!important}.sidebar.collapsed:before{display:none}.sidebar nav{flex-direction:row!important;flex-wrap:wrap;gap:3px;width:100%;justify-content:center;padding:4px 0}.sidebar .nav-btn{padding:5px 10px;font-size:13px}.sub-menu{padding:2px 0;flex-basis:100%;display:flex!important;flex-wrap:wrap;gap:3px;justify-content:center}.sub-menu a{padding:4px 10px!important;font-size:12px!important}.mobile-modules{display:flex;gap:4px;width:100%;justify-content:center;margin-bottom:4px}.mod-link{display:block;color:#a1a1a6!important;padding:4px 10px;font-size:13px}.mod-link.active{color:#f5f5f7!important;background:#ffffff1f;border-radius:6px}.main-content{padding:0}.main-scroll{padding:10px!important}.module-tabs,.tabs-toggle,.carousel{display:none}.mode-switch button{padding:6px 12px;font-size:12px}.controls button{padding:5px 10px;font-size:12px}.controls{gap:4px;margin-bottom:10px}.question-card{padding:14px}.q-header strong{font-size:14px}.prompt{display:none}.options li{padding:10px 14px;font-size:14px}}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background:#f5f5f7;color:#1d1d1f;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background:#f5f5f7;color:#1d1d1f;min-height:100vh;font-size:16px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 4px 24px #00000014}.auth-card h1{font-size:24px;margin-bottom:4px}.auth-card p{color:#86868b;margin-bottom:24px}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card input{padding:12px 16px;border:1px solid #d2d2d7;border-radius:8px;font-size:15px}.auth-card input:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e31a}.auth-card button[type=submit]{padding:12px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.auth-card button[type=submit]:hover{background:#0077ed}.auth-card button[type=submit]:disabled{background:#ccc}.auth-card .error{color:#ff3b30;font-size:13px}.auth-card .link{margin-top:16px;font-size:13px;color:#86868b}.auth-card .link a{color:#0071e3}.home{padding:40px;text-align:center}.home a{display:inline-block;margin:8px;padding:12px 24px;background:#0071e3;color:#fff;border-radius:8px;text-decoration:none}.search-input{width:100%;padding:10px 16px;border:1px solid #d2d2d7;border-radius:8px;font-size:16px;margin-bottom:14px}.search-input:focus{outline:none;border-color:#0071e3}.cat-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.cat-tabs button{padding:6px 14px;border:none;border-radius:980px;font-size:14px;cursor:pointer;background:#e8e8ed;color:#1d1d1f;font-weight:500}.cat-tabs button.active{background:#0071e3;color:#fff}.hide-known{font-size:13px;color:#86868b;margin-bottom:10px;display:block}.count{font-size:13px;color:#86868b;margin-bottom:10px}.vocab-list{max-height:calc(100vh - 280px);overflow-y:auto}.vocab-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f2f4;font-size:16px;cursor:pointer;transition:.1s}.vocab-item:hover{background:#f5f5f7}.vocab-item.known{opacity:.4}.vocab-item .fr{font-weight:500;color:#1d1d1f}.vocab-item .meaning{color:#86868b;font-size:14px}.vocab-item .meta{font-size:11px;color:#aeaeb2}.pagination{display:flex;justify-content:center;gap:12px;padding:16px 0}.pagination button{padding:8px 18px;border:1px solid #d2d2d7;border-radius:8px;background:#fff;cursor:pointer;font-size:14px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.listen-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1d1d1f;border-radius:10px;margin-bottom:16px;color:#f5f5f7;font-size:13px}.listen-status{font-weight:500}.listen-countdown{color:#ff9500;font-weight:600}.listen-select{padding:4px 8px;border:1px solid #424245;border-radius:6px;background:#2c2c2e;color:#f5f5f7;font-size:12px}.controls button.active{background:#ff3b30;color:#fff}.admin-audio-ctrl{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:#86868b}.admin-audio-ctrl button{padding:4px 10px;border:1px solid #d2d2d7;border-radius:5px;background:#fff;font-size:12px;cursor:pointer}.admin-audio-ctrl button.active{background:#0071e3;color:#fff;border-color:#0071e3}.recommended-badge{font-size:12px;color:#ff9500;margin-bottom:6px}.sidebar-footer{display:flex;gap:10px;padding:12px;border-top:1px solid #2c2c2e;margin-top:12px}.footer-link{color:#86868b;text-decoration:none;font-size:13px}.footer-link:hover{color:#f5f5f7}.logout-btn{padding:4px 12px;border:1px solid #424245;border-radius:5px;background:none;color:#86868b;cursor:pointer;font-size:12px}.logout-btn:hover{color:#f5f5f7;border-color:#86868b}.answer-section,.ai-explain-text,.sample-section,.analysis-section,.reading-image,.prompt-fr,.prompt-trans{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.is-admin .answer-section,body.is-admin .ai-explain-text,body.is-admin .sample-section,body.is-admin .analysis-section,body.is-admin .reading-image,body.is-admin .prompt-fr,body.is-admin .prompt-trans{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}