@font-face{font-family:Inter;src:url('../assets/fonts/Inter-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}:root{--bg:#f8fafc;--sidebar:#ffffff;--card:#ffffff;--text:#0f172a;--text-mute:#64748b;--primary:#059669;--primary-rgb:5,150,105;--primary-hover:#047857;--primary-light:rgba(5, 150, 105, 0.1);--secondary:#0ea5e9;--secondary-rgb:14,165,233;--accent:#f59e0b;--accent-rgb:245,158,11;--danger:#ef4444;--danger-rgb:239,68,68;--danger-light:rgba(239, 68, 68, 0.08);--success:#10b981;--success-rgb:16,185,129;--success-light:rgba(16, 185, 129, 0.1);--warning:#f59e0b;--warning-rgb:245,158,11;--warning-light:rgba(245, 158, 11, 0.1);--border:#e2e8f0;--progress-bg:#f1f5f9;--bg-alt:#f1f5f9;--bg-soft:#f8fafc;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-sm:0 1px 2px rgba(15, 23, 42, 0.04),0 2px 4px rgba(15, 23, 42, 0.03);--shadow-md:0 4px 6px -1px rgba(15, 23, 42, 0.06),0 10px 20px -3px rgba(5, 150, 105, 0.08);--shadow-lg:0 10px 15px -3px rgba(15, 23, 42, 0.06),0 20px 40px -5px rgba(5, 150, 105, 0.12);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--glass-blur:16px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-smooth:250ms cubic-bezier(0.4, 0, 0.2, 1);--tap-target:44px;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom)}[data-theme=Dark]{--bg:#09090b;--sidebar:#111115;--card:#18181b;--text:#f4f4f5;--text-mute:#a1a1aa;--primary:#10b981;--primary-rgb:16,185,129;--primary-hover:#059669;--primary-light:rgba(16, 185, 129, 0.12);--secondary:#38bdf8;--secondary-rgb:56,189,248;--accent:#fbbf24;--accent-rgb:251,191,36;--danger:#f87171;--danger-rgb:248,113,113;--danger-light:rgba(248, 113, 113, 0.1);--success:#34d399;--success-rgb:52,211,153;--success-light:rgba(52, 211, 153, 0.12);--warning:#fbbf24;--warning-rgb:251,191,36;--warning-light:rgba(251, 191, 36, 0.1);--border:#27272a;--progress-bg:#27272a;--bg-alt:#1c1c1f;--bg-soft:#09090b;--shadow-sm:0 2px 4px rgba(0,0,0,0.35);--shadow-md:0 8px 16px rgba(0,0,0,0.45);--shadow-lg:0 16px 32px rgba(0,0,0,0.55)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{overscroll-behavior:none;overscroll-behavior-y:none}body{font-family:'DM Sans','Segoe UI',system-ui,sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.01em;background-color:var(--bg);color:var(--text);overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;height:100vh;width:100vw}#sidebar{width:250px;min-width:250px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 0 16px;flex-shrink:0;z-index:500;transition:.15s ease-out}html[dir=rtl] #sidebar{border-right:none;border-left:1px solid var(--border)}.logo-container{display:flex;align-items:center;padding:0 20px 24px;gap:10px}.logo-container[role=button]{cursor:pointer}.logo-container[role=button]:focus-visible{outline:rgba(91,95,199,.35) solid 3px;outline-offset:-8px}.logo-icon{height:32px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(91,95,199,.2))}.logo-text{font-family:Sora,sans-serif;font-size:20px;font-weight:800;background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-timer{margin-inline-start:8px;font-size:14px;font-weight:700;background:var(--primary-light);color:var(--primary);padding:3px 8px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--primary-rgb),.2);font-variant-numeric:tabular-nums}.header-timer.hidden{display:none!important}#user-info-sidebar{margin:0 12px 16px;padding:12px 14px;background:var(--progress-bg);border-radius:var(--radius-md);border:1px solid var(--border)}#sidebar-user-email{font-size:12px;font-weight:500;color:var(--text);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-status-row{display:flex;align-items:center;justify-content:space-between;gap:6px}#last-sync-label{font-size:10px;color:var(--text-mute)}#navigation{flex-grow:1;display:flex;flex-direction:column;padding:0 10px;gap:3px}.nav-btn{display:flex;align-items:center;gap:12px;padding:11px 14px;border:none;border-radius:var(--radius-sm);background:0 0;color:var(--text-mute);font-family:'DM Sans',sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:.18s;width:100%;position:relative}html[dir=rtl] .nav-btn{text-align:right;flex-direction:row-reverse}.nav-btn i{width:20px;text-align:center;font-size:16px;transition:transform .2s}.nav-btn:hover{background:var(--progress-bg);color:var(--text)}.nav-btn:hover i{transform:scale(1.1)}.nav-btn.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-btn.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 4px 4px 0}html[dir=rtl] .nav-btn.active::before{left:auto;right:0;border-radius:4px 0 0 4px}.sidebar-footer{padding:12px;border-top:1px solid var(--border);margin-top:auto}#logout-btn{color:var(--danger);background:var(--danger-light);margin-bottom:8px;font-weight:600}#logout-btn:hover{background:var(--danger);color:#fff}.version{font-size:10px;color:var(--text-mute);text-align:center;display:block;margin-top:4px;opacity:.6}#content{flex-grow:1;padding:36px 40px;overflow-y:auto;background-color:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}#content::-webkit-scrollbar{width:6px}#content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton-circle,.skeleton-glow,.skeleton-text{background:linear-gradient(90deg,var(--card) 25%,var(--border) 50%,var(--card) 75%);background-size:200% 100%;animation:1.5s linear infinite skeleton-shimmer}.skeleton-text{border-radius:4px;display:block}.skeleton-circle{border-radius:50%;display:block}.skeleton-glow{border-radius:22px}.tab-content{display:none!important;width:100%;max-width:1400px;margin:0 auto;contain:layout style}.tab-content:not(.active){display:none!important;content-visibility:hidden;contain:strict}.tab-content.active{display:block!important}.calendar-schedule-card,.db-quest-item,.db-todo-item,.gs-public-room-item,.lb-row,.library-card,.quest-world,.store-item-card{content-visibility:auto;contain-intrinsic-size:0 72px}.tab-content[data-pager-active]{display:block!important;animation:none!important;background-color:var(--bg)!important;contain:strict}.is-tab-dragging .tab-content.active,.is-tab-sliding .tab-content.active{animation:none!important}.is-tab-dragging .db-hud-freeze,.is-tab-dragging .db-hud-streak,.is-tab-sliding .db-hud-freeze,.is-tab-sliding .db-hud-streak{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:20px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:transform .25s cubic-bezier(.16, 1, .3, 1),box-shadow .25s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:12px}html[dir=rtl] .header{flex-direction:row-reverse}.h1{font-family:Sora,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.5px}.h2{font-family:Sora,sans-serif;font-size:18px;font-weight:700}.mute{color:var(--text-mute);font-size:14px}.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{margin-bottom:0;padding:20px;border-radius:var(--radius-md);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card h2{font-family:Sora,sans-serif;font-size:28px;font-weight:800;margin:6px 0 2px;color:var(--text)}.stat-card .mute{font-size:12px}.stat-card .sub{font-size:11px;margin-top:4px}.progress-bar-container{height:6px;background:var(--progress-bg);border-radius:99px;overflow:hidden;margin-top:12px}.progress-bar{height:100%;background:var(--primary);border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.primary-btn{background:var(--primary);color:#fff;border:none;padding:11px 22px;border-radius:var(--radius-sm);font-family:'DM Sans',sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:.25s cubic-bezier(.16, 1, .3, 1);box-shadow:var(--shadow-sm)}.primary-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.primary-btn:active{transform:scale(.96)}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-btn{background:var(--progress-bg);color:var(--text);border:1px solid var(--border);padding:11px 22px;border-radius:var(--radius-sm);font-family:'DM Sans',sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}.secondary-btn:hover{background:var(--border);border-color:var(--primary)}.danger-btn{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm)}.danger-btn:hover{background:var(--danger)}.small-btn{padding:6px 12px;font-size:12px;border-radius:8px}.full-width{width:100%}.btn-icon{background:0 0;border:none;cursor:pointer;color:var(--text-mute);font-size:16px;padding:6px;border-radius:8px;transition:color .2s,background .2s}.btn-icon:hover{color:var(--primary);background:var(--primary-light)}input,select,textarea{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--card);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;margin-bottom:10px;transition:border-color .2s,box-shadow .2s;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}input::placeholder{color:var(--text-mute)}.badge{background:var(--primary);color:#fff;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600}.banner{display:inline-block;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:600}#modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(11,15,30,.65);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;animation:.2s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:500px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:.25s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.anti-cheat-modal{max-width:440px!important;text-align:center;border-radius:var(--radius-lg)!important;padding:24px 20px 20px!important;border:1.5px solid rgba(245,158,11,.35)!important}.anti-cheat-content{display:flex;flex-direction:column;align-items:center;gap:14px}.anti-cheat-mascot-wrap{position:relative;margin-bottom:2px}.anti-cheat-mascot-img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(245, 158, 11, .28));animation:3s ease-in-out infinite gentleFloat}@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.anti-cheat-speech{background:rgba(245,158,11,.1);border:1.5px solid rgba(245,158,11,.3);border-radius:16px;padding:10px 16px;width:100%}.anti-cheat-bubble-title{margin:0;font-size:15.5px;font-weight:800;color:#d97706;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.35}[data-theme=Dark] .anti-cheat-bubble-title{color:#fbbf24}.anti-cheat-desc{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-mute);text-align:center}.anti-cheat-tips-card{display:flex;flex-direction:column;gap:8px;width:100%;text-align:start;background:var(--bg);padding:12px 14px;border-radius:14px;border:1px solid var(--border)}.anti-cheat-tip-row{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--text)}.anti-cheat-tip-row i{font-size:14px;width:18px;text-align:center;flex-shrink:0}.anti-cheat-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}.form-group-row{display:flex;gap:8px;margin-bottom:8px}.assessment-form-row{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.assessment-form-row label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.flex-1{flex:1}.flex-2{flex:2}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.support-me-modal{width:560px}.support-eyebrow{margin:0 0 6px;color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase}.support-me-body{display:flex;flex-direction:column;gap:16px}.support-logo-row{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}.support-app-logo{width:64px;height:64px;object-fit:contain}.support-logo-row h3{margin:0 0 6px;font-size:18px}.support-logo-row p,.support-message p{margin:0;color:var(--muted);line-height:1.65}.support-message{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(99,102,241,.06)}.support-payment-box{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(16,185,129,.26);border-radius:var(--radius);background:rgba(16,185,129,.08)}.support-payment-logo{width:84px;max-height:42px;object-fit:contain}.support-payment-info{min-width:0;display:flex;flex-direction:column;gap:4px}.support-payment-label{color:var(--muted);font-size:12px;font-weight:700}#support-eccp-number{color:var(--text);direction:ltr;unicode-bidi:isolate;text-align:left;font-size:16px;letter-spacing:0;overflow-wrap:anywhere}.welcome-modal{width:540px;padding:28px}.welcome-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}.welcome-logo{width:54px;height:54px;object-fit:contain;flex-shrink:0}.welcome-lang-wrapper{margin-inline-start:auto;flex-shrink:0}.welcome-lang-dropdown{padding:6px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s;outline:0}.welcome-lang-dropdown:focus,.welcome-lang-dropdown:hover{border-color:var(--primary)}.welcome-lang-dropdown option{background:var(--card);color:var(--text)}.welcome-feature i{color:var(--primary);font-size:16px}.welcome-chnaino-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.welcome-chnaino-speech-bubble{position:relative;background:color-mix(in srgb,var(--card) 92%,var(--primary) 8%);border:1.5px solid var(--primary-light);border-radius:18px;padding:12px 18px;margin-bottom:14px;box-shadow:0 10px 25px rgba(91,95,199,.15);max-width:320px;text-align:center;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--text);animation:.4s cubic-bezier(.175,.885,.32,1.275) bubblePop}.welcome-chnaino-speech-bubble::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-width:8px 8px 0;border-style:solid;border-color:color-mix(in srgb,var(--card) 92%,var(--primary) 8%) transparent;display:block;width:0}.welcome-chnaino-img-wrap{position:relative;width:145px;height:145px;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent}.welcome-chnaino-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(91, 95, 199, .25));transition:transform .15s cubic-bezier(.175, .885, .32, 1.275);user-select:none;-webkit-user-drag:none}.welcome-chnaino-img.stop-motion-mascot{will-change:transform}.welcome-chnaino-img-wrap:hover .welcome-chnaino-img{transform:scale(1.06) translateY(-2px)}.welcome-chnaino-img-wrap:active .welcome-chnaino-img{transform:scale(.94)}.welcome-chnaino-shadow{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:86px;height:12px;background:radial-gradient(ellipse at center,rgba(15,23,42,.22) 0,rgba(15,23,42,0) 70%);border-radius:50%;pointer-events:none;transition:transform .2s,opacity .2s;animation:1.6s ease-in-out infinite alternate mascotShadowPulse}[data-theme=Dark] .welcome-chnaino-shadow{background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 70%)}@keyframes mascotShadowPulse{0%{transform:scale(.95);opacity:.7}100%{transform:scale(1.05);opacity:.9}}.welcome-chnaino-glow{position:absolute;inset:10%;background:radial-gradient(circle,rgba(91,95,199,.22) 0,transparent 70%);border-radius:50%;z-index:-1;animation:2.5s ease-in-out infinite pulse}.welcome-eyebrow{color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase}.welcome-steps{display:flex;gap:7px;margin-bottom:18px}.welcome-step-dot{width:24px;height:4px;border-radius:99px;background:var(--progress-bg);transition:.3s}.welcome-step-dot.active{background:var(--primary);width:32px}.welcome-step{display:none}.welcome-step.active{display:block}.welcome-lead{color:var(--text);font-size:16px;font-weight:700;line-height:1.45;margin-bottom:16px}.welcome-note{color:var(--text-mute);font-size:13px;line-height:1.45;margin-top:14px}.welcome-path-grid{display:grid;gap:10px;margin-top:16px}.welcome-path-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.welcome-path-card strong{font-size:14px;color:var(--text)}.welcome-path-card span{font-size:13px;line-height:1.45;color:var(--text-mute)}.welcome-feature-grid{display:grid;gap:10px}.welcome-feature{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:14px;font-weight:600}.welcome-feature i{width:18px;color:var(--primary);text-align:center}.welcome-field{margin-bottom:14px}.welcome-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:700}.welcome-field input,.welcome-field select{margin-bottom:0}.welcome-summary{padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin-bottom:14px}.welcome-summary-label{color:var(--text-mute);font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:6px}.welcome-summary h3{color:var(--text);font-size:15px;line-height:1.35;margin-bottom:6px}.welcome-summary-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.welcome-summary-stat{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--text-mute);font-size:12px;font-weight:700}.welcome-next-note{margin-top:0;margin-bottom:14px}.welcome-next-list{display:grid;gap:8px;padding-left:18px;color:var(--text);font-size:14px;line-height:1.45}html[dir=rtl] .welcome-next-list{padding-right:18px;padding-left:0}.welcome-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.welcome-action-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.welcome-signin{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);text-align:center;color:var(--text-mute);font-size:13px}.welcome-signin a{color:var(--primary);font-weight:700;text-decoration:none}.account-choice-grid{display:grid;gap:12px;margin-top:18px}.account-choice-card{display:grid;grid-template-columns:34px 1fr;gap:6px 12px;width:100%;padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);text-align:start;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.account-choice-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.account-choice-card i{grid-row:1/span 2;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(79,70,229,.12);color:var(--primary)}.account-choice-card.danger i{background:rgba(14,165,160,.12);color:#0ea5a0}.account-choice-card strong{font-size:15px}.account-choice-card span{color:var(--text-mute);font-size:13px;line-height:1.45}.guide-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-weight:700;margin-bottom:8px}.guide-intro{max-width:58ch;line-height:1.7}.guide-grid{display:grid;gap:16px}.guide-section{background:var(--progress-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}.guide-section-title{font-size:16px;margin-bottom:12px}.guide-list{margin:0;padding-inline-start:18px;display:grid;gap:8px;color:var(--text)}.guide-list li{line-height:1.65}.guide-callout{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;margin-bottom:14px;border-radius:14px;background:rgba(14,165,160,.08);border:1px solid rgba(14,165,160,.18);color:var(--text);line-height:1.6}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.chart-card{margin-bottom:0}.list-widget{display:flex;flex-direction:column;gap:8px}.hidden{display:none!important}.scroll-area{max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.large-modal{width:700px}.header-actions{display:flex;gap:8px;flex-shrink:0}html[dir=rtl] .modal-actions{flex-direction:row-reverse}html[dir=rtl] .header-actions{flex-direction:row-reverse}.lb-title-group{display:flex;align-items:center;gap:16px}.lb-trophy-icon{filter:drop-shadow(0 4px 8px rgba(245, 158, 11, .4))}.empty-state-img{width:180px;height:auto;margin-bottom:20px;opacity:.9}.analytics-empty,.planner-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.analytics-empty p,.planner-empty p{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:8px}.analytics-empty>span,.planner-empty>span{font-size:.9rem;color:var(--text-mute)}.analytics-content.hidden{display:none}#tour-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none;transition:opacity .3s}#tour-mask{position:absolute;inset:0;background:rgba(0,0,0,.7);pointer-events:auto;transition:clip-path .4s cubic-bezier(.16, 1, .3, 1)}#tour-tooltip{position:absolute;width:280px;padding:20px;z-index:10001;pointer-events:auto;background:var(--card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);animation:.4s cubic-bezier(.175,.885,.32,1.275) tourPop,3s ease-in-out infinite alternate tourFloat}@keyframes tourPop{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tourFloat{from{transform:translateY(0)}to{transform:translateY(-4px)}}#tour-title{font-family:Sora,sans-serif;font-size:16px;font-weight:800;margin-bottom:8px;color:var(--primary)}#tour-desc{font-size:13px;line-height:1.5;color:var(--text);margin-bottom:16px}#tour-footer{display:flex;justify-content:space-between;gap:10px}#tour-footer button{flex:1}.tour-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.tour-dot{width:6px;height:6px;border-radius:50%;background-color:var(--border);transition:background-color .3s}.tour-dot.active{background-color:var(--primary);width:12px;border-radius:4px}html[dir=rtl] #tour-tooltip{text-align:right}html[dir=rtl] #tour-footer{flex-direction:row-reverse}.template-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.template-choice-card{background:var(--card);border:2px solid var(--border);border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;transition:.2s}.template-choice-card:hover{border-color:var(--primary);background:rgba(91,95,199,.05)}.template-choice-card.active{border-color:var(--primary);background:rgba(91,95,199,.08)}.template-choice-card .choice-icon{font-size:24px;color:var(--text-mute);margin-bottom:8px;transition:color .2s}.template-choice-card .choice-icon.highlight,.template-choice-card.active .choice-icon{color:var(--primary)}.template-choice-card h4{margin:0 0 4px;font-size:14px;color:var(--text)}.template-choice-card p{margin:0;font-size:12px;line-height:1.3}.empty-state-actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:16px;width:100%;max-width:240px}.empty-state-cta{width:100%;justify-content:center}[data-title]{position:relative;cursor:help}[data-title]::after{content:attr(data-title);position:absolute;bottom:115%;left:50%;transform:translateX(-50%) translateY(6px);background:rgba(15,23,42,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#f8fafc;padding:8px 12px;border-radius:10px;font-size:11.5px;font-weight:500;line-height:1.45;min-width:140px;max-width:230px;width:max-content;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.4, 0, .2, 1),transform .2s cubic-bezier(.4, 0, .2, 1);box-shadow:0 12px 24px -4px rgba(0,0,0,.45),0 4px 6px -2px rgba(0,0,0,.2);z-index:10000}[data-title]:focus-visible::after,[data-title]:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}html[dir=rtl] [data-title]::after{left:auto;right:50%;transform:translateX(50%) translateY(6px)}html[dir=rtl] [data-title]:focus-visible::after,html[dir=rtl] [data-title]:hover::after{transform:translateX(50%) translateY(0)}#mobile-bottom-nav .mobile-nav-btn::after,#mobile-bottom-nav button::after,#navigation .nav-btn::after{display:none!important}.nav-floating-hint{position:fixed;background:rgba(15,23,42,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:#f8fafc;padding:9px 13px;border-radius:12px;font-family:'DM Sans',sans-serif;font-size:11.5px;font-weight:500;line-height:1.45;text-align:center;box-shadow:0 16px 32px -4px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);z-index:99999;pointer-events:none;opacity:0;transform:translateY(8px) scale(.95);transition:opacity .22s cubic-bezier(.16, 1, .3, 1),transform .22s cubic-bezier(.16, 1, .3, 1)}.nav-floating-hint.visible{opacity:1;transform:translateY(0) scale(1)}.nav-floating-hint::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:rgba(15,23,42,.96) transparent transparent}.nav-floating-hint.position-below::after{top:auto;bottom:100%;border-color:transparent transparent rgba(15,23,42,.96)}.welcome-steps-container{position:relative;overflow:hidden;min-height:400px}.welcome-step{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateX(20px);transition:.4s cubic-bezier(.16, 1, .3, 1)}.welcome-step.active{position:relative;opacity:1;visibility:visible;transform:translateX(0)}.welcome-step.slide-left{transform:translateX(-20px)}.welcome-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.welcome-grid-cards.small-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.welcome-card{background:var(--card);border:2px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-mute);transition:.2s;user-select:none}.welcome-card:hover{border-color:var(--primary);color:var(--text)}.welcome-card.active{border-color:var(--primary);background:rgba(91,95,199,.08);color:var(--primary)}.welcome-avatar-grid{display:flex;gap:12px;justify-content:center;margin-bottom:16px;flex-wrap:wrap;max-height:140px;overflow-y:auto}.welcome-avatar-opt{width:56px;height:56px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:.2s;object-fit:cover}.welcome-avatar-opt:hover{transform:scale(1.1)}.welcome-avatar-opt.active{border-color:var(--primary);transform:scale(1.1);box-shadow:0 4px 12px rgba(91,95,199,.3)}.welcome-input-modern{font-size:18px!important;padding:16px!important;border-radius:12px!important;text-align:center}.welcome-boarding-pass{background:var(--primary-light);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:20px}.bp-header{background:var(--primary);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.bp-label{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.bp-body{padding:20px;text-align:center}.bp-body h3{margin:0 0 4px;font-size:24px;color:var(--text)}.bp-footer{display:flex;border-top:1px dashed var(--border);background:var(--card)}.bp-stat{flex:1;padding:12px;text-align:center;border-right:1px dashed var(--border)}.bp-stat:last-child{border-right:none}.bp-stat-val{display:block;font-size:20px;font-weight:800;color:var(--text)}.bp-stat-label{font-size:12px;color:var(--text-mute);text-transform:uppercase}.pulse-anim{animation:2s infinite pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(91,95,199,.4)}70%{box-shadow:0 0 0 10px rgba(91,95,199,0)}100%{box-shadow:0 0 0 0 rgba(91,95,199,0)}}.welcome-hint{margin-top:8px;font-size:12px;font-weight:700;color:var(--primary);text-align:center;animation:.25s forwards fadeInHint}@keyframes fadeInHint{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ptr-indicator{position:absolute;top:-60px;left:0;width:100%;height:60px;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;will-change:transform,opacity}.ptr-icon-wrap{width:40px;height:40px;border-radius:50%;background-color:var(--surface);box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;transition:transform .2s,background-color .2s}.ptr-ready .ptr-icon-wrap{background-color:var(--primary);color:#fff;transform:scale(1.1)}.ptr-refreshing .ptr-icon-wrap{background-color:var(--primary);color:#fff}.calendar-event-block,.interactive-card,.modal-close,.nav-item,.planner-fab,.setting-item,a[role=button],button{transition:all var(--transition-fast)}.calendar-event-block:active,.interactive-card:active,.modal-close:active,.nav-item:active,.planner-fab:active,button:active{transform:scale(.97);opacity:.9}input,select,textarea{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}@media (max-width:768px){.modal-close,.nav-item,button.icon-only-btn{min-width:var(--tap-target);min-height:var(--tap-target)}}#toast-container{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:99999;pointer-events:none;width:90%;max-width:400px}.toast{background:var(--card);border:1px solid var(--border);color:var(--text-main);padding:12px 16px;border-radius:var(--radius-lg);box-shadow:0 4px 15px rgba(0,0,0,.2);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;pointer-events:auto;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards toastSlideUp;width:100%;box-sizing:border-box}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.warning{border-left:4px solid var(--warning)}.toast.info{border-left:4px solid var(--primary)}html[dir=rtl] .toast.success{border-left:1px solid var(--border);border-right:4px solid var(--success)}html[dir=rtl] .toast.error{border-left:1px solid var(--border);border-right:4px solid var(--danger)}html[dir=rtl] .toast.warning{border-left:1px solid var(--border);border-right:4px solid var(--warning)}html[dir=rtl] .toast.info{border-left:1px solid var(--border);border-right:4px solid var(--primary)}.toast-icon{display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.toast.success .toast-icon i{color:var(--success)}.toast.error .toast-icon i{color:var(--danger)}.toast.warning .toast-icon i{color:var(--warning)}.toast.info .toast-icon i{color:var(--primary)}.toast-text{flex:1;word-break:break-word}.toast.fade-out{animation:.3s forwards toastFadeOut}@keyframes toastSlideUp{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gs-lobby-card,.lib-card,.notif-item,.world-subject-card{content-visibility:auto;contain-intrinsic-size:1px 120px}@keyframes toastFadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}#startup-screen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;z-index:99999;padding:0;margin:0;overflow:hidden;user-select:none;-webkit-user-select:none;transition:opacity .38s cubic-bezier(.4, 0, .2, 1),transform .38s cubic-bezier(.4, 0, .2, 1),visibility .38s}[data-theme=Dark] #startup-screen{background:#0b0f19}#startup-screen.fade-out{opacity:0;transform:scale(1.04);pointer-events:none}.startup-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:30px}.startup-logo-wrap{position:relative;width:104px;height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.startup-logo{width:78px;height:78px;object-fit:contain;animation:.55s cubic-bezier(.16,1,.3,1) both startupLogoIn;filter:drop-shadow(0 10px 28px rgba(91, 95, 199, .28))}@keyframes startupLogoIn{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}.startup-spinner-ring{position:absolute;inset:-4px;border-radius:50%;border:3px solid rgba(91,95,199,.14);border-top-color:var(--primary,#5b5fc7);border-right-color:var(--primary,#5b5fc7);animation:1s cubic-bezier(.5,.1,.4,.9) infinite spinRing}[data-theme=Dark] .startup-spinner-ring{border-color:rgba(255,255,255,.08);border-top-color:#818cf8;border-right-color:#818cf8}.startup-title{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--text-main,#1e293b);text-align:center;letter-spacing:-.01em}[data-theme=Dark] .startup-title{color:#f1f5f9}.startup-status{margin:4px auto 12px;font-size:14px;font-weight:600;color:var(--primary,#5b5fc7);text-align:center;max-width:310px;line-height:1.5;min-height:22px;animation:.35s fadeIn;transition:color .3s}[data-theme=Dark] .startup-status{color:#a5b4fc}.startup-status.hidden{display:none!important}.startup-bar-wrap{width:220px;height:6px;background:rgba(91,95,199,.12);border-radius:999px;overflow:hidden;position:relative;margin:0 auto 12px;animation:.35s fadeIn}[data-theme=Dark] .startup-bar-wrap{background:rgba(255,255,255,.08)}.startup-bar-wrap.hidden{display:none!important}.startup-bar-progress{position:absolute;top:0;left:0;bottom:0;width:20%;background:linear-gradient(90deg,#5b5fc7,#0ea5a0);border-radius:999px;transition:width .45s cubic-bezier(.4, 0, .2, 1)}.startup-detail{margin:0 auto;font-size:12px;font-weight:500;color:var(--text-mute,#94a3b8);text-align:center;max-width:300px;line-height:1.4;min-height:18px;animation:.35s fadeIn}[data-theme=Dark] .startup-detail{color:#94a3b8}.startup-detail.hidden{display:none!important}.startup-skip-btn{margin-top:16px;padding:8px 18px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(91,95,199,.1);color:var(--primary,#5b5fc7);border:1px solid rgba(91,95,199,.22);cursor:pointer;transition:.2s cubic-bezier(.4, 0, .2, 1);animation:.4s fadeIn}.startup-skip-btn:focus-visible,.startup-skip-btn:hover{background:rgba(91,95,199,.18);transform:translateY(-1px)}.startup-skip-btn:active{transform:translateY(0)}[data-theme=Dark] .startup-skip-btn{background:rgba(129,140,248,.12);color:#a5b4fc;border-color:rgba(129,140,248,.26)}[data-theme=Dark] .startup-skip-btn:focus-visible,[data-theme=Dark] .startup-skip-btn:hover{background:rgba(129,140,248,.22)}.startup-skip-btn.hidden{display:none!important}.startup-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));width:100%;animation:.65s cubic-bezier(.16,1,.3,1) .12s both startupFooterIn}@keyframes startupFooterIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}.startup-from{font-size:12px;font-weight:500;letter-spacing:.05em;color:#94a3b8;text-transform:lowercase}[data-theme=Dark] .startup-from{color:#64748b}.startup-brand{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--primary,#5b5fc7);background:linear-gradient(135deg,#5b5fc7,#0ea5a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#account-sync-screen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;z-index:99998;padding:0;margin:0;overflow:hidden;user-select:none;-webkit-user-select:none;transition:opacity .38s cubic-bezier(.4, 0, .2, 1),transform .38s cubic-bezier(.4, 0, .2, 1),visibility .38s}[data-theme=Dark] #account-sync-screen{background:#0b0f19}#account-sync-screen.fade-out{opacity:0;transform:scale(1.03);pointer-events:none}.account-sync-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 24px;box-sizing:border-box}.account-sync-logo-wrap{position:relative;width:104px;height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.account-sync-logo{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(91, 95, 199, .3));animation:2.4s ease-in-out infinite pulseMascot}@keyframes pulseMascot{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.account-sync-spinner-ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid rgba(91,95,199,.14);border-top-color:var(--primary,#5b5fc7);border-right-color:var(--primary,#5b5fc7);animation:1s cubic-bezier(.5,.1,.4,.9) infinite spinRing}[data-theme=Dark] .account-sync-spinner-ring{border-color:rgba(255,255,255,.08);border-top-color:#818cf8;border-right-color:#818cf8}@keyframes spinRing{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.account-sync-title{margin:0 0 8px;font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--text-main,#1e293b);text-align:center}[data-theme=Dark] .account-sync-title{color:#f1f5f9}.account-sync-subtitle{margin:0 0 20px;font-size:14px;font-weight:600;color:var(--primary,#5b5fc7);text-align:center;max-width:320px;line-height:1.5}[data-theme=Dark] .account-sync-subtitle{color:#a5b4fc}.account-sync-bar-wrap{width:220px;height:6px;background:rgba(91,95,199,.12);border-radius:999px;overflow:hidden;position:relative;margin-bottom:14px}[data-theme=Dark] .account-sync-bar-wrap{background:rgba(255,255,255,.08)}.account-sync-bar-progress{position:absolute;top:0;left:0;bottom:0;width:40%;background:linear-gradient(90deg,#5b5fc7,#0ea5a0);border-radius:999px;animation:1.6s ease-in-out infinite syncBarIndeterminate}@keyframes syncBarIndeterminate{0%{left:-40%;width:40%}50%{left:20%;width:60%}100%{left:100%;width:40%}}.account-sync-detail{margin:0;font-size:12px;font-weight:500;color:var(--text-mute,#94a3b8);text-align:center;max-width:300px;line-height:1.4}#login-sync-overlay{text-align:center;padding:8px 0 4px;animation:.3s fadeInOverlay;width:100%}@keyframes fadeInOverlay{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-card.login-syncing>:not(#login-sync-overlay){visibility:hidden;pointer-events:none}.login-card.login-syncing>#login-sync-overlay{visibility:visible;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}#login-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(circle,rgba(var(--primary-rgb),.14) 1px,transparent 1px);background-size:26px 26px;background-position:-4px -4px;z-index:2000;overflow:hidden;transition:background-color .3s}[data-theme=Dark] #login-screen{background-image:radial-gradient(circle,rgba(var(--primary-rgb),.22) 1px,transparent 1px)}#login-screen::before{content:'';position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.1),transparent 70%);bottom:-280px;inset-inline-end:-220px;pointer-events:none}[data-theme=Dark] #login-screen::before{background:radial-gradient(circle,rgba(var(--primary-rgb),.16),transparent 70%)}.login-card{position:relative;z-index:1;max-width:440px;width:92%;padding:44px 38px 38px;background:var(--card,#fff);border-radius:16px;box-shadow:5px 5px 0 rgba(var(--primary-rgb),.1),0 1px 2px rgba(15,23,42,.06);border:1.5px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center;animation:.32s ease-out cardEntrance;color:var(--text);transition:background-color .3s,border-color .3s,box-shadow .3s}[data-theme=Dark] .login-card{background:var(--card,#18181b);box-shadow:5px 5px 0 rgba(var(--primary-rgb),.16),0 1px 2px rgba(0,0,0,.4);border:1.5px solid rgba(var(--primary-rgb),.2)}.login-card p,.login-card span{color:var(--text)}.login-card::after{content:'';position:absolute;top:0;inset-inline-end:0;width:26px;height:26px;background:linear-gradient(135deg,var(--bg-alt,#f1f2f6) 50%,var(--border) 51%);border-radius:0 16px 0 8px;box-shadow:-3px 3px 6px rgba(15,23,42,.12);pointer-events:none}html[dir=rtl] .login-card::after{transform:scaleX(-1)}[data-theme=Dark] .login-card::after{background:linear-gradient(135deg,rgba(255,255,255,.08) 50%,rgba(var(--primary-rgb),.25) 51%);box-shadow:-3px 3px 6px rgba(0,0,0,.35)}@keyframes cardEntrance{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-card .logo-icon{margin-bottom:8px}.login-card h2{font-family:Fraunces,serif;font-optical-sizing:auto;font-size:26px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin-bottom:6px}.login-card p.mute{font-family:'Work Sans',sans-serif;font-size:13.5px;margin-bottom:26px;color:var(--text-mute)}#login-lang-selector{width:100%;margin-bottom:20px}#login-lang-select{width:100%;padding:11px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg-alt);color:var(--text);font-size:13px;font-weight:500;margin-bottom:0;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;appearance:none}[data-theme=Dark] #login-lang-select{border-color:rgba(var(--primary-rgb),.25);background:rgba(var(--primary-rgb),.07)}#login-lang-select option{background:var(--card);color:var(--text)}#login-lang-select:hover{border-color:var(--primary)}#login-lang-select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.auth-tabs{display:flex;width:100%;background:0 0;padding:0;border-radius:0;margin-bottom:26px;gap:6px;position:relative;border:none;border-bottom:1.5px solid var(--border);transition:border-color .3s}.auth-tab{flex:1;padding:9px 10px 11px;border:none;border-radius:8px 8px 0 0;background:0 0;color:var(--text-mute);font-family:'Work Sans',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:color .2s,background-color .2s;position:relative;z-index:1;margin-bottom:-1.5px;border-bottom:1.5px solid transparent}.auth-tab:hover:not(.active){color:var(--text)}.auth-tab.active{background:rgba(var(--primary-rgb),.08);color:var(--primary);border-bottom:1.5px solid var(--primary)}#auth-fields{width:100%}#auth-fields input,.auth-sub-panel input{width:100%;text-align:left;background:var(--bg-alt);border:1.5px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;font-size:14px;font-family:'Work Sans',sans-serif;margin-bottom:12px;transition:border-color .2s,box-shadow .2s,background .2s,color .2s}[data-theme=Dark] #auth-fields input,[data-theme=Dark] .auth-sub-panel input{background:rgba(255,255,255,.05);border-color:rgba(var(--primary-rgb),.2)}#auth-fields input::placeholder,.auth-sub-panel input::placeholder{color:var(--text-mute);opacity:.7}#auth-fields input:focus,.auth-sub-panel input:focus{outline:0;border-color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary);background:var(--card)}html[dir=rtl] #auth-fields input{text-align:right}.password-group{position:relative;width:100%}.password-group input{padding-right:48px;margin-bottom:10px}html[dir=rtl] .password-group input{padding-right:14px;padding-left:48px}#toggle-password,#toggle-reset-password{position:absolute;right:14px;top:38%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:var(--text-mute);font-size:15px;padding:5px 6px;border-radius:8px;transition:color .2s,background .2s}html[dir=rtl] #toggle-password,html[dir=rtl] #toggle-reset-password{right:auto;left:14px}#toggle-password:hover,#toggle-reset-password:hover{color:var(--primary);background:var(--primary-light)}.login-card .primary-btn{width:100%;padding:13px;font-size:15px;font-weight:700;font-family:'Work Sans',sans-serif;border-radius:11px;margin-bottom:10px;background:var(--primary);box-shadow:3px 3px 0 rgba(var(--primary-rgb),.3);transition:transform .15s,box-shadow .15s;color:#fff;border:none}.login-card .primary-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 rgba(var(--primary-rgb),.35)}.login-card .primary-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(var(--primary-rgb),.3)}.google-auth-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;margin-bottom:10px;background:var(--card);border:1.5px solid var(--border);color:var(--text);font-weight:600;border-radius:11px;transition:border-color .2s,background .2s,transform .15s,color .2s;font-family:'Work Sans',sans-serif;font-size:14px;cursor:pointer}.google-auth-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}[data-theme=Dark] .google-auth-btn{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.14);box-shadow:none}[data-theme=Dark] .google-auth-btn:hover{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.08);color:var(--text)}.google-auth-btn i{font-size:16px}#do-signup-btn{width:100%;padding:13px;font-size:15px;border-radius:11px;margin-bottom:0;background:var(--primary-light);color:var(--primary);border:1.5px solid rgba(var(--primary-rgb),.25);font-family:'Work Sans',sans-serif;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}#do-signup-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}#do-signup-btn:active{transform:scale(.98)}#work-offline-btn{width:100%;margin-top:4px!important;color:var(--text);font-size:13px;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:10px;transition:color .2s,border-color .2s,background .2s;cursor:pointer;font-family:'Work Sans',sans-serif;font-weight:500}#work-offline-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--card)}[data-theme=Dark] #work-offline-btn{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18)}[data-theme=Dark] #work-offline-btn:hover{color:var(--text);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.error-text{color:var(--danger);font-size:13px;margin-top:12px;padding:11px 14px;background:var(--danger-light);border-radius:12px;border:1px solid rgba(239,68,68,.25);width:100%;text-align:left;animation:.4s cubic-bezier(.36,.07,.19,.97) shakeIn}[data-theme=Dark] .error-text{color:#fca5a5;background:rgba(239,68,68,.15)}@keyframes shakeIn{0%{opacity:0;transform:translateX(0)}20%{opacity:1;transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}100%{transform:translateX(0)}}html[dir=rtl] .error-text{text-align:right}.forgot-link-row{text-align:right;margin-top:2px;margin-bottom:2px}html[dir=rtl] .forgot-link-row{text-align:left}.forgot-link{background:0 0;border:none;color:var(--primary);font-size:12.5px;font-weight:600;font-family:'Work Sans',sans-serif;cursor:pointer;padding:2px 0;transition:opacity .2s;text-decoration:underline;text-underline-offset:2px}.forgot-link:hover{opacity:.7}.auth-sub-panel{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px;animation:.28s ease-out cardEntrance}.auth-sub-panel-back{margin:0;text-align:left}html[dir=rtl] .auth-sub-panel-back{text-align:right}.back-link{background:0 0;border:none;color:var(--text-mute);font-size:13px;font-weight:600;font-family:'Work Sans',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 0;transition:color .2s,transform .15s}.back-link:hover{color:var(--primary);transform:translateX(-2px)}html[dir=rtl] .back-link:hover{transform:translateX(2px)}.auth-sub-title{font-family:Fraunces,serif;font-optical-sizing:auto;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin:0;text-align:left}html[dir=rtl] .auth-sub-title{text-align:right}.auth-sub-desc{font-size:13px;color:var(--text-mute);margin:0;line-height:1.5;text-align:left}html[dir=rtl] .auth-sub-desc{text-align:right}#reset-otp{text-align:center;letter-spacing:8px;font-size:22px;font-weight:700;font-family:'Space Mono',monospace;border-radius:10px;transition:border-color .2s,box-shadow .2s}#reset-otp:focus{box-shadow:inset 0 -2px 0 var(--primary)}@keyframes shimmerSweep{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}@keyframes softGlowPulse{0%,100%{box-shadow:0 0 0 0 var(--glow-pulse-color,rgba(16,185,129,.35))}50%{box-shadow:0 0 16px 3px var(--glow-pulse-color,rgba(16,185,129,.35))}}@keyframes popIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes sparkleTwinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes gentleFloatIn{0%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.db-quest-reroll{width:38px;height:38px;min-width:38px;min-height:38px;flex:0 0 38px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text-mute);cursor:pointer;font-size:14px;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.db-quest-reroll:active,.db-quest-reroll:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light);transform:rotate(160deg) scale(1.08);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.db-quest-reroll:active{transform:rotate(200deg) scale(.95)}.db-quest-reroll:disabled{opacity:.45;cursor:not-allowed;transform:none}.db-hud{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0,color-mix(in srgb,var(--primary) 70%,var(--secondary)) 100%);border-radius:22px;padding:20px 22px;margin-bottom:16px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 25px -5px rgba(5,150,105,.25),0 4px 10px -2px rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.18)}.db-hud::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);pointer-events:none}.db-hud-avatar{flex-shrink:0;position:relative;z-index:1}.db-hud-avatar-ring{width:64px;height:64px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#fcd34d,#f59e0b,#b45309,#f59e0b,#fcd34d);box-shadow:0 0 18px rgba(245,158,11,.45),0 4px 12px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.175, .885, .32, 1.275),box-shadow .3s;animation:3.2s ease-in-out infinite softGlowPulse;--glow-pulse-color:rgba(245, 158, 11, 0.5)}.db-hud:hover .db-hud-avatar-ring{transform:scale(1.06) rotate(-4deg)}.db-hud-avatar-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid rgba(0,0,0,.25);background:#0f172a}.db-hud{transition:transform var(--transition-smooth, .25s ease),box-shadow var(--transition-smooth, .25s ease)}.db-hud:hover{transform:translateY(-2px);box-shadow:0 14px 30px -6px rgba(5,150,105,.32),0 4px 10px -2px rgba(0,0,0,.08)}.db-hud-info{flex:1;min-width:0;position:relative;z-index:1}.db-hud-name{font-family:Sora,sans-serif;font-size:20px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.2)}.db-hud-rank-row{margin-bottom:8px;display:flex;align-items:center;gap:6px}.db-hud-rank,.db-hud-rank-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:2px 9px;border-radius:99px;letter-spacing:.2px;border:1px solid rgba(255,255,255,.2);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-hud-rank-pill i{color:#fcd34d;font-size:10.5px}.db-hud-xp-track{height:8px;background:rgba(0,0,0,.22);border-radius:99px;overflow:hidden;margin-bottom:4px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.db-hud-xp-fill{position:relative;height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:99px;transition:width .8s cubic-bezier(.16, 1, .3, 1);width:0%;box-shadow:0 0 10px rgba(245,158,11,.6);overflow:hidden}.db-hud-xp-fill::after{content:'';position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:2.6s ease-in-out infinite shimmerSweep}.db-hud-xp-label{font-size:11px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.2px}.db-hud-badges{display:flex;gap:8px;align-items:center;flex-shrink:0;position:relative;z-index:1}.db-hud-streak{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0;padding:8px 12px;min-height:48px;border-radius:14px;background:rgba(0,0,0,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .2s}.db-hud-streak i{font-size:18px;color:#f59e0b;filter:drop-shadow(0 0 5px rgba(245, 158, 11, .6));transition:transform .2s}.db-hud-streak span{font-family:Sora,sans-serif;font-size:16px;font-weight:800;color:#fff;line-height:1}.db-hud-streak:hover{transform:translateY(-2px) scale(1.03)}.db-hud-streak.on-fire{background:linear-gradient(135deg,rgba(239,68,68,.35),rgba(245,158,11,.25));border-color:rgba(245,158,11,.5);animation:2.2s ease-in-out infinite softGlowPulse;--glow-pulse-color:rgba(239, 68, 68, 0.4)}.db-hud-streak.on-fire i{animation:.75s ease-in-out infinite alternate fireFlicker}.db-hud-freeze{display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(14,165,233,.12);color:var(--text);padding:8px 12px;min-height:44px;border-radius:12px;font-weight:600;font-size:13.5px;border:1px solid rgba(14,165,233,.25);cursor:pointer;transition:background .15s,transform .15s}.db-hud-freeze i{color:#0284c7;font-size:15px}[data-theme=Dark] .db-hud-freeze{background:rgba(14,165,233,.15);border-color:rgba(56,189,248,.3)}[data-theme=Dark] .db-hud-freeze i{color:#38bdf8}.db-hud-freeze span{font-family:inherit}.db-hud-freeze:hover{transform:translateY(-1px);background:rgba(14,165,233,.2)}.db-hud-freeze:active{transform:scale(.97)}@keyframes fireFlicker{from{transform:scale(1);filter:drop-shadow(0 0 4px rgba(245, 158, 11, .6))}to{transform:scale(1.18);filter:drop-shadow(0 0 10px rgba(239, 68, 68, .85))}}.db-mission-card{margin-bottom:16px;padding:18px 20px;background:var(--card);border:1.5px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.04),0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent);position:relative;overflow:hidden;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth)}.db-mission-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px -6px rgba(0,0,0,.1),0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.db-mission-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));background-size:200% 100%;opacity:.85;animation:4s linear infinite gradientDrift}@keyframes gradientDrift{0%{background-position:0 0}100%{background-position:200% 0}}.db-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.db-focus-eyebrow{margin-bottom:4px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--primary);display:inline-flex;align-items:center;gap:5px}.db-focus-eyebrow i{font-size:10px}.db-focus-subject{font-family:Sora,sans-serif;font-size:20px;font-weight:800;line-height:1.25;color:var(--text);margin:2px 0 0}.db-focus-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:800;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);flex-shrink:0}.db-focus-task{margin-top:12px;font-size:14px;font-weight:600;line-height:1.5;color:var(--text);background:var(--progress-bg);padding:10px 14px;border-radius:12px;border-inline-start:3.5px solid var(--primary)}.db-focus-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.db-focus-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--text);font-size:11.5px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.03);transition:transform .15s,border-color .15s}.db-focus-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.db-focus-chip i{color:var(--primary);font-size:11px}.db-focus-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.db-focus-actions .primary-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 20px;border-radius:12px;font-size:14.5px;font-weight:600;letter-spacing:.1px;gap:8px;margin-top:0!important;background:var(--primary);color:#fff;border:none;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s}.db-focus-actions .primary-btn i{font-size:13px;color:currentColor;transition:transform .15s}.db-focus-actions .primary-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(91,95,199,.25)}.db-focus-actions .primary-btn:active{transform:scale(.98);box-shadow:0 1px 2px rgba(0,0,0,.1)}[data-theme=Dark] .db-focus-actions .primary-btn{background:var(--primary);box-shadow:0 2px 6px rgba(0,0,0,.3)}[data-theme=Dark] .db-focus-actions .primary-btn:hover{background:var(--primary-hover);box-shadow:0 4px 14px rgba(0,0,0,.4)}.db-mission-card.empty{text-align:center;padding:24px 16px}.db-mission-card.empty .empty-state-cta{margin-top:14px!important;min-height:44px;padding:0 20px}.db-stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.db-stat-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px 6px;min-height:68px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.db-stat-pill:hover{transform:translateY(-3px);box-shadow:0 8px 18px -4px rgba(0,0,0,.1);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.db-stat-pill:active{transform:scale(.96);border-color:var(--primary)}.db-stat-icon-wrap{display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;transition:transform .25s cubic-bezier(.34, 1.56, .64, 1)}.db-stat-pill:hover .db-stat-icon-wrap{transform:scale(1.2) rotate(-6deg)}.streak-icon-wrap{color:#ef4444}.session-icon-wrap{color:#f59e0b}.db-stat-val{font-family:Sora,sans-serif;font-size:19px;font-weight:800;color:var(--text);line-height:1}.db-stat-lbl{font-size:10px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;line-height:1}.db-stat-ring-pill{padding:10px 6px}.db-stat-ring-mini{position:relative;width:30px;height:30px;flex-shrink:0}.db-stat-ring-mini svg{width:30px;height:30px;transform:rotate(-90deg)}.db-stat-ring-mini .dbr-track{stroke:var(--progress-bg)}.db-stat-ring-mini .dbr-fill{transition:stroke-dashoffset .9s cubic-bezier(.16, 1, .3, 1)}.db-stat-ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-size:8.5px;font-weight:800;color:var(--text)}.db-mascot-card{display:flex;flex-direction:column;gap:12px;position:relative;overflow:visible!important;background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:box-shadow .25s,border-color .25s}.db-mascot-card:hover{box-shadow:0 8px 22px -6px rgba(0,0,0,.1);border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}.db-mascot-bubble{position:relative;background:color-mix(in srgb,var(--primary) 8%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:16px;padding:12px 16px;font-size:13.5px;font-weight:700;color:var(--text);line-height:1.45;animation:.35s cubic-bezier(.16,1,.3,1) gentleFloatIn,4s ease-in-out .35s infinite floatBubble;box-shadow:0 2px 8px rgba(0,0,0,.03)}.db-mascot-bubble::after{content:'';position:absolute;bottom:-9px;left:36px;border-width:9px 9px 0;border-style:solid;border-color:color-mix(in srgb,var(--primary) 8%,var(--card)) transparent;display:block;width:0}.db-mascot-bubble::before{content:'';position:absolute;bottom:-11px;left:35px;border-width:10px 10px 0;border-style:solid;border-color:color-mix(in srgb,var(--primary) 28%,transparent) transparent;display:block;width:0;z-index:-1}[data-theme=Dark] .db-mascot-bubble{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.28);color:#f1f5f9}[data-theme=Dark] .db-mascot-bubble::after{border-color:#1a2522 transparent}.db-mascot-content{display:flex;align-items:center;gap:14px;position:relative;overflow:visible}.db-mascot-img-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;flex-shrink:0;border-radius:18px;background:var(--progress-bg);border:1px solid var(--border);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.175, .885, .32, 1.275),background .2s,box-shadow .25s}.db-mascot-img-wrap:hover{transform:scale(1.05);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 12%,transparent)}.db-mascot-img-wrap:active{transform:scale(.92)}.db-mascot-img{width:100%;height:100%;object-fit:contain;flex-shrink:0;transition:transform .3s}.db-mascot-card:hover .db-mascot-img{transform:scale(1.08) rotate(4deg)}.db-mascot-info{flex:1;min-width:0}.db-mascot-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}#db-mascot-name{font-family:Sora,sans-serif;font-size:16px;font-weight:800;color:var(--text);margin:0}.db-mascot-level-pill,.db-mascot-level-text{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:800;color:var(--accent);background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);white-space:nowrap}.db-mascot-xp-bar{height:7px;background:var(--progress-bg);border-radius:99px;overflow:hidden;margin-bottom:4px;border:1px solid var(--border)}.db-mascot-xp-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:99px;width:0%;overflow:hidden;transition:width .6s cubic-bezier(.34, 1.56, .64, 1)}.db-mascot-xp-fill::after{content:'';position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:2.8s ease-in-out infinite shimmerSweep}.db-mascot-xp-label{font-size:11px;font-weight:700;color:var(--text-mute)}[dir=rtl] .db-quest-item:hover,[dir=rtl] .db-todo-item:hover,html[dir=rtl] .db-quest-item:hover,html[dir=rtl] .db-todo-item:hover{transform:translateX(-2px)}[dir=rtl] .db-mascot-bubble::after,html[dir=rtl] .db-mascot-bubble::after{left:auto;right:36px}[dir=rtl] .db-mascot-bubble::before,html[dir=rtl] .db-mascot-bubble::before{left:auto;right:35px}.db-mascot-card.suppress-tooltip::after,.db-mascot-card:has(#db-mascot-img:active)::after,.db-mascot-card:has(#db-mascot-img:hover)::after,.db-mascot-card:has(.db-mascot-img-wrap:active)::after,.db-mascot-card:has(.db-mascot-img-wrap:hover)::after{opacity:0!important;visibility:hidden!important;transform:translateX(-50%) translateY(6px)!important;pointer-events:none!important}html[dir=rtl] .db-mascot-card.suppress-tooltip::after,html[dir=rtl] .db-mascot-card:has(#db-mascot-img:active)::after,html[dir=rtl] .db-mascot-card:has(#db-mascot-img:hover)::after,html[dir=rtl] .db-mascot-card:has(.db-mascot-img-wrap:active)::after,html[dir=rtl] .db-mascot-card:has(.db-mascot-img-wrap:hover)::after{opacity:0!important;visibility:hidden!important;transform:translateX(50%) translateY(6px)!important;pointer-events:none!important}.db-quests-card{margin-bottom:16px;border-radius:20px;padding:18px 20px}.db-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.db-card-title{font-family:Sora,sans-serif;font-size:16px;font-weight:800;color:var(--text);display:flex;align-items:center}.db-count-badge{font-size:11px;font-weight:800;padding:4px 11px;border-radius:99px;background:var(--primary-light);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.db-quest-motivation{font-size:13px;font-weight:700;color:var(--accent);margin-bottom:12px}.db-quest-list{margin:12px 0;display:flex;flex-direction:column;gap:8px}.db-quest-item{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:52px;background:var(--progress-bg);border-radius:14px;border:1px solid var(--border);transition:.2s}.db-quest-item:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));transform:translateX(2px)}.db-quest-item.completed{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.06)}.db-quest-icon{font-size:18px;color:var(--text-mute);flex-shrink:0;transition:color .2s,transform .2s}.db-quest-item.completed .db-quest-icon{color:#10b981;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn}.db-quest-info{flex:1;min-width:0}.db-quest-name{font-size:13.5px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.db-quest-item.completed .db-quest-name{text-decoration:line-through;color:var(--text-mute)}.db-quest-desc{font-size:11px;color:var(--text-mute);margin:2px 0 0;line-height:1.35}.db-quest-reward{display:inline-flex;align-items:center;gap:4px;background:rgba(245,158,11,.12);color:var(--accent);padding:4px 9px;border-radius:8px;font-size:11px;font-weight:800;flex-shrink:0}.db-quest-item.completed .db-quest-reward{animation:.4s cubic-bezier(.175,.885,.32,1.275) 50ms backwards popIn;background:rgba(16,185,129,.12);color:#10b981}.db-quest-item.locked{opacity:.6;border-color:var(--border);background:var(--progress-bg)}.db-quest-item.locked .db-quest-icon{color:var(--danger)}.db-quest-item.locked .db-quest-reward{background:rgba(239,68,68,.12);color:var(--danger)}.db-quest-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ddot{width:26px;height:26px;border-radius:50%;background:var(--progress-bg);border:2px solid var(--border);transition:background .3s,border-color .3s,transform .25s;display:flex;align-items:center;justify-content:center}.ddot.done{background:var(--primary);border-color:var(--primary);transform:scale(1.1);animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 0 8px color-mix(in srgb,var(--primary) 45%,transparent)}.db-goal-track{height:6px;background:var(--progress-bg);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.db-goal-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:99px;transition:width .5s cubic-bezier(.16, 1, .3, 1);width:0%;overflow:hidden}.db-goal-fill::after{content:'';position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:2.6s ease-in-out infinite shimmerSweep}.db-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.db-bottom>*{min-width:0;max-width:100%;box-sizing:border-box}.db-upnext-card,.db-week-card{border-radius:20px;padding:18px 20px;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.db-week-pill{font-size:11px;font-weight:700;color:var(--text-mute);background:var(--progress-bg);padding:4px 10px;border-radius:99px;border:1px solid var(--border)}.db-todo-list{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}.db-todo-empty{text-align:center;padding:28px 0;color:var(--text-mute);font-size:13.5px;font-weight:600}.db-todo-item{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:52px;border-radius:14px;background:var(--progress-bg);border:1px solid var(--border);cursor:pointer;user-select:none;min-width:0;max-width:100%;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.db-todo-item:hover{border-color:var(--primary);background:var(--primary-light);transform:translateX(2px);box-shadow:0 4px 12px -4px rgba(0,0,0,.08)}.db-todo-item:active{transform:scale(.98);border-color:var(--primary);background:var(--primary-light)}.db-todo-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.db-todo-body{flex:1;min-width:0;overflow:hidden}.db-todo-name{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;max-width:100%}.db-todo-meta{font-size:11px;color:var(--text-mute);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.db-todo-badge{font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:99px;flex-shrink:0;white-space:nowrap}.db-week-bars{display:flex;align-items:flex-end;gap:6px;height:96px;margin-bottom:14px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.db-bar-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden}.db-bar-fill{width:100%;border-radius:6px 6px 0 0;min-height:5px;background:var(--primary);opacity:.85;transform-origin:bottom;animation:.4s cubic-bezier(.16,1,.3,1) gentleFloatIn;transition:height .5s cubic-bezier(.16, 1, .3, 1),opacity .2s,filter .2s}.db-bar-col:hover .db-bar-fill{opacity:1;filter:brightness(1.1)}.db-bar-fill.active{opacity:1;background:var(--primary)}.db-bar-fill.today{background:linear-gradient(180deg,#f59e0b,#d97706);opacity:1;box-shadow:0 -2px 10px rgba(245,158,11,.4);animation:.4s cubic-bezier(.16,1,.3,1) gentleFloatIn,2.4s ease-in-out infinite todayBarGlow}@keyframes todayBarGlow{0%,100%{box-shadow:0 -2px 10px rgba(245,158,11,.4)}50%{box-shadow:0 -2px 18px rgba(245,158,11,.65)}}.db-bar-fill.empty{background:var(--border);opacity:.6}.db-bar-fill.freeze{background:linear-gradient(180deg,rgba(125,211,252,.95),rgba(56,189,248,.7));opacity:1;display:flex;align-items:center;justify-content:center;border:1px solid rgba(125,211,252,.6);box-shadow:0 0 10px rgba(125,211,252,.4)}.db-bar-freeze-icon{font-size:9px;color:#fff;pointer-events:none}.db-bar-lbl{font-size:11px;color:var(--text-mute);font-weight:700}.db-week-legend{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--border)}.db-wl-row{display:flex;align-items:center;gap:8px}.db-wl-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0}.db-wl-name{font-size:12px;font-weight:600;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-wl-count{font-size:11px;font-weight:700;color:var(--text-mute)}.streak-autofreeze-banner,.streak-repair-banner,.streak-risk-banner{grid-column:1/-1;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.streak-risk-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:12px;border-radius:12px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25)}.streak-risk-banner.hidden{display:none}.streak-risk-icon{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(245,158,11,.15);color:var(--accent);font-size:15px}.streak-risk-body{flex:1;min-width:0;overflow:hidden}.streak-risk-msg{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.35;word-break:break-word;overflow-wrap:break-word}.streak-risk-action{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;min-height:36px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:background .15s,transform .15s;white-space:nowrap}.streak-risk-action:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 2px 6px rgba(245,158,11,.3)}.streak-risk-action:active{transform:scale(.97)}.streak-autofreeze-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-top:12px;border-radius:14px;background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(56,189,248,.08));border:1px solid rgba(56,189,248,.4);box-shadow:0 4px 14px rgba(14,165,233,.12);animation:.3s ease-out fadeIn}.streak-autofreeze-banner.hidden{display:none}.streak-autofreeze-icon{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(14,165,233,.22);color:#38bdf8;font-size:16px;animation:2.4s ease-in-out infinite softGlowPulse;--glow-pulse-color:rgba(56, 189, 248, 0.4)}.streak-autofreeze-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.streak-autofreeze-title{font-size:12.5px;font-weight:800;color:#38bdf8}.streak-autofreeze-desc{font-size:11.5px;color:var(--text);font-weight:600;line-height:1.4}.streak-autofreeze-btn{flex-shrink:0;width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;border:1px solid rgba(56,189,248,.35);background:rgba(56,189,248,.15);color:#38bdf8;display:grid;place-items:center;cursor:pointer;transition:.2s}.streak-autofreeze-btn:active,.streak-autofreeze-btn:hover{background:rgba(56,189,248,.3);transform:scale(1.08);box-shadow:0 0 0 6px rgba(56,189,248,.15)}.streak-repair-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-top:12px;border-radius:14px;background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(245,158,11,.08));border:1px solid rgba(168,85,247,.38);box-shadow:0 4px 14px rgba(168,85,247,.1);animation:.3s ease-out fadeIn}.streak-repair-banner.hidden{display:none}.streak-repair-icon{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(168,85,247,.22);color:#a855f7;font-size:16px;animation:2.4s ease-in-out infinite softGlowPulse;--glow-pulse-color:rgba(168, 85, 247, 0.4)}.streak-repair-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.streak-repair-title{font-size:12.5px;font-weight:800;color:#a855f7}.streak-repair-desc{font-size:11.5px;color:var(--text);font-weight:600;line-height:1.4}.streak-repair-action{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 14px;min-height:40px;border-radius:10px;border:1px solid rgba(168,85,247,.5);background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(245,158,11,.2));color:var(--text);font-size:11.5px;font-weight:800;cursor:pointer;transition:.2s;white-space:nowrap}.streak-repair-action:active:not(:disabled),.streak-repair-action:hover:not(:disabled){background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(245,158,11,.3));transform:translateY(-1px)}@keyframes riskPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.2)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}@keyframes floatBubble{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.db-mascot-img.mascot-idle{animation:3.5s ease-in-out infinite mascotIdleFloat}@keyframes mascotIdleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.db-mascot-img.mascot-shake{animation:.4s ease-in-out mascotShake}@keyframes mascotShake{0%,100%{transform:scale(1) translateX(0)}20%,60%{transform:scale(1.1) translateX(-6px) rotate(-3deg)}40%,80%{transform:scale(1.1) translateX(6px) rotate(3deg)}}.db-mascot-img.mascot-bounce{animation:.5s mascotWiggle}@keyframes mascotWiggle{0%,100%{transform:scale(1) rotate(0)}20%{transform:scale(1.15) rotate(-8deg)}40%{transform:scale(1.15) rotate(8deg)}60%{transform:scale(1.15) rotate(-4deg)}80%{transform:scale(1.15) rotate(4deg)}}.db-mascot-bubble.bubble-pop{animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards bubblePop;transform-origin:left bottom}[dir=rtl] .db-mascot-bubble.bubble-pop,html[dir=rtl] .db-mascot-bubble.bubble-pop{transform-origin:right bottom}@keyframes bubblePop{0%{transform:scale(.88);opacity:0}100%{transform:scale(1);opacity:1}}.db-mascot-card.entry-slide{animation:.5s cubic-bezier(.16,1,.3,1) forwards mascotEntrySlide}@keyframes mascotEntrySlide{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}#streak-freeze-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,15,30,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:.25s ease-out fadeIn}.freeze-modal-card{position:relative;width:100%;max-width:420px;background:color-mix(in srgb,var(--card) 95%,#0284c7 5%);border:1.5px solid rgba(56,189,248,.35);border-radius:var(--radius-lg,24px);padding:26px 20px 20px;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(14,165,233,.2);text-align:center;overflow:hidden;animation:.35s cubic-bezier(.175,.885,.32,1.275) freezeModalPop}@keyframes freezeModalPop{from{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.freeze-modal-state{display:flex;flex-direction:column;align-items:center;gap:12px}.freeze-modal-mascot{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(14, 165, 233, .35));animation:3s ease-in-out infinite mascotIdle}.freeze-modal-icon-badge{position:relative;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-top:-14px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.freeze-modal-icon-badge--active{background:linear-gradient(135deg,#0ea5e9 0,#38bdf8 100%);color:#fff;box-shadow:0 0 24px rgba(56,189,248,.6);border:2px solid #e0f2fe;animation:2.2s ease-in-out infinite softGlowPulse;--glow-pulse-color:rgba(56, 189, 248, 0.55)}.freeze-modal-icon-badge--warn{background:linear-gradient(135deg,#ef4444 0,#f97316 100%);color:#fff;box-shadow:0 0 24px rgba(239,68,68,.5);border:2px solid #fee2e2;animation:1.6s ease-in-out infinite softGlowPulse;--glow-pulse-color:rgba(239, 68, 68, 0.55)}.freeze-modal-card h2{font-size:20px;font-weight:800;color:var(--text);margin:4px 0 0;line-height:1.3}.freeze-modal-desc{font-size:14px;line-height:1.5;color:var(--text-mute);margin:0;padding:0 8px}.freeze-modal-actions{display:flex;gap:10px;width:100%;margin-top:12px}.freeze-btn-fire,.freeze-btn-ice{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:10px;font-weight:600!important;font-size:13.5px;cursor:pointer;border:none!important;transition:background .15s,transform .15s!important}.freeze-btn-ice{background:#0284c7!important;color:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.freeze-btn-ice:hover{background:#0369a1!important;transform:translateY(-1px);box-shadow:0 3px 8px rgba(2,132,199,.25)!important}.freeze-btn-ice:active{transform:scale(.98)}.freeze-btn-fire{background:var(--danger)!important;color:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.freeze-btn-fire:hover{background:#dc2626!important;transform:translateY(-1px);box-shadow:0 3px 8px rgba(239,68,68,.25)!important}.freeze-btn-fire:active{transform:scale(.98)}.mascot-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:12px}.mascot-shop-item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s}.mascot-shop-item:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 20px -6px rgba(0,0,0,.12)}.mascot-shop-item img{width:64px;height:64px;object-fit:contain;transition:transform .25s cubic-bezier(.175, .885, .32, 1.275)}.mascot-shop-item:hover img{transform:scale(1.1) rotate(-4deg)}.mascot-shop-item .look-name{font-weight:700;font-size:13px;color:var(--text)}.mascot-shop-item .look-cost{font-size:11px;font-weight:600;color:#f59e0b;display:flex;align-items:center;gap:4px}.mascot-shop-item button{width:100%;font-size:11px;padding:8px;border-radius:8px;font-weight:700;justify-content:center}@media (max-width:768px){.db-bottom{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:100%}.db-hud{padding:18px;gap:14px;border-radius:18px}.db-hud-avatar-ring{width:58px;height:58px}.db-hud-name{font-size:18px}.db-mission-card{padding:16px 18px;border-radius:18px}.db-focus-subject{font-size:19px}}@media (max-width:480px){.db-hud{padding:15px 14px;gap:12px;border-radius:18px;margin-bottom:12px}.db-hud-avatar-ring{width:52px;height:52px;padding:2.5px}.db-hud-name{font-size:16.5px;margin-bottom:2px}.db-hud-rank-pill{font-size:10.5px;padding:2px 7px}.db-hud-xp-track{height:7px;margin-bottom:3px}.db-hud-xp-label{font-size:10.5px}.db-hud-badges{gap:6px}.db-hud-streak{padding:6px 9px;min-height:44px;border-radius:12px}.db-hud-streak i{font-size:16px}.db-hud-streak span{font-size:15px}.db-hud-freeze{padding:6px 9px;min-height:44px;font-size:12.5px;border-radius:12px}.db-hud-freeze i{font-size:14px}.db-mission-card{padding:16px 14px;border-radius:18px;margin-bottom:12px}.db-focus-subject{font-size:17.5px}.db-focus-badge{font-size:10.5px;padding:4px 10px}.db-focus-task{margin-top:10px;padding:9px 12px;font-size:13px}.db-focus-meta{gap:5px;margin-top:10px}.db-focus-chip{font-size:11px;padding:4px 9px}.db-focus-actions{margin-top:12px}.db-focus-actions .primary-btn{min-height:46px;font-size:14px;border-radius:12px}.db-stats-strip{gap:6px;margin-bottom:12px}.db-stat-pill{padding:10px 4px;border-radius:14px;min-height:64px;gap:3px}.db-stat-val{font-size:17px}.db-stat-lbl{font-size:9.5px}.db-stat-ring-mini,.db-stat-ring-mini svg{width:26px;height:26px}.db-stat-ring-num{font-size:7.5px}.db-mascot-card{padding:14px;border-radius:18px;margin-bottom:12px;gap:10px}.db-mascot-bubble{padding:10px 14px;font-size:12.5px;border-radius:14px}.db-mascot-content{gap:12px}.db-mascot-img-wrap{width:62px;height:62px;border-radius:16px}#db-mascot-name{font-size:15px}.db-mascot-level-pill{font-size:10.5px;padding:2px 7px}.db-mascot-xp-bar{height:6px}.db-mascot-xp-label{font-size:10px}.db-quests-card{padding:16px 14px;border-radius:18px;margin-bottom:12px}.db-quest-item{padding:10px 12px;min-height:48px;border-radius:12px;gap:10px}.db-quest-name{font-size:13px}.db-quest-desc{font-size:10.5px}.db-quest-reroll{width:44px;height:44px;min-width:44px;min-height:44px}.db-bottom{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:100%}.db-upnext-card,.db-week-card{padding:16px 14px;border-radius:18px;min-width:0;max-width:100%;box-sizing:border-box}.db-todo-item{padding:11px 12px;min-height:48px;border-radius:12px;gap:10px;min-width:0;max-width:100%;box-sizing:border-box}.db-todo-name{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.db-todo-meta{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.db-week-bars{height:84px;gap:4px;margin-bottom:10px;min-width:0;width:100%;max-width:100%}.db-bar-lbl{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}}@media (max-width:380px){.db-hud{padding:12px 10px;gap:10px;border-radius:16px}.db-hud-avatar-ring{width:48px;height:48px}.db-hud-name{font-size:15px}.db-hud-freeze,.db-hud-streak{padding:5px 7px;min-height:40px}.db-hud-streak span{font-size:13.5px}.db-stats-strip{gap:5px}.db-stat-pill{padding:8px 2px;min-height:60px}.db-stat-val{font-size:15px}.db-stat-lbl{font-size:8.5px}.db-focus-subject{font-size:16px}.db-card-title{font-size:14.5px}.db-count-badge,.db-week-pill{font-size:10px;padding:3px 8px}}[dir=rtl] .db-focus-actions .primary-btn,[dir=rtl] .db-focus-chip,[dir=rtl] .db-focus-eyebrow,[dir=rtl] .db-focus-head,html[dir=rtl] .db-focus-actions .primary-btn,html[dir=rtl] .db-focus-chip,html[dir=rtl] .db-focus-eyebrow,html[dir=rtl] .db-focus-head{flex-direction:row-reverse}[dir=rtl] .db-focus-subject,[dir=rtl] .db-focus-task,html[dir=rtl] .db-focus-subject,html[dir=rtl] .db-focus-task{text-align:right}[dir=rtl] .db-focus-meta,html[dir=rtl] .db-focus-meta{flex-direction:row-reverse}.an-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.an-hero-section{position:relative;overflow:hidden;background:var(--primary);border-radius:22px;padding:24px 26px;margin-bottom:20px;display:flex;align-items:center;gap:20px}.an-hero-section::before{content:'';position:absolute;inset:0;pointer-events:none}.an-hero-avatar-wrapper{position:relative;z-index:1;flex-shrink:0}.an-hero-avatar-ring{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.an-progress-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.an-progress-ring-bg{fill:none;stroke:rgba(255,255,255,0.2);stroke-width:6}.an-progress-ring-fill{fill:none;stroke:#fbbf24;stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 1s cubic-bezier(.4, 0, .2, 1)}.an-hero-avatar{width:62px;height:62px;border-radius:50%;overflow:hidden;background:#1e293b;z-index:2}.an-hero-avatar img{width:100%;height:100%;object-fit:cover}.an-level-badge{position:absolute;bottom:-5px;right:-5px;background:#f59e0b;color:#fff;font-family:Sora,sans-serif;font-size:13px;font-weight:800;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #4338ca;z-index:3;box-shadow:0 2px 5px rgba(0,0,0,.3)}.an-hero-info{flex:1;z-index:1;min-width:0}.an-hero-title{font-family:Sora,sans-serif;font-size:24px;font-weight:800;color:#fff;margin-bottom:4px}.an-hero-subtitle{font-size:13px;color:rgba(255,255,255,.8);margin-bottom:12px;font-weight:500}.an-hero-stats{display:flex;flex-wrap:wrap;gap:12px}.an-hero-stat-pill{background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border-radius:99px;padding:6px 12px;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1)}.an-stat-icon{font-size:14px}.an-stat-val{font-weight:700;color:#fff;font-family:Sora,sans-serif;font-size:14px}.an-stat-lbl{font-size:11px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.an-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.an-kpi{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2)}.an-kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;background:var(--kpi-color,var(--primary));opacity:.9;box-shadow:0 0 10px var(--kpi-color,var(--primary))}.an-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.an-kpi-icon{position:absolute;top:18px;right:20px;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.an-kpi-val{font-family:Sora,sans-serif;font-size:30px;font-weight:800;line-height:1;color:var(--text)}.an-kpi-lbl{font-size:11px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.7px}.an-kpi-note{font-size:11px;color:var(--text-mute);line-height:1.4;overflow-wrap:anywhere}.an-kpi-note.up{color:#10b981}.an-kpi-note.warn{color:var(--accent)}.an-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;align-items:start}.an-right-col{display:flex;flex-direction:column;gap:16px}.an-card-full{margin-bottom:0}.an-card{padding:22px;margin-bottom:0}.an-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.an-card-title{font-family:Sora,sans-serif;font-size:15px;font-weight:700;color:var(--text);line-height:1.3}.an-card-badge{font-size:11px;font-weight:600;color:var(--text-mute);background:var(--progress-bg);padding:4px 10px;border-radius:99px}.an-subject-bars{display:flex;flex-direction:column;gap:15px}.an-sb-row{display:flex;flex-direction:column;gap:5px}.an-sb-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.an-sb-name{font-size:13px;font-weight:600;color:var(--text);min-width:0;overflow-wrap:anywhere}.an-sb-pct{font-size:12px;font-weight:700;color:var(--text-mute);min-width:32px;text-align:right}.an-sb-track{height:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:99px;overflow:hidden;position:relative;box-shadow:inset 0 2px 5px rgba(0,0,0,.3)}.an-sb-fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.175, .885, .32, 1.275);min-width:8px;position:relative}.an-sb-fill::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,.2);border-radius:99px}.an-sb-chips{display:flex;gap:5px;flex-wrap:wrap}.an-chip{font-size:10px;font-weight:600;padding:2px 7px;border-radius:99px;background:var(--progress-bg);color:var(--text-mute)}.an-chip.done{background:rgba(16,185,129,.1);color:#059669}.an-sb-empty{text-align:center;padding:24px;color:var(--text-mute);font-size:13px}.an-bar-chart{display:flex;align-items:flex-end;gap:8px;height:110px}.an-bc-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.an-bc-val{font-size:11px;font-weight:800;color:var(--text);opacity:0;transition:opacity .3s;transform:translateY(5px)}.an-bc-col:hover .an-bc-val{opacity:1;transform:translateY(0)}.an-bc-bar{width:24px;border-radius:12px;min-height:8px;transition:height 1s cubic-bezier(.175, .885, .32, 1.275),filter .3s,transform .3s;background:var(--accent);opacity:.7;box-shadow:inset 0 -4px 0 rgba(0,0,0,.15)}.an-bc-col:hover .an-bc-bar{transform:scaleY(1.05);filter:brightness(1.2);opacity:1}.an-bc-bar.today{opacity:1;background:var(--primary);box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),0 0 15px rgba(16,185,129,.4)}.an-bc-bar.freeze{background:linear-gradient(180deg,rgba(125,211,252,.9),rgba(56,189,248,.6));opacity:1;box-shadow:0 0 10px rgba(125,211,252,.45);display:flex;align-items:center;justify-content:center;border-radius:8px}.an-bc-freeze-icon{font-size:10px;color:rgba(255,255,255,.9);pointer-events:none}.an-bc-bar.zero{background:rgba(255,255,255,.05);opacity:1;box-shadow:none;min-height:8px}.an-bc-lbl{font-size:11px;font-weight:700;color:var(--text-mute)}.an-exam-list{display:flex;flex-direction:column;gap:8px}.an-exam-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border-left:3px solid var(--border);background:var(--progress-bg)}.an-exam-item.urgent{border-left-color:var(--danger);background:rgba(239,68,68,.04)}.an-exam-item.soon{border-left-color:var(--accent);background:rgba(245,158,11,.04)}.an-exam-item.safe{border-left-color:var(--primary);background:var(--primary-light)}.an-exam-name{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.an-exam-days{font-family:Sora,sans-serif;font-size:14px;font-weight:800}.an-exam-item.urgent .an-exam-days{color:var(--danger)}.an-exam-item.soon .an-exam-days{color:var(--accent)}.an-exam-item.safe .an-exam-days{color:var(--primary)}.an-exam-empty{text-align:center;padding:24px;color:var(--text-mute);font-size:13px}.an-breakdown{display:flex;flex-direction:column;gap:10px}.an-bk-row{display:flex;align-items:center;gap:12px}.an-bk-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.an-bk-name{font-size:13px;font-weight:500;color:var(--text);min-width:120px;overflow-wrap:anywhere}.an-bk-bar-wrap{flex:1;height:7px;background:var(--progress-bg);border-radius:99px;overflow:hidden}.an-bk-bar{height:100%;border-radius:99px;transition:width .6s}.an-bk-val{font-size:12px;font-weight:700;color:var(--text-mute);min-width:52px;text-align:right}.an-bk-empty{text-align:center;padding:24px;color:var(--text-mute);font-size:13px}@media (max-width:768px){.db-mission-card{padding:16px}.db-focus-subject{font-size:18px}.db-focus-actions{flex-direction:column}.db-focus-actions .primary-btn,.db-focus-actions .secondary-btn{width:100%;justify-content:center}}@media (max-width:860px){.an-kpi-row{grid-template-columns:1fr 1fr}.an-grid{grid-template-columns:1fr}.an-right-col{flex-direction:row;flex-wrap:wrap}.an-right-col .card{flex:1;min-width:260px}}.an-gamified-hero{display:flex;align-items:center;background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:24px 32px;margin-bottom:32px;box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative;overflow:hidden}.an-gamified-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:0 0;animation:20s linear infinite rotate;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.hero-player-info{display:flex;align-items:center;gap:32px;position:relative;z-index:1}.level-ring-container{position:relative;width:120px;height:120px;flex-shrink:0}.level-ring{width:100%;height:100%;transform:rotate(-90deg)}.level-ring-track{fill:none;stroke:rgba(255,255,255,0.04);stroke-width:2;stroke-dasharray:4 6}.level-ring-bg{fill:none;stroke:rgba(255,255,255,0.08);stroke-width:9}.level-ring-progress{fill:none;stroke:url(#ringGradient);stroke-width:9;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset 1.5s cubic-bezier(.4, 0, .2, 1);filter:drop-shadow(0 0 6px rgba(16, 185, 129, .7)) drop-shadow(0 0 14px rgba(16, 185, 129, .3))}.level-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.level-lbl{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--secondary);letter-spacing:2px;line-height:1}.level-val{font-size:34px;font-weight:800;color:var(--text);line-height:1;font-family:Sora,sans-serif}.level-pct{font-size:10px;font-weight:600;color:var(--mute);line-height:1;margin-top:1px;letter-spacing:.5px}.xp-progress-label{margin:8px 0 0;font-size:11px;font-weight:600;color:var(--mute);letter-spacing:.3px}.player-stats h2{margin:0 0 4px;background:var(--border);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stats-badges{display:flex;gap:16px;margin-top:16px}.stat-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-weight:700;font-size:14px;letter-spacing:.5px}.stat-badge span{font-size:16px}.xp-badge{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.xp-badge i{color:#fbbf24;filter:drop-shadow(0 0 5px rgba(251, 191, 36, .5))}.streak-badge{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.streak-badge i{color:#f87171;filter:drop-shadow(0 0 5px rgba(248, 113, 113, .5))}@media (max-width:600px){.an-gamified-hero{padding:20px}.hero-player-info{flex-direction:column;text-align:center;gap:20px}.stats-badges{justify-content:center}}.an-heatmap-container{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;padding:12px 6px}.an-heatmap-square{aspect-ratio:1;border-radius:6px;background:var(--progress-bg);border:1px solid var(--border);position:relative;cursor:pointer;transition:transform .2s,background .2s}.an-heatmap-square:hover{transform:scale(1.1);z-index:2}.an-heatmap-square.lvl-0{background:var(--progress-bg)}.an-heatmap-square.lvl-1{background:rgba(91,95,199,.25);border-color:rgba(91,95,199,.4)}.an-heatmap-square.lvl-2{background:rgba(91,95,199,.55);border-color:rgba(91,95,199,.7)}.an-heatmap-square.lvl-3{background:var(--primary);border-color:var(--primary-hover)}.an-heatmap-square.lvl-freeze{background:linear-gradient(135deg,rgba(125,211,252,.35),rgba(56,189,248,.2));border-color:rgba(125,211,252,.55);display:grid;place-items:center;box-shadow:0 0 6px rgba(125,211,252,.3)}.an-heatmap-freeze-icon{font-size:9px;color:#7dd3fc;pointer-events:none}.an-heatmap-square::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%) scale(.8);background:rgba(0,0,0,.85);color:#fff;padding:4px 8px;border-radius:6px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:10}.an-heatmap-square:hover::after{opacity:1;transform:translateX(-50%) scale(1)}.an-hourly-chart{display:flex;justify-content:space-between;align-items:flex-end;height:120px;padding:12px 6px 6px}.an-hourly-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.an-hourly-bar-wrap{height:70px;width:24px;background:var(--progress-bg);border-radius:6px;display:flex;align-items:flex-end;position:relative;border:1px solid var(--border);overflow:hidden}.an-hourly-bar{width:100%;background:var(--primary);border-radius:4px;transition:height .6s cubic-bezier(.4, 0, .2, 1);height:0}.an-hourly-val{font-size:10px;font-weight:700;color:var(--text)}.an-hourly-lbl{font-size:9px;color:var(--mute);text-align:center}.an-sub-tabs{display:flex;gap:4px;background:var(--progress-bg);padding:5px;border-radius:var(--card-radius);margin-bottom:20px;border:1px solid var(--border);overflow:hidden;box-sizing:border-box;width:100%}.an-sub-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 6px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;color:var(--text-mute);background:0 0;border:none;border-radius:calc(var(--card-radius) - 8px);cursor:pointer;transition:.25s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.an-sub-tab:active{transform:scale(.97)}.an-sub-tab.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.an-section{display:flex;flex-direction:column;gap:16px;width:100%}.an-section.hidden{display:none!important}@media (min-width:769px){.an-sub-tabs{display:none!important}.an-section,.an-section.hidden{display:grid!important}.analytics-content{display:flex;flex-direction:column;gap:32px}#an-section-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px}#an-card-hero{grid-column:1/-1}.an-kpi-row{grid-column:1/-1;margin-bottom:0}#an-card-countdown,#an-card-heatmap,#an-card-last-session{grid-column:1/-1}#an-section-activity,#an-section-progress{display:grid;grid-template-columns:1fr 1fr;gap:24px}#an-card-subject-progress,#an-card-weekly-sessions{grid-column:1}#an-card-peak-hours,#an-card-time-breakdown{grid-column:2}}#an-card-last-session{grid-column:1/-1}.an-sess-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding-right:4px}.an-sess-list::-webkit-scrollbar{width:5px}.an-sess-list::-webkit-scrollbar-track{background:0 0}.an-sess-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.an-sess-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:16px;background:var(--progress-bg);border:1px solid var(--border);transition:transform .2s,border-color .2s,box-shadow .2s}.an-sess-item:hover{transform:translateY(-2px);border-color:rgba(91,95,199,.3);box-shadow:var(--shadow-sm)}.an-sess-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.an-sess-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.an-sess-details{display:flex;flex-direction:column;gap:2px;min-width:0}.an-sess-subject{font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-sess-date{font-size:11px;color:var(--text-mute);display:flex;align-items:center;gap:6px}.an-sess-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.an-sess-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:4px}.an-sess-badge.duration{background:rgba(14,165,160,.12);color:#0ea5a0}.an-sess-badge.xp{background:rgba(245,158,11,.12);color:#f59e0b}.an-sess-empty{text-align:center;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-mute)}@media (max-width:580px){.an-sess-item{flex-direction:column;align-items:flex-start;gap:10px}.an-sess-meta{width:100%;justify-content:space-between}}html[dir=rtl] .an-kpi-icon{right:auto;left:20px}.calendar-shell{display:flex;flex-direction:column;gap:14px;padding-bottom:calc(88px + var(--sab,0px));padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}@supports (padding-bottom:env(safe-area-inset-bottom)){.calendar-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}.calendar-grid{display:grid;grid-template-columns:1fr;gap:14px}.calendar-side{display:grid;gap:14px}.calendar-grid .card{margin-bottom:0}.calendar-header{display:flex;flex-direction:column;gap:14px;padding:20px 18px;border-radius:22px;background:var(--card);border:1px solid rgba(91,95,199,.16);box-shadow:var(--shadow-sm)}.calendar-title{margin:0 0 5px;font-family:Sora,sans-serif;font-size:clamp(22px, 5vw, 26px);line-height:1.2;color:var(--text)}.calendar-note,.calendar-subtitle{margin:4px 0 0;max-width:34ch;font-size:14px;line-height:1.6;color:var(--text-mute)}.calendar-date-card{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--bg);text-align:start;display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-date-card.compact{width:auto;padding:6px 12px;border-radius:12px}.calendar-date-card span,.calendar-eyebrow,.calendar-stat p{font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--text-mute)}.calendar-date-card strong{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--text)}.calendar-date-card.compact strong{font-size:12px;margin-top:0}.calendar-nav-wrapper{display:flex;flex-direction:column;gap:4px;background:var(--card);border-radius:24px;border:1px solid var(--border);padding:8px 6px 4px;box-shadow:var(--shadow-sm);transition:.3s cubic-bezier(.4, 0, .2, 1)}.calendar-week-strip{display:flex;overflow-x:auto;gap:10px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;transition:opacity .2s,transform .2s}.calendar-nav-wrapper.expanded .calendar-week-strip{height:0;opacity:0;overflow:hidden;padding:0;margin:0;pointer-events:none}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-height:0;opacity:0;overflow:hidden;transition:.3s cubic-bezier(.4, 0, .2, 1)}.calendar-nav-wrapper.expanded .calendar-month-grid{max-height:400px;opacity:1;padding:4px 0 10px}.calendar-month-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;position:relative;transition:.2s}.calendar-month-day span{z-index:1}.calendar-month-day.other-month{opacity:.3}.calendar-month-day.active{background:var(--primary);color:#fff}.calendar-month-day.today:not(.active){color:var(--secondary);background:rgba(14,165,160,.1)}.month-dot-row{display:flex;gap:2px;margin-top:2px;height:4px}.month-dot{width:4px;height:4px;border-radius:50%}.month-dot.exam{background:#ef4444}.month-dot.test{background:#f59e0b}.month-dot.event{background:var(--primary)}.calendar-month-day.active .month-dot{background:#fff}.calendar-expansion-handle{display:flex;justify-content:center;align-items:center;padding:4px 0;cursor:pointer;color:var(--text-mute);font-size:14px;transition:transform .3s}.calendar-nav-wrapper.expanded .calendar-expansion-handle i{transform:rotate(180deg)}.calendar-week-strip::-webkit-scrollbar{display:none}.calendar-day{flex:0 0 64px;min-height:76px;padding:10px 6px;border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--text);font-family:'DM Sans',sans-serif;cursor:pointer;box-shadow:var(--shadow-sm);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;will-change:transform;transition:background .15s,border-color .15s,transform .15s cubic-bezier(.4, 0, .2, 1)}.calendar-day:active{transform:scale(.94)}@media (hover:hover){.calendar-day:hover{border-color:rgba(91,95,199,.3);background:var(--primary-light)}}.calendar-day:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.calendar-day-meta,.calendar-day-name{display:block;font-size:10px;font-weight:800;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.calendar-day strong{display:block;margin:4px 0 2px;font-family:Sora,sans-serif;font-size:20px;line-height:1}.calendar-day.today{border-color:rgba(14,165,160,.4);position:relative}.calendar-day.today::after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--secondary);margin:2px auto 0;flex-shrink:0}.calendar-day.active{color:#fff;border-color:transparent;background:var(--primary);transform:scale(1.04);box-shadow:0 4px 14px rgba(91,95,199,.25)}.calendar-day.active .calendar-day-meta,.calendar-day.active .calendar-day-name{color:rgba(255,255,255,.78)}.calendar-day.active::after{background:rgba(255,255,255,.7)}.calendar-day-dots{display:flex;justify-content:center;gap:3px;height:6px;margin-top:2px}.dot{width:5px;height:5px;border-radius:50%}.dot.exam{background:#f59e0b}.dot.event{background:var(--primary)}.dot.session{background:#14b8b2}.calendar-day.active .dot{background:#fff}.calendar-stats{display:grid;grid-template-columns:1fr;gap:10px}.calendar-stat{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow-sm)}.calendar-stat-body{min-width:0;flex:1}.calendar-stat-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:14px}.calendar-stat-icon.primary{color:var(--primary);background:var(--primary-light)}.calendar-stat-icon.teal{color:var(--secondary);background:rgba(14,165,160,.12)}.calendar-stat-icon.amber{color:#b45309;background:rgba(245,158,11,.14)}.calendar-stat strong{display:block;margin-top:2px;font-family:Sora,sans-serif;font-size:24px;line-height:1.1;color:var(--text)}.agenda-section{display:flex;flex-direction:column;gap:2px}.agenda-section-header{display:flex;align-items:center;gap:8px;padding:0 4px;margin-bottom:8px}.agenda-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.primary-dot{background:var(--primary)}.amber-dot{background:#f59e0b}.agenda-section-label{flex:1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin:0}.agenda-section-date{font-size:12px;font-weight:600;color:var(--text-mute)}.agenda-timeline-list{display:flex;flex-direction:column}.agenda-timeline-item{display:flex;gap:0;position:relative}.agenda-item-dot-col{display:flex;flex-direction:column;align-items:center;width:28px;flex-shrink:0;padding-top:16px}.agenda-item-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px var(--bg,#fff);z-index:1}.agenda-item-line{flex:1;width:2px;background:var(--border);margin-top:4px;min-height:14px}.agenda-timeline-item:last-child .agenda-item-line{display:none}.agenda-item-card{flex:1;display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid transparent;border-left:3px solid var(--agenda-accent,var(--primary));border-radius:16px;padding:12px 14px;margin:0 0 10px 8px;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:.22s cubic-bezier(.4, 0, .2, 1);cursor:pointer;-webkit-tap-highlight-color:transparent}.agenda-timeline-item.clickable .agenda-item-card:active{transform:scale(.97);box-shadow:0 1px 4px rgba(0,0,0,.04);border-color:rgba(91,95,199,.2)}@media (hover:hover){.agenda-timeline-item.clickable .agenda-item-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.07);border-color:var(--agenda-accent,var(--primary));border-left-color:var(--agenda-accent,var(--primary))}}.agenda-item-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.agenda-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.agenda-item-title{display:block;font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-item-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.agenda-item-time{font-size:12px;font-weight:600;color:var(--text-mute)}.agenda-item-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.agenda-item-edit{width:30px;height:30px;border-radius:9px;color:var(--text-mute);flex-shrink:0;display:grid;place-items:center;font-size:12px;background:var(--bg-alt)}.agenda-empty{display:flex;flex-direction:column;align-items:center;padding:30px 20px;text-align:center;color:var(--text-mute);gap:10px}.agenda-empty-icon{width:52px;height:52px;border-radius:18px;background:var(--bg-alt);display:grid;place-items:center;font-size:22px;color:var(--text-mute)}.agenda-empty p{font-size:14px;font-weight:600;margin:0}.calendar-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.calendar-card-head h3{margin:0;font-family:Sora,sans-serif;font-size:18px;line-height:1.3;color:var(--text)}.calendar-agenda-list,.calendar-upcoming-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.calendar-agenda-item,.calendar-upcoming-item{width:100%;display:grid;align-items:center;min-height:64px;padding:14px 16px;border:1px solid transparent;border-radius:20px;background:var(--card);box-shadow:0 4px 12px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.02);color:inherit;font:inherit;text-align:start;cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;will-change:transform,box-shadow,border-color;transition:.25s cubic-bezier(.4, 0, .2, 1)}.calendar-agenda-item{grid-template-columns:46px minmax(0,1fr) auto;gap:14px}.calendar-upcoming-item{grid-template-columns:minmax(0,1fr) auto;gap:12px}.calendar-agenda-item:active,.calendar-upcoming-item:active{transform:scale(.97);background:var(--bg-alt);box-shadow:0 2px 6px rgba(0,0,0,.02);border-color:rgba(91,95,199,.15)}@media (hover:hover){.calendar-agenda-item:hover,.calendar-upcoming-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04);border-color:rgba(91,95,199,.2)}.switcher-btn:hover:not(.active){color:var(--text);background:rgba(0,0,0,.02)}}.calendar-agenda-item:focus-visible,.calendar-upcoming-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.calendar-agenda-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;flex-shrink:0;font-size:18px}.calendar-agenda-icon.exam{color:#ef4444;background:rgba(239,68,68,.1)}.calendar-agenda-icon.test{color:#f59e0b;background:rgba(245,158,11,.1)}.calendar-agenda-icon.session{color:#14b8b2;background:rgba(20,184,178,.1)}.calendar-agenda-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.calendar-agenda-copy strong{display:block;color:var(--text);font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-agenda-copy span{display:block;color:var(--text-mute);font-size:12px;font-weight:600}.calendar-agenda-arrow{color:var(--text-mute);font-size:14px;flex-shrink:0}.calendar-upcoming-item span{display:block;color:var(--text);font-size:14px;font-weight:800;white-space:normal!important;overflow:visible!important;word-break:break-word;line-height:1.4}.calendar-upcoming-item strong{flex-shrink:0;white-space:nowrap;padding:3px 9px;border-radius:999px;background:var(--progress-bg);border:1px solid var(--border);font-size:11px;font-weight:800;color:var(--text-mute)}.calendar-empty{padding:20px 16px;border:1.5px dashed var(--border);border-radius:16px;background:var(--bg-alt);color:var(--text-mute);font-size:13px;font-weight:700;text-align:center;line-height:1.6}.calendar-empty.compact{padding:13px}.calendar-view-switcher{display:flex;align-items:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;padding:4px;gap:2px;align-self:flex-start}.switcher-btn{min-width:44px;height:34px;padding:0 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-mute);background:0 0;transition:.25s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent}.switcher-btn i{font-size:14px}.switcher-btn.active{background:var(--card);color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.08)}.calendar-view-content.hidden{display:none}.calendar-schedule-card{padding:0;overflow:hidden}.calendar-schedule-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.calendar-schedule-nav{display:flex;align-items:center;gap:12px}.calendar-schedule-nav h3{margin:0;font-size:16px;font-weight:700}.calendar-schedule-days-header-wrapper{display:flex;background:var(--bg-alt);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.calendar-schedule-days-header{flex:1;display:grid;grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column}.calendar-schedule-day-label{padding:10px 4px;text-align:center;font-size:11px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.calendar-schedule-day-label strong{font-size:15px;color:var(--primary)}.calendar-schedule-day-label.today{background:rgba(91,95,199,.05)}.calendar-time-grid-wrapper{display:grid;grid-template-columns:60px 1fr;position:relative;max-height:600px;overflow-y:auto;background:var(--card);touch-action:pan-y}.calendar-time-axis{border-right:1px solid var(--border);background:var(--bg-alt);position:sticky;left:0;z-index:5}.time-slot-label{height:60px;font-size:11px;color:var(--text-mute);text-align:center;padding-top:4px;position:relative}.calendar-side-time-pill{position:absolute;right:2px;z-index:120;padding:2px 6px;border-radius:6px;background:#10b981;color:#fff;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(16,185,129,.4);border:1px solid rgba(255,255,255,.35);pointer-events:none;transition:top 80ms,opacity .15s;transform:translateY(-50%);white-space:nowrap}[dir=rtl] .calendar-side-time-pill{right:auto;left:2px}.calendar-side-time-pill.hidden{display:none!important;opacity:0}.time-slot-label::after{content:'';position:absolute;top:0;right:-1px;width:6px;border-top:1px solid var(--border)}.calendar-time-grid{position:relative;background-image:linear-gradient(var(--border) 1px,transparent 1px);background-size:100% 60px;min-width:0;overflow-x:auto}.calendar-day-columns-container{display:grid;grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column;min-height:1440px;width:100%}.calendar-day-column{position:relative;border-right:1px solid var(--border);height:1440px}.calendar-day-column.today{background:rgba(91,95,199,.02)}.calendar-current-time-indicator{position:absolute;left:0;right:0;height:2px;background:#ef4444;z-index:10;pointer-events:none}.calendar-current-time-indicator::before{content:'';position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:#ef4444}.calendar-event-block{position:absolute;left:2px;right:2px;border-radius:8px;padding:6px 8px;color:#fff;font-size:11px;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:start;gap:2px;touch-action:none;user-select:none;will-change:transform,opacity,box-shadow;z-index:2}.calendar-event-block:active{transform:scale(.98)}.calendar-event-block.dragging{opacity:.8;z-index:1000;transform:scale(1.02);box-shadow:var(--shadow-lg);cursor:grabbing}.calendar-event-block.resizing{z-index:1000;box-shadow:var(--shadow-lg);opacity:.92}.calendar-event-block .event-title-top,.calendar-event-block strong{display:block;font-weight:800;font-size:12px;line-height:1.2;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event-block .event-notes-preview{font-size:10px;line-height:1.3;opacity:.88;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word;flex-grow:1}.calendar-event-block span{font-size:10px;opacity:.9}.calendar-event-resize-handle{position:absolute;left:0;right:0;height:12px;max-height:25%;cursor:ns-resize;touch-action:none;z-index:5}.calendar-event-resize-handle.top{top:0}.calendar-event-resize-handle.bottom{bottom:0}.calendar-event-resize-handle::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:24px;height:3px;border-radius:2px;background:rgba(255,255,255,.85);box-shadow:0 1px 3px rgba(0,0,0,.4);opacity:.7;transition:opacity .15s,transform .15s}.calendar-event-resize-handle.top::after{top:2px}.calendar-event-resize-handle.bottom::after{bottom:2px}.calendar-event-block.dragging .calendar-event-resize-handle::after,.calendar-event-block.resizing .calendar-event-resize-handle::after,.calendar-event-block:hover .calendar-event-resize-handle::after{opacity:1}.calendar-event-ghost{position:absolute;left:4px;right:4px;border-radius:6px;padding:4px 8px;background:var(--primary-light);border:2px dashed var(--primary);color:var(--primary);font-size:12px;font-weight:700;pointer-events:none;z-index:999;display:flex;align-items:center;justify-content:center;text-align:center}.color-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-opt{height:36px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:.2s}.color-opt.active{border-color:var(--text);transform:scale(1.1)}.calendar-speed-dial{position:fixed;bottom:calc(112px + env(safe-area-inset-bottom,0px));right:20px;z-index:950;display:flex;flex-direction:column;align-items:flex-end;gap:14px;transition:transform .35s cubic-bezier(.16, 1, .3, 1)}.calendar-speed-dial.hidden{display:none}.calendar-speed-dial.nav-hidden{transform:translateY(16px)}.speed-dial-menu{display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:1;transition:.25s cubic-bezier(.175, .885, .32, 1.275);transform-origin:bottom right}.speed-dial-menu.hidden{opacity:0;pointer-events:none;transform:scale(.85) translateY(16px)}.speed-dial-item{display:flex;align-items:center;gap:10px;background:0 0;border:none;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;-webkit-tap-highlight-color:transparent}.speed-dial-item .sd-label{background:var(--card);padding:6px 14px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.12);white-space:nowrap;font-weight:700;font-size:13px;border:1px solid var(--border)}.speed-dial-item i{width:48px;height:48px;border-radius:16px;background:var(--card);display:grid;place-items:center;color:var(--primary);box-shadow:0 4px 14px rgba(91,95,199,.25);font-size:18px;border:1px solid rgba(91,95,199,.15);transition:transform .2s}#sd-add-exam i{color:#ef4444;box-shadow:0 4px 14px rgba(239,68,68,.25);border-color:rgba(239,68,68,.15)}#sd-add-test i{color:#f59e0b;box-shadow:0 4px 14px rgba(245,158,11,.25);border-color:rgba(245,158,11,.15)}#sd-add-event i{color:var(--primary);box-shadow:0 4px 14px rgba(91,95,199,.25);border-color:rgba(91,95,199,.15)}.speed-dial-item:active i{transform:scale(.88)}.calendar-fab{width:62px;height:62px;border-radius:22px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 6px 20px rgba(91,95,199,.45),0 2px 8px rgba(91,95,199,.25);border:none;cursor:pointer;will-change:transform;transition:transform .25s cubic-bezier(.175, .885, .32, 1.275),box-shadow .2s}.calendar-fab .fab-icon{transition:transform .3s cubic-bezier(.175, .885, .32, 1.275)}.calendar-fab.open .fab-icon{transform:rotate(45deg)}.calendar-fab:active{transform:scale(.88);box-shadow:0 3px 10px rgba(91,95,199,.3)}@media (hover:hover){.calendar-fab:hover{transform:scale(1.07);box-shadow:0 10px 28px rgba(91,95,199,.55),0 4px 12px rgba(91,95,199,.3)}}.speed-dial-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:949;opacity:1;transition:opacity .3s}.speed-dial-backdrop.hidden{opacity:0;pointer-events:none}@media (min-width:900px){.calendar-speed-dial{bottom:30px}.calendar-speed-dial.nav-hidden{transform:translateY(10px)}}.bottom-sheet-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(11,15,30,.5);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:1000;opacity:0;transition:opacity .3s;pointer-events:none}.bottom-sheet-backdrop.visible{opacity:1;pointer-events:auto}.bottom-sheet-backdrop.hidden{display:none}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:1001;background:var(--card);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -8px 40px rgba(0,0,0,.2);padding:12px 24px 32px;max-height:85vh;overflow-y:auto;transform:translateY(100%);transition:transform .35s cubic-bezier(.32, .72, 0, 1);will-change:transform;-webkit-overflow-scrolling:touch}.bottom-sheet.visible{transform:translateY(0)}.bottom-sheet.hidden{display:none}.bottom-sheet.dragging{transition:none}.bottom-sheet-handle{width:40px;height:5px;background:var(--border);border-radius:3px;margin:0 auto 16px;cursor:grab}.bottom-sheet-handle:active{cursor:grabbing}.bottom-sheet .modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.bottom-sheet .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap;padding-bottom:env(safe-area-inset-bottom,0)}.calendar-assessment-form{display:grid;gap:12px}.calendar-assessment-form label{display:grid;gap:6px;color:var(--text-mute);font-size:12px;font-weight:800}.calendar-assessment-form input,.calendar-assessment-form select{width:100%}@media (max-width:380px){.calendar-agenda-item,.calendar-upcoming-item{gap:10px;padding:10px 12px}.calendar-agenda-item{grid-template-columns:36px minmax(0,1fr) auto}.calendar-agenda-icon{width:36px;height:36px}.calendar-dropdown-menu.inline-switcher .dropdown-item{padding:8px 2px;font-size:11px}}@media (min-width:641px) and (max-width:899px){.calendar-header{flex-direction:row;align-items:flex-start}.calendar-date-card{flex:0 0 auto;min-width:160px;width:auto;flex-direction:column;align-items:flex-end;text-align:end}.calendar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow-x:unset;-webkit-mask-image:none;mask-image:none}.calendar-day{flex:unset}}@media (min-width:900px){.calendar-shell{display:flex;flex-direction:column;gap:24px}.calendar-shell.view-agenda{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,0.65fr);gap:24px;align-items:start}.calendar-shell.view-agenda .calendar-header{grid-column:span 2}.calendar-header{flex-direction:row;align-items:flex-start;padding:22px 20px}.calendar-date-card{flex:0 0 auto;min-width:148px;width:auto;flex-direction:column;align-items:flex-end;text-align:end}.calendar-shell.view-agenda .calendar-nav-wrapper{grid-column:2;grid-row:2;position:sticky;top:24px;display:flex;flex-direction:column;gap:20px;padding:20px}.calendar-shell.view-agenda .calendar-week-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;height:auto!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;gap:8px}.calendar-shell.view-agenda .calendar-month-grid{display:grid!important;max-height:400px!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;padding-top:16px;border-top:1px solid var(--border)}.calendar-shell.view-agenda .calendar-expansion-handle{display:none!important}.calendar-shell.view-agenda .calendar-view-content{grid-column:1;grid-row:2}.calendar-day{flex:unset;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),background-color .2s}.calendar-day:hover{transform:translateY(-2px)}.calendar-day:active{transform:scale(.95)}}@media (max-width:768px){.calendar-header{flex-direction:row;align-items:stretch;padding:12px;gap:10px}.calendar-header>div:first-child{flex:0 0 34%!important;min-width:104px;display:flex;flex-direction:column;justify-content:center}.calendar-eyebrow{font-size:9px;line-height:1.2}.calendar-title{margin-bottom:0;font-size:18px;line-height:1.15}.calendar-subtitle{display:none}.calendar-view-dropdown-container{flex:1;min-width:0;width:auto;align-self:stretch}.view-btn.dropdown-btn{display:none}.calendar-dropdown-menu.inline-switcher{width:100%;height:auto;position:static;top:auto;right:auto;display:flex;flex-direction:row;align-items:stretch;background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;box-shadow:none;padding:4px;gap:4px;animation:none}.calendar-dropdown-menu.inline-switcher .dropdown-item{flex:1;min-width:0;min-height:38px;justify-content:center;gap:6px;padding:9px 6px;border-radius:10px;border:1px solid transparent;background:0 0;color:var(--text-mute);font-size:12px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s,transform .12s}.calendar-dropdown-menu.inline-switcher .dropdown-item:active{transform:scale(.96)}.calendar-dropdown-menu.inline-switcher .dropdown-item i{display:none}.calendar-dropdown-menu.inline-switcher .dropdown-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-dropdown-menu.inline-switcher .dropdown-item.active{background:var(--card);border-color:var(--border);color:var(--primary);box-shadow:var(--shadow-sm)}.calendar-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.calendar-stat{padding:12px 13px;gap:10px}.calendar-stat-icon{width:38px;height:38px;border-radius:13px}.calendar-stat strong{font-size:22px}.calendar-grid{gap:12px}.calendar-card-head{flex-direction:column;align-items:stretch}.calendar-card-head h3{font-size:17px}.calendar-date-card.compact{align-self:flex-start}.calendar-agenda-list,.calendar-upcoming-list{margin-top:12px}.calendar-agenda-item,.calendar-upcoming-item{min-height:58px}.calendar-week-strip{gap:10px}.calendar-day{flex:0 0 68px;min-height:80px;padding:10px 6px}.calendar-day strong{font-size:19px}.calendar-schedule-head{flex-direction:column;align-items:stretch;gap:10px}.calendar-schedule-nav{justify-content:space-between;gap:10px}.calendar-schedule-nav h3{text-align:center;font-size:15px}.calendar-time-grid-wrapper{grid-template-columns:48px max-content;max-height:calc(100vh - 300px);overflow:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x pan-y}.calendar-schedule-days-header-wrapper{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.calendar-schedule-days-header-wrapper::-webkit-scrollbar{display:none}.calendar-schedule-days-header-wrapper>div:first-child{position:sticky;left:0;z-index:12;flex:0 0 48px;width:48px!important;background:var(--bg-alt)}.calendar-schedule-card{--calendar-day-width:calc((100vw - 76px) / var(--calendar-schedule-days, 1))}.calendar-schedule-card[data-mode=week] .calendar-schedule-day-label{font-size:9px;padding:6px 2px}.calendar-schedule-card[data-mode=week] .calendar-schedule-day-label strong{font-size:11px}.calendar-schedule-days-header{flex:0 0 auto;grid-template-columns:repeat(var(--calendar-schedule-days,1),minmax(var(--calendar-day-width),var(--calendar-day-width)));grid-auto-columns:unset;width:max-content}.calendar-time-axis{width:48px}.calendar-time-grid{width:max-content;min-width:max-content;overflow:visible}.calendar-day-columns-container{grid-template-columns:repeat(var(--calendar-schedule-days,1),minmax(var(--calendar-day-width),var(--calendar-day-width)));grid-auto-columns:unset;width:max-content}.calendar-day-column{scroll-snap-align:start}.time-slot-label{font-size:10px}}@media (max-height:500px) and (max-width:900px){.calendar-header{flex-direction:row;align-items:center;padding:14px 16px;border-radius:16px}.calendar-title{font-size:20px}.calendar-date-card{width:auto;flex-direction:column;align-items:flex-end;text-align:end}.calendar-shell{gap:10px}}@media (prefers-reduced-motion:reduce){.calendar-agenda-item,.calendar-day,.calendar-event-block,.calendar-fab,.calendar-upcoming-item{transition:none!important;transform:none!important}.calendar-day.active{transform:none!important}}.session-type-pills{display:flex;gap:8px;flex-wrap:wrap}.session-pill{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:0 0;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:.18s;white-space:nowrap}.session-pill:hover{border-color:var(--accent);color:var(--accent)}.session-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(123,127,232,.35)}.event-subject-badge{display:block;font-size:10px;font-weight:600;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px;letter-spacing:.02em;text-transform:uppercase}.calendar-event-block{background-image:linear-gradient(135deg,rgba(255,255,255,.18) 0,rgba(0,0,0,.12) 100%)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:transform .25s cubic-bezier(.34, 1.56, .64, 1),box-shadow .25s,filter .2s!important}.calendar-event-block:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.22);filter:brightness(1.08)}#calendar-agenda-view{display:flex;flex-direction:column;gap:24px}.calendar-schedule-card[data-mode=week] .calendar-event-block{padding:2px 4px!important;gap:0!important}.calendar-schedule-card[data-mode=week] .calendar-event-block .event-subject-badge{display:none!important}.calendar-schedule-card[data-mode=week] .calendar-event-block strong{font-size:11px!important;line-height:1.2!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}:root{--sc0:#6366f1;--sc1:#0ea5a0;--sc2:#f59e0b;--sc3:#ef4444;--sc4:#8b5cf6;--sc5:#10b981;--sc6:#f43f5e;--sc7:#3b82f6;--touch-target:44px;--card-radius:20px;--card-radius-sm:14px}#planner{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.planner-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.planner-topbar-left{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.planner-topbar-left>.h1{font-size:26px}.planner-topbar-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.semester-selector-wrap{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--card-radius-sm);padding:0 16px;min-height:var(--touch-target);transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.semester-selector-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.semester-icon{color:var(--primary);font-size:15px;flex-shrink:0}.semester-select{border:none!important;background:0 0!important;padding:0!important;margin:0!important;height:var(--touch-target);font-weight:700;font-size:14px;color:var(--text)!important;box-shadow:none!important;min-width:150px;flex:1;cursor:pointer}.semester-select:focus{outline:0;box-shadow:none!important;border:none!important}.planner-add-sem-btn,.planner-del-sem-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;min-height:var(--touch-target);border-radius:var(--card-radius-sm);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.planner-add-sem-btn{border:1.5px dashed var(--border);background:0 0;color:var(--text-mute)}.planner-add-sem-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.planner-del-sem-btn{border:1.5px solid rgba(239,68,68,.25);background:rgba(239,68,68,.06);color:var(--danger)}.planner-del-sem-btn:hover{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.4)}.planner-del-sem-btn:disabled{opacity:.4;cursor:not-allowed}.planner-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.pstat{background:var(--card);border:1.5px solid var(--border);border-radius:var(--card-radius-sm);padding:14px 14px 12px;display:flex;flex-direction:column;gap:3px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}.pstat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pstat::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary);border-radius:0 0 var(--card-radius-sm) var(--card-radius-sm)}.pstat-val{font-family:Sora,sans-serif;font-size:24px;font-weight:800;color:var(--text);line-height:1}.pstat-lbl{font-size:10.5px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.planner-filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.planner-filter-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);flex-shrink:0}.planner-filter-row{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;flex:1}.planner-filter-row::-webkit-scrollbar{display:none}.planner-filter-btn{flex:0 0 auto;min-height:36px;border:1.5px solid var(--border);border-radius:999px;background:var(--card);color:var(--text-mute);padding:0 14px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:.18s;white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:5px}.planner-filter-btn:active{transform:scale(.96)}.planner-filter-btn.active{background:var(--primary);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(var(--primary-rgb),.28)}.add-subject-bar{margin-bottom:18px}.add-subject-toggle{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px dashed var(--border);border-radius:var(--card-radius);padding:14px 18px;width:100%;min-height:var(--touch-target);cursor:pointer;color:var(--text-mute);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;transition:.2s;text-align:left;-webkit-tap-highlight-color:transparent}.add-subject-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.add-subject-toggle-icon{width:32px;height:32px;border-radius:10px;flex-shrink:0;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;font-size:14px;transition:background .2s,color .2s}.add-subject-toggle:hover .add-subject-toggle-icon{background:var(--primary);color:#fff}.add-subject-form{background:var(--card);border:1.5px solid var(--primary);border-radius:var(--card-radius);padding:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;box-shadow:0 0 0 4px var(--primary-light);animation:.22s expandDown}@keyframes expandDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.add-subject-form input,.add-subject-form select{flex:1;min-width:130px;margin-bottom:0!important}.add-subject-form .primary-btn,.add-subject-form .secondary-btn{flex-shrink:0;white-space:nowrap}.subject-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.subj-card{background:var(--card);border-radius:var(--card-radius);border:1.5px solid var(--border);cursor:default;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;-webkit-tap-highlight-color:transparent}.subj-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);border-color:var(--accent-color,var(--primary))}.subj-card::before{content:'';display:block;height:5px;width:100%;background:var(--accent-color,var(--primary));border-radius:var(--card-radius) var(--card-radius) 0 0;flex-shrink:0}.subj-card>:not(.subj-inline-panel){padding-left:18px;padding-right:18px}.subj-delete-btn-inline{width:var(--touch-target);height:var(--touch-target);border-radius:var(--card-radius-sm);border:1.5px solid var(--border);background:var(--progress-bg);color:var(--text-mute);cursor:pointer;display:grid;place-items:center;font-size:13px;transition:.2s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.subj-delete-btn-inline:hover{background:var(--danger-light);color:var(--danger);border-color:rgba(239,68,68,.3)}.subj-delete-btn-inline:active{transform:scale(.95)}@media (max-width:768px){.subj-delete-btn-inline{display:none!important}}.subj-card-top{padding-top:16px;padding-bottom:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.subj-card-info{flex:1;min-width:0}.subj-card-name{font-family:Sora,sans-serif;font-size:16px;font-weight:800;color:var(--text);line-height:1.25;margin-bottom:6px;letter-spacing:-.01em}.subj-exam-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--progress-bg);color:var(--text-mute);border:1px solid var(--border)}.subj-exam-badge.urgent{background:rgba(239,68,68,.1);color:var(--danger);border-color:rgba(239,68,68,.25)}.subj-exam-badge.soon{background:rgba(245,158,11,.1);color:var(--accent);border-color:rgba(245,158,11,.25)}.subj-exam-badge.done{background:rgba(16,185,129,.1);color:#059669;border-color:rgba(16,185,129,.3)}.progress-ring-wrap{position:relative;width:58px;height:58px;flex-shrink:0}.progress-ring-svg{width:58px;height:58px;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--progress-bg);stroke-width:5}.progress-ring-fill{fill:none;stroke:var(--accent-color,var(--primary));stroke-width:5;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:113;transition:stroke-dashoffset .65s cubic-bezier(.4,0,.2,1)}.progress-ring-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-size:12px;font-weight:800;color:var(--text)}.subj-next-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;padding-bottom:2px}.subj-next-label{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);flex-shrink:0}.subj-next-pill{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:6px 11px;border-radius:12px;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;line-height:1.3;border:1px solid rgba(var(--primary-rgb),.15)}.subj-next-pill.done{background:rgba(16,185,129,.1);color:#059669;border-color:rgba(16,185,129,.2)}.subj-chapter-stats{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px;padding-bottom:4px}.subj-stat-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text-mute);background:var(--progress-bg);border-radius:8px;padding:5px 10px;border:1px solid var(--border)}.subj-stat-chip.done{background:rgba(16,185,129,.1);color:#059669;border-color:rgba(16,185,129,.25)}.subj-card-actions{display:flex;gap:8px;padding-top:10px;padding-bottom:16px;align-items:center}.subj-expand-btn,.subj-manage-btn{min-height:var(--touch-target);border-radius:var(--card-radius-sm);border:1.5px solid var(--border);background:var(--progress-bg);color:var(--text-mute);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;transition:.2s;-webkit-tap-highlight-color:transparent}.subj-expand-btn{flex:0 0 auto;min-width:var(--touch-target)}.subj-manage-btn{flex:1}.subj-expand-btn:hover,.subj-manage-btn:hover{border-color:var(--accent-color,var(--primary));color:var(--accent-color,var(--primary));background:color-mix(in srgb,var(--accent-color,var(--primary)) 8%,var(--card))}.subj-expand-btn:active,.subj-manage-btn:active{transform:scale(.97)}.subj-inline-panel{display:none;border-top:1px solid var(--border);padding:14px 18px 16px;gap:12px;background:var(--card)}.subj-inline-panel.expanded{display:flex;flex-direction:column}.subj-quick-add{display:flex;gap:8px;align-items:center}.subj-quick-add input{flex:1;min-width:0;margin-bottom:0!important;min-height:var(--touch-target);border-radius:var(--card-radius-sm)}.subj-quick-add .primary-btn{min-height:var(--touch-target);min-width:var(--touch-target);flex-shrink:0;border-radius:var(--card-radius-sm)}.subj-inline-list{display:flex;flex-direction:column;gap:7px}.subj-inline-empty{padding:16px;border-radius:var(--card-radius-sm);background:var(--card);border:1px dashed var(--border);color:var(--text-mute);font-size:13px;font-weight:600;text-align:center}.subj-inline-footer{display:flex;gap:8px}.subj-inline-footer-btn{flex:1;min-height:var(--touch-target);border:1.5px dashed var(--border);border-radius:var(--card-radius-sm);background:0 0;color:var(--text-mute);padding:0 12px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent}.subj-inline-footer-btn:hover{border-color:var(--accent-color,var(--primary));color:var(--accent-color,var(--primary));background:var(--primary-light)}.subj-inline-footer-btn:active{transform:scale(.97)}.planner-chapter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--card-radius-sm);background:var(--card);transition:border-color .18s,box-shadow .18s,transform .15s;-webkit-tap-highlight-color:transparent}.planner-chapter-row:hover{border-color:var(--accent-color,var(--primary));box-shadow:0 2px 10px rgba(0,0,0,.06)}.planner-chapter-row:active{transform:scale(.99)}.planner-chapter-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.planner-chapter-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:2px}.planner-chapter-meta{display:flex;gap:4px;flex-wrap:wrap}.planner-chapter-meta-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:var(--progress-bg);color:var(--text-mute);font-size:10px;font-weight:700;border:1px solid var(--border)}.planner-chapter-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.planner-check-btn{min-height:var(--touch-target);border:1.5px solid var(--border);border-radius:11px;background:var(--progress-bg);color:var(--text-mute);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:.18s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.planner-check-btn.done{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#059669}.planner-check-btn:hover{border-color:var(--accent-color,var(--primary));color:var(--accent-color,var(--primary));background:var(--card)}.planner-check-btn:active{transform:scale(.95)}.planner-btn-icon{width:17px;height:17px;object-fit:contain}.btn-img-small{width:14px;height:14px;object-fit:contain;vertical-align:middle;margin-right:3px}.planner-resource-btn{width:var(--touch-target);height:var(--touch-target);border:1.5px solid var(--border);border-radius:11px;background:var(--progress-bg);color:var(--text-mute);display:grid;place-items:center;cursor:pointer;transition:.18s;flex-shrink:0;-webkit-tap-highlight-color:transparent;font-size:13px}.planner-resource-btn:hover{border-color:var(--accent-color,var(--primary));color:var(--accent-color,var(--primary));background:var(--card)}.planner-resource-btn:active{transform:scale(.95)}.planner-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;color:var(--text-mute)}.planner-empty img.empty-state-img{width:160px;height:auto;margin-bottom:20px;opacity:.85}.planner-empty p{font-family:Sora,sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px}.planner-empty span{font-size:14px}.planner-fab{background:var(--primary);box-shadow:0 6px 20px rgba(91,95,199,.45),0 2px 8px rgba(91,95,199,.25);display:flex;align-items:center;justify-content:center;font-size:26px}.planner-fab:active{transform:scale(.88);box-shadow:0 3px 10px rgba(var(--primary-rgb),.3)}.planner-fab:hover{transform:scale(1.07);box-shadow:0 10px 28px rgba(var(--primary-rgb),.55)}.planner-fab.hidden{opacity:0;visibility:hidden;transform:translateY(20px) scale(.8)}.add-resource-form input,.add-resource-form select{margin-bottom:0!important;min-height:var(--touch-target)}#rm-resources-list .list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--card-radius-sm);margin-bottom:8px;transition:.2s;min-height:var(--touch-target)}#rm-resources-list .list-item:hover{border-color:var(--primary);transform:translateX(3px)}@media (max-width:768px){.planner-topbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.planner-topbar-actions{align-self:stretch}.planner-add-sem-btn,.planner-del-sem-btn{flex:1;justify-content:center}.semester-selector-wrap{max-width:100%}.semester-select{min-width:0;width:100%}.planner-stats-strip{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.pstat{padding:12px 12px 10px}.pstat-val{font-size:20px}.pstat-lbl{font-size:10px}.planner-filter-bar{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.planner-filter-row{width:100%}.subject-cards-grid{grid-template-columns:1fr;gap:12px}.subj-card>:not(.subj-inline-panel){padding-left:14px;padding-right:14px}.subj-inline-panel{padding:12px 14px 14px}.subj-card-actions{padding-bottom:14px}.planner-check-btn span{display:none}.planner-check-btn{padding:0;width:var(--touch-target)}.subj-expand-btn{flex:0 0 var(--touch-target);padding:0}.subj-manage-btn{flex:1}.subj-quick-add{flex-direction:column;align-items:stretch}.subj-quick-add .primary-btn{width:100%}.subj-next-row{flex-direction:column;align-items:flex-start;gap:5px}.subj-next-pill{max-width:100%}.add-subject-form{flex-direction:column}.add-subject-form input,.add-subject-form select{min-width:0;flex:none;width:100%}.add-resource-form>div{flex-direction:column!important}#rm-label-input,#rm-type-input,#rm-url-input{flex:none!important;width:100%!important}#rm-add-btn{width:100%!important;padding:12px!important}}@media (max-width:480px){.pstat{padding:10px 10px 9px}.pstat-val{font-size:18px}.pstat-lbl{font-size:9.5px}.subj-card>:not(.subj-inline-panel){padding-left:12px;padding-right:12px}.subj-inline-panel{padding:11px 12px 13px}.subj-card-name{font-size:14px}.progress-ring-svg,.progress-ring-wrap{width:52px;height:52px}.planner-chapter-row{padding:9px 11px}.planner-chapter-name{font-size:12px}.planner-chapter-meta-pill{font-size:9px}.planner-check-btn,.planner-resource-btn{width:40px;min-height:40px;height:40px}.planner-filter-btn{padding:0 12px;font-size:11px;min-height:38px}.semester-select{font-size:13px}.planner-fab{width:52px;height:52px;font-size:20px;right:14px}}[data-theme=Dark] .planner-chapter-row{background:rgba(255,255,255,.025)}[data-theme=Dark] .subj-inline-panel{background:0 0}.swipe-container{position:relative;overflow:hidden;border-radius:var(--card-radius);margin-bottom:0}[data-theme=Dark] .swipe-container{box-shadow:0 4px 20px rgba(0,0,0,.25)}.swipe-action-bg{position:absolute;top:0;right:0;bottom:0;width:90px;background:var(--danger);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;font-size:22px;z-index:1;border-radius:var(--card-radius)}.swipe-action-bg.hidden-desktop{display:none!important}@media (max-width:768px){.swipe-container{margin-bottom:18px}.swipe-action-bg.hidden-desktop{display:flex!important}}.swipe-action-bg::after{content:'Delete';font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.swipe-card-content{position:relative;z-index:2;border-radius:var(--card-radius);transition:transform .35s cubic-bezier(.25, 1, .5, 1);margin-bottom:0!important;box-shadow:var(--shadow-sm)!important}.swipe-card-content::after{content:'';position:absolute;right:0;top:25%;bottom:25%;width:3px;border-radius:3px 0 0 3px;background:0 0;opacity:.6;pointer-events:none}.planner-quest-map{position:relative;width:100%;padding:4px 0 30px;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230f172a' fill-opacity='0.04' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");border-radius:24px}.planner-quest-map.map-skin-parchment{background-color:#f6ebd4;background-image:radial-gradient(circle at 50% 20%,rgba(254,243,199,.9),transparent 75%),radial-gradient(circle at 80% 80%,rgba(217,119,6,.18),transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M0 30h60M30 0v60' stroke='%23b45309' stroke-opacity='0.08' stroke-width='1.5' stroke-dasharray='4 4'/%3E%3Ccircle cx='30' cy='30' r='12' fill='none' stroke='%23b45309' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");border:2px solid #d97706;box-shadow:inset 0 0 60px rgba(180,83,9,.25),0 10px 30px rgba(180,83,9,.15)}.planner-quest-map.map-skin-parchment .active-node-tooltip{background:#fffbf0;color:#92400e;border-color:#b45309;box-shadow:0 4px 14px rgba(146,64,14,.25)}.planner-quest-map.map-skin-parchment .active-node-tooltip::after{background:#fffbf0;border-right-color:#b45309;border-bottom-color:#b45309}.planner-quest-map.map-skin-parchment .quest-node.locked{background:#e7dfcc;color:#928368;box-shadow:0 6px 0 #c4b69d}.planner-quest-map.map-skin-emerald{background-color:#022c22;background-image:radial-gradient(circle at 50% 15%,rgba(16,185,129,.4),transparent 70%),radial-gradient(circle at 20% 85%,rgba(5,150,105,.25),transparent 60%),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%2334d399' fill-opacity='0.12'/%3E%3Ccircle cx='5' cy='10' r='1' fill='%236ee7b7' fill-opacity='0.18'/%3E%3Ccircle cx='35' cy='30' r='1.5' fill='%2310b981' fill-opacity='0.15'/%3E%3C/svg%3E");border:2px solid #10b981;box-shadow:inset 0 0 70px rgba(6,182,129,.3),0 10px 30px rgba(6,182,129,.2)}.planner-quest-map.map-skin-emerald .active-node-tooltip{background:#064e3b;color:#6ee7b7;border-color:#10b981;box-shadow:0 4px 16px rgba(16,185,129,.35)}.planner-quest-map.map-skin-emerald .active-node-tooltip::after{background:#064e3b;border-right-color:#10b981;border-bottom-color:#10b981}.planner-quest-map.map-skin-emerald .quest-node.locked{background:#0f382c;color:#2dd4bf;box-shadow:0 6px 0 #06271e;opacity:.7}.planner-quest-map.map-skin-neon{background-color:#030712;background-image:radial-gradient(circle at 50% 25%,rgba(6,182,212,.35),transparent 70%),radial-gradient(circle at 85% 75%,rgba(236,72,153,.25),transparent 60%),url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h50v50H0z' fill='none'/%3E%3Cpath d='M0 25h50M25 0v50' stroke='%2306b6d4' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");border:2px solid #06b6d4;box-shadow:inset 0 0 70px rgba(6,182,212,.3),0 10px 30px rgba(6,182,212,.25)}.planner-quest-map.map-skin-neon .active-node-tooltip{background:#09132b;color:#38bdf8;border-color:#06b6d4;box-shadow:0 0 18px rgba(6,182,212,.5)}.planner-quest-map.map-skin-neon .active-node-tooltip::after{background:#09132b;border-right-color:#06b6d4;border-bottom-color:#06b6d4}.planner-quest-map.map-skin-neon .quest-node.locked{background:#0f172a;color:#475569;box-shadow:0 6px 0 #020617}.planner-quest-map.map-skin-neon .quest-node.active{background:#06b6d4;box-shadow:0 7px 0 #0284c7,0 0 24px rgba(6,182,212,.6)}.planner-quest-map.map-skin-cosmic{background-color:#0b0826;background-image:radial-gradient(circle at 50% 20%,rgba(168,85,247,.4),transparent 70%),radial-gradient(circle at 75% 80%,rgba(217,70,239,.3),transparent 60%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='15' r='1.2' fill='%23e0e7ff' fill-opacity='0.35'/%3E%3Ccircle cx='45' cy='40' r='1.8' fill='%23c084fc' fill-opacity='0.4'/%3E%3Ccircle cx='25' cy='50' r='1' fill='%23f472b6' fill-opacity='0.3'/%3E%3C/svg%3E");border:2px solid #a855f7;box-shadow:inset 0 0 70px rgba(168,85,247,.35),0 10px 30px rgba(168,85,247,.25)}.planner-quest-map.map-skin-cosmic .active-node-tooltip{background:#1e1b4b;color:#e0e7ff;border-color:#a855f7;box-shadow:0 0 18px rgba(168,85,247,.5)}.planner-quest-map.map-skin-cosmic .active-node-tooltip::after{background:#1e1b4b;border-right-color:#a855f7;border-bottom-color:#a855f7}.planner-quest-map.map-skin-cosmic .quest-node.locked{background:#1a1638;color:#6366f1;box-shadow:0 6px 0 #0d0a22;opacity:.75}.planner-quest-map.map-skin-cosmic .quest-node.active{background:#a855f7;box-shadow:0 7px 0 #7e22ce,0 0 24px rgba(168,85,247,.6)}.planner-quest-map.map-skin-parchment .quest-path-line{stroke:#d97706}.planner-quest-map.map-skin-emerald .quest-path-line{stroke:#10b981}.planner-quest-map.map-skin-neon .quest-path-line{stroke:#06b6d4}.planner-quest-map.map-skin-cosmic .quest-path-line{stroke:#a855f7}.planner-quest-map.map-skin-parchment .quest-node-label{background:#fffbf0!important;color:#4a2e12!important;border:1px solid rgba(217,119,6,.45)!important;box-shadow:0 4px 12px rgba(74,46,18,.15)!important}.planner-quest-map.map-skin-parchment .quest-node-label::before{background:#fffbf0!important;border-top-color:rgba(217,119,6,.45)!important;border-left-color:rgba(217,119,6,.45)!important}.planner-quest-map.map-skin-emerald .quest-node-label{background:#09261a!important;color:#a7f3d0!important;border:1px solid rgba(16,185,129,.55)!important;box-shadow:0 4px 12px rgba(5,150,105,.2)!important}.planner-quest-map.map-skin-emerald .quest-node-label::before{background:#09261a!important;border-top-color:rgba(16,185,129,.55)!important;border-left-color:rgba(16,185,129,.55)!important}.planner-quest-map.map-skin-neon .quest-node-label{background:#0b1126!important;color:#38bdf8!important;border:1px solid rgba(6,182,212,.55)!important;box-shadow:0 4px 12px rgba(6,182,212,.2)!important}.planner-quest-map.map-skin-neon .quest-node-label::before{background:#0b1126!important;border-top-color:rgba(6,182,212,.55)!important;border-left-color:rgba(6,182,212,.55)!important}.planner-quest-map.map-skin-cosmic .quest-node-label{background:#0f0c29!important;color:#e0e7ff!important;border:1px solid rgba(168,85,247,.55)!important;box-shadow:0 4px 12px rgba(168,85,247,.2)!important}.planner-quest-map.map-skin-cosmic .quest-node-label::before{background:#0f0c29!important;border-top-color:rgba(168,85,247,.55)!important;border-left-color:rgba(168,85,247,.55)!important}.map-decorations-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;transform:translateZ(0)}.map-prop-item{position:absolute;object-fit:contain;pointer-events:none;will-change:transform;transform:translateZ(0);animation:4s ease-in-out infinite alternate floatProp}.map-prop-item.prop-pulse{animation:3s ease-in-out infinite alternate pulseProp}@keyframes floatProp{from{transform:translateY(0) rotate(0) translateZ(0)}to{transform:translateY(-6px) rotate(1deg) translateZ(0)}}@keyframes pulseProp{from{transform:scale(1) translateY(0) translateZ(0)}to{transform:scale(1.04) translateY(-3px) translateZ(0)}}.map-skin-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:12px;background:rgba(15,23,42,.88);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=Dark] .planner-quest-map{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.02' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E")}.quest-path-svg{display:none!important}.quest-path-track{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.quest-path-line{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 16;animation:1.5s linear infinite dash-flow;filter:drop-shadow(0 0 4px var(--world-color))}@keyframes dash-flow{to{stroke-dashoffset:-28}}.quest-map-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:22px}.quest-world{display:flex;flex-direction:column;gap:14px;position:relative}.quest-world:not(:last-child)::after{content:'';width:2px;height:24px;margin:2px auto -16px;border-radius:999px;background:linear-gradient(to bottom,var(--world-color),transparent);opacity:.4}.planner-full-journey-intro{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--card) 88%,var(--primary-light));box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.planner-full-journey-icon{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;border-radius:50%;background:var(--primary-light);color:var(--primary)}.planner-full-journey-intro>div{min-width:0;display:flex;flex-direction:column;gap:2px}.planner-full-journey-eyebrow{color:var(--text-mute);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.planner-full-journey-intro strong{color:var(--text);font-size:14px}[data-theme=Dark] .planner-full-journey-intro{background:color-mix(in srgb,var(--card) 88%,var(--primary-light))}.quest-next-mission{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:12px 14px;border:2px solid color-mix(in srgb,var(--world-color) 40%,var(--border));border-radius:var(--card-radius-sm);background:#fff;color:#0f172a;box-shadow:0 6px 18px rgba(0,0,0,.1);cursor:pointer;font:inherit;text-align:start;-webkit-tap-highlight-color:transparent;z-index:2;position:relative}.quest-next-mission:active{transform:scale(.985)}.quest-next-mission-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--world-color);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--world-color) 35%,transparent)}.quest-next-mission-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.quest-next-mission-eyebrow{color:var(--text-mute);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.quest-next-mission-name{overflow:hidden;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.quest-next-mission-step{padding:5px 8px;border-radius:999px;background:var(--card);color:var(--world-color);font-size:10px;font-weight:800;white-space:nowrap}.quest-next-mission-arrow{color:var(--world-color);font-size:13px}.quest-world-header{background:var(--world-color);border-radius:24px;padding:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.quest-world-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none}.world-header-info{position:relative;z-index:1}.world-header-info h3{margin:0;font-size:24px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.01em}.world-badges-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.world-badge.exam,.world-badge.test{display:inline-block;background:rgba(255,255,255,.25);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:800;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.1)}.world-header-actions{position:relative;z-index:1;display:flex;gap:12px}.world-header-actions button{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);width:40px;height:40px;border-radius:50%;color:#fff;cursor:pointer;backdrop-filter:blur(4px);transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),background .2s;display:grid;place-items:center}.world-header-actions button:hover{background:rgba(255,255,255,.4);transform:scale(1.1)}.world-header-actions button:active{transform:scale(.95)}.quest-nodes-container{display:flex;flex-direction:column;gap:6px;padding:10px 0}.quest-nodes-container.many-chapters{gap:2px}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(20px)}70%{transform:scale(1.05) translateY(-5px)}100%{opacity:1;transform:scale(1) translateY(0)}}.quest-node-row{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;min-height:110px;margin:0}.quest-node-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;transition:transform .25s cubic-bezier(.34, 1.56, .64, 1)}.quest-node-row.center .quest-node-content{transform:translateX(0)}.quest-node-row.left .quest-node-content{transform:translateX(-48px)}.quest-node-row.right .quest-node-content{transform:translateX(48px)}.quest-nodes-container.many-chapters .quest-node-row.left .quest-node-content{transform:translateX(-34px)}.quest-nodes-container.many-chapters .quest-node-row.right .quest-node-content{transform:translateX(34px)}.quest-flank-mascot{position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1)}.quest-flank-mascot.flank-left{left:14px}.quest-flank-mascot.flank-right{right:14px}.quest-flank-mascot-pedestal{position:absolute;bottom:2px;width:64px;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(15,23,42,.22) 0,rgba(15,23,42,.06) 60%,transparent 80%);pointer-events:none;transition:transform .25s,opacity .25s;z-index:1}[data-theme=Dark] .quest-flank-mascot-pedestal{background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0,rgba(0,0,0,.15) 60%,transparent 80%)}.quest-flank-mascot-img{width:96px;height:96px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 6px 12px rgba(15, 23, 42, .16));animation:3.4s ease-in-out infinite alternate duolingoMascotFloat;transform-origin:bottom center;transition:filter .3s,transform .2s cubic-bezier(.34, 1.56, .64, 1);pointer-events:auto}.quest-node-row:nth-child(2n) .quest-flank-mascot-img{animation-duration:3.8s;animation-delay:-1.2s}.quest-node-row:nth-child(3n) .quest-flank-mascot-img{animation-duration:4.1s;animation-delay:-2.1s}.quest-flank-mascot.is-locked .quest-flank-mascot-img{filter:grayscale(1) opacity(.48) drop-shadow(0 4px 6px rgba(15, 23, 42, .08));animation:none;transform:scale(.92)}.quest-flank-mascot.is-locked .quest-flank-mascot-pedestal{opacity:.35;transform:scale(.85)}.quest-flank-mascot:hover:not(.is-locked) .quest-flank-mascot-img{transform:scale(1.08) translateY(-4px);filter:drop-shadow(0 10px 18px rgba(15, 23, 42, .25))}.quest-flank-mascot.mascot-bounce .quest-flank-mascot-img{animation:.48s cubic-bezier(.175,.885,.32,1.275) duolingoMascotJump!important}@keyframes duolingoMascotFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1.2deg)}100%{transform:translateY(-2px) rotate(-1.2deg)}}@keyframes duolingoMascotJump{0%,100%{transform:scale(1) translateY(0)}30%{transform:scale(1.15,.88) translateY(2px)}60%{transform:scale(.92,1.12) translateY(-14px)}}.flank-mascot-bubble{position:absolute;bottom:calc(100% - 6px);background:var(--card,#fff);color:var(--text,#1e293b);border:2px solid var(--border,#e2e8f0);border-radius:16px;padding:7px 12px;font-size:11.5px;font-weight:700;line-height:1.35;white-space:normal;min-width:110px;max-width:170px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);pointer-events:auto;z-index:10;animation:.28s cubic-bezier(.34,1.56,.64,1) forwards flankBubblePop}[data-theme=Dark] .flank-mascot-bubble{background:#1e293b;color:#f8fafc;border-color:#334155;box-shadow:0 10px 24px rgba(0,0,0,.35)}.flank-mascot-bubble::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-width:8px 7px 0;border-style:solid;border-color:var(--border,#e2e8f0) transparent transparent transparent}.flank-mascot-bubble::before{content:'';position:absolute;bottom:-5.5px;left:50%;transform:translateX(-50%);border-width:6.5px 5.5px 0;border-style:solid;border-color:var(--card,#fff) transparent transparent transparent;z-index:1}[data-theme=Dark] .flank-mascot-bubble::after{border-color:#334155 transparent transparent}[data-theme=Dark] .flank-mascot-bubble::before{border-color:#1e293b transparent transparent}.quest-flank-mascot.flank-left .flank-mascot-bubble{left:-4px}.quest-flank-mascot.flank-left .flank-mascot-bubble::after,.quest-flank-mascot.flank-left .flank-mascot-bubble::before{left:36px}.quest-flank-mascot.flank-right .flank-mascot-bubble{right:-4px}.quest-flank-mascot.flank-right .flank-mascot-bubble::after,.quest-flank-mascot.flank-right .flank-mascot-bubble::before{left:auto;right:36px;transform:none}@keyframes flankBubblePop{0%{opacity:0;transform:scale(.65) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}.quest-flank-prop{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1)}.quest-flank-prop.flank-left{left:20px}.quest-flank-prop.flank-right{right:20px}.quest-flank-prop-pedestal{position:absolute;bottom:2px;width:48px;height:10px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(15,23,42,.18) 0,rgba(15,23,42,.04) 60%,transparent 80%);pointer-events:none;transition:transform .25s,opacity .25s;z-index:1}[data-theme=Dark] .quest-flank-prop-pedestal{background:radial-gradient(ellipse at center,rgba(0,0,0,.42) 0,rgba(0,0,0,.12) 60%,transparent 80%)}.quest-flank-prop-img{width:68px;height:68px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(15, 23, 42, .14));animation:4.5s ease-in-out infinite alternate duolingoPropSway;transform-origin:bottom center;transition:filter .3s,transform .2s cubic-bezier(.34, 1.56, .64, 1);pointer-events:auto}.quest-node-row:nth-child(2n) .quest-flank-prop-img{animation-duration:5.2s;animation-delay:-1.8s}.quest-node-row:nth-child(3n) .quest-flank-prop-img{animation-duration:4.8s;animation-delay:-2.5s}.quest-flank-prop.is-locked .quest-flank-prop-img{filter:grayscale(.85) opacity(.42) drop-shadow(0 2px 4px rgba(15, 23, 42, .06));animation:none;transform:scale(.94)}.quest-flank-prop.is-locked .quest-flank-prop-pedestal{opacity:.3;transform:scale(.85)}.quest-flank-prop:hover:not(.is-locked) .quest-flank-prop-img{transform:scale(1.06) translateY(-2px);filter:drop-shadow(0 6px 12px rgba(15, 23, 42, .2))}.quest-flank-prop.prop-bounce .quest-flank-prop-img{animation:.42s cubic-bezier(.175,.885,.32,1.275) duolingoPropJump!important}@keyframes duolingoPropSway{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1deg)}100%{transform:translateY(-1px) rotate(-1deg)}}@keyframes duolingoPropJump{0%,100%{transform:scale(1) translateY(0)}40%{transform:scale(1.18,.85) translateY(2px)}70%{transform:scale(.92,1.1) translateY(-8px)}}.active-node-tooltip{position:relative;margin-bottom:6px;background:var(--card);color:var(--world-color,var(--primary));font-size:11px;font-weight:900;letter-spacing:.08em;padding:3px 12px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.14);border:2px solid var(--world-color,var(--primary));z-index:5;animation:1.5s ease-in-out infinite alternate floatBounce;white-space:nowrap;text-transform:uppercase}.active-node-tooltip::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:var(--card);border-right:2px solid var(--world-color,var(--primary));border-bottom:2px solid var(--world-color,var(--primary))}@keyframes floatBounce{0%{transform:translateY(0)}100%{transform:translateY(-4px)}}.quest-node{width:72px;height:72px;border-radius:50%;border:none;background:var(--card);position:relative;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;transition:transform .15s cubic-bezier(.175, .885, .32, 1.275),box-shadow .15s;color:var(--text-muted);box-shadow:0 7px 0 rgba(0,0,0,.12),0 12px 20px rgba(0,0,0,.1);z-index:2;-webkit-tap-highlight-color:transparent}.node-shine{position:absolute;top:6px;left:12%;right:12%;height:35%;border-radius:50% 50% 0 0;background:linear-gradient(to bottom,rgba(255,255,255,.45),rgba(255,255,255,.05));pointer-events:none}[data-theme=Dark] .quest-node{box-shadow:0 7px 0 rgba(0,0,0,.4),0 12px 20px rgba(0,0,0,.3)}.quest-node:active{transform:translateY(5px);box-shadow:0 2px 0 rgba(0,0,0,.2)!important}.quest-node.node-launching{transform:scale(.92) translateY(6px)!important;box-shadow:0 1px 0 rgba(0,0,0,.2)!important;transition:transform .1s,box-shadow .1s!important}.quest-node.done{background:#10b981;color:#fff;box-shadow:0 7px 0 #047857,0 12px 22px rgba(16,185,129,.35)}.quest-node.done:active{box-shadow:0 2px 0 #047857!important}.quest-node.active{background:var(--world-color,var(--primary));color:#fff;box-shadow:0 7px 0 color-mix(in srgb,var(--world-color,var(--primary)) 70%,#000),0 12px 24px color-mix(in srgb,var(--world-color,var(--primary)) 35%,transparent)}.quest-node.active:active{box-shadow:0 2px 0 color-mix(in srgb,var(--world-color,var(--primary)) 70%,#000)!important}.quest-node.active::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--world-color,var(--primary));opacity:0;animation:2s cubic-bezier(.165,.84,.44,1) infinite sonar-pulse}.quest-node-row.next-mission .quest-node{outline:3px solid color-mix(in srgb,var(--world-color) 30%,transparent);outline-offset:5px}.quest-node-row.next-mission .quest-node-label{border-color:color-mix(in srgb,var(--world-color) 45%,var(--border));box-shadow:0 8px 20px color-mix(in srgb,var(--world-color) 18%,transparent)}@keyframes sonar-pulse{0%{transform:scale(1);opacity:.8;border-width:4px}100%{transform:scale(1.6);opacity:0;border-width:0}}.quest-node.in-progress{background:#f59e0b;color:#fff;box-shadow:0 7px 0 #b45309,0 12px 22px rgba(245,158,11,.35)}.quest-node.in-progress:active{box-shadow:0 2px 0 #b45309!important}.quest-node.locked{background:#e2e8f0;color:#94a3b8;box-shadow:0 6px 0 #cbd5e1}[data-theme=Dark] .quest-node.locked{background:#1e293b;color:#475569;box-shadow:0 6px 0 #0f172a}.quest-node.add-node{width:56px;height:56px;font-size:20px;background:var(--primary-light);color:var(--primary);border:2.5px dashed var(--primary);box-shadow:none;opacity:.8}.quest-node.add-node:hover{opacity:1;background:color-mix(in srgb,var(--primary) 15%,transparent)}.quest-node-label{margin-top:4px;font-size:12px;font-weight:800;text-align:center;max-width:140px;color:var(--text);background:var(--card);padding:5px 10px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);position:relative;border:1px solid var(--border);z-index:2;line-height:1.25;cursor:pointer;transition:transform .15s,border-color .15s}.quest-node-label:hover{border-color:var(--primary)}.quest-nodes-container.many-chapters .quest-node{width:64px;height:64px;font-size:24px}.quest-nodes-container.many-chapters .quest-node-label{margin-top:3px;font-size:11px;max-width:125px;padding:4px 8px}[data-theme=Dark] .quest-node-label{box-shadow:0 6px 16px rgba(0,0,0,.2)}.quest-node-label::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:var(--card);border-top:1px solid var(--border);border-left:1px solid var(--border)}.quest-node-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.quest-node-side-badges{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;z-index:4;pointer-events:auto}.quest-node-side-badges.side-right{left:calc(100% + 8px)}.quest-node-side-badges.side-left{right:calc(100% + 8px)}.quest-node-side-badges .quest-badge-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--mute,#64748b);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.2s cubic-bezier(.16, 1, .3, 1);white-space:nowrap;user-select:none;line-height:1.1;-webkit-tap-highlight-color:transparent}.quest-node-side-badges .quest-badge-btn:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.quest-node-side-badges .quest-badge-btn:active{transform:scale(.93)}.quest-node-side-badges .quest-badge-btn.is-done{background:rgba(16,185,129,.18);border-color:#10b981;color:#10b981}[data-theme=Dark] .quest-node-side-badges .quest-badge-btn{background:var(--card);box-shadow:0 3px 10px rgba(0,0,0,.3);border-color:rgba(255,255,255,.12)}[data-theme=Dark] .quest-node-side-badges .quest-badge-btn.is-done{background:rgba(16,185,129,.24);border-color:#34d399;color:#34d399}.quest-node-side-badges .quest-badge-btn.is-disabled{opacity:.45;cursor:not-allowed}.quest-node-side-badges .quest-badge-btn i{font-size:9px}.level-bottom-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;pointer-events:none;visibility:hidden}.level-bottom-sheet.show{pointer-events:auto;visibility:visible}.level-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s}.level-bottom-sheet.show .level-sheet-backdrop{opacity:1}.level-sheet-content{width:100%;background:var(--card);border-radius:32px 32px 0 0;padding:16px 24px 32px;position:relative;transform:translateY(100%);transition:transform .4s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 -12px 40px rgba(0,0,0,.15);max-width:600px;margin:0 auto;will-change:transform;touch-action:pan-y}.level-bottom-sheet.show .level-sheet-content{transform:translateY(0)}.level-sheet-drag-handle{width:48px;height:6px;background:var(--border);border-radius:3px;margin:0 auto 24px}.level-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.level-sheet-header h3{margin:0;font-size:24px;font-weight:800}.level-status-badge{padding:6px 14px;border-radius:99px;font-size:13px;font-weight:700}.level-status-badge.done{background:rgba(16,185,129,.1);color:#10b981}.level-status-badge.active{background:rgba(91,95,199,.1);color:var(--primary)}.level-tasks{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.level-task{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-soft);border-radius:20px;border:1px solid var(--border)}.level-task-icon{width:48px;height:48px;border-radius:16px;background:rgba(91,95,199,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:transform .2s,background-color .2s}.level-task-icon:hover{transform:scale(1.08);background:rgba(91,95,199,.2)}.level-task-icon:active{transform:scale(.95)}.level-task-info{flex:1}.level-task-info h4{margin:0 0 4px;font-size:16px;font-weight:700}.level-task-info p{margin:0;font-size:13px;color:var(--text-muted)}.level-task-btn{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:700;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:.2s}.level-task-btn.done{background:rgba(16,185,129,.1);color:#10b981}.world-subject-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 8px;margin:0 0 8px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.world-subject-strip::-webkit-scrollbar{display:none}.world-subject-card{flex:0 0 auto;min-width:140px;max-width:180px;background:var(--card);border:2px solid var(--border);border-radius:var(--card-radius);padding:14px 16px;cursor:pointer;transition:.25s cubic-bezier(.34, 1.56, .64, 1);-webkit-tap-highlight-color:transparent;scroll-snap-align:start;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}.world-subject-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--world-card-color,var(--primary));border-radius:var(--card-radius) var(--card-radius) 0 0;opacity:.5;transition:opacity .2s}.world-subject-card:active{transform:scale(.96)}.world-subject-card.active{border-color:var(--world-card-color,var(--primary));box-shadow:0 4px 20px rgba(91,95,199,.2),0 0 0 3px color-mix(in srgb,var(--world-card-color,var(--primary)) 15%,transparent)}.world-subject-card.active::before{opacity:1;height:5px}.subject-picker-full-journey{width:100%;border:2px solid var(--primary);background:var(--primary-light);color:var(--text);font:inherit;text-align:start}.subject-picker-full-journey .subject-picker-card-icon{background:var(--primary);color:#fff}.subject-picker-full-journey-check{width:28px;height:28px;display:grid;flex:0 0 28px;place-items:center;border:2px solid var(--primary);border-radius:50%;color:transparent;font-size:12px}.subject-picker-full-journey.active .subject-picker-full-journey-check{background:var(--primary);color:#fff}.world-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.world-card-name{font-family:Sora,sans-serif;font-size:13px;font-weight:800;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.world-card-ring{position:relative;width:36px;height:36px;flex-shrink:0}.world-card-ring svg{width:36px;height:36px;transform:rotate(-90deg)}.world-card-ring-bg{fill:none;stroke:var(--progress-bg);stroke-width:4}.world-card-ring-fill{fill:none;stroke:var(--world-card-color,var(--primary));stroke-width:4;stroke-linecap:round;stroke-dasharray:88;stroke-dashoffset:88;transition:stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)}.world-card-ring-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-size:9px;font-weight:800;color:var(--text)}.world-card-bottom{display:flex;align-items:center;gap:6px}.world-card-chapters{font-size:11px;font-weight:600;color:var(--text-mute)}.world-card-exam{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(245,158,11,.1);color:var(--accent);border:1px solid rgba(245,158,11,.2)}.world-card-exam.urgent{background:rgba(239,68,68,.1);color:var(--danger);border-color:rgba(239,68,68,.2)}[data-theme=Dark] .world-subject-card{background:#1e1e2d!important;border-color:#2b2b3d!important}[data-theme=Dark] .world-subject-card.active{background:#252538!important;border-color:var(--world-card-color,var(--primary))!important}[data-theme=Dark] .world-card-name{color:#fff!important}.semester-mobile-pill{display:none}@media (max-width:768px){.quest-map-content{gap:18px}.quest-world:not(:last-child)::after{height:20px;margin-bottom:-14px}.planner-full-journey-intro{padding:11px 12px;border-radius:16px}.quest-flank-mascot-img{width:82px;height:82px}.quest-flank-mascot-pedestal{width:56px;height:12px}.quest-flank-mascot.flank-left{left:10px}.quest-flank-mascot.flank-right{right:10px}.flank-mascot-bubble{font-size:11px;max-width:145px;padding:6px 10px}.quest-flank-prop-img{width:58px;height:58px}.quest-flank-prop-pedestal{width:42px;height:9px}.quest-flank-prop.flank-left{left:14px}.quest-flank-prop.flank-right{right:14px}.semester-selector-wrap{display:none!important}.semester-mobile-pill{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--card-radius-sm);padding:0 16px;min-height:var(--touch-target);cursor:pointer;width:100%;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.semester-mobile-pill:active{transform:scale(.98)}.semester-mobile-pill .semester-icon{color:var(--primary);font-size:15px;flex-shrink:0}.semester-mobile-pill-text{flex:1;font-weight:700;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.semester-mobile-pill-arrow{color:var(--text-mute);font-size:12px;flex-shrink:0;transition:transform .2s}}.semester-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;pointer-events:none;visibility:hidden}.semester-sheet.show{pointer-events:auto;visibility:visible}.semester-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s}.semester-sheet.show .semester-sheet-backdrop{opacity:1}.semester-sheet-content{width:100%;background:var(--card);border-radius:28px 28px 0 0;padding:16px 20px calc(24px + env(safe-area-inset-bottom));position:relative;z-index:1;transform:translateY(100%);transition:transform .4s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 -12px 40px rgba(0,0,0,.15);max-width:600px;margin:0 auto;max-height:60vh;overflow-y:auto}.semester-sheet.show .semester-sheet-content{transform:translateY(0)}.semester-sheet-drag-handle{width:48px;height:6px;background:var(--border);border-radius:3px;margin:0 auto 20px}.semester-sheet-title{font-family:Sora,sans-serif;font-size:20px;font-weight:800;color:var(--text);margin-bottom:16px}.semester-sheet-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.semester-sheet-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--progress-bg);border:2px solid var(--border);border-radius:var(--card-radius-sm);cursor:pointer;transition:.2s;min-height:var(--touch-target);-webkit-tap-highlight-color:transparent}.semester-sheet-item:active{transform:scale(.98)}.semester-sheet-item.active{border-color:var(--primary);background:var(--primary-light)}.semester-sheet-item-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;font-size:16px;flex-shrink:0}.semester-sheet-item.active .semester-sheet-item-icon{background:var(--primary);color:#fff}.semester-sheet-item-info{flex:1;min-width:0}.semester-sheet-item-name{font-weight:700;font-size:15px;color:var(--text)}.semester-sheet-item-count{font-size:12px;color:var(--text-mute);margin-top:2px}.semester-sheet-item-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;flex-shrink:0;font-size:12px;color:transparent;transition:.2s}.semester-sheet-item.active .semester-sheet-item-check{background:var(--primary);border-color:var(--primary);color:#fff}.semester-sheet-actions{display:flex;gap:10px}.semester-sheet-actions button{flex:1}[data-theme=Dark] .semester-sheet-content{background:var(--sidebar)}[data-theme=Dark] .semester-sheet-item{background:rgba(255,255,255,.04)}@media (max-width:768px){.quest-world-header{padding:18px;border-radius:18px}.world-header-info h3{font-size:18px}.quest-nodes-container{gap:4px;padding:8px 0}.quest-nodes-container.many-chapters{gap:0}.quest-node-row.left .quest-node-content{transform:translateX(-36px)}.quest-node-row.right .quest-node-content{transform:translateX(36px)}.quest-nodes-container.many-chapters .quest-node-row.left .quest-node-content{transform:translateX(-26px)}.quest-nodes-container.many-chapters .quest-node-row.right .quest-node-content{transform:translateX(26px)}.quest-node{width:64px;height:64px;font-size:24px}.quest-node-label{font-size:11.5px;max-width:110px;padding:3px 8px;margin-top:3px}.quest-nodes-container.many-chapters .quest-node{width:56px;height:56px;font-size:20px}.quest-nodes-container.many-chapters .quest-node-label{font-size:10.5px;max-width:95px;padding:2px 6px;margin-top:2px}.quest-node.add-node{width:48px;height:48px;font-size:18px}.world-subject-strip{gap:8px;padding-bottom:6px;margin-bottom:8px}.world-subject-card{min-width:120px;max-width:160px;padding:12px 14px}.world-card-name{font-size:12px}}@media (max-width:480px){.quest-nodes-container{gap:2px;padding:6px 0}.quest-nodes-container.many-chapters{gap:0}.quest-node-row.left .quest-node-content{transform:translateX(-28px)}.quest-node-row.right .quest-node-content{transform:translateX(28px)}.quest-nodes-container.many-chapters .quest-node-row.left .quest-node-content{transform:translateX(-20px)}.quest-nodes-container.many-chapters .quest-node-row.right .quest-node-content{transform:translateX(20px)}.quest-flank-mascot-img{width:72px;height:72px}.quest-flank-mascot-pedestal{width:48px;height:10px}.quest-flank-mascot.flank-left{left:4px}.quest-flank-mascot.flank-right{right:4px}.flank-mascot-bubble{font-size:10.5px;max-width:125px;padding:5px 8px}.quest-flank-prop-img{width:50px;height:50px}.quest-flank-prop-pedestal{width:36px;height:8px}.quest-flank-prop.flank-left{left:8px}.quest-flank-prop.flank-right{right:8px}.quest-node{width:56px;height:56px;font-size:22px}.quest-node-label{font-size:11px;max-width:100px;padding:2px 8px;margin-top:2px}.quest-nodes-container.many-chapters .quest-node{width:50px;height:50px;font-size:18px}.quest-nodes-container.many-chapters .quest-node-label{font-size:10px;max-width:85px;padding:2px 5px;margin-top:2px}.quest-node.add-node{width:44px;height:44px;font-size:16px}.quest-world-header{padding:14px;border-radius:16px}.world-header-info h3{font-size:16px}.world-header-actions button{width:36px;height:36px}.world-subject-card{min-width:110px;max-width:140px;padding:10px 12px;border-radius:14px}.world-card-name{font-size:11px}.world-card-ring,.world-card-ring svg{width:30px;height:30px}.world-card-ring-pct{font-size:8px}.quest-next-mission{grid-template-columns:40px minmax(0,1fr) 16px;gap:8px;padding:10px 11px}.quest-next-mission-icon{width:40px;height:40px}.quest-next-mission-name{font-size:13px}.quest-next-mission-step{display:none}}html[dir=rtl] .quest-next-mission-arrow{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.quest-node-row,.quest-node.active::before,.quest-node.in-progress::before,.quest-path-line{animation:none}.flank-mascot-bubble,.quest-flank-mascot-img,.quest-flank-mascot.mascot-bounce .quest-flank-mascot-img,.quest-flank-prop-img,.quest-flank-prop.prop-bounce .quest-flank-prop-img,.quest-next-mission,.quest-node{transition:none;animation:none}}.level-sheet-content.dragging{transition:none!important}.level-task-btn:active{transform:scale(.93)}.level-task-btn.done:active{transform:scale(.97)}@keyframes checkPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.level-task-btn.just-completed{animation:.35s cubic-bezier(.34,1.56,.64,1) checkPop}@media (max-width:768px){.level-sheet-content{padding:16px 20px calc(28px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.level-sheet-header h3{font-size:20px}.level-task{padding:14px;border-radius:16px}.level-task-icon{width:44px;height:44px;border-radius:14px;font-size:20px}.level-task-info h4{font-size:15px}.level-task-btn{padding:10px 16px;font-size:13px;border-radius:10px}.level-sheet-actions{flex-direction:column!important;gap:10px!important}.level-sheet-actions .primary-btn{width:100%;padding:14px 20px!important;font-size:16px;font-weight:800;border-radius:16px}.level-sheet-actions .secondary-btn{width:100%!important;padding:12px 20px!important}.planner-filter-bar{padding:4px 0 8px;margin-bottom:6px;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px}.planner-filter-label{display:none}.planner-filter-row{flex:1;gap:5px}.planner-filter-btn{min-height:34px;padding:0 10px;font-size:11px}.planner-topbar{margin-bottom:10px}.semester-mobile-pill{margin-bottom:4px}}.world-header-exam-btn{position:relative}.world-header-exam-btn.has-date::after{content:'';position:absolute;top:4px;inset-inline-end:4px;width:8px;height:8px;background:#fbbf24;border-radius:50%;border:2px solid rgba(0,0,0,.25);pointer-events:none}.exam-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.exam-sheet-subject-name{font-family:Sora,sans-serif;font-size:18px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-inline-end:8px}.exam-sheet-field{margin-bottom:18px}.exam-sheet-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--text-mute);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.exam-sheet-inputs{display:flex;gap:8px}.exam-sheet-inputs input[type=date],.exam-sheet-inputs input[type=time]{margin:0!important;min-height:var(--touch-target);border-radius:12px;border:1.5px solid var(--border);background:var(--progress-bg);color:var(--text);padding:0 12px;font-size:14px;transition:border-color .2s}.exam-sheet-inputs input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.exam-sheet-actions{display:flex;gap:10px;margin-top:8px}.exam-sheet-actions button{flex:1}[data-theme=Dark] .exam-sheet-inputs input[type=date],[data-theme=Dark] .exam-sheet-inputs input[type=time]{background:rgba(255,255,255,.06);color-scheme:dark}.chapter-options-popup{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.2),var(--shadow-lg);min-width:140px;max-width:220px;display:flex;flex-direction:column;gap:2px;animation:.15s ease-out fadeInScale;box-sizing:border-box}.chapter-option-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:0 0;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s;width:100%;text-align:start;white-space:nowrap;box-sizing:border-box}.chapter-option-item:hover{background:var(--primary-light);color:var(--primary)}.chapter-option-item.danger:hover{background:var(--danger-light);color:var(--danger)}.chapter-option-item i{font-size:14px;width:16px;text-align:center;flex-shrink:0}.planner-controls-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.planner-filter-menu-wrap{position:relative}.planner-filter-trigger-btn,.planner-topbar-btn{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--card-radius-sm);padding:0 14px;height:var(--touch-target);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:.2s;-webkit-tap-highlight-color:transparent}.planner-filter-trigger-btn i:first-child,.planner-topbar-btn i:first-child{color:var(--primary);font-size:13px}.planner-subject-pct-pill{padding:2px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:800}.planner-filter-trigger-btn:hover,.planner-topbar-btn:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(91,95,199,.15)}.planner-filter-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:920;min-width:160px;max-width:calc(100vw - 32px);background:var(--card);border:1.5px solid var(--border);border-radius:var(--card-radius-sm);padding:6px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:4px;animation:.15s ease-out fadeInScale}[dir=rtl] .planner-filter-dropdown{right:0;left:auto}.planner-filter-dropdown.hidden{display:none!important}.planner-filter-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:0 0;color:var(--text);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s;width:100%;text-align:start}.planner-filter-opt:hover{background:var(--primary-light);color:var(--primary)}.planner-filter-opt.active{background:var(--primary-light);color:var(--primary);font-weight:800}.subject-picker-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--card-radius-sm);background:var(--card);cursor:pointer;transition:.2s;-webkit-tap-highlight-color:transparent}.subject-picker-card:hover{border-color:var(--card-accent,var(--primary));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.subject-picker-card.active{border-color:var(--card-accent,var(--primary));background:color-mix(in srgb,var(--card-accent,var(--primary)) 8%,var(--card));box-shadow:0 4px 14px color-mix(in srgb,var(--card-accent,var(--primary)) 18%,transparent)}.subject-picker-card-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.subject-picker-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.subject-picker-card-title{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-picker-card-meta{font-size:12px;color:var(--text-mute);display:flex;align-items:center;gap:8px}.subject-picker-exam-badge{color:#ef4444;font-weight:700}.subject-picker-card-pct-badge{padding:6px 12px;border-radius:999px;font-family:Sora,sans-serif;font-size:13px;font-weight:800;flex-shrink:0}.planner-fab{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));right:20px;z-index:950;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,var(--primary),#4f46e5);color:#fff;cursor:pointer;box-shadow:0 12px 28px rgba(91,95,199,.45),inset 0 2px 4px rgba(255,255,255,.35);transition:transform .25s cubic-bezier(.34, 1.56, .64, 1),box-shadow .25s,opacity .2s;-webkit-tap-highlight-color:transparent}[dir=rtl] .planner-fab{right:auto;left:20px}.planner-fab:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 16px 36px rgba(91,95,199,.55),inset 0 2px 4px rgba(255,255,255,.45)}.planner-fab:hover i.fab-icon{transform:rotate(90deg)}.planner-fab:active{transform:translateY(1px) scale(.94);box-shadow:0 6px 16px rgba(91,95,199,.3)}.planner-fab.hidden{display:none!important}.planner-fab i.fab-icon{font-size:20px;transition:transform .3s}#subject-window-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:14px}.sw-header-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sw-progress-badge{display:inline-flex;align-items:center}.sw-progress-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:var(--primary-light,rgba(91,95,199,.12));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent)}[data-theme=Dark] .sw-progress-pill{background:rgba(91,95,199,.22);color:#a5b4fc;border-color:rgba(91,95,199,.4)}.sw-add-card{background:var(--bg-alt,#f8fafc);border:1px solid var(--border);border-radius:var(--radius-md,14px);padding:10px 12px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 6px rgba(0,0,0,.02)}[data-theme=Dark] .sw-add-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.sw-add-row{display:flex;align-items:center;gap:8px}.sw-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.sw-input-icon{position:absolute;left:12px;color:var(--mute,#94a3b8);font-size:13px;pointer-events:none;z-index:1}html[dir=rtl] .sw-input-icon{left:auto;right:12px}.sw-input-wrapper input{width:100%;height:40px;padding:8px 12px 8px 36px!important;border-radius:var(--radius-sm,10px)!important;border:1px solid var(--border)!important;background:var(--card)!important;color:var(--text)!important;font-size:13px!important;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}html[dir=rtl] .sw-input-wrapper input{padding:8px 36px 8px 12px!important}.sw-input-wrapper input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light,rgba(91,95,199,.15))!important;outline:0}.sw-link-toggle-btn{width:40px;height:40px;border-radius:var(--radius-sm,10px);border:1px solid var(--border);background:var(--card);color:var(--mute,#64748b);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:.2s}.sw-link-toggle-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--bg-alt,#f8fafc)}.sw-add-btn{height:40px;padding:0 16px;border-radius:var(--radius-sm,10px);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.sw-url-row{display:flex;align-items:center;animation:.2s ease-out fadeIn}.sw-url-row.hidden{display:none!important}.sw-chapters-list{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow-y:auto;padding-right:4px;margin:0 -2px}html[dir=rtl] .sw-chapters-list{padding-right:0;padding-left:4px}.sw-chapter-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md,14px);padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.03);transition:border-color .2s,box-shadow .2s,transform .15s}.sw-chapter-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 4px 14px rgba(0,0,0,.06)}.sw-chapter-card.is-complete{border-color:rgba(16,185,129,.35);background:color-mix(in srgb,rgba(16,185,129,.04) 50%,var(--card))}[data-theme=Dark] .sw-chapter-card{background:var(--card);border-color:rgba(255,255,255,.07)}[data-theme=Dark] .sw-chapter-card.is-complete{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.3)}.sw-card-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sw-card-title-group{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.sw-card-idx{width:24px;height:24px;border-radius:8px;background:var(--bg-alt,#f1f5f9);color:var(--mute,#64748b);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border)}[data-theme=Dark] .sw-card-idx{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#94a3b8}.sw-card-title{font-weight:700;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sw-card-actions{display:flex;align-items:center;flex-shrink:0}.sw-options-btn{width:32px;height:32px;border-radius:8px;color:var(--mute,#64748b);display:inline-flex;align-items:center;justify-content:center;border:none;background:0 0;cursor:pointer;transition:.15s}.sw-options-btn:hover{background:var(--bg-alt,#f1f5f9);color:var(--text)}[data-theme=Dark] .sw-options-btn:hover{background:rgba(255,255,255,.08)}.sw-card-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.sw-toggle-pills{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.sw-toggle-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--bg-alt,#f8fafc);color:var(--mute,#64748b);cursor:pointer;transition:.2s cubic-bezier(.16, 1, .3, 1);user-select:none;line-height:1.2;-webkit-tap-highlight-color:transparent}[data-theme=Dark] .sw-toggle-pill{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#94a3b8}.sw-toggle-pill:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.sw-toggle-pill:active{transform:scale(.96)}.sw-toggle-pill.is-done{background:rgba(16,185,129,.15);border-color:#10b981;color:#10b981;font-weight:700}[data-theme=Dark] .sw-toggle-pill.is-done{background:rgba(16,185,129,.22);border-color:#34d399;color:#34d399}.sw-toggle-pill.is-disabled{opacity:.45;cursor:not-allowed}.sw-toggle-pill i{font-size:11px}.sw-card-resources{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.sw-res-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--card);color:var(--text);text-decoration:none;transition:.15s;line-height:1.2}.sw-res-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.08)}.sw-res-badge.youtube{color:#ef4444;border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.06)}.sw-res-badge.pdf{color:#f97316;border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.06)}.sw-res-badge.exercise{color:#10b981;border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.06)}.sw-res-badge.exam{color:#eab308;border-color:rgba(234,179,8,.3);background:rgba(234,179,8,.06)}.sw-res-badge.link{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:var(--primary-light,rgba(91,95,199,.08))}.sw-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center;gap:12px;color:var(--mute,#94a3b8)}.sw-empty-icon{font-size:40px;opacity:.4;color:var(--primary)}.sw-empty-text{font-size:13px;max-width:250px;margin:0;line-height:1.5}.rtl-flip{transition:transform .2s}html[dir=rtl] .rtl-flip{transform:scaleX(-1)}.planner-back-to-hub-btn{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--border);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:.2s;box-shadow:var(--shadow-sm);flex-shrink:0}.planner-back-to-hub-btn:hover{border-color:var(--primary);background:var(--primary-light,rgba(91,95,199,.08));color:var(--primary);transform:translateX(-2px)}html[dir=rtl] .planner-back-to-hub-btn:hover{transform:translateX(2px)}.planner-hub-add-subject-btn{display:inline-flex;align-items:center;gap:7px;background:var(--primary);border:none;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:.2s;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 35%,transparent);flex-shrink:0}.planner-hub-add-subject-btn:hover{background:var(--primary-hover,#4a4db0);transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 45%,transparent)}.planner-hub-add-subject-btn:active{transform:scale(.97)}.planner-subject-chips-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.planner-subject-chips-bar::-webkit-scrollbar{display:none}.planner-subject-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--card);font-family:inherit;font-size:13px;font-weight:600;color:var(--text-mute);white-space:nowrap;cursor:pointer;flex-shrink:0;transition:.2s cubic-bezier(.34, 1.56, .64, 1);-webkit-tap-highlight-color:transparent}.planner-subject-chip:hover{border-color:var(--chip-color,var(--primary));color:var(--text);transform:translateY(-1px)}.planner-subject-chip.active{background:color-mix(in srgb,var(--chip-color,var(--primary)) 12%,var(--card));border-color:var(--chip-color,var(--primary));color:var(--chip-color,var(--primary));font-weight:700;box-shadow:0 2px 10px color-mix(in srgb,var(--chip-color,var(--primary)) 20%,transparent);transform:scale(1.02)}.planner-subject-chip-icon{font-size:13px}.planner-subject-chip-badge{font-size:11px;font-weight:800;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--chip-color,var(--primary)) 15%,transparent)}.planner-subjects-hub{display:flex;flex-direction:column;gap:16px;padding:4px 2px 24px;width:100%;animation:.28s cubic-bezier(.16,1,.3,1) both plannerHubFadeIn}@keyframes plannerHubFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.planner-hub-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card)) 0,var(--card) 100%);border:1.5px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:var(--card-radius);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.planner-hub-hero-info{display:flex;flex-direction:column;gap:4px;z-index:1}.planner-hub-hero-title{font-size:16px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px}.planner-hub-hero-stats{font-size:12.5px;color:var(--text-mute);font-weight:600}.planner-hub-hero-mascot{width:60px;height:60px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.planner-subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.planner-hub-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--card-radius);padding:16px 18px;display:flex;flex-direction:column;gap:12px;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s cubic-bezier(.34, 1.56, .64, 1),box-shadow .22s,border-color .22s;-webkit-tap-highlight-color:transparent}.planner-hub-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-accent,var(--primary));border-radius:var(--card-radius) var(--card-radius) 0 0}.planner-hub-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px color-mix(in srgb,var(--card-accent,var(--primary)) 16%,transparent);border-color:var(--card-accent,var(--primary))}.planner-hub-card:active{transform:scale(.98)}.planner-hub-card.planner-hub-card-full-quest{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--card)) 0,var(--card) 100%);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));grid-column:1/-1}.planner-hub-card.planner-hub-card-full-quest:hover{border-color:var(--primary);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 22%,transparent)}.planner-hub-full-quest-icon{font-size:14px;margin-inline-end:6px;opacity:.85}.planner-hub-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.planner-hub-card-title-wrap{flex:1;min-width:0;text-align:start}.planner-hub-card-title{font-size:16px;font-weight:800;color:var(--text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:inherit}.planner-hub-card-subtitle{font-size:12px;color:var(--text-mute);margin-top:2px;text-align:inherit}.planner-hub-card-pct{font-family:Sora,sans-serif;font-size:14px;font-weight:800;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--card-accent,var(--primary)) 14%,transparent);color:var(--card-accent,var(--primary));flex-shrink:0}.planner-hub-card-bar-track{width:100%;height:6px;border-radius:999px;background:var(--progress-bg,rgba(0,0,0,.06));overflow:hidden}.planner-hub-card-bar-fill{height:100%;border-radius:999px;background:var(--card-accent,var(--primary));transition:width .4s ease-out}.planner-hub-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.planner-hub-next-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.planner-hub-next-badge i{color:var(--card-accent,var(--primary));font-size:11px}.planner-hub-cta-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--card-accent,var(--primary));flex-shrink:0}.planner-hub-cta-btn i{font-size:10px;transition:transform .2s}.planner-hub-card:hover .planner-hub-cta-btn i{transform:translateX(3px)}html[dir=rtl] .planner-hub-card:hover .planner-hub-cta-btn i{transform:translateX(-3px)}.planner-hub-full-journey{border:1.5px dashed color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 4%,var(--card));border-radius:var(--card-radius);padding:14px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:.2s;margin-top:4px}.planner-hub-full-journey:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--card));transform:translateY(-2px)}.planner-hub-full-journey-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-light,rgba(91,95,199,.08));color:var(--primary);display:grid;place-items:center;font-size:16px;flex-shrink:0}.planner-hub-full-journey-info{flex:1;min-width:0}.planner-hub-full-journey-title{font-size:14px;font-weight:700;color:var(--text)}.planner-hub-full-journey-desc{font-size:12px;color:var(--text-mute)}.planner-hub-full-journey-arrow{color:var(--primary);font-size:14px;flex-shrink:0}.planner-quest-enter{animation:.28s cubic-bezier(.16,1,.3,1) both plannerQuestFadeIn}@keyframes plannerQuestFadeIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.planner-hub-card,.planner-quest-enter,.planner-subject-chip,.planner-subjects-hub{animation:none!important;transition:none!important}.guided-first-focus-prompt{scroll-behavior:auto}}@keyframes pomodoroLaunchEnter{0%{opacity:0;transform:translateY(16px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}.tab-content#pomodoro.pomodoro-launch-enter{animation:220ms cubic-bezier(.16,1,.3,1) forwards pomodoroLaunchEnter;will-change:transform,opacity}@keyframes pomodoroTargetGlow{0%{box-shadow:0 0 0 0 rgba(91,95,199,.45)}50%{box-shadow:0 0 0 12px rgba(91,95,199,0)}100%{box-shadow:0 0 0 0 rgba(91,95,199,0)}}.pomodoro-timer-card.target-highlight,.timer-circle-wrap.target-highlight{animation:1.2s ease-out pomodoroTargetGlow}.pomodoro-container{display:flex;flex-direction:column;gap:20px;max-width:960px;margin:0 auto}.pomodoro-header-card{display:flex;flex-direction:row;align-items:center;gap:20px;padding:18px 24px;background:var(--progress-bg);border-color:var(--border)}.level-info{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:Sora,sans-serif;font-size:15px;font-weight:700;white-space:nowrap}.level-badge{background:var(--primary);color:#fff;padding:4px 14px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 10px rgba(123,127,232,.3)}.xp-container{flex:1;height:7px;background:var(--progress-bg);border-radius:99px;overflow:hidden}.xp-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .6s cubic-bezier(.4, 0, .2, 1);position:relative}.xp-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.25) 50%,transparent 100%);animation:2.4s infinite xp-shimmer}@keyframes xp-shimmer{from{transform:translateX(-100%)}to{transform:translateX(300%)}}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.timer-card{display:flex;flex-direction:column;align-items:center;padding:32px 28px;gap:0;background:var(--card);position:relative;overflow:hidden}.timer-card::before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;top:-80px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(123,127,232,.1) 0,transparent 70%);pointer-events:none;transition:background .6s}.timer-card.mode-break{background:var(--card);border-top:3px solid rgba(20,184,178,.4)}.timer-card.mode-break::before{background:radial-gradient(circle,rgba(20,184,178,.08) 0,transparent 70%)}.timer-display-wrapper{position:relative;width:280px;height:280px;margin-bottom:24px;display:flex;justify-content:center;align-items:center}.timer-glass-layer{position:absolute;width:82%;height:82%;border-radius:50%;background:rgba(255,255,255,.03);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 0 20px rgba(255,255,255,.1),0 8px 32px rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.1)}[data-theme=Dark] .timer-glass-layer{background:rgba(0,0,0,.1);box-shadow:inset 0 0 20px rgba(255,255,255,.02),0 8px 32px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05)}.timer-bg-break-image,.timer-bg-image{position:absolute;width:50%;height:50%;object-fit:contain;z-index:0;pointer-events:none;opacity:.15;transition:opacity .6s,transform .6s cubic-bezier(.34, 1.56, .64, 1);filter:saturate(1.2) brightness(1.1)}[data-theme=Dark] .timer-bg-break-image,[data-theme=Dark] .timer-bg-image{opacity:.08;filter:saturate(1.5) brightness(.8)}.timer-bg-break-image,.timer-card.mode-break .timer-bg-image{opacity:0;transform:scale(.8)}.timer-card.mode-break .timer-bg-break-image{opacity:.15;transform:scale(1)}[data-theme=Dark] .timer-card.mode-break .timer-bg-break-image{opacity:.08}.timer-running .timer-bg-break-image,.timer-running .timer-bg-image{animation:4s ease-in-out infinite icon-breathe}@keyframes icon-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.timer-svg{width:100%;height:100%;transform:rotate(-90deg);position:absolute;top:0;left:0;overflow:visible}.timer-bg{fill:none;stroke:var(--border);stroke-width:3.5;opacity:.6}.timer-path{fill:none;stroke:url(#timerGradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .4s;filter:drop-shadow(0 0 8px rgba(123, 127, 232, .6)) drop-shadow(0 0 20px rgba(123, 127, 232, .4))}.timer-card.mode-break .timer-path{stroke:url(#timerGradientBreak);filter:drop-shadow(0 0 8px rgba(20, 184, 178, .6)) drop-shadow(0 0 20px rgba(20, 184, 178, .4))}.timer-inner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-digits{font-family:Outfit,Inter,sans-serif;font-size:4.2rem;font-weight:800;letter-spacing:-2.5px;color:var(--text);text-shadow:0 4px 20px rgba(0,0,0,.1);line-height:1}[data-theme=Dark] .timer-digits{color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.4)}.timer-status{font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:2.5px;font-weight:700;margin-top:8px;background:var(--progress-bg);padding:4px 12px;border-radius:20px;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.05)}.pomodoro-phase-line{margin:0 0 18px;padding:8px 16px;border-radius:99px;background:var(--progress-bg);border:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text-mute);text-align:center;letter-spacing:.3px}.pomodoro-session-brief{width:100%;margin:0 0 18px;padding:12px 14px;border-radius:16px;background:rgba(123,127,232,.08);border:1px solid rgba(123,127,232,.14)}.pomodoro-session-brief.empty{background:var(--progress-bg);border-color:var(--border);opacity:.85}.pomodoro-session-brief-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.pomodoro-session-brief-title{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text-mute)}.pomodoro-session-brief-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.74);color:var(--primary);font-size:11px;font-weight:800}.pomodoro-session-brief-body{font-family:Sora,sans-serif;font-size:14px;font-weight:700;line-height:1.45;color:var(--text)}.pomodoro-session-brief-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pomodoro-session-brief-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--card);border:1px solid rgba(123,127,232,.12);color:var(--text-mute);font-size:11px;font-weight:700}.guided-first-focus-prompt{display:flex;align-items:flex-start;gap:12px;width:100%;margin:22px 0 0;padding:13px 14px;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(245,158,11,.13),rgba(91,95,199,.1));box-shadow:var(--shadow-sm)}.guided-first-focus-prompt.hidden{display:none}.guided-first-focus-prompt>i{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.guided-first-focus-prompt>div{display:grid;gap:3px;min-width:0}.guided-first-focus-prompt strong{color:var(--text);font-size:14px}.guided-first-focus-prompt small,.guided-first-focus-prompt span{color:var(--text-mute);font-size:12px;line-height:1.4}html[dir=rtl] .guided-first-focus-prompt{text-align:right}.pomodoro-preset-block{width:100%;max-width:300px;margin:0 0 20px}.pomodoro-preset-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-mute);margin-bottom:10px;text-align:center}.pomodoro-preset-row{display:flex;gap:8px;justify-content:center}.pomodoro-preset-btn{border:1.5px solid var(--border);background:var(--progress-bg);color:var(--text-mute);border-radius:99px;padding:8px 18px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s}.pomodoro-preset-btn:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pomodoro-preset-btn.active{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(123,127,232,.3);transform:translateY(-1px)}.pomodoro-preset-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;pointer-events:none}.timer-controls-row{display:flex;align-items:center;gap:10px;width:100%;max-width:320px;margin-bottom:4px}.play-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;min-height:60px;font-size:16px;font-weight:800;letter-spacing:.2px;border-radius:999px;background:var(--primary);color:#fff;border:none;cursor:pointer;box-shadow:0 6px 24px rgba(var(--primary-rgb),.35);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,filter .18s;font-family:Sora,sans-serif;position:relative}.play-btn .play-btn-icon,.play-btn i{font-size:18px;line-height:1}.timer-card:not(.timer-running) .play-btn{animation:3.2s ease-in-out infinite start-btn-breathe}@keyframes start-btn-breathe{0%,100%{box-shadow:0 6px 24px rgba(var(--primary-rgb),.35);transform:scale(1)}50%{box-shadow:0 10px 34px rgba(var(--primary-rgb),.55);transform:scale(1.015)}}.play-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 10px 30px rgba(var(--primary-rgb),.45);filter:brightness(1.08)}.play-btn:active{transform:translateY(0) scale(.98);animation:none}.play-btn:focus-visible{outline:3px solid rgba(var(--primary-rgb),.5);outline-offset:3px}.timer-running .play-btn{background:var(--secondary);box-shadow:0 4px 18px rgba(14,165,160,.3)}.timer-card.mode-break .play-btn{background:var(--secondary);box-shadow:0 6px 24px rgba(14,165,160,.35)}.timer-card.mode-break:not(.timer-running) .play-btn{animation:3.2s ease-in-out infinite start-btn-breathe-teal}@keyframes start-btn-breathe-teal{0%,100%{box-shadow:0 6px 24px rgba(14,165,160,.35);transform:scale(1)}50%{box-shadow:0 10px 34px rgba(14,165,160,.55);transform:scale(1.015)}}.icon-only-btn{flex:0 0 auto;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--progress-bg);border:1.5px solid var(--border);color:var(--text-mute);font-size:15px;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.icon-only-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:rotate(15deg)}.icon-only-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pomodoro-break-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:340px;margin:0 auto;padding:18px 16px 14px;background:rgba(14,165,160,.06);border:1px solid rgba(14,165,160,.22);border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:.35s cubic-bezier(.34,1.56,.64,1) both break-card-in;box-sizing:border-box}@keyframes break-card-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.break-cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:14px 20px;font-size:15px;font-weight:800;font-family:Sora,sans-serif;letter-spacing:.3px;border-radius:999px;border:none;background:var(--secondary);color:#fff;cursor:pointer;box-shadow:0 6px 22px rgba(14,165,160,.38);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,filter .18s;animation:3s ease-in-out infinite break-cta-breathe;-webkit-tap-highlight-color:transparent;box-sizing:border-box}@keyframes break-cta-breathe{0%,100%{box-shadow:0 6px 22px rgba(14,165,160,.38);transform:scale(1)}50%{box-shadow:0 10px 32px rgba(14,165,160,.56);transform:scale(1.018)}}.break-cta-btn:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.02);animation:none}.break-cta-btn:active{transform:scale(.97);animation:none}.break-secondary-row{display:flex;gap:8px;width:100%}.break-secondary-btn{flex:1 1 0px;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;font-size:13px;font-weight:600;font-family:Sora,sans-serif;border-radius:999px;border:1.5px solid rgba(14,165,160,.3);background:rgba(14,165,160,.08);color:var(--secondary);cursor:pointer;transition:background .18s,border-color .18s,transform .18s;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.break-secondary-btn:hover{background:rgba(14,165,160,.18);border-color:var(--secondary);transform:translateY(-1px)}.break-secondary-btn:active{transform:scale(.96)}.break-abort-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;background:0 0;border:none;color:var(--text-mute);cursor:pointer;opacity:.65;transition:opacity .18s,color .18s,background .18s;border-radius:8px;min-height:38px;-webkit-tap-highlight-color:transparent}.break-abort-link:active,.break-abort-link:hover{opacity:1;color:var(--danger,#ef4444);background:rgba(239,68,68,.08)}.break-hidden-in-break.hidden{display:none}.controls-column,.timer-column{display:flex;flex-direction:column;gap:14px}.control-card{padding:20px;border-radius:var(--radius-md);transition:box-shadow .2s}.control-card:hover{box-shadow:var(--shadow-md)}.control-card h4{font-family:Sora,sans-serif;font-size:12px;font-weight:700;margin-bottom:14px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.8px}.pomodoro-card-caption{margin-top:6px;font-size:12px;font-weight:600;color:var(--text-mute)}.pomodoro-video-playlist{margin-top:12px}.pomodoro-video-playlist:empty{display:none}.pomodoro-video-playlist-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;font-weight:800;color:var(--text-mute);text-transform:uppercase}.pomodoro-video-list{display:grid;gap:8px;max-height:220px;overflow-y:auto;padding-right:2px}.pomodoro-video-item{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-alt);color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.pomodoro-video-item:hover{border-color:var(--primary);transform:translateY(-1px)}.pomodoro-video-item.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card))}.pomodoro-video-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--card);color:var(--text-mute);font-size:12px;font-weight:800}.pomodoro-video-item.active .pomodoro-video-index{background:var(--primary);color:#fff}.pomodoro-video-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.3}.pomodoro-video-item i{color:var(--text-mute);font-size:12px}.pomodoro-video-item.active i{color:var(--primary)}.modern-select{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238892b0' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:38px!important;cursor:pointer}#active-subject-selector{margin-bottom:10px}.pomodoro-selector-label{display:inline-flex;align-items:center;margin:2px 0 8px;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--text-mute)}#active-chapter-selector:disabled{cursor:not-allowed;opacity:.7}.pomodoro-target-native-selects{display:none}.pomodoro-target-picker-trigger{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text);cursor:pointer;text-align:start;transition:transform 160ms,border-color 180ms,box-shadow 180ms}.pomodoro-target-picker-trigger:focus-visible,.pomodoro-target-picker-trigger:hover{border-color:var(--primary);box-shadow:0 6px 18px rgba(var(--primary-rgb),.12)}.pomodoro-target-picker-trigger:active{transform:scale(.985)}.pomodoro-target-chapter-status,.pomodoro-target-picker-icon{width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-light);color:var(--primary)}.pomodoro-target-picker-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.pomodoro-target-picker-copy small,.pomodoro-target-picker-eyebrow{color:var(--text-mute);font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.pomodoro-target-picker-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.pomodoro-target-picker-chevron{color:var(--text-mute);font-size:13px}.pomodoro-target-picker-modal{width:min(94vw,560px)!important;max-width:560px!important;height:min(88vh,720px);max-height:88vh;padding:0!important;overflow:hidden!important;border-radius:24px!important;display:flex;flex-direction:column}.pomodoro-target-picker-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--card)}.pomodoro-target-picker-header .btn-icon{flex:0 0 42px;width:42px;height:42px}.pomodoro-target-picker-heading{min-width:0;flex:1}.pomodoro-target-picker-heading h2{margin:3px 0 0;color:var(--text);font-family:Sora,sans-serif;font-size:18px;line-height:1.2}.pomodoro-target-picker-content{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden!important;padding:18px;background:var(--bg);-webkit-overflow-scrolling:touch;touch-action:pan-y}.pomodoro-target-chapter-view,.pomodoro-target-subject-view{display:flex;flex-direction:column;width:100%;min-height:100%;will-change:transform,opacity;touch-action:pan-y}.pomo-picker-slide-forward{animation:220ms cubic-bezier(.16,1,.3,1) forwards pomoPickerSlideForward}.pomo-picker-slide-back{animation:220ms cubic-bezier(.16,1,.3,1) forwards pomoPickerSlideBack}@keyframes pomoPickerSlideForward{from{opacity:0;transform:translate3d(28px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes pomoPickerSlideBack{from{opacity:0;transform:translate3d(-28px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}html[dir=rtl] .pomo-picker-slide-forward{animation-name:pomoPickerSlideForwardRTL}@keyframes pomoPickerSlideForwardRTL{from{opacity:0;transform:translate3d(-28px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}html[dir=rtl] .pomo-picker-slide-back{animation-name:pomoPickerSlideBackRTL}@keyframes pomoPickerSlideBackRTL{from{opacity:0;transform:translate3d(28px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.pomodoro-target-picker-hint,.pomodoro-target-picker-subject-name{margin:0 0 16px;color:var(--text-mute);font-size:13px;line-height:1.45}.pomodoro-target-picker-subject-name{color:var(--primary);font-family:Sora,sans-serif;font-size:16px;font-weight:700}.pomodoro-subject-circle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.pomodoro-subject-circle{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 2px 8px;border:1px solid transparent;border-radius:18px;background:0 0;color:var(--text);cursor:pointer;transition:background 180ms,border-color 180ms,transform 160ms}.pomodoro-subject-circle.selected,.pomodoro-subject-circle:focus-visible,.pomodoro-subject-circle:hover{border-color:rgba(var(--primary-rgb),.32);background:var(--card)}.pomodoro-subject-circle:active,.pomodoro-subject-circle:hover{transform:translateY(-2px)}.pomodoro-subject-circle:active{transform:scale(.97)}.pomodoro-subject-circle.unavailable{cursor:not-allowed;opacity:.52}.pomodoro-subject-circle.unavailable:hover{transform:none}.pomodoro-subject-circle-ring{position:relative;display:grid;width:min(25vw,108px);min-width:78px;aspect-ratio:1;place-items:center}.pomodoro-subject-circle-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.pomodoro-subject-circle-ring circle{fill:none;stroke-width:9}.pomodoro-subject-circle-track{stroke:var(--progress-bg)}.pomodoro-subject-circle-fill{stroke:var(--primary);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--picker-progress));transition:stroke-dashoffset 420ms}.pomodoro-subject-circle-ring strong{z-index:1;font-family:Sora,sans-serif;font-size:clamp(14px, 4vw, 18px)}.pomodoro-subject-circle-meta,.pomodoro-subject-circle-name{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pomodoro-subject-circle-name{font-size:12px;font-weight:800}.pomodoro-subject-circle-meta{color:var(--text-mute);font-size:10px;font-weight:600}.pomodoro-target-chapter-list{display:flex;flex-direction:column;gap:10px}.pomodoro-target-chapter-row{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--text);cursor:pointer;text-align:start;transition:transform 160ms,border-color 180ms,background 180ms}.pomodoro-target-chapter-row.selected,.pomodoro-target-chapter-row:focus-visible,.pomodoro-target-chapter-row:hover{border-color:var(--primary);background:var(--primary-light)}.pomodoro-target-chapter-row:active{transform:scale(.985)}.pomodoro-target-chapter-row.completed .pomodoro-target-chapter-status{background:var(--success-light);color:var(--success)}.pomodoro-target-chapter-name{min-width:0;flex:1;font-size:14px;font-weight:700}.pomodoro-target-chapter-row>.fas{color:var(--text-mute);font-size:12px}.pomodoro-target-chapter-selected{color:var(--primary);font-size:11px;font-weight:800}.pomodoro-target-picker-empty{display:grid;min-height:240px;place-content:center;padding:24px;color:var(--text-mute);text-align:center}.pomodoro-target-picker-empty i{margin-bottom:14px;color:var(--primary);font-size:36px;opacity:.72}.pomodoro-target-picker-empty p{max-width:300px;margin:0;line-height:1.55}html[dir=rtl] .pomodoro-target-chapter-row>.fas,html[dir=rtl] .pomodoro-target-picker-chevron{transform:rotate(180deg)}@media (max-width:480px){.pomodoro-target-picker-modal{width:100%!important;max-width:100%!important;height:94vh;max-height:94vh;margin-top:auto!important;border-radius:24px 24px 0 0!important}.pomodoro-target-picker-header{padding:14px 16px}.pomodoro-target-picker-content{padding:16px 14px calc(20px + env(safe-area-inset-bottom))}.pomodoro-subject-circle-grid{gap:14px 8px}}@media (max-width:350px){.pomodoro-subject-circle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pomodoro-subject-circle-ring{width:min(34vw,106px)}}@media (prefers-reduced-motion:reduce){.timer-card.mode-break:not(.timer-running) .play-btn,.timer-card:not(.timer-running) .play-btn{animation:none}.pomo-picker-slide-back,.pomo-picker-slide-forward{animation:none!important}.pomodoro-subject-circle,.pomodoro-subject-circle-fill,.pomodoro-target-chapter-row,.pomodoro-target-picker-trigger{transition:none}}.pomodoro-subject-summary{margin-top:12px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--progress-bg);border:1px solid var(--border);transition:border-color .2s}.pomodoro-subject-summary:not(.empty){border-color:rgba(123,127,232,.25)}.pomodoro-subject-summary.empty{opacity:.7}.pomodoro-next-task-head,.pomodoro-summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.pomodoro-summary-title{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-mute)}.pomodoro-next-task-badge,.pomodoro-summary-progress{display:inline-flex;align-items:center;border-radius:99px;padding:3px 10px;background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:800;flex-shrink:0}.pomodoro-summary-name{font-family:Sora,sans-serif;font-size:15px;font-weight:700;margin-bottom:10px}.pomodoro-summary-stats{display:flex;flex-wrap:wrap;gap:6px}.pomodoro-summary-stat{display:inline-flex;align-items:center;gap:4px;border-radius:99px;background:var(--card);border:1px solid var(--border);padding:5px 10px;font-size:11px;font-weight:600;color:var(--text-mute)}.pomodoro-chapter-progress{margin-top:12px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border)}.pomodoro-chapter-progress.empty{opacity:.8}.pomodoro-chapter-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.pomodoro-chapter-progress-title{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-mute)}.pomodoro-chapter-progress-pill{display:inline-flex;align-items:center;border-radius:99px;padding:3px 10px;background:var(--bg-alt);color:var(--text-mute);font-size:11px;font-weight:700}.pomodoro-chapter-progress-name{font-family:Sora,sans-serif;font-size:15px;font-weight:700;color:var(--text)}.pomodoro-chapter-progress-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.pomodoro-chapter-progress-empty{font-size:13px;color:var(--text-mute);line-height:1.5}.pomodoro-check-row{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.pomodoro-check-row:hover{border-color:rgba(123,127,232,.35);transform:translateY(-1px)}.pomodoro-check-row.done{border-color:rgba(14,165,160,.35);background:rgba(14,165,160,.08)}.pomodoro-check-row input[type=checkbox]{width:19px;height:19px;margin-top:2px;accent-color:var(--primary);flex-shrink:0}.pomodoro-check-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.pomodoro-check-label{font-size:14px;font-weight:700;color:var(--text)}.pomodoro-check-hint{font-size:12px;color:var(--text-mute);line-height:1.4}#smart-suggestion{font-size:12px;color:var(--text-mute);font-style:italic;padding:8px 2px;min-height:32px}.pomodoro-next-task-card{background:var(--card);border:1.5px solid var(--border)}.pomodoro-next-task-card.is-suggested{box-shadow:var(--shadow-md);border-color:var(--primary)}.pomodoro-next-task-card.is-selected{background:var(--card);border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.15)}.pomodoro-next-task-card h4{margin-bottom:0}.pomodoro-next-task-body{margin-top:12px;font-size:14px;font-weight:700;line-height:1.5;color:var(--text);font-family:Sora,sans-serif}.pomodoro-next-task-reason{margin-top:6px;min-height:18px;font-size:12px;color:var(--text-mute)}#pomodoro-start-suggestion-btn,#pomodoro-use-suggestion-btn{width:100%;margin-top:14px}.lofi-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lofi-controls label{font-size:14px;font-weight:500;color:var(--text);flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute;margin:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:24px;transition:background .3s}.slider::before{content:"";position:absolute;height:16px;width:16px;left:4px;bottom:4px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}input:checked+.slider{background:var(--primary)}input:checked+.slider::before{transform:translateX(20px)}.session-stats{display:flex;justify-content:space-around;gap:10px}.stat-pill{text-align:center;padding:14px 12px;background:var(--progress-bg);border-radius:var(--radius-sm);border:1px solid var(--border);flex:1;transition:border-color .2s,transform .2s}.stat-pill:hover{border-color:rgba(123,127,232,.3);transform:translateY(-2px)}.stat-pill .val{font-family:Sora,sans-serif;font-size:22px;font-weight:800;color:var(--primary);line-height:1;margin-bottom:4px}.stat-pill .lbl{font-size:10px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px}.timer-top-stats{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px;padding:0 4px}.timer-stat-box{display:flex;flex-direction:column;align-items:center;flex:1;gap:3px}.timer-stat-val{font-family:Sora,sans-serif;font-size:1.15rem;font-weight:800;color:var(--primary)}.timer-stat-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-mute);font-weight:700}.daily-progress-circle-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.daily-ring{width:100%;height:100%}.daily-ring-bg{fill:none;stroke:var(--border);stroke-width:3.5}.daily-ring-fill{fill:none;stroke:var(--secondary);stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .7s cubic-bezier(.4, 0, .2, 1);filter:drop-shadow(0 0 4px rgba(20, 184, 178, .5))}.daily-ring-content{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.daily-ring-content span{font-family:Sora,sans-serif;font-size:1rem;font-weight:800;color:var(--text)}.daily-ring-content small{font-size:8px;color:var(--text-mute);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.pomodoro-resource-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.pomodoro-resource-info{min-width:0}.pomodoro-resource-tabs{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:768px){.pomodoro-resource-header{flex-direction:column;align-items:stretch}.pomodoro-resource-tabs{justify-content:flex-start;margin-top:4px}.pomodoro-resource-tabs button{flex:1 1 auto;justify-content:center;min-height:38px}.focus-grid{grid-template-columns:1fr}.timer-card{padding:24px 18px}.pomodoro-header-card{flex-direction:column;align-items:flex-start;gap:10px}.xp-container{width:100%;flex:none;height:10px;margin:10px 0 5px}.timer-display-wrapper{width:200px;height:200px}.timer-digits{font-size:2.8rem}.pomodoro-break-actions{width:100%;max-width:360px;margin:0 auto;padding:16px 14px 12px;gap:9px}.break-cta-btn{min-height:48px;padding:13px 18px;font-size:14px}.break-secondary-btn{min-height:44px;padding:10px 8px;font-size:12.5px}.controls-column{gap:12px}.control-card{padding:18px 16px}#active-chapter-selector,#active-subject-selector{min-height:48px;font-size:16px}.pomodoro-chapter-progress,.pomodoro-subject-summary{padding:12px 14px}.pomodoro-summary-stat{min-height:32px;padding:7px 11px}.pomodoro-next-task-body{font-size:15px}#pomodoro-start-suggestion-btn,#pomodoro-use-suggestion-btn{min-height:44px}.pomodoro-music-card{order:4}.pomodoro-stats-card{order:5}.session-stats{gap:8px}.stat-pill .val{font-size:18px}}@media (max-width:480px){.pomodoro-break-actions{max-width:100%;padding:14px 12px 10px;gap:8px;border-radius:16px}.break-cta-btn{min-height:46px;padding:12px 14px;font-size:13.5px;gap:8px}.break-secondary-row{gap:6px}.break-secondary-btn{min-height:42px;padding:9px 5px;font-size:12px;gap:5px}.break-abort-link{min-height:36px;font-size:10.5px;padding:6px 10px}.timer-display-wrapper{width:180px;height:180px}.timer-digits{font-size:2.4rem}.pomodoro-preset-row{gap:6px}.pomodoro-preset-btn{padding:7px 14px;font-size:12px}.timer-controls-row{max-width:100%}}@media (max-width:360px){.pomodoro-break-actions{padding:12px 10px 8px;gap:7px}.break-cta-btn{font-size:13px;padding:11px 10px;min-height:44px}.break-secondary-btn{font-size:11px;padding:8px 4px;min-height:40px;gap:4px}}@media (max-width:768px){#pomodoro .header{padding:12px 0 4px;margin-bottom:0}#pomodoro .header h2{font-size:18px}.pomodoro-container{gap:12px;padding:0 2px}.pomodoro-header-card{flex-direction:row!important;align-items:center!important;gap:10px!important;padding:10px 16px!important}.level-info{font-size:13px}.xp-container{flex:1!important;width:auto!important;height:6px!important;margin:0!important}#xp-label{display:none}.focus-grid{grid-template-columns:1fr!important;gap:12px}.timer-card{padding:20px 16px 16px!important;align-items:center}.timer-display-wrapper{width:190px!important;height:190px!important;margin-bottom:14px!important}.timer-digits{font-size:2.6rem!important}.pomodoro-phase-line{display:none}.pomodoro-session-brief{margin:0 0 12px!important;padding:10px 12px!important}.pomodoro-session-brief-body{font-size:13px!important}.pomodoro-preset-block{width:100%!important;max-width:100%!important;margin:0 0 14px!important}.pomodoro-preset-row{gap:8px;justify-content:stretch}.pomodoro-preset-btn{flex:1;padding:11px 8px!important;font-size:14px!important;min-height:44px}.mission-config-section .pomodoro-preset-row{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important}.mission-config-section .pomodoro-preset-btn{padding:6px 2px!important;font-size:11px!important;min-height:40px!important}.mission-config-section .pomodoro-preset-btn .preset-time{font-size:12px!important}.mission-config-section .pomodoro-preset-btn .preset-label{font-size:8.5px!important}.mission-quick-presets{gap:6px}.mission-quick-presets .quick-pill{padding:6px 12px!important;font-size:12px!important;min-height:34px!important}.timer-controls-row{max-width:100%!important;width:100%!important;gap:10px;margin-bottom:0!important}.play-btn{min-height:52px!important;font-size:16px!important;border-radius:16px!important}.icon-only-btn{min-width:52px;min-height:52px!important;border-radius:16px!important;font-size:16px!important}.pomodoro-break-actions{flex-direction:row!important;gap:8px;margin-top:10px!important}.pomodoro-break-actions .small-btn{flex:1!important;min-height:44px!important;font-size:13px!important;padding:10px 8px!important}.controls-column{gap:10px!important}.control-card{padding:14px!important;border-radius:16px}.control-card h4{font-size:11px!important;margin-bottom:10px!important}#active-chapter-selector,#active-subject-selector{min-height:50px!important;font-size:15px!important;border-radius:12px!important;padding:12px 38px 12px 14px!important}.pomodoro-selector-label{margin:8px 0 6px!important}.pomodoro-subject-summary{padding:10px 12px!important;margin-top:10px!important}.pomodoro-summary-name{font-size:14px!important;margin-bottom:6px!important}.pomodoro-check-row{padding:14px 12px!important;min-height:60px;align-items:center}.pomodoro-check-row input[type=checkbox]{width:22px!important;height:22px!important}.pomodoro-check-label{font-size:15px!important}.pomodoro-check-hint{font-size:11px!important}#smart-suggestion{font-size:11px!important;padding:4px 2px!important;min-height:24px!important}.pomodoro-next-task-card{padding:14px!important}.pomodoro-next-task-body{font-size:14px!important;margin-top:8px!important}.pomodoro-music-card{order:10!important}.pomodoro-stats-card{order:11!important}.session-stats{gap:8px!important}.stat-pill{padding:12px 8px!important}.stat-pill .val{font-size:20px!important}#youtube-video-card{border-radius:20px!important;overflow:hidden;order:3;margin-top:0!important}#youtube-video-card>div:first-child{padding:0 0 12px!important;margin-bottom:0!important}#youtube-video-card h4{font-size:15px!important;font-weight:800}#youtube-iframe{height:210px!important;border-radius:14px!important}.pomodoro-video-list{max-height:210px;gap:7px}.pomodoro-video-item{min-height:52px;padding:11px 12px;border-radius:12px}.pomodoro-video-item:hover{transform:none}.pomodoro-video-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#open-youtube-btn{min-height:40px!important;font-size:13px!important;padding:8px 14px!important;white-space:nowrap}#pomodoro-resource-card{border-radius:20px!important;order:4}.pomodoro-resource-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:14px!important}.pomodoro-resource-tabs{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px!important;padding-bottom:2px}.pomodoro-resource-tabs::-webkit-scrollbar{display:none}.pomodoro-resource-tabs button{flex:0 0 auto!important;min-height:40px!important;font-size:12px!important;padding:8px 14px!important;border-radius:99px!important;white-space:nowrap}#resource-display-area{padding:8px!important;border-radius:14px!important;min-height:80px!important;align-items:stretch!important;justify-content:flex-start!important}#resource-display-area .list-item{padding:14px 12px!important;border-radius:12px!important;margin-bottom:6px!important;min-height:56px}#resource-display-area .list-item span[style*="font-weight:600"]{font-size:13px!important}.timer-column{display:contents}.timer-card{order:1}.controls-column{order:2}.pomodoro-next-task-card{order:3}}@media (max-width:400px){.timer-display-wrapper{width:170px!important;height:170px!important}.timer-digits{font-size:2.2rem!important}.pomodoro-preset-btn{font-size:13px!important;padding:10px 6px!important}#active-chapter-selector,#active-subject-selector{font-size:14px!important}#youtube-iframe{height:185px!important}.play-btn{font-size:15px!important;min-height:52px!important;padding:14px 18px!important}}.pomodoro-session-brief-chip.video-chip{background:rgba(255,45,85,.1);border:1px solid rgba(255,45,85,.3);color:#ff2d55;cursor:pointer;transition:.2s}.pomodoro-session-brief-chip.video-chip i{margin-right:5px}.pomodoro-session-brief-chip.video-chip:active{transform:scale(.95);background:rgba(255,45,85,.2)}@keyframes highlight-flash{0%{box-shadow:0 0 0 0 rgba(255,45,85,.4)}50%{box-shadow:0 0 20px 10px rgba(255,45,85,.2)}100%{box-shadow:0 0 0 0 rgba(255,45,85,0)}}.highlight-flash{animation:2s ease-out highlight-flash;border-color:#ff2d55!important}.zen-ambient-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out;background:var(--bg)}.zen-mode-active .zen-ambient-bg{opacity:1}.zen-mode-active.zen-break .zen-ambient-bg,.zen-mode-active.zen-focus .zen-ambient-bg{background:var(--bg)}@keyframes aurora-shift{0%{background-position:0 0}50%{background-position:100% 50%}100%{background-position:0 100%}}@keyframes aurora-shift-focus{0%{background-position:0 0;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(15deg)}100%{background-position:0 100%;filter:hue-rotate(-15deg)}}@keyframes aurora-shift-break{0%{background-position:0 0;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(-10deg)}100%{background-position:0 100%;filter:hue-rotate(10deg)}}.focus-grid{transition:.6s cubic-bezier(.34, 1.56, .64, 1)}.controls-column{transition:opacity .4s,transform .4s,width .4s,padding .4s;transform-origin:top}.pomodoro-header-card{transition:opacity .4s,transform .4s,margin .4s,height .4s,padding .4s;overflow:hidden}.zen-mode-active .pomodoro-header-card{opacity:0;height:0;margin:0;padding:0;transform:translateY(-20px);pointer-events:none}.zen-mode-active .controls-column{opacity:0;width:0;height:0;padding:0;transform:translateX(20px);pointer-events:none;overflow:hidden}.zen-mode-active .focus-grid{grid-template-columns:1fr;max-width:640px;margin:0 auto;min-height:70vh;display:flex;align-items:center;justify-content:center}.zen-mode-active .pomodoro-preset-block{display:none}.zen-mode-active .timer-card{transform:scale(1.08);padding:48px 36px;box-shadow:0 24px 60px rgba(0,0,0,.1);border-color:transparent;background:0 0}[data-theme=Dark] .zen-mode-active .timer-card{box-shadow:0 24px 60px rgba(0,0,0,.35)}.zen-mode-active .timer-display-wrapper{width:320px;height:320px}.zen-mode-active .timer-digits{font-size:4.8rem}.zen-mode-active #pomodoro-resource-card{margin-top:20px;transform:scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.08);transition:.6s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=Dark] .zen-mode-active #pomodoro-resource-card{box-shadow:0 20px 50px rgba(0,0,0,.3)}.zen-toggle-btn{position:fixed;top:18px;right:18px;z-index:30;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.55);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-mute);font-size:16px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .2s,color .2s,background .2s}[data-theme=Dark] .zen-toggle-btn{background:rgba(20,20,20,.5);border-color:rgba(255,255,255,.08)}.zen-toggle-btn:hover{transform:scale(1.08);color:var(--primary)}.zen-mode-active .zen-toggle-btn{color:var(--primary);background:rgba(255,255,255,.15)}html[dir=rtl] .zen-toggle-btn{right:auto;left:18px}.zen-floating-bar{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.55);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 30px rgba(0,0,0,.1);opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;z-index:30}[data-theme=Dark] .zen-floating-bar{background:rgba(20,20,20,.55);border-color:rgba(255,255,255,.08)}.zen-mode-active .zen-floating-bar{opacity:1;transform:translate(-50%,0);pointer-events:auto}@media (prefers-reduced-motion:reduce){.zen-ambient-bg{animation:none}}@media (max-width:480px){.zen-mode-active .timer-display-wrapper{width:220px;height:220px}.zen-mode-active .timer-digits{font-size:3rem}.zen-mode-active .timer-card{padding:28px 20px;transform:none}.zen-toggle-btn{top:12px;right:12px}html[dir=rtl] .zen-toggle-btn{right:auto;left:12px}}@keyframes timer-pulse{0%,100%{filter:drop-shadow(0 0 4px rgba(var(--primary-rgb), .4))}50%{filter:drop-shadow(0 0 12px rgba(var(--primary-rgb), .8))}}@keyframes timer-critical-pulse{0%,100%{filter:drop-shadow(0 0 8px rgba(255, 69, 58, .6));stroke:#ff453a}50%{filter:drop-shadow(0 0 20px rgba(255, 69, 58, 1));stroke:#ff6961}}@keyframes timer-flash-bg{0%,100%{background-color:transparent}30%{background-color:rgba(var(--primary-rgb),.3)}}.timer-running .timer-path{animation:3s ease-in-out infinite timer-pulse}.timer-critical .timer-path{animation:1s ease-in-out infinite timer-critical-pulse!important}.timer-flash{animation:1s ease-out forwards timer-flash-bg}.session-complete-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:20;opacity:0;pointer-events:none;transform:scale(.9);transition:.4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=Dark] .session-complete-overlay{background:rgba(30,30,30,.95)}.session-complete-overlay:not(.hidden){opacity:1;pointer-events:all;transform:scale(1)}#session-complete-title{font-size:24px;font-weight:800;color:var(--text-color);margin:0 0 8px;line-height:1.1}.session-complete-xp{font-size:20px;font-weight:700;color:var(--primary-color);background:rgba(var(--primary-rgb),.1);padding:4px 12px;border-radius:20px;margin-bottom:8px}.session-complete-subject{font-size:13px;color:var(--text-muted);margin-bottom:16px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-complete-actions{display:flex;flex-direction:column;gap:8px;width:80%}.session-complete-actions button{width:100%;margin:0;padding:8px 0;font-size:14px}.mission-container{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto;position:relative;padding-top:10px}.mission-setup-panel{display:flex;flex-direction:column;transition:opacity .4s,transform .4s;opacity:1;transform:translateY(0)}.mission-setup-header{display:flex;flex-direction:row;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:8px;text-align:start}.mission-header-icon-wrap{width:42px;height:42px;border-radius:12px;background:var(--primary-light);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary);margin-bottom:0;flex-shrink:0;box-shadow:0 4px 16px rgba(91,95,199,.12);backdrop-filter:blur(10px)}.mission-header-text{display:flex;flex-direction:column;gap:2px}.mission-header-text h2{font-size:20px;font-weight:800;margin-bottom:0;color:var(--text);line-height:1.2}.mission-header-text p{font-size:12px;margin:0;line-height:1.2}.mission-setup-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:32px}.mission-side-grid{display:flex;flex-direction:column;gap:24px}.mission-card{background:var(--card);border-radius:24px;padding:24px;border:1px solid var(--border);box-shadow:0 12px 40px rgba(0,0,0,.03);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.mission-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);opacity:0;transition:opacity .3s}.mission-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(91,95,199,.08)}.mission-card:hover::before{opacity:1}.mission-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.mission-card-icon{width:36px;height:36px;border-radius:12px;background:rgba(91,95,199,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:16px}.mission-card-header h4{font-size:16px;font-weight:700;margin:0}.mission-card-header .toggle-switch{margin-left:auto}.mission-quick-presets{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px 0 6px;flex-wrap:wrap}.mission-quick-presets .quick-pill{padding:7px 16px;border-radius:99px;font-size:13px;font-weight:700;border:1.5px solid var(--border);background:var(--card-bg,#fff);color:var(--text-mute);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s}.mission-quick-presets .quick-pill:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.mission-quick-presets .quick-pill.active{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(91,95,199,.35);transform:translateY(-1px)}.mission-launch-wrapper{display:flex;justify-content:center;padding:10px 0 30px}button.massive-start-btn{position:relative;display:inline-flex;align-items:center;gap:16px;padding:20px 48px;font-size:20px;font-weight:800;letter-spacing:1px;border-radius:99px;background:var(--primary);color:#fff;border:none;cursor:pointer;overflow:hidden;transition:transform .3s cubic-bezier(.175, .885, .32, 1.275),box-shadow .3s;box-shadow:0 12px 30px rgba(91,95,199,.3)}button.massive-start-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgba(91,95,199,.4)}button.massive-start-btn:active{transform:scale(.98)}.launch-icon-wrap{font-size:24px;animation:3s ease-in-out infinite float-icon}.launch-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translateX(-100%);animation:3s infinite shimmer-btn}@keyframes float-icon{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shimmer-btn{100%{transform:translateX(100%)}}.mission-card .pomodoro-preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:12px 8px;cursor:pointer;transition:.2s}.mission-card .pomodoro-preset-btn:hover{background:rgba(91,95,199,.05);border-color:rgba(91,95,199,.3)}.mission-card .pomodoro-preset-btn.active{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(123,127,232,.3)}.mission-card .preset-time{font-size:18px;font-weight:700}.mission-card .preset-label{font-size:11px;opacity:.6}.mission-card .pomodoro-preset-btn.active .preset-label{opacity:.9}@media (max-width:768px){.mission-setup-header{padding-bottom:6px;margin-bottom:6px;gap:10px}.mission-setup-grid{grid-template-columns:1fr;gap:16px}.mission-header-icon-wrap{width:38px;height:38px;font-size:16px;border-radius:10px}.mission-header-text h2{font-size:18px}.mission-header-text p{font-size:11px}button.massive-start-btn{width:100%;justify-content:center;padding:18px 24px}#pomodoro.has-active-video .timer-display-wrapper{display:none!important}#pomodoro.has-active-video .mission-resources-panel{order:2}#pomodoro.has-active-video .active-controls{order:3;margin-top:16px;margin-bottom:24px}}.mission-setup-panel{display:flex;flex-direction:column;width:100%;will-change:transform,opacity}.mission-container:not(.mission-active) .mission-setup-panel{animation:.2s cubic-bezier(.16,1,.3,1) forwards missionSetupReturn}@keyframes missionSetupReturn{0%{opacity:0;transform:translateY(12px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}.mission-active-panel{display:none;opacity:0;flex-direction:column;align-items:center;width:100%;will-change:transform,opacity;order:1}.mission-container.mission-active .mission-setup-panel{animation:160ms cubic-bezier(.4,0,1,1) forwards missionSetupExit;pointer-events:none;position:absolute;top:0;left:0;width:100%;z-index:0}@keyframes missionSetupExit{0%{opacity:1;transform:translateY(0) scale(1);visibility:visible}100%{opacity:0;transform:translateY(-16px) scale(.97);visibility:hidden}}.mission-container.mission-active .mission-active-panel{display:flex;animation:240ms cubic-bezier(.16,1,.3,1) forwards missionActiveEnter;position:relative;width:100%;z-index:1}@keyframes missionActiveEnter{0%{opacity:0;transform:translateY(18px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}.mission-container.mission-active .timer-display-wrapper{animation:280ms cubic-bezier(.16,1,.3,1) forwards timerOrbPopIn;will-change:transform,opacity}@keyframes timerOrbPopIn{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}.mission-container.mission-active .pomodoro-session-brief{animation:220ms cubic-bezier(.16,1,.3,1) forwards briefSlideDown;will-change:transform,opacity}@keyframes briefSlideDown{0%{opacity:0;transform:translateY(-12px)}100%{opacity:1;transform:translateY(0)}}.mission-container.mission-active .active-controls{display:flex;animation:240ms cubic-bezier(.16,1,.3,1) 30ms forwards controlsSlideUp;will-change:transform,opacity;display:flex}@keyframes controlsSlideUp{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}.massive-start-btn{font-size:1.25rem!important;padding:20px 32px!important;border-radius:16px!important;background:var(--primary)!important;box-shadow:var(--shadow-md)!important;margin-top:12px;transition:transform .15s,box-shadow .15s}.massive-start-btn:active{transform:scale(.96)!important;box-shadow:0 4px 12px rgba(91,95,199,.3)!important}button.massive-start-btn.is-launching{transform:scale(.93)!important;box-shadow:0 0 0 10px rgba(91,95,199,.35),0 6px 18px rgba(91,95,199,.4)!important;transition:transform .1s,box-shadow .1s!important}.mission-active-panel .timer-display-wrapper{width:300px;height:300px;margin:0 auto;max-width:90vw;max-height:90vw}.mission-active-panel .timer-digits{font-size:4rem}.mission-active-panel .timer-status{font-size:1.25rem}.timer-orb-bg{position:absolute;top:50%;left:50%;width:120%;height:120%;border-radius:50%;transform:translate(-50%,-50%);filter:blur(40px);opacity:0;z-index:0;transition:opacity 1s;pointer-events:none}.timer-orb-bg.focus-bg{background:rgba(var(--primary-rgb),.06)}.timer-orb-bg.break-bg{background:rgba(var(--secondary-rgb),.06)}.timer-glass-layer{z-index:1}.timer-svg{z-index:2}.timer-inner-content{z-index:5}.glass-card{width:100%;max-width:600px}.mission-container.mission-active~.zen-ambient-bg{opacity:1;filter:blur(40px)}@keyframes breathingFocus{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}.timer-display-wrapper.active-break .timer-orb-bg.break-bg,.timer-display-wrapper.active-focus .timer-orb-bg.focus-bg{opacity:1;animation:4s ease-in-out infinite breathingFocus}.mission-controls-row{margin-top:40px;display:flex;justify-content:center;gap:24px;align-items:center;z-index:10}.abort-mission-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(20,20,25,.6);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 24px;border-radius:30px;font-family:Sora,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:1px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 0 0 0 rgba(239,68,68,.1);position:relative;overflow:hidden}.abort-mission-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(239,68,68,.1);opacity:0;transition:opacity .3s}.abort-mission-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.8);color:#fca5a5;box-shadow:0 0 20px rgba(239,68,68,.4),inset 0 0 10px rgba(239,68,68,.2);transform:translateY(-2px)}.abort-mission-btn:hover::before{opacity:1}.abort-mission-btn:active{transform:translateY(1px) scale(.95);background:rgba(239,68,68,.2)}.abort-icon{font-size:1.1rem;animation:2s infinite pulse-danger}@keyframes pulse-danger{0%,100%{opacity:.8;text-shadow:0 0 5px rgba(239,68,68,0)}50%{opacity:1;text-shadow:0 0 10px rgba(239,68,68,.8)}}.glass-btn{background:rgba(255,255,255,.05)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-main)!important}.glass-btn:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.2)!important}body.focus-mode-active #mobile-bottom-nav{opacity:0;pointer-events:none;transform:translateY(100%);transition:opacity .15s ease-out,transform .15s cubic-bezier(.2, 0, 0, 1)}body.focus-mode-active .calendar-fab,body.focus-mode-active .planner-fab{opacity:0;pointer-events:none;transition:opacity .3s}body.focus-mode-active #content{padding-bottom:0!important;height:100vh}#session-complete-overlay{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.85);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;animation:.3s ease-out fadeIn}.session-complete-card{background:var(--card);border:2px solid var(--border);border-radius:24px;padding:30px;width:100%;max-width:400px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.4);animation:.4s cubic-bezier(.175,.885,.32,1.275) slideUpFade}.session-complete-card h2{font-family:Sora,sans-serif;color:#f59e0b;font-size:26px;font-weight:800;margin-bottom:10px}.session-complete-card .subject-text{color:var(--text);font-size:16px;margin-bottom:20px;font-weight:500}.session-complete-card .xp-text{font-family:Sora,sans-serif;color:#10b981;font-size:32px;font-weight:800;margin-bottom:30px;text-shadow:0 0 20px rgba(16,185,129,.3)}.session-complete-card .session-actions{display:flex;flex-direction:column;gap:12px}@keyframes slideUpFade{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}.timer-card.mode-break .timer-circle{box-shadow:inset 0 0 40px rgba(16,185,129,.1),0 0 60px rgba(16,185,129,.2);border-color:rgba(16,185,129,.2)}.timer-card.mode-break #timer-display{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.4)}.active-controls{display:none;order:2}.mission-container{display:flex;flex-direction:column}.mission-resources-panel{order:3}@keyframes companionFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.streak-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s}.streak-modal-overlay.hidden{display:none}.streak-modal-overlay.streak-modal-visible{opacity:1}.streak-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.streak-confetti-canvas{position:absolute;inset:0;pointer-events:none;z-index:1}.streak-modal-card{position:relative;z-index:2;background:var(--card,#1e1e2e);border:1px solid var(--border,rgba(255,255,255,.1));border-radius:24px;padding:32px 24px 24px;max-width:340px;width:90%;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,215,0,.15);animation:.45s cubic-bezier(.34,1.56,.64,1) streakCardPop}@keyframes streakCardPop{from{transform:scale(.7) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.streak-modal-mascot{width:140px;height:140px;object-fit:contain;margin:0 auto 16px;display:block;animation:.6s .3s both streakMascotWobble,2.5s ease-in-out 1s infinite companionFloat;filter:drop-shadow(0 8px 30px rgba(255, 200, 0, .5))}@keyframes streakMascotWobble{0%{transform:rotate(-8deg) scale(.8)}40%{transform:rotate(6deg) scale(1.05)}70%{transform:rotate(-3deg) scale(.98)}100%{transform:rotate(0) scale(1)}}.streak-modal-title{font-size:22px;font-weight:800;color:var(--text,#fff);margin-bottom:10px;line-height:1.2}.streak-modal-days{display:inline-block;background:linear-gradient(135deg,gold,#ff6b35);color:#000;font-size:20px;font-weight:900;padding:6px 20px;border-radius:50px;margin-bottom:14px;letter-spacing:.02em;box-shadow:0 4px 16px rgba(255,200,0,.4);animation:1.5s ease-in-out infinite streakDaysPulse}@keyframes streakDaysPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}.streak-modal-subtitle{font-size:14px;color:var(--mute,#aaa);margin-bottom:20px;line-height:1.5}.res-item-wrapper{display:flex;align-items:stretch;gap:8px;margin-bottom:8px}.res-link{flex:1;min-width:0;transition:opacity .2s,background .2s}.res-link:hover{background:var(--card-hover,rgba(255,255,255,.06))!important}.mission-summary-card{display:flex;flex-direction:column;width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:24px;padding:6px 20px;cursor:pointer;box-shadow:0 12px 40px rgba(0,0,0,.03);transition:transform .25s cubic-bezier(.16, 1, .3, 1),box-shadow .25s,border-color .25s;font-family:'DM Sans',sans-serif;margin-bottom:20px;animation:.4s cubic-bezier(.16,1,.3,1) both missionSummaryIn}@keyframes missionSummaryIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}html[dir=rtl] .mission-summary-card{text-align:right}.mission-summary-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 16px 32px rgba(91,95,199,.1)}.mission-summary-card:active{transform:translateY(0) scale(.99);transition-duration:.12s}.mission-summary-row{display:flex;align-items:center;gap:14px;padding:14px 0}.mission-summary-divider{height:1px;background:var(--border);opacity:.7}.mission-summary-icon{width:38px;height:38px;flex-shrink:0;border-radius:12px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:15px;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),background .2s}.mission-summary-card:hover .mission-summary-icon{transform:scale(1.08) rotate(-4deg)}.mission-summary-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mission-summary-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-mute)}.mission-summary-value{font-family:Sora,sans-serif;font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.mission-summary-arrow{color:var(--text-mute);font-size:12px;flex-shrink:0;transition:transform .25s cubic-bezier(.34, 1.56, .64, 1)}.mission-summary-card:hover .mission-summary-arrow{transform:translateX(3px)}html[dir=rtl] .mission-summary-arrow{transform:scaleX(-1)}html[dir=rtl] .mission-summary-card:hover .mission-summary-arrow{transform:scaleX(-1) translateX(3px)}.mission-summary-edit-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0 14px;font-size:12px;font-weight:700;color:var(--primary);border-top:1px dashed var(--border);margin-top:2px}.mission-summary-value.value-updated{animation:.5s missionValueFlash}@keyframes missionValueFlash{0%{color:var(--primary);transform:translateY(-2px);opacity:.4}50%{color:var(--primary)}100%{color:var(--text);transform:translateY(0);opacity:1}}.mission-config-modal-card{max-width:440px!important;width:92%!important;padding:0!important;border-radius:20px!important;overflow:hidden!important;max-height:90vh;display:flex;flex-direction:column;animation:.32s cubic-bezier(.16,1,.3,1) both missionModalIn}@keyframes missionModalIn{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mission-config-header{padding:12px 16px;margin-bottom:0!important;border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0}.mission-config-header .h2{font-size:15px!important}.mission-config-header .btn-icon{transition:transform .2s,background .2s,color .2s}.mission-config-header .btn-icon:hover{transform:rotate(90deg);color:var(--danger);background:var(--danger-light)}.mission-config-body{padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;flex:1}.mission-config-section{background:var(--progress-bg);border:1px solid var(--border);border-radius:14px;padding:10px 12px;opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards missionSectionIn;transition:border-color .2s,box-shadow .2s}.mission-config-section:hover{border-color:rgba(123,127,232,.25)}.mission-config-section .modern-select{padding:7px 10px;font-size:13px;margin-bottom:6px}.mission-config-section .modern-select:last-child{margin-bottom:0}.mission-config-section .pomodoro-preset-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}.mission-config-section .pomodoro-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 4px;border-radius:10px;min-width:0;text-align:center}.mission-config-section .pomodoro-preset-btn .preset-time{font-size:13px;font-weight:700;white-space:nowrap}.mission-config-section .pomodoro-preset-btn .preset-label{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.free-focus-toggle{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;color:var(--text);text-align:start;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color 180ms,background 180ms,transform 120ms}.free-focus-toggle:focus-visible,.free-focus-toggle:hover{border-color:var(--secondary)}.free-focus-toggle:active{transform:scale(.98)}.free-focus-toggle.active{background:color-mix(in srgb,var(--secondary) 13%,var(--card));border-color:var(--secondary)}.free-focus-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--secondary);background:color-mix(in srgb,var(--secondary) 14%,transparent);border-radius:50%}.free-focus-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.free-focus-copy small{color:var(--mute);font-size:12px;line-height:1.25}.free-focus-check{opacity:0;color:var(--secondary);transform:scale(.7);transition:opacity 160ms,transform 160ms}.free-focus-toggle.active .free-focus-check{opacity:1;transform:scale(1)}.mission-config-section .pomodoro-phase-line{margin-top:4px;font-size:11px;padding:4px 8px}.mission-config-body .mission-config-section:first-child{animation-delay:50ms}.mission-config-body .mission-config-section:nth-child(2){animation-delay:.11s}.mission-config-body .mission-config-section:nth-child(3){animation-delay:.17s}@keyframes missionSectionIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mission-config-section-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mission-config-section-head .mission-card-icon{width:26px;height:26px;font-size:12px;border-radius:8px}.mission-config-section-head h4{font-size:13px;font-weight:700;margin:0;color:var(--text)}.mission-config-section-head .toggle-switch{margin-left:auto}html[dir=rtl] .mission-config-section-head .toggle-switch{margin-left:0;margin-right:auto}.mission-config-footer{padding:10px 14px;border-top:1px solid var(--border);background:var(--card);flex-shrink:0}.mission-config-footer .primary-btn{padding:10px 16px;font-size:14px;transition:transform .18s cubic-bezier(.34, 1.56, .64, 1),box-shadow .18s}.mission-config-footer .primary-btn:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.mission-config-modal-card,.mission-config-section,.mission-summary-card,.mission-summary-value.value-updated{animation:none!important}#group-study *,#group-study ::after,#group-study ::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (max-width:480px){.mission-config-modal-card{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin-top:auto!important;max-height:95vh;animation:.35s cubic-bezier(.175,.885,.32,1) both missionModalInMobile}.mission-config-body{padding:10px 12px;gap:8px}.mission-config-section{padding:8px 10px}@keyframes missionModalInMobile{from{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}}.lb-shell{display:flex;flex-direction:column;gap:16px;padding-bottom:calc(80px + var(--sab,0px))}.lb-top{display:flex;flex-direction:column;gap:12px}.lb-title-group{display:flex;align-items:center;gap:14px}.lb-trophy-icon{height:44px;width:auto;filter:drop-shadow(0 4px 12px rgba(245, 158, 11, .45))}.lb-title .h1{margin:0;font-size:26px}.lb-title .mute{margin-top:4px;font-size:13px}.lb-title-text .h1{font-size:24px}.lb-title-text .mute{margin-top:2px;font-size:12px}.lb-segments{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--card);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lb-segments::-webkit-scrollbar{display:none}.lb-seg{flex:1;min-width:max-content;border:0;background:0 0;color:var(--text-mute);padding:8px 13px;border-radius:999px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent;user-select:none}.lb-seg:active{opacity:.75}.lb-seg.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.lb-grid{display:flex;flex-direction:column;gap:16px}.lb-loading{padding:32px 16px;text-align:center;color:var(--text-mute);font-size:13px}.lb-podium{position:relative;overflow:hidden;border-radius:22px;padding:18px 14px 14px;background:var(--card);border:1.5px solid var(--border)}.lb-podium::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,var(--primary-light),transparent 70%);pointer-events:none}.lb-podium>*{position:relative;z-index:1}.lb-podium-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.lb-podium-title h3{font-family:Sora,sans-serif;font-size:14px;font-weight:800;color:var(--text)}.lb-podium-title .mute{font-size:12px}.lb-podium-scroll{overflow:visible}.lb-podium-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;align-items:end}.lb-podium-row .lb-pod.rank-1{grid-column:2}.lb-podium-row .lb-pod.rank-2{grid-column:1}.lb-podium-row .lb-pod.rank-3{grid-column:3}.lb-pod{border-radius:18px;border:1.5px solid var(--border);background:rgba(255,255,255,.78);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:12px 10px 10px;display:flex;flex-direction:column;gap:7px;min-height:155px;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}[data-theme=Dark] .lb-pod{background:rgba(17,24,39,.72)}.lb-pod:active{transform:scale(.97)}.lb-winner-svg{position:absolute;width:50px;height:auto;top:-25px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 4px 8px rgba(245, 158, 11, .25));z-index:10;pointer-events:none}.lb-pod.gold{border-color:rgba(245,158,11,.45);box-shadow:0 8px 24px rgba(245,158,11,.14);transform:translateY(-8px)}.lb-pod.silver{border-color:rgba(148,163,184,.4);box-shadow:0 4px 12px rgba(148,163,184,.1)}.lb-pod.bronze{border-color:rgba(205,127,50,.32);box-shadow:0 4px 12px rgba(205,127,50,.1)}.lb-pod.gold:active{transform:translateY(-8px) scale(.97)}.lb-pod.bronze:active,.lb-pod.silver:active{transform:scale(.97)}.lb-pod-top{display:flex;align-items:center;justify-content:space-between}.lb-medal{font-size:20px;line-height:1}.lb-rankpill{font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px;background:var(--progress-bg);color:var(--text-mute);border:1px solid var(--border)}.lb-pod-avatar-wrap{display:flex;justify-content:center}.lb-avatar{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid var(--border);background:var(--primary-light);flex:0 0 auto}.lb-avatar.podium{width:54px;height:54px}.lb-avatar img,.lb-avatar-fallback{position:absolute;inset:0;width:100%;height:100%}.lb-avatar img{object-fit:cover;z-index:2}.lb-avatar-fallback{display:grid;place-items:center;font-family:Sora,sans-serif;font-size:14px;font-weight:800;color:var(--primary);z-index:1}.lb-avatar.podium .lb-avatar-fallback{font-size:17px}.lb-name{font-family:Sora,sans-serif;font-weight:800;font-size:12px;color:var(--text);display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px;line-height:1.3}.lb-name-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.lb-mechip{flex:0 0 auto}.lb-meta{display:flex;gap:5px;flex-wrap:wrap}.lb-chip{font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px;border:1px solid var(--border);background:var(--progress-bg);color:var(--text-mute)}.lb-chip strong{color:var(--text);font-weight:900}.lb-chip.primary{background:var(--primary-light);color:var(--primary);border-color:rgba(91,95,199,.25)}.lb-chip-title{display:inline-block;margin-left:3px;font-weight:700}.lb-list{border-radius:20px;overflow:hidden;padding:0;border:1.5px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm)}.lb-list-head{display:grid;grid-template-columns:48px 1fr 70px 64px;gap:6px;padding:10px 13px;border-bottom:1px solid var(--border);background:0 0;color:var(--text-mute);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.lb-list-head .lb-col-level,.lb-list-head .lb-col-rank,.lb-list-head .lb-col-sessions{font-size:inherit;font-weight:inherit;color:inherit}.lb-list-body{display:flex;flex-direction:column}.lb-row{display:grid;grid-template-columns:48px 1fr 70px 64px;gap:6px;align-items:center;padding:12px 13px;border-bottom:1px solid var(--border);transition:background .15s;-webkit-tap-highlight-color:transparent;cursor:pointer}.lb-row:last-child{border-bottom:0}.lb-row:active{background:rgba(91,95,199,.07)}.lb-row.me{background:var(--primary-light)}.lb-col-rank{text-align:center;font-weight:900;font-size:15px;color:var(--text)}.lb-col-student{min-width:0}.lb-student-main{display:flex;align-items:center;gap:9px;min-width:0}.lb-student-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.lb-student-name{display:block;font-weight:700;font-size:13px;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-word}.lb-col-student .lb-sub{font-size:11px;color:var(--text-mute);font-weight:600}.lb-col-level{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.15;text-align:center}.lb-level-num{font-size:14px;font-weight:900;color:var(--text)}.lb-level-title{font-size:9px;font-weight:700;color:var(--text-mute);overflow-wrap:anywhere;text-align:center}.lb-col-sessions{text-align:center;font-weight:900;font-size:14px;color:var(--text)}.lb-col-rank[data-rank="1"]{color:#f59e0b}.lb-col-rank[data-rank="2"]{color:#94a3b8}.lb-col-rank[data-rank="3"]{color:#cd7f32}.lb-badges-list{display:flex;align-items:center;gap:4px;margin:4px 0 0}.lb-badge-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.12))}.lb-badge-more{font-size:10px;font-weight:800;color:var(--text-mute);background:rgba(91,95,199,.1);padding:2px 5px;border-radius:4px}.lb-pod .lb-badges-list{justify-content:center;margin:6px 0}.lb-row .lb-badge-icon{width:15px;height:15px}@media (min-width:700px){.lb-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;align-items:start}.lb-top{flex-direction:row;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.lb-list-head,.lb-row{grid-template-columns:48px 1fr 70px 64px}}@media (max-width:379px){.lb-podium-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:8px}.lb-podium-row{display:flex;width:max-content;gap:10px;align-items:stretch}.lb-pod{flex:0 0 180px;scroll-snap-align:start;min-height:148px}.lb-pod.gold{transform:none}.lb-pod.gold:active{transform:scale(.97)}.lb-list-head,.lb-row{grid-template-columns:40px minmax(0,1fr) 60px 50px;gap:5px;padding:10px}.lb-list-head{font-size:9.5px}.lb-student-name{font-size:13px}.lb-seg{padding:8px 10px;font-size:12px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.lb-shell{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}#group-study [tabindex]:focus-visible,#group-study button:focus-visible,.gs-icon-btn:focus-visible,.gs-leave-btn:focus-visible,.gs-member-card:focus-visible,.gs-mini-lb-row:focus-visible,.gs-msg-avatar:focus-visible,.gs-picker-clear-btn:focus-visible,.gs-picker-item:focus-visible,.gs-picker-tab:focus-visible,.gs-preset-btn:focus-visible,.gs-public-room-item:focus-visible,.gs-room-item-join:focus-visible,.gs-select-material-card:focus-visible,.gs-send-btn:focus-visible,.gs-target-open-btn:focus-visible,.gs-voice-rec-btn:focus-visible{outline:2.5px solid var(--primary);outline-offset:2px;border-radius:6px}.gs-chat-messages,.gs-picker-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.gs-chat-messages::-webkit-scrollbar,.gs-picker-body::-webkit-scrollbar{width:6px}.gs-chat-messages::-webkit-scrollbar-thumb,.gs-picker-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.gs-chat-messages::-webkit-scrollbar-thumb:hover,.gs-picker-body::-webkit-scrollbar-thumb:hover{background:var(--mute)}#group-study{display:none;flex-direction:column;min-height:100%;padding:0;--gs-bg:#f0f2f5;--gs-bubble-mine:var(--primary);--gs-bubble-other:var(--card);--gs-input-bg:var(--card);--gs-header-blur:12px;--gs-online-dot:#22c55e;--gs-date-pill-bg:rgba(0,0,0,0.06);--gs-ts-mine:rgba(255,255,255,0.68);--gs-ts-other:var(--mute);--gs-sender-color:var(--primary)}[data-theme=Dark] #group-study{--gs-bg:#0d0f12;--gs-bubble-other:#1e2028;--gs-date-pill-bg:rgba(255,255,255,0.07);--gs-input-bg:#1a1c22}#group-study.active{display:flex}.gs-auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px;text-align:center;flex:1}.gs-auth-gate img{width:100px;height:100px;object-fit:contain}.gs-auth-gate h3{font-size:20px;font-weight:800;color:var(--text);margin:0}.gs-auth-gate p{font-size:14px;color:var(--mute);max-width:280px;line-height:1.5;margin:0}.gs-lobby{display:flex;flex-direction:column;gap:14px;padding:16px;max-width:640px;margin:0 auto;width:100%}.gs-lobby-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.gs-lobby-hero{display:flex;flex-direction:column;gap:12px}.gs-hero-create-btn{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,var(--primary) 0,#4f46e5 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),box-shadow .2s;box-shadow:0 8px 20px rgba(79,70,229,.3);width:100%}.gs-hero-create-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(79,70,229,.42)}.gs-hero-create-btn:active{transform:scale(.98)}.gs-hero-create-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.gs-hero-create-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gs-hero-create-title{font-size:16px;font-weight:800;line-height:1.2}.gs-hero-create-sub{font-size:12px;opacity:.85;font-weight:500}.gs-hero-create-arrow{font-size:16px;opacity:.8;flex-shrink:0;transition:transform .2s}.gs-hero-create-btn:hover .gs-hero-create-arrow{transform:translateX(4px)}html[dir=rtl] .gs-hero-create-btn{text-align:right}html[dir=rtl] .gs-hero-create-btn:hover .gs-hero-create-arrow{transform:translateX(-4px)}.gs-join-inline{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 6px 5px 14px;height:48px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}html[dir=rtl] .gs-join-inline{padding:5px 14px 5px 6px}.gs-join-inline:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.gs-join-code-field{flex:1;min-width:0;height:100%;border:none!important;background:0 0;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--text);padding:0;margin:0;outline:0!important;box-shadow:none!important;text-transform:uppercase;line-height:1;-webkit-appearance:none;appearance:none}.gs-join-code-field:focus,.gs-join-code-field:focus-visible{outline:0!important;border:none!important;box-shadow:none!important}.gs-join-code-field::placeholder{font-family:inherit;letter-spacing:normal;font-size:13px;font-weight:500;color:var(--mute);opacity:.8}.gs-join-inline-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:calc(var(--radius-md) - 4px);background:var(--primary);color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap;line-height:1;transition:.2s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(91,95,199,.28)}.gs-join-inline-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(91,95,199,.38)}.gs-join-inline-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(91,95,199,.2)}html[dir=rtl] .gs-join-inline-btn i{transform:scaleX(-1)}.gs-create-modal-card{max-width:480px!important;width:94%!important;margin:auto!important;border-radius:var(--radius-lg)!important;overflow:hidden!important}.gs-create-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto}.gs-lobby-card h3{font-size:15px;font-weight:700;color:var(--text);margin:0 0 14px;display:flex;align-items:center;gap:8px}.gs-lobby-card h3 i{color:var(--primary);font-size:14px}.gs-preset-row{display:flex;gap:8px;margin-top:10px}.gs-preset-btn{flex:1;padding:9px 6px;border-radius:10px;border:1.5px solid var(--border);background:0 0;color:var(--mute);font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.gs-preset-btn.active,.gs-preset-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.gs-preset-cp{display:block;font-size:10px;font-weight:600;color:var(--mute);margin-top:2px}.gs-preset-btn.active .gs-preset-cp{color:var(--primary)}.gs-private-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--mute);cursor:pointer;user-select:none}.gs-private-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.gs-join-row{display:flex;gap:8px}.gs-join-row input{flex:1;font-family:Sora,monospace;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:15px}.gs-public-room-item{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:10px;background:var(--card);transition:.2s cubic-bezier(.4, 0, .2, 1);gap:12px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.gs-public-room-item:hover{background:var(--surface-hover,var(--card));border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.06)}.gs-public-room-item:last-child{margin-bottom:0}.gs-public-room-item.is-disabled{opacity:.85}.gs-room-item-info{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.gs-room-item-top-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gs-room-item-name{font-size:14.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gs-room-item-subject{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:6px;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-room-item-meta{font-size:11.5px;color:var(--mute);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gs-meta-pill{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:11.5px;color:var(--mute)}.gs-room-item-join{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;min-height:36px;border-radius:10px;background:var(--primary);color:#fff!important;font-size:12.5px;font-weight:700;border:none;cursor:pointer;white-space:nowrap;transition:.2s;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent)}.gs-room-item-join:hover:not([disabled]){background:var(--primary-hover,var(--primary));transform:scale(1.03);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 45%,transparent)}.gs-room-item-join.is-disabled{background:var(--progress-bg,#f1f5f9)!important;color:var(--mute)!important;border:1px solid var(--border)!important;cursor:not-allowed;box-shadow:none!important;transform:none!important;width:36px;height:36px;padding:0;font-size:13px;opacity:.75}html[dir=rtl] .gs-join-arrow{transform:scaleX(-1)}.gs-no-rooms{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:36px 16px;color:var(--mute);font-size:13px;font-weight:600}.gs-no-rooms-icon{font-size:26px;opacity:.5;margin-bottom:2px}#gs-room-view{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden}.gs-room-header{display:flex;align-items:center;justify-content:space-between;height:62px;background:color-mix(in srgb,var(--card) 92%,transparent);border-bottom:1px solid var(--border);flex-shrink:0;gap:10px;position:sticky;top:0;backdrop-filter:blur(var(--gs-header-blur));-webkit-backdrop-filter:blur(var(--gs-header-blur))}.gs-room-header-info{display:flex;flex-direction:column;gap:1px;min-width:0;cursor:pointer;padding:3px 8px;margin:-3px -8px;border-radius:12px;transition:.2s;user-select:none;outline:0}.gs-room-header-info:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}.gs-room-header-info:active{transform:scale(.98)}.gs-room-title-row{display:flex;align-items:center;gap:6px;min-width:0}.gs-room-name{font-size:15px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;transition:color .2s}.gs-room-header-info:hover .gs-room-name{color:var(--primary)}.gs-room-resource-indicator{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-size:13px;flex-shrink:0;opacity:.85;transition:.25s cubic-bezier(.34, 1.56, .64, 1)}.gs-room-resource-indicator.has-resources{color:#ef4444;animation:2.5s infinite gsResourcePulse}@keyframes gsResourcePulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1;filter:drop-shadow(0 0 4px rgba(239, 68, 68, .5))}}.gs-room-header-info:hover .gs-room-resource-indicator{opacity:1;transform:scale(1.22)}.gs-room-subtitle{font-size:11px;font-weight:500;color:var(--gs-online-dot);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.gs-room-code{font-size:10px;font-weight:700;color:var(--mute);letter-spacing:.08em;font-family:monospace;display:none}.gs-room-header-actions{display:flex;gap:6px;flex-shrink:0}.gs-icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--mute);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .15s}.gs-icon-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary);transform:scale(1.08)}.gs-icon-btn:active{transform:scale(.92)}.gs-leave-btn{padding:6px 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);background:var(--danger-light);color:var(--danger);font-size:12px;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap}.gs-leave-btn:hover{background:color-mix(in srgb,var(--danger) 18%,transparent)}.gs-avatar-wall{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--card)}.gs-member-card{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s;position:relative;min-width:64px}.gs-member-card:hover{background:var(--primary-light)}.gs-member-card:active{transform:scale(.95)}.gs-member-mascot-wrap{position:relative;width:56px;height:56px}.gs-member-mascot{width:56px;height:56px;object-fit:contain;border-radius:50%;transition:transform .3s}.gs-member-mascot.gs-bounce{animation:.45s cubic-bezier(.34,1.56,.64,1) gsBounce}@keyframes gsBounce{0%,100%{transform:scale(1)}45%{transform:scale(1.3) rotate(-5deg)}70%{transform:scale(.95)}}.gs-status-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--card);background:#10b981}.gs-status-dot.focusing{background:var(--primary);animation:1.5s infinite gsPulse}.gs-status-dot.break{background:var(--accent)}.gs-status-dot.idle{background:var(--mute)}@keyframes gsPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 40%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 0,transparent)}}.gs-member-name{font-size:10px;font-weight:700;color:var(--mute);text-align:center;max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-member-sessions-badge{font-size:9px;background:var(--primary-light);color:var(--primary);border-radius:10px;padding:1px 5px;font-weight:700}.gs-member-goal-pill{font-size:8.5px;font-weight:700;color:var(--primary);background:var(--primary-light);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:99px;padding:1px 6px;max-width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-top:1px}.gs-member-set-goal-hint{font-size:8.5px;font-weight:600;color:var(--mute);border:1px dashed var(--border);border-radius:99px;padding:1px 5px;cursor:pointer;transition:color .15s,border-color .15s;margin-top:1px}.gs-member-set-goal-hint:hover{color:var(--primary);border-color:var(--primary)}.gs-host-crown{position:absolute;top:-11px;left:50%;transform:translateX(-50%) rotate(-6deg);color:#fbbf24;font-size:16px;line-height:1;z-index:10;filter:drop-shadow(0 2px 3px rgba(0, 0, 0, .45)) drop-shadow(0 0 6px rgba(251, 191, 36, .6));pointer-events:none;animation:2.5s ease-in-out infinite alternate gsCrownFloat}@keyframes gsCrownFloat{0%{transform:translateX(-50%) translateY(0) rotate(-6deg)}100%{transform:translateX(-50%) translateY(-3px) rotate(4deg)}}.gs-timer-block{display:flex;flex-direction:column;align-items:center;padding:16px 16px 10px;flex-shrink:0;gap:8px}.gs-timer-state-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);transition:color .3s}.gs-timer-state-label.focus{color:var(--primary)}.gs-timer-state-label.break{color:var(--secondary)}.gs-timer-display{font-size:52px;font-family:Sora,'SF Pro Display',sans-serif;font-weight:800;color:var(--text);line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums}.gs-timer-controls{display:flex;gap:10px;align-items:center;margin-top:4px}.gs-member-hint{color:var(--mute);text-align:center}.gs-chat-panel{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;touch-action:pan-y}.gs-chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;padding:14px 16px;display:flex;flex-direction:column;gap:0;scroll-behavior:smooth}.gs-keyboard-open .gs-chat-messages>:first-child,.keyboard-visible .gs-chat-messages>:first-child{margin-top:auto!important}.gs-chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;padding:28px 16px;color:var(--mute);text-align:center;gap:10px;animation:.3s ease-out gsFadeIn}.gs-chat-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(91,95,199,.15)}.gs-system-msg{text-align:center;font-size:11.5px;color:var(--mute);font-weight:600;padding:5px 14px;background:var(--primary-light);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:20px;align-self:center;margin:8px auto 4px;box-shadow:0 2px 6px rgba(0,0,0,.02);animation:.25s ease-out gsSystemMsgFade}@keyframes gsSystemMsgFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gs-chat-time-header{align-self:center;text-align:center;margin:14px auto 6px;font-size:11.5px;font-weight:600;color:var(--mute);opacity:.85;letter-spacing:.02em}.gs-chat-time-header span{display:inline-block;padding:2px 8px;border-radius:8px}.gs-date-separator{align-self:center;text-align:center;margin:16px auto 8px;font-size:11.5px;font-weight:600;color:var(--mute);opacity:.85;letter-spacing:.02em}.gs-msg-row{display:flex;gap:8px;align-items:flex-end;max-width:82%;min-width:min-content;position:relative;margin-top:10px;margin-bottom:0}.gs-msg-row--continuation{margin-top:2px!important;margin-bottom:0!important}.gs-msg-row--continuation .gs-msg-avatar{visibility:hidden;pointer-events:none}.gs-msg-row.theirs{margin-right:auto!important;margin-left:0!important;flex-direction:row!important;animation:.2s cubic-bezier(.16,1,.3,1) forwards gsMsgPopTheirs}@keyframes gsMsgPopTheirs{from{opacity:0;transform:translate(-6px,3px) scale(.98)}to{opacity:1;transform:translate(0,0) scale(1)}}.gs-msg-bubble-wrap{display:flex;flex-direction:column;max-width:100%;width:fit-content;min-width:min-content}.gs-msg-row.theirs .gs-msg-bubble-wrap{display:flex;flex-direction:column;align-items:flex-start}.gs-msg-row.mine{margin-left:auto!important;margin-right:0!important;flex-direction:row-reverse!important;animation:.2s cubic-bezier(.16,1,.3,1) forwards gsMsgPopMine}@keyframes gsMsgPopMine{from{opacity:0;transform:translate(6px,3px) scale(.98)}to{opacity:1;transform:translate(0,0) scale(1)}}.gs-msg-row.mine .gs-msg-bubble-wrap{display:flex;flex-direction:column;align-items:flex-end}.gs-msg-avatar{width:28px;height:28px;border-radius:50%;object-fit:contain;flex-shrink:0;cursor:pointer;border:1px solid var(--border);background:var(--card);transition:transform .18s}.gs-msg-avatar:hover{transform:scale(1.12)}.gs-msg-bubble{max-width:100%;width:fit-content;min-width:min-content;padding:8px 14px;font-size:14.5px;line-height:1.42;box-sizing:border-box;position:relative;word-break:normal;overflow-wrap:break-word;border:none}.gs-msg-text{white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;font-size:14.5px;line-height:1.42;display:inline-block}.gs-msg-bubble--single-word,.gs-msg-text--single-word{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}.gs-msg-row.mine .gs-msg-bubble{background:var(--primary);color:#fff;border-radius:18px 18px 4px}.gs-msg-row.theirs .gs-msg-bubble{background:#f0f2f5;color:#050505;border-radius:18px 18px 18px 4px}[data-theme=Dark] .gs-msg-row.theirs .gs-msg-bubble{background:#242526;color:#f3f4f6}.gs-msg-row.mine.gs-msg-grouped-top .gs-msg-bubble{border-radius:18px 18px 4px}.gs-msg-row.theirs.gs-msg-grouped-top .gs-msg-bubble{border-radius:18px 18px 18px 4px}.gs-msg-row.mine.gs-msg-grouped-mid .gs-msg-bubble{border-radius:18px 4px 4px 18px}.gs-msg-row.theirs.gs-msg-grouped-mid .gs-msg-bubble{border-radius:4px 18px 18px 4px}.gs-msg-row.mine.gs-msg-grouped-bottom .gs-msg-bubble{border-radius:18px 4px 18px 18px}.gs-msg-row.theirs.gs-msg-grouped-bottom .gs-msg-bubble{border-radius:4px 18px 18px}.gs-msg-sender{color:var(--gs-sender-color);line-height:1.1}.gs-msg-time{font-size:10px;font-family:inherit;font-weight:500;opacity:.72;letter-spacing:.01em;margin-left:auto;align-self:flex-end;white-space:nowrap;line-height:1;padding-bottom:1px;flex-shrink:0;user-select:none}.gs-msg-row.mine .gs-msg-time{color:rgba(255,255,255,.78)}.gs-msg-row.theirs .gs-msg-time{color:var(--mute)}.gs-msg-bubble.gs-voice-msg-bubble{display:flex;align-items:center;gap:10px;min-width:200px;padding:10px 14px;width:auto!important;max-width:240px!important;border-radius:22px!important}.gs-voice-bubble{display:flex;align-items:center;gap:10px;padding:0;width:100%;min-width:160px}.gs-voice-play-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;flex-shrink:0;position:relative;transition:transform .18s,background .18s,box-shadow .18s;touch-action:manipulation}.gs-voice-play-btn i{display:inline-flex;align-items:center;justify-content:center;transition:transform .15s}.gs-voice-play-btn i.fa-play{margin-left:2px}html[dir=rtl] .gs-voice-play-btn i.fa-play{margin-left:0;margin-right:2px}.gs-voice-play-btn i.fa-pause{margin:0}.gs-voice-play-btn::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--primary);opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s;pointer-events:none}.gs-voice-msg-bubble.playing .gs-voice-play-btn::after{opacity:.5;transform:scale(1);animation:1.4s ease-in-out infinite gsVoiceRing}@keyframes gsVoiceRing{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.25);opacity:.15}}.gs-msg-row.mine .gs-voice-play-btn{background:rgba(255,255,255,.22);color:#fff}.gs-msg-row.mine .gs-voice-play-btn::after{border-color:rgba(255,255,255,.8)}.gs-voice-play-btn:hover{transform:scale(1.08);box-shadow:0 4px 14px rgba(91,95,199,.25)}.gs-voice-play-btn:active{transform:scale(.9)}.gs-voice-waveform-wrap{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.gs-voice-waveform{display:flex;align-items:center;gap:3px;height:26px;width:100%}.gs-voice-waveform span{display:inline-block;flex:1;min-width:2.5px;background:currentColor;border-radius:4px;opacity:.3;transform-origin:center;transition:opacity .2s,height .2s,background .2s,transform .2s;will-change:transform,opacity}.gs-voice-waveform span:first-child{animation-delay:0s}.gs-voice-waveform span:nth-child(2){animation-delay:55ms}.gs-voice-waveform span:nth-child(3){animation-delay:110ms}.gs-voice-waveform span:nth-child(4){animation-delay:165ms}.gs-voice-waveform span:nth-child(5){animation-delay:220ms}.gs-voice-waveform span:nth-child(6){animation-delay:275ms}.gs-voice-waveform span:nth-child(7){animation-delay:330ms}.gs-voice-waveform span:nth-child(8){animation-delay:385ms}.gs-voice-waveform span:nth-child(9){animation-delay:440ms}.gs-voice-waveform span:nth-child(10){animation-delay:495ms}.gs-voice-waveform span:nth-child(11){animation-delay:550ms}.gs-voice-waveform span:nth-child(12){animation-delay:605ms}.gs-voice-waveform span.active-bar{opacity:1!important;transform:scaleY(1.15);background:var(--primary)!important}.gs-msg-row.mine .gs-voice-waveform span.active-bar{background:#fff!important}.gs-voice-duration{font-size:11px;font-weight:700;opacity:.85;font-family:monospace;letter-spacing:.02em;flex-shrink:0;transition:opacity .2s}.gs-voice-msg-bubble.playing .gs-voice-duration{opacity:1}@media (prefers-reduced-motion:reduce){.gs-voice-msg-bubble.playing .gs-voice-waveform span{animation:none!important;opacity:.8!important}.gs-voice-msg-bubble.playing .gs-voice-play-btn::after{animation:none!important}}.gs-focus-lock-notice{text-align:center;font-size:12px;color:var(--mute);padding:6px 16px;font-weight:600;background:color-mix(in srgb,var(--danger) 5%,transparent);border-top:1px solid var(--border);flex-shrink:0}.gs-reaction-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border);flex-shrink:0}.gs-reaction-btn{border:1px solid var(--border);background:var(--bg);border-radius:20px;padding:4px 10px;font-size:16px;cursor:pointer;transition:transform .15s cubic-bezier(.34, 1.56, .64, 1),background .15s;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.gs-reaction-btn:active,.gs-reaction-btn:hover{transform:scale(1.25);background:var(--primary-light);border-color:var(--primary)}.gs-floating-emoji,.gs-reaction-float{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:26px;pointer-events:none;z-index:20;animation:1.3s cubic-bezier(.16,1,.3,1) forwards gsFloatUp}@keyframes gsFloatUp{0%{opacity:0;transform:translate(-50%,10px) scale(.5)}30%{opacity:1;transform:translate(-50%,-20px) scale(1.3)}100%{opacity:0;transform:translate(-50%,-55px) scale(1)}}.gs-typing-indicator{display:flex;align-items:center;gap:8px;padding:6px 16px 4px;flex-shrink:0;background:var(--gs-bg)}.gs-typing-indicator.hidden{display:none}.gs-typing-avatar-wrap{width:26px;height:26px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid var(--border);background:var(--card)}.gs-typing-avatar-wrap img{width:100%;height:100%;object-fit:contain}.gs-typing-dots{display:flex;gap:4px;align-items:center;padding:8px 12px;background:var(--gs-bubble-other);border:1px solid var(--border);border-radius:18px 18px 18px 4px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.gs-typing-dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mute);animation:1.2s ease-in-out infinite gsTypingBounce;opacity:.55}.gs-typing-dots span:nth-child(2){animation-delay:.2s}.gs-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes gsTypingBounce{0%,100%,60%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}.gs-typing-name{font-size:11px;color:var(--mute);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.gs-focus-active-banner{display:flex;align-items:center;gap:10px;padding:9px 16px;background:color-mix(in srgb,var(--primary) 10%,var(--card));border-top:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--primary) 25%,transparent);font-size:12.5px;font-weight:600;color:var(--primary);flex-shrink:0}.gs-focus-active-banner.hidden{display:none}.gs-focus-pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);flex-shrink:0;animation:2s ease-in-out infinite gsFocusPulse}@keyframes gsFocusPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 60%,transparent);opacity:1}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 0,transparent);opacity:.7}}.gs-focus-banner-time{margin-left:auto;font-family:Sora,monospace;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--primary);flex-shrink:0}.gs-chat-input-wrap{display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--gs-input-bg);flex-shrink:0;margin-bottom:0!important;padding-bottom:calc(14px + env(safe-area-inset-bottom,14px))!important;transition:opacity .3s,padding-bottom .2s}body.gs-in-room .gs-chat-input-wrap{padding-bottom:calc(14px + env(safe-area-inset-bottom,14px))!important;margin-bottom:0!important}.gs-chat-input-wrap:focus-within,body.gs-in-room .gs-chat-input-wrap:focus-within,body.keyboard-visible .gs-chat-input-wrap{padding-bottom:8px!important;margin-bottom:0!important}.gs-chat-input-wrap.focus-locked{opacity:.35;pointer-events:none}.gs-composer{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:64px;box-sizing:border-box;position:relative}.gs-composer-field-wrap{flex:1;background:var(--card);border-radius:28px;padding:0 18px;display:flex;align-items:center;height:48px;min-height:48px;border:1px solid var(--border);transition:border-color .2s,box-shadow .2s,background .2s;box-sizing:border-box;overflow:hidden}.gs-composer-field-wrap:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}.gs-composer-input{width:100%;height:48px;background:0 0;border:none!important;outline:0!important;font-size:15px;color:var(--text);line-height:48px!important;font-family:inherit;margin:0;padding:0;box-sizing:border-box;-webkit-appearance:none;appearance:none;box-shadow:none!important}.gs-composer-input:focus,.gs-composer-input:focus-visible{outline:0!important;border:none!important;box-shadow:none!important}.gs-composer-input::placeholder{color:var(--mute);opacity:.8;line-height:48px!important}.gs-composer-btn{width:40px;height:40px;border-radius:50%;background:0 0;border:none;color:var(--mute);display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;flex-shrink:0;transition:color 150ms,background 150ms,transform 150ms;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.gs-composer-btn:hover{color:var(--primary);background:var(--primary-light);transform:scale(1.08)}.gs-composer-btn:active{transform:scale(.92)}.gs-composer-send,.gs-send-btn{width:44px;height:44px;border-radius:50%;background:#22c55e!important;border:none!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;flex-shrink:0;box-shadow:0 4px 14px rgba(34,197,94,.42)!important;transition:transform 150ms,box-shadow 150ms,background-color 150ms;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.gs-composer-send:hover,.gs-send-btn:hover{background:#16a34a!important;transform:scale(1.08);box-shadow:0 6px 20px rgba(34,197,94,.6)!important}.gs-composer-send:active,.gs-send-btn:active{transform:scale(.92)}#gs-voice-rec-btn.hidden,.gs-composer-mic.hidden,.gs-composer-send.hidden,.gs-voice-rec-btn.hidden{display:none!important}#gs-voice-rec-btn:not(.hidden),.gs-composer-mic:not(.hidden),.gs-composer-send:not(.hidden),.gs-voice-rec-btn:not(.hidden){animation:150ms cubic-bezier(.34,1.56,.64,1) both gsIconAppear}@keyframes gsIconAppear{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}#gs-voice-rec-btn,.gs-composer-mic,.gs-voice-rec-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--primary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s,transform .15s,border-color .2s,box-shadow .2s;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#gs-voice-rec-btn i,.gs-composer-mic i,.gs-voice-rec-btn i{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}#gs-voice-rec-btn:hover,.gs-composer-mic:hover,.gs-voice-rec-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary);transform:scale(1.06);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 22%,transparent)}#gs-voice-rec-btn:active,.gs-composer-mic:active,.gs-voice-rec-btn:active{transform:scale(.92)}#gs-voice-rec-btn.recording,.gs-composer-mic.recording,.gs-voice-rec-btn.recording{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important;animation:1.2s ease-in-out infinite gsRecordPulse}@keyframes gsRecordPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}#gs-chat-input{transition:opacity .22s cubic-bezier(.16, 1, .3, 1),transform .22s cubic-bezier(.16, 1, .3, 1)}#gs-chat-input-wrap.recording-active .gs-composer{display:none!important}#gs-chat-input-wrap.recording-active{padding-bottom:0!important;margin-bottom:0!important}.gs-rec-overlay{display:flex;align-items:center;gap:12px;width:100%;height:48px;min-height:48px;box-sizing:border-box;padding:0 8px 0 16px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:28px;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .22s cubic-bezier(.16, 1, .3, 1),transform .22s cubic-bezier(.16, 1, .3, 1)}.gs-rec-overlay.active{opacity:1;transform:translateY(0) scale(1)}.gs-rec-overlay.hidden{display:none!important}.gs-rec-live-indicator{display:flex;align-items:center;gap:6px;flex-shrink:0}.gs-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:.8s ease-in-out infinite alternate gsBlink}@keyframes gsBlink{from{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.gs-rec-badge{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--danger)}.gs-rec-timer{font-family:monospace;font-size:13px;font-weight:600;color:var(--danger);flex-shrink:0;min-width:42px}.gs-rec-waveform{display:flex;align-items:center;gap:3px;flex:1;height:24px;overflow:hidden}.gs-rec-waveform span{flex:1;min-width:3px;max-width:5px;height:4px;background:var(--danger);border-radius:4px;opacity:.75;transition:height 80ms ease-out,opacity 80ms ease-out}.gs-rec-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.gs-rec-cancel-btn,.gs-rec-stop-btn{width:34px;height:34px;border-radius:50%;border:none;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .15s,color .2s,box-shadow .2s}.gs-rec-cancel-btn{background:rgba(239,68,68,.15);color:var(--danger)}.gs-rec-cancel-btn:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.gs-rec-stop-btn{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary)}.gs-rec-stop-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px rgba(91,95,199,.3)}.gs-rec-cancel-btn:active,.gs-rec-stop-btn:active{transform:scale(.9)}.gs-voice-preview-card{display:flex;align-items:center;gap:10px;padding:0 4px 0 10px;background:var(--card);border:1px solid var(--border);border-radius:28px;height:48px;min-height:48px;box-sizing:border-box;width:100%;animation:.2s cubic-bezier(.16,1,.3,1) gsPreviewFadeIn}@keyframes gsPreviewFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gs-voice-preview-card.hidden{display:none!important}.gs-preview-trash-btn{width:36px;height:36px;border-radius:50%;border:none;background:rgba(239,68,68,.12);color:var(--danger);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s}.gs-preview-trash-btn:hover{background:var(--danger);color:#fff;transform:scale(1.08)}.gs-preview-player{flex:1;display:flex;align-items:center;gap:10px;background:var(--gs-bg);border-radius:20px;padding:4px 12px;border:1px solid var(--border);min-width:0}.gs-photo-options-menu{position:absolute;bottom:calc(100% + 10px);left:10px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 16px 36px rgba(0,0,0,.22);z-index:99;min-width:210px;animation:.2s cubic-bezier(.175,.885,.32,1.15) gsPopMenuScale;transform-origin:bottom left}html[dir=rtl] .gs-photo-options-menu{left:auto;right:10px;transform-origin:bottom right}.gs-photo-options-menu.hidden{display:none!important}@keyframes gsPopMenuScale{from{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.gs-photo-option-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:none;background:0 0;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;text-align:left;width:100%;transition:background .18s,transform .18s;touch-action:manipulation}html[dir=rtl] .gs-photo-option-item{text-align:right}.gs-photo-option-item:hover{background:var(--primary-light);color:var(--primary)}.gs-photo-option-item:active{transform:scale(.97)}.gs-photo-opt-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.gs-photo-opt-icon.camera-icon{background:rgba(14,165,160,.12);color:#0ea5a0}.gs-photo-opt-icon.gallery-icon{background:rgba(91,95,199,.12);color:var(--primary)}.gs-image-preview-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:22px;box-sizing:border-box;width:100%;margin-bottom:8px;animation:.22s cubic-bezier(.16,1,.3,1) gsPreviewFadeIn;box-shadow:0 4px 16px rgba(0,0,0,.08)}.gs-image-preview-card.hidden{display:none!important}.gs-img-preview-cancel-btn{width:34px;height:34px;border-radius:50%;border:none;background:rgba(239,68,68,.12);color:var(--danger);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s,background .18s,color .18s}.gs-img-preview-cancel-btn:hover{background:var(--danger);color:#fff;transform:scale(1.08)}.gs-img-preview-body{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.gs-img-preview-thumb-wrap{width:44px;height:44px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--border);border:1px solid var(--border)}.gs-img-preview-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.gs-img-preview-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.gs-img-filename{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-img-size{font-size:11px;font-weight:600;color:var(--mute)}.gs-img-preview-send-btn{width:40px;height:40px;border-radius:50%;background:var(--primary)!important;color:#fff!important;border:none!important;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(91,95,199,.35)!important;transition:transform .18s,box-shadow .18s}.gs-img-preview-send-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px rgba(91,95,199,.45)!important}.gs-img-preview-send-btn:active{transform:scale(.92)}.gs-msg-bubble.gs-image-msg-bubble{padding:4px!important;border-radius:20px!important;min-width:0!important;width:min(210px,62vw)!important;max-width:min(210px,62vw)!important;box-sizing:border-box!important;overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.06);white-space:normal!important;line-height:0!important;font-size:0!important}.gs-msg-row.mine .gs-msg-bubble.gs-image-msg-bubble{background:color-mix(in srgb,var(--primary) 20%,var(--card));border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.gs-image-card{position:relative;width:100%;max-width:100%;height:160px;border-radius:16px;overflow:hidden;background:#000;cursor:pointer;display:block;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:0;font-size:0}.gs-image-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;transition:transform .25s cubic-bezier(.16, 1, .3, 1),opacity .25s;pointer-events:none}.gs-image-card:hover img{transform:scale(1.03)}.gs-image-card::after{content:'\f00e';font-family:'Font Awesome 6 Free','Font Awesome 5 Free',FontAwesome,sans-serif;font-weight:900;position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;opacity:.85;transform:scale(.95);transition:opacity .2s,transform .2s,background .2s;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.gs-image-card:active::after,.gs-image-card:hover::after{opacity:1;transform:scale(1.1);background:var(--primary,#22c55e)}.gs-image-upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;z-index:2;padding:12px;text-align:center}.gs-image-upload-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:.75s linear infinite gsSpin}@keyframes gsSpin{to{transform:rotate(360deg)}}.gs-image-upload-text{font-size:11px;font-weight:700;color:#fff}.gs-image-retry-btn{padding:5px 12px;border-radius:14px;background:var(--danger);color:#fff;border:none;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;margin-top:4px}.gs-image-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.gs-image-lightbox.hidden{display:none!important}.gs-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);animation:.22s gsFadeIn}.gs-lightbox-content{position:relative;z-index:2;display:flex;flex-direction:column;max-width:92vw;max-height:92vh;animation:.28s cubic-bezier(.175,.885,.32,1.15) gsLightboxZoom}@keyframes gsLightboxZoom{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.gs-lightbox-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(15,23,42,.85);backdrop-filter:blur(8px);border-radius:18px 18px 0 0;color:#fff;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.gs-lightbox-sender{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.gs-lightbox-sender time{font-size:11px;color:rgba(255,255,255,.6);font-weight:500}.gs-lightbox-actions{display:flex;align-items:center;gap:8px}.gs-lightbox-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;text-decoration:none;transition:background .18s,transform .18s}.gs-lightbox-btn:hover{background:rgba(255,255,255,.28);transform:scale(1.08)}.gs-lightbox-img-wrap{position:relative;overflow:hidden;border-radius:0 0 18px 18px;background:#000;display:flex;align-items:center;justify-content:center;max-height:calc(92vh - 56px);touch-action:none;user-select:none;-webkit-user-select:none}.gs-lightbox-img-wrap img{max-width:100%;max-height:calc(92vh - 56px);object-fit:contain;display:block;cursor:zoom-in;transition:transform .1s ease-out;will-change:transform;transform-origin:center center}.gs-lightbox-img-wrap img.is-zoomed{cursor:grab}.gs-lightbox-img-wrap img.is-dragging{cursor:grabbing}.gs-lightbox-zoom-badge{position:absolute;bottom:16px;right:16px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);pointer-events:none;z-index:10;transition:opacity .2s,transform .2s}.gs-lightbox-zoom-badge.hidden{display:none!important}.gs-lightbox-zoom-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.65);color:rgba(255,255,255,.85);font-size:11px;padding:4px 12px;border-radius:12px;pointer-events:none;z-index:5;white-space:nowrap;animation:4s forwards gsHintFade}@keyframes gsHintFade{0%,70%{opacity:1}100%{opacity:0;visibility:hidden}}.gs-preview-play-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,background .15s}.gs-preview-play-btn i{display:inline-flex;align-items:center;justify-content:center}.gs-preview-play-btn i.fa-play{margin-left:1.5px}html[dir=rtl] .gs-preview-play-btn i.fa-play{margin-left:0;margin-right:1.5px}.gs-preview-play-btn i.fa-pause{margin:0}.gs-preview-play-btn:hover{transform:scale(1.1);background:var(--primary-hover,var(--primary))}.gs-preview-waveform{flex:1;display:flex;align-items:center;gap:3px;height:20px;overflow:hidden}.gs-preview-waveform span{flex:1;min-width:3px;height:8px;background:var(--primary);border-radius:3px;opacity:.35;transition:transform .15s,opacity .15s,background .15s}.gs-preview-waveform span.active-bar{opacity:1!important;transform:scaleY(1.35);background:var(--primary)!important}.gs-preview-duration{font-family:monospace;font-size:12px;font-weight:700;color:var(--text);flex-shrink:0}.gs-preview-send-btn{width:40px;height:40px;border-radius:50%;background:#22c55e!important;color:#fff!important;border:none!important;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(34,197,94,.4)!important;transition:transform .15s,background .15s}.gs-preview-send-btn:hover{background:#16a34a!important;transform:scale(1.08)}.gs-recap-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);animation:.3s gsFadeIn}.gs-recap-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;max-width:360px;width:90%;text-align:center;animation:.45s cubic-bezier(.34,1.56,.64,1) gsRecapIn;position:relative}@keyframes gsRecapIn{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}.gs-recap-mascots{display:flex;justify-content:center;margin-bottom:16px}.gs-recap-mascot{width:52px;height:52px;border-radius:50%;border:3px solid var(--card);object-fit:contain;margin-left:-10px;background:var(--bg)}.gs-recap-mascot:first-child{margin-left:0}.gs-recap-title{font-size:22px;font-weight:800;color:var(--text);margin:0 0 6px}.gs-recap-subtitle{font-size:13px;color:var(--mute);margin:0 0 18px}.gs-recap-rewards{display:flex;justify-content:center;gap:14px;margin-bottom:20px}.gs-recap-reward-chip{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--primary-light);border:1px solid var(--primary);border-radius:12px;padding:10px 18px}.gs-recap-reward-chip .gs-reward-val{font-size:22px;font-weight:800;color:var(--primary)}.gs-recap-reward-chip .gs-reward-label{font-size:11px;font-weight:600;color:var(--mute)}.gs-recap-combo{background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:16px}.gs-mini-lb{display:flex;flex-direction:column;gap:8px;padding:4px 0}.gs-mini-lb-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border)}.gs-row-kick-btn{width:32px;height:32px;border-radius:50%;border:none;background:rgba(239,68,68,.12);color:var(--danger);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px;transition:background .18s,color .18s,transform .18s}html[dir=rtl] .gs-row-kick-btn{margin-left:0;margin-right:6px}.gs-row-kick-btn:hover{background:var(--danger);color:#fff;transform:scale(1.12)}.gs-row-kick-btn:active{transform:scale(.9)}.gs-mini-lb-rank{font-size:13px;font-weight:800;color:var(--mute);width:20px;text-align:center;flex-shrink:0}.gs-mini-lb-mascot{object-fit:contain;flex-shrink:0}.gs-mini-lb-name{flex:1;color:var(--text)}.gs-mini-lb-sessions{color:var(--primary);flex-shrink:0}html[dir=rtl] .gs-msg-row.mine .gs-msg-bubble{border-radius:18px 18px 18px 4px}html[dir=rtl] .gs-msg-row.theirs .gs-msg-bubble{border-radius:18px 18px 4px}html[dir=rtl] .gs-msg-row.mine.gs-msg-grouped-top .gs-msg-bubble{border-radius:18px 18px 18px 4px}html[dir=rtl] .gs-msg-row.theirs.gs-msg-grouped-top .gs-msg-bubble{border-radius:18px 18px 4px}html[dir=rtl] .gs-msg-row.mine.gs-msg-grouped-mid .gs-msg-bubble{border-radius:4px 18px 18px 4px}html[dir=rtl] .gs-msg-row.theirs.gs-msg-grouped-mid .gs-msg-bubble{border-radius:18px 4px 4px 18px}html[dir=rtl] .gs-msg-row.mine.gs-msg-grouped-bottom .gs-msg-bubble{border-radius:4px 18px 18px}html[dir=rtl] .gs-msg-row.theirs.gs-msg-grouped-bottom .gs-msg-bubble{border-radius:18px 4px 18px 18px}html[dir=rtl] .gs-host-crown{left:50%;right:auto;transform:translateX(-50%) rotate(6deg)}html[dir=rtl] .gs-typing-dots{border-bottom-left-radius:16px;border-bottom-right-radius:4px}html[dir=rtl] .gs-msg-sender{margin-left:0;margin-right:4px}html[dir=rtl] .gs-msg-row.theirs{flex-direction:row!important;margin-right:0!important;margin-left:auto!important}html[dir=rtl] .gs-msg-row.theirs .gs-msg-bubble-wrap{align-items:flex-start!important}html[dir=rtl] .gs-msg-row.mine{flex-direction:row-reverse!important;margin-left:0!important;margin-right:auto!important}html[dir=rtl] .gs-msg-row.mine .gs-msg-bubble-wrap{align-items:flex-end!important}html[dir=rtl] .gs-msg-time{margin-left:0;margin-right:auto}html[dir=rtl] .gs-composer{flex-direction:row-reverse}html[dir=rtl] .gs-focus-banner-time{margin-left:0;margin-right:auto}[data-theme=Dark] .gs-msg-row.theirs .gs-msg-bubble,[data-theme=Dark] .gs-typing-dots{background:var(--gs-bubble-other);border-color:rgba(255,255,255,.08)}[data-theme=Dark] .gs-composer-field-wrap{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}[data-theme=Dark] .gs-focus-active-banner{background:color-mix(in srgb,var(--primary) 15%,#0d0f12);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}@media (max-width:768px){.gs-lobby{padding:14px}.gs-room-header{padding:0 10px;height:56px}.gs-avatar-wall{gap:8px;padding:12px 10px}.gs-msg-bubble{max-width:86%}}@media (max-width:480px){.gs-timer-display{font-size:44px}.gs-lobby{padding:12px}.gs-recap-card{padding:22px 16px}.gs-room-header-actions{gap:4px}.gs-target-title{max-width:120px}.gs-composer-attach{display:none}.gs-composer{padding:6px 8px}.gs-composer-field-wrap{min-height:40px}}.gs-select-material-card{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--card);cursor:pointer;text-align:left;transition:.2s}.gs-select-material-card:hover{border-color:var(--primary);background:var(--primary-light)}.gs-select-material-card.has-selection{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.gs-sm-icon{font-size:18px;color:var(--primary);flex-shrink:0}.gs-select-material-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gs-sm-title{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-sm-sub{font-size:11px;color:var(--mute)}.gs-sm-arrow{font-size:12px;color:var(--mute);flex-shrink:0}.gs-picker-modal-card{max-width:560px!important;width:92%!important;border-radius:22px!important;overflow:hidden!important;background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:0 28px 64px rgba(0,0,0,.32)!important;display:flex!important;flex-direction:column!important;max-height:88dvh!important}.gs-picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border);background:var(--card);gap:14px;flex-shrink:0}.gs-picker-modal-header-left{display:flex;align-items:center;gap:14px;min-width:0}.gs-picker-modal-icon{width:46px;height:46px;border-radius:14px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;box-shadow:0 6px 16px rgba(91,95,199,.22)}.gs-picker-modal-title-info{display:flex;flex-direction:column;gap:3px;min-width:0}.gs-picker-modal-title-info .h2{font-size:16px!important;font-weight:800;margin:0;line-height:1.2;color:var(--text)}.gs-picker-modal-sub{font-size:12px;color:var(--mute);font-weight:500;line-height:1.4}.gs-picker-controls-wrap{padding:14px 16px 0;flex-shrink:0}.gs-picker-clear-btn{width:100%;padding:13px 16px;border:1.5px dashed var(--border);border-radius:14px;background:0 0;color:var(--mute);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:14px;transition:.2s;min-height:48px;touch-action:manipulation}.gs-picker-clear-btn:hover{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,transparent)}.gs-picker-clear-btn:active{transform:scale(.98)}.gs-picker-tabs{display:flex;gap:6px;background:var(--progress-bg);border-radius:12px;padding:4px;margin-bottom:14px}.gs-picker-tab{flex:1;padding:9px 10px;border:none;background:0 0;color:var(--mute);font-size:13px;font-weight:700;cursor:pointer;border-radius:9px;transition:background .2s,color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;touch-action:manipulation;white-space:nowrap}.gs-picker-tab.active{background:var(--card);color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.12)}.gs-picker-tab:not(.active):hover{color:var(--text);background:color-mix(in srgb,var(--card) 50%,transparent)}.gs-picker-body{padding:0 16px 20px;display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.gs-picker-item{display:flex;align-items:center;padding:14px 16px;border:1.5px solid var(--border);border-radius:16px;background:var(--card);cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;gap:14px;outline:0;min-height:68px;touch-action:manipulation}.gs-picker-item:focus-visible,.gs-picker-item:hover{border-color:var(--primary);background:var(--primary-light);box-shadow:0 6px 20px rgba(91,95,199,.15);transform:translateY(-1px)}.gs-picker-item:active{transform:scale(.975);box-shadow:none}.gs-picker-item-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform .2s}.gs-picker-item:hover .gs-picker-item-icon{transform:scale(1.06)}.gs-picker-icon-chapter{background:rgba(91,95,199,.12);color:var(--primary)}.gs-picker-icon-pdf{background:rgba(239,68,68,.1);color:#ef4444}.gs-picker-item-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.gs-picker-item-title{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.gs-picker-item-sub{font-size:12px;color:var(--mute);display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.4}.gs-picker-item-check{color:var(--mute);font-size:13px;flex-shrink:0;opacity:.4;transition:opacity .18s,color .18s,transform .18s}.gs-picker-item:hover .gs-picker-item-check{opacity:1;color:var(--primary);transform:translateX(2px)}.gs-picker-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.01em}.gs-picker-badge-video{background:rgba(239,68,68,.12);color:#ef4444}.gs-picker-badge-pdf{background:rgba(91,95,199,.12);color:var(--primary)}.gs-picker-badge-correction{background:rgba(16,185,129,.12);color:#10b981}.gs-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 36px;text-align:center;gap:12px}.gs-picker-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:6px}.gs-picker-empty-text{font-size:15px;font-weight:700;color:var(--text);margin:0}.gs-picker-empty-sub{font-size:13px;color:var(--mute);line-height:1.5}.gs-picker-template-label{font-size:11px;color:var(--primary);font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:5px;padding:4px 10px;background:var(--primary-light);border-radius:20px;width:fit-content}.gs-picker-categories-header,.gs-picker-categories-wrap{display:flex;gap:6px;overflow-x:auto;padding:10px 0 6px;margin-top:4px;border-bottom:1px solid var(--border);scrollbar-width:none}.gs-picker-categories-header.hidden{display:none!important}.gs-picker-categories-header::-webkit-scrollbar,.gs-picker-categories-wrap::-webkit-scrollbar{display:none}.gs-picker-cat-pill{padding:7px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--card);color:var(--mute);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.18s;min-height:36px;display:inline-flex;align-items:center;touch-action:manipulation}.gs-picker-cat-pill:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.gs-picker-cat-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 10px rgba(91,95,199,.3)}#gs-material-modal{padding:0!important;background:0 0!important;border:none!important;box-shadow:none!important;width:95%!important;max-width:600px!important;max-height:94vh!important;margin:auto!important;overflow:visible!important}.gs-material-modal-card{max-width:100%!important;width:100%!important;margin:0 auto!important;border-radius:24px!important;overflow:hidden!important;border:1px solid var(--border)!important;background:var(--card)!important;box-shadow:0 20px 48px rgba(0,0,0,.4)!important;position:relative!important;display:flex!important;flex-direction:column!important}.gs-material-modal-header{display:flex;align-items:center;justify-content:center;position:relative;padding:16px 20px 14px;border-bottom:1px solid var(--border);background:var(--card);text-align:center}.gs-material-modal-title-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 auto;max-width:84%}.gs-material-modal-icon{width:42px;height:42px;border-radius:14px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 4px 14px rgba(91,95,199,.2)}.gs-material-modal-header .h2{font-size:16px;font-weight:800;color:var(--text);text-align:center;margin:0;line-height:1.3}.gs-material-modal-card #close-gs-material-modal{position:absolute;right:14px;top:14px}html[dir=rtl] .gs-material-modal-card #close-gs-material-modal{right:auto;left:14px}.gs-material-modal-body{padding:16px 14px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;max-height:80vh;overflow-y:auto;text-align:center;box-sizing:border-box}.gs-material-video-card{width:100%;max-width:100%;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 8px 24px rgba(0,0,0,.25);display:flex;flex-direction:column;border:1px solid var(--border);margin:0 auto}.gs-material-video-topbar{padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center}.gs-material-video-badge{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.gs-material-video-badge-icon{width:28px;height:28px;border-radius:50%;background:rgba(239,68,68,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gs-material-video-title{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.gs-material-video-frame-wrap{width:100%;aspect-ratio:16/9;position:relative;background:#000;display:flex;align-items:center;justify-content:center;margin:0 auto}.gs-material-video-playlist-bar{padding:12px 14px;background:var(--card);border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.gs-material-video-playlist-label{font-size:11px;font-weight:800;color:var(--mute);text-transform:uppercase;letter-spacing:.05em;text-align:center}.gs-material-video-playlist-btns{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;justify-content:center;align-items:center;width:100%}.gs-video-playlist-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:.15s}.gs-video-playlist-btn.active,.gs-video-playlist-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.gs-material-res-container{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto}.gs-material-res-header{font-size:13px;font-weight:800;color:var(--text);margin:4px auto;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.gs-material-res-item{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--card);border:1px solid var(--border);border-radius:16px;gap:14px;width:100%;box-sizing:border-box;transition:transform .18s cubic-bezier(.34, 1.56, .64, 1),border-color .18s,box-shadow .18s}.gs-material-res-item:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 6px 18px rgba(91,95,199,.14)}.gs-material-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center;gap:14px;margin:auto}.gs-material-empty-icon{width:56px;height:56px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 14px rgba(91,95,199,.18)}.gs-room-header-left{display:flex;align-items:center;gap:10px;flex:1}.gs-header-timer-pill{align-items:center;gap:6px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.35);border-radius:20px;padding:3px 10px;color:#10b981;font-weight:700;font-size:13px;flex-shrink:0}.gs-header-timer-state{font-size:10px;font-weight:800;letter-spacing:.05em;opacity:.9}.gs-header-timer-clock{font-family:'DM Sans',monospace,sans-serif;font-weight:800;font-size:14px}.gs-host-timer-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.gs-timer-header-btn{border:1px solid var(--border);background:var(--card);color:var(--text);display:flex;align-items:center;justify-content:center}.gs-timer-header-btn.gs-start-btn{background:var(--primary);border-color:var(--primary)}.gs-timer-header-btn.gs-stop-btn{background:rgba(239,68,68,.15);color:var(--danger);border-color:rgba(239,68,68,.3)}.gs-mini-lb-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--card);margin-bottom:8px;cursor:pointer;transition:background .15s,border-color .15s}.gs-mini-lb-row:hover{background:var(--primary-light);border-color:var(--primary)}.gs-mini-lb-mascot{width:40px;height:40px;border-radius:50%;object-fit:contain;flex-shrink:0;background:var(--bg)}.gs-member-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gs-mini-lb-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-member-status{font-weight:500;color:var(--text-mute)}.gs-mini-lb-sessions{font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-light);padding:3px 8px;border-radius:12px;flex-shrink:0}.gs-msg-row.theirs .gs-msg-bubble-wrap{display:flex;flex-direction:column;align-items:flex-start;max-width:84%}.gs-msg-sender{font-size:11px;font-weight:600;color:var(--text-mute);margin-left:6px;margin-bottom:3px;letter-spacing:.01em}.gs-room-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--card);border-bottom:1px solid var(--border);gap:8px;flex-shrink:0;z-index:10}.gs-room-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.gs-room-avatar-icon{width:42px;height:42px;border-radius:50%;object-fit:contain;flex-shrink:0;border:2px solid var(--gs-online-dot);background:var(--card);box-shadow:0 0 0 3px var(--primary-light);transition:transform .2s}.gs-room-avatar-icon:hover{transform:scale(1.06)}.gs-header-timer-pill{display:none!important}.gs-timer-state-badge{font-size:9px;font-weight:800;color:var(--primary);letter-spacing:.08em;text-transform:uppercase}.gs-timer-clock{font-size:14px;font-weight:700;font-family:Sora,monospace;color:var(--primary);letter-spacing:.05em;min-width:44px}.gs-host-timer-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.gs-host-timer-controls.hidden{display:none}.gs-timer-header-btn{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:transform .15s,opacity .15s}.gs-timer-header-btn.gs-start-btn{background:var(--primary);color:#fff}.gs-timer-header-btn.gs-stop-btn{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.gs-timer-header-btn.hidden{display:none}.gs-timer-header-btn:active{transform:scale(.92)}.gs-member-hint{font-size:10px;color:var(--mute);white-space:nowrap;flex-shrink:0}.gs-member-hint.hidden{display:none}.gs-modal-code-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--progress-bg,#f8fafc);border:1px solid var(--border);border-radius:12px;margin-bottom:12px}.gs-modal-code-info{display:flex;flex-direction:column;gap:2px;min-width:0}.gs-modal-code-label{font-size:10.5px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.05em}.gs-modal-code-value{font-size:16px;font-weight:800;letter-spacing:.12em;color:var(--primary);font-family:monospace}.gs-modal-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;transition:.18s;flex-shrink:0}.gs-modal-copy-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.gs-modal-copy-btn.copied{border-color:#22c55e;color:#22c55e;background:rgba(34,197,94,.12)}.gs-mini-lb-avatar-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.gs-mini-lb-avatar-wrap .gs-host-crown{top:-9px;font-size:13px}.gs-member-info-col{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gs-member-name-row{display:flex;align-items:center;gap:6px}.gs-host-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;padding:1px 7px;border-radius:99px;background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.35);margin-left:6px;flex-shrink:0;line-height:1.3}html[dir=rtl] .gs-host-badge{margin-left:0;margin-right:6px}.gs-host-badge i{font-size:9.5px;color:#f59e0b}.gs-member-status{font-size:11px;opacity:.75}.gs-member-status-focus{color:var(--primary);opacity:1}.gs-member-status-break{color:#f59e0b;opacity:1}.gs-member-status-online{color:#22c55e;opacity:1}#mobile-bottom-nav.gs-in-room-hidden,body.gs-in-room #mobile-bottom-nav{display:none!important}body.gs-in-room .sidebar .nav-item:not([data-tab=group-study]){opacity:.35;pointer-events:none;cursor:not-allowed}.gs-paste-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:calc(var(--radius-md) - 6px);border:1px solid var(--border);background:var(--progress-bg);color:var(--text);cursor:pointer;font-size:13px;transition:.15s;flex-shrink:0}.gs-paste-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.gs-public-rooms-header{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.gs-public-rooms-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.gs-public-rooms-title-left{display:flex;align-items:center;gap:8px}.gs-globe-icon{color:var(--primary);font-size:16px}.gs-rooms-heading{margin:0;font-size:15px;font-weight:700;color:var(--text)}.gs-count-pill{display:inline-flex;align-items:center;justify-content:center;padding:1px 7px;border-radius:99px;font-size:11px;font-weight:700;background:var(--primary-light);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}.gs-count-pill.hidden{display:none!important}.gs-search-rooms-bar{display:flex;align-items:center;gap:10px;background:var(--progress-bg,#f8fafc);border:1px solid var(--border);border-radius:12px;padding:0 12px;height:42px;box-sizing:border-box;transition:.2s;width:100%}[data-theme=Dark] .gs-search-rooms-bar{background:rgba(255,255,255,.05);border-color:var(--border)}.gs-search-rooms-bar:focus-within{background:var(--card);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.gs-search-icon{color:var(--mute);font-size:14px;flex-shrink:0}.gs-search-input{flex:1;border:none!important;background:0 0;font-size:13.5px;color:var(--text);outline:0!important;box-shadow:none!important;padding:0;margin:0;min-width:0;font-family:inherit;-webkit-appearance:none;appearance:none}.gs-search-input:focus,.gs-search-input:focus-visible{outline:0!important;border:none!important;box-shadow:none!important}html[dir=rtl] .gs-search-input{text-align:right}.gs-search-input::placeholder{color:var(--mute);opacity:.85}.gs-clear-search-btn{border:none;background:0 0;color:var(--mute);cursor:pointer;font-size:15px;padding:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s;flex-shrink:0}.gs-clear-search-btn:hover{color:var(--text)}.gs-clear-search-btn.hidden{display:none!important}.gs-quick-reactions{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 12px;margin:0 auto 6px;background:var(--card);border:1px solid var(--border);border-radius:99px;box-shadow:var(--shadow-sm);z-index:10;width:fit-content}.gs-react-btn{background:var(--progress-bg);border:1px solid var(--border);color:var(--text);font-size:13px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:transform .15s cubic-bezier(.175, .885, .32, 1.275),background .15s,box-shadow .15s;line-height:1;padding:0}.gs-react-btn[data-reaction=fire] i{color:#f97316}.gs-react-btn[data-reaction=target] i{color:#ef4444}.gs-react-btn[data-reaction=star] i{color:#eab308}.gs-react-btn[data-reaction=idea] i{color:#3b82f6}.gs-react-btn[data-reaction=coffee] i{color:#a855f7}.gs-react-btn[data-reaction=thumbsup] i{color:#10b981}.gs-react-btn:hover{transform:scale(1.22);background:var(--card);box-shadow:0 2px 8px rgba(0,0,0,.12)}.gs-react-btn:active{transform:scale(.92)}.gs-new-messages-pill{position:absolute;bottom:74px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;border:none;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 12px rgba(91,95,199,.35);z-index:25;animation:.3s ease-out forwards bouncePill;transition:transform .2s,background .2s}.gs-new-messages-pill:hover{background:var(--primary-hover);transform:translateX(-50%) translateY(-2px)}.gs-new-messages-pill.hidden{display:none!important}@keyframes bouncePill{0%{opacity:0;transform:translateX(-50%) translateY(10px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}.gs-room-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;letter-spacing:.02em;white-space:nowrap;line-height:1.2}.gs-room-status-badge.focus{background:rgba(91,95,199,.12);color:var(--primary);border:1px solid rgba(91,95,199,.28)}.gs-room-status-badge.break{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.28)}.gs-room-status-badge.waiting{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.28)}.gs-room-status-badge.kicked{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.28)}.gs-room-status-badge.full{background:rgba(100,116,139,.12);color:#64748b;border:1px solid rgba(100,116,139,.28)}.gs-reply-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;margin-bottom:-1px;position:relative;animation:.2s cubic-bezier(.16,1,.3,1) gsReplyBarSlide;box-shadow:0 -2px 8px rgba(0,0,0,.04)}.gs-reply-preview-bar.hidden{display:none!important}@keyframes gsReplyBarSlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gs-reply-preview-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.gs-reply-preview-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:12px;flex-shrink:0}.gs-reply-preview-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;border-left:3px solid var(--primary);padding-left:8px}html[dir=rtl] .gs-reply-preview-content{border-left:none;border-right:3px solid var(--primary);padding-left:0;padding-right:8px}.gs-reply-preview-sender{font-size:11px;font-weight:700;color:var(--primary);line-height:1.1}.gs-reply-preview-text{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;opacity:.85}.gs-reply-cancel-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;background:var(--progress-bg);color:var(--mute);cursor:pointer;font-size:12px;transition:.15s;flex-shrink:0}.gs-reply-cancel-btn:hover{background:rgba(239,68,68,.12);color:#ef4444}.gs-msg-context-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:block}.gs-msg-context-menu.hidden{display:none!important}.gs-msg-context-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:.15s gsFadeIn}.gs-msg-context-bubble{position:absolute;display:flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:99px;padding:4px 6px;box-shadow:0 12px 32px rgba(0,0,0,.25);z-index:10000;animation:.18s cubic-bezier(.175,.885,.32,1.2) gsCtxPop;user-select:none}@keyframes gsCtxPop{from{opacity:0;transform:scale(.85) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.gs-msg-context-item{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;border:none;background:0 0;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:.15s;white-space:nowrap}.gs-msg-context-item i{font-size:13px;color:var(--primary)}.gs-msg-context-item:active,.gs-msg-context-item:hover{background:var(--primary-light);color:var(--primary)}.gs-msg-bubble--active-menu{box-shadow:0 0 0 3px var(--primary-light)!important;transform:scale(1.02)}.gs-msg-quoted-snippet{display:flex;align-items:stretch;gap:8px;padding:4px 8px;border-radius:8px;margin-bottom:6px;cursor:pointer;background:rgba(0,0,0,.08);position:relative;user-select:none;transition:opacity .15s}.gs-msg-row.mine .gs-msg-quoted-snippet{background:rgba(255,255,255,.2)}[data-theme=Dark] .gs-msg-row.theirs .gs-msg-quoted-snippet{background:rgba(255,255,255,.08)}.gs-msg-quoted-snippet:hover{opacity:.88}.gs-quoted-bar{width:3.5px;border-radius:4px;background:#fff;flex-shrink:0}.gs-msg-row.theirs .gs-quoted-bar{background:var(--primary)}.gs-quoted-content{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.gs-quoted-sender{font-size:11px;font-weight:800;line-height:1.1;color:rgba(255,255,255,.95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-msg-row.theirs .gs-quoted-sender{color:var(--primary)}.gs-quoted-text{font-size:11.5px;line-height:1.2;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-msg-row.theirs .gs-quoted-text{color:var(--text);opacity:.85}.gs-msg-row--highlighted .gs-msg-bubble{animation:1.4s ease-out gsMsgHighlightFlash}@keyframes gsMsgHighlightFlash{0%{box-shadow:0 0 0 6px var(--primary),0 0 24px var(--primary);transform:scale(1.04)}50%{box-shadow:0 0 0 3px var(--primary-light),0 0 12px var(--primary-light);transform:scale(1.02)}100%{box-shadow:none;transform:scale(1)}}.gs-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;width:100%;box-sizing:border-box;animation:.25s ease-out gsFadeIn}.gs-loading-state.hidden{display:none!important}.gs-loading-ring{width:48px;height:48px;border:3.5px solid rgba(14,165,160,.15);border-top:3.5px solid var(--primary,#0ea5a0);border-right:3.5px solid var(--secondary,#6366f1);border-radius:50%;animation:.85s cubic-bezier(.5,.15,.45,.95) infinite gsSpinRing;box-shadow:0 0 16px rgba(14,165,160,.2)}.gs-loading-text{font-size:14px;font-weight:600;color:var(--text-mute,#94a3b8);letter-spacing:.3px;margin:14px 0 0;text-align:center;animation:1.6s ease-in-out infinite alternate gsPulseText}@keyframes gsSpinRing{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes gsPulseText{0%{opacity:.55}100%{opacity:1}}@keyframes gsFadeIn{from{opacity:0}to{opacity:1}0%{opacity:0;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}.gs-pinned-msg-banner{display:flex;align-items:center;gap:10px;padding:8px 14px;background:color-mix(in srgb,var(--primary) 12%,var(--card));border-bottom:1px solid color-mix(in srgb,var(--primary) 22%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;cursor:pointer;transition:.2s}.gs-pinned-msg-banner.hidden{display:none!important}.gs-pinned-msg-banner:hover{background:color-mix(in srgb,var(--primary) 18%,var(--card))}.gs-pinned-icon{width:28px;height:28px;border-radius:8px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.gs-pinned-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gs-pinned-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary)}.gs-pinned-text{font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.gs-unpin-btn{width:24px;height:24px;border-radius:50%;border:none;background:0 0;color:var(--mute);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:.15s;flex-shrink:0}.gs-unpin-btn:hover{background:var(--danger-light);color:var(--danger)}.gs-chat-tags-bar{display:flex;align-items:center;gap:6px;padding:6px 14px 2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gs-chat-tags-bar::-webkit-scrollbar{display:none}.gs-tag-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;border:1px solid var(--border);background:var(--card);color:var(--mute);font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.18s;flex-shrink:0;user-select:none}.gs-tag-chip i{font-size:11px}.gs-tag-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.gs-tag-chip[data-tag=question].active{background:rgba(245,158,11,.15);border-color:#f59e0b;color:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.2)}.gs-tag-chip[data-tag=hint].active{background:rgba(91,95,199,.15);border-color:var(--primary);color:var(--primary);box-shadow:0 0 8px rgba(91,95,199,.2)}.gs-tag-chip[data-tag=solution].active{background:rgba(16,185,129,.15);border-color:#10b981;color:#10b981;box-shadow:0 0 8px rgba(16,185,129,.2)}.gs-tag-chip[data-tag=note].active{background:rgba(14,165,233,.15);border-color:#0ea5e9;color:#0ea5e9;box-shadow:0 0 8px rgba(14,165,233,.2)}.gs-msg-tag-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;width:fit-content}.gs-tag-badge-question{background:rgba(245,158,11,.18);color:#d97706}.gs-tag-badge-hint{background:rgba(91,95,199,.18);color:var(--primary)}.gs-tag-badge-solution{background:rgba(16,185,129,.18);color:#059669}.gs-tag-badge-note{background:rgba(14,165,233,.18);color:#0284c7}[data-theme=Dark] .gs-tag-badge-question{color:#fbbf24}[data-theme=Dark] .gs-tag-badge-hint{color:#a5b4fc}[data-theme=Dark] .gs-tag-badge-solution{color:#34d399}[data-theme=Dark] .gs-tag-badge-note{color:#38bdf8}.gs-msg-bubble--tag-question{border-left:3.5px solid #f59e0b!important}.gs-msg-bubble--tag-hint{border-left:3.5px solid var(--primary)!important}.gs-msg-bubble--tag-solution{border-left:3.5px solid #10b981!important}.gs-msg-bubble--tag-note{border-left:3.5px solid #0ea5e9!important}html[dir=rtl] .gs-msg-bubble--tag-question{border-left:none!important;border-right:3.5px solid #f59e0b!important}html[dir=rtl] .gs-msg-bubble--tag-hint{border-left:none!important;border-right:3.5px solid var(--primary)!important}html[dir=rtl] .gs-msg-bubble--tag-solution{border-left:none!important;border-right:3.5px solid #10b981!important}html[dir=rtl] .gs-msg-bubble--tag-note{border-left:none!important;border-right:3.5px solid #0ea5e9!important}.gs-mention-suggestions{position:absolute;bottom:calc(100% + 4px);left:16px;right:16px;max-width:320px;max-height:200px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.22);z-index:100;padding:6px;display:flex;flex-direction:column;gap:2px;animation:.15s gsFadeIn}.gs-mention-suggestions.hidden{display:none!important}.gs-mention-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;border:none;background:0 0;color:var(--text);cursor:pointer;font-size:13px;font-weight:600;text-align:start;width:100%;transition:background .12s}.gs-mention-item.active,.gs-mention-item:hover{background:var(--primary-light);color:var(--primary)}.gs-mention-avatar{width:24px;height:24px;border-radius:50%;object-fit:contain;background:var(--card);flex-shrink:0}.gs-mention-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-mention-pill{display:inline-block;padding:1px 6px;margin:0 1px;border-radius:6px;font-weight:700;background:rgba(91,95,199,.14);color:var(--primary);cursor:pointer;transition:.15s}.gs-mention-pill:hover{background:var(--primary);color:#fff}.gs-mention-pill--me{background:var(--primary);color:#fff!important;box-shadow:0 0 6px rgba(91,95,199,.4)}.gs-mention-pill--me:hover{filter:brightness(1.1)}.gs-msg-context-item.danger,.gs-msg-context-item.danger i{color:var(--danger)}.gs-msg-context-item.danger:active,.gs-msg-context-item.danger:hover{background:var(--danger-light);color:var(--danger)}.divisions-container{max-width:860px;margin:0 auto;padding:var(--space-md) var(--space-md) 100px var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.div-auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-lg)}.div-auth-gate img{width:110px;height:110px;object-fit:contain;margin-bottom:var(--space-md);filter:drop-shadow(0 8px 16px rgba(0, 0, 0, .1))}.div-auth-gate h3{font-size:1.35rem;font-weight:800;color:var(--text);margin:0 0 var(--space-xs) 0}.div-auth-gate p{font-size:.95rem;color:var(--text-mute);max-width:440px;line-height:1.5;margin:0 0 var(--space-lg) 0}.div-error-state{border-color:rgba(239,68,68,.32)}.div-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.div-hero-stat{display:flex;flex-direction:column;gap:3px;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--progress-bg)}.div-hero-stat span{color:var(--text-mute);font-size:.76rem;font-weight:700}.div-hero-stat strong{color:var(--text);font-size:1.3rem}.div-roster-empty{display:grid;place-items:center;gap:var(--space-sm);min-height:120px;padding:var(--space-lg);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-mute);text-align:center}.div-roster-empty i{color:var(--primary);font-size:1.4rem}.div-skeleton{display:flex;flex-direction:column;gap:var(--space-md)}.div-skeleton-card{height:150px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border)}.div-skeleton-row{height:64px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border)}.div-hero-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-md);position:relative;overflow:hidden}.div-hero-card::after{content:'';position:absolute;top:0;right:0;width:220px;height:100%;background:radial-gradient(circle at top right,var(--tier-glow,rgba(var(--primary-rgb),.12)),transparent 70%);pointer-events:none}html[dir=rtl] .div-hero-card::after{right:auto;left:0;background:radial-gradient(circle at top left,var(--tier-glow,rgba(var(--primary-rgb),.12)),transparent 70%)}.div-hero-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.div-hero-left{display:flex;align-items:center;gap:var(--space-md)}.div-badge-wrap{width:72px;height:72px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.div-badge-svg{width:100%;height:100%;filter:drop-shadow(0 6px 12px rgba(0, 0, 0, .15));transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.div-hero-info{display:flex;flex-direction:column;gap:var(--space-xs)}.div-hero-tier-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.div-hero-name{font-size:1.5rem;font-weight:900;color:var(--text);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.div-hero-sub{font-size:.85rem;color:var(--text-mute);display:flex;align-items:center;gap:var(--space-md)}.div-hero-actions{display:flex;align-items:center;gap:var(--space-sm)}.div-icon-btn{min-width:var(--tap-target);min-height:var(--tap-target);padding:0 var(--space-sm);border-radius:var(--radius-md);background:var(--progress-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.div-icon-btn:hover{background:var(--border);transform:translateY(-1px)}.div-countdown-bar{display:flex;align-items:center;justify-content:space-between;background:var(--progress-bg);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.85rem;font-weight:600;color:var(--text-mute)}.div-countdown-timer{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:inherit;font-weight:800;color:var(--text)}.div-countdown-timer i{color:var(--primary)}.div-ladder-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.div-ladder-title{font-size:.85rem;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-sm) 0}.div-ladder-track{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);overflow-x:auto;padding:var(--space-xs) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.div-ladder-track::-webkit-scrollbar{display:none}.div-ladder-step{flex:1;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);position:relative;padding:var(--space-xs);border-radius:var(--radius-md);transition:background var(--transition-fast)}.div-ladder-step.current{background:var(--primary-light)}.div-ladder-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative;background:var(--progress-bg);border:2px solid var(--border);transition:transform var(--transition-fast)}.div-ladder-step.unlocked .div-ladder-icon{border-color:var(--tier-color,var(--primary))}.div-ladder-step.current .div-ladder-icon{transform:scale(1.15);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.25);border-color:var(--primary)}.div-ladder-step.locked .div-ladder-icon{opacity:.45}.div-ladder-step.locked .div-ladder-icon::after{content:'\f023';font-family:'Font Awesome 5 Free';font-weight:900;font-size:.75rem;color:var(--text-mute);position:absolute;bottom:-4px;right:-4px;background:var(--card);border-radius:var(--radius-full);padding:2px}.div-ladder-name{font-size:.72rem;font-weight:700;color:var(--text-mute);text-align:center;white-space:nowrap}.div-ladder-step.current .div-ladder-name{color:var(--primary);font-weight:800}.div-group-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xs)}.div-group-title{font-size:1.1rem;font-weight:800;color:var(--text);margin:0}.div-group-capacity{font-size:.85rem;color:var(--text-mute);font-weight:600}.div-ranking-list{display:flex;flex-direction:column;gap:6px;position:relative}.div-zone-divider{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);margin:var(--space-xs) 0}.div-zone-divider.promotion{color:var(--success);background:var(--success-light);border-inline-start:4px solid var(--success)}.div-zone-divider.danger{color:var(--danger);background:var(--danger-light);border-inline-start:4px solid var(--danger)}.div-zone-divider-line{flex:1;height:1px;background:currentColor;opacity:.3}.div-rank-row{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;min-height:58px;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;user-select:none;-webkit-tap-highlight-color:transparent}.div-rank-row:hover{background:var(--progress-bg)}.div-rank-row.me{background:rgba(var(--primary-rgb),.06);border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.1)}.div-rank-row.zone-promotion{border-inline-start:4px solid var(--success)}.div-rank-row.zone-danger{border-inline-start:4px solid var(--danger)}.div-rank-num{width:32px;font-size:1rem;font-weight:900;color:var(--text-mute);text-align:center;flex-shrink:0}.div-rank-row.rank-1 .div-rank-num{color:#f59e0b;font-size:1.15rem}.div-rank-row.rank-2 .div-rank-num{color:#94a3b8;font-size:1.1rem}.div-rank-row.rank-3 .div-rank-num{color:#cd7f32;font-size:1.05rem}.div-avatar-wrap{width:42px;height:42px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--progress-bg);position:relative;flex-shrink:0;overflow:hidden}.div-avatar-img{width:100%;height:100%;object-fit:contain}.div-avatar-fallback{font-weight:800;font-size:.95rem;color:var(--text)}.div-user-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.div-user-name-row{display:flex;align-items:center;gap:var(--space-xs)}.div-user-name{font-size:.92rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.div-me-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;background:var(--primary);color:#fff;padding:1px 6px;border-radius:var(--radius-sm)}.div-user-sub{font-size:.78rem;color:var(--text-mute);display:flex;align-items:center;gap:var(--space-xs)}.div-points-wrap{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.div-points-value{font-size:1rem;font-weight:800;color:var(--text)}.div-points-label{font-size:.75rem;font-weight:700;color:var(--text-mute);text-transform:uppercase}.div-rank-delta{font-size:.75rem;font-weight:800;padding:2px 6px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:2px;animation:.4s 3.6s forwards divFadeOut}.div-rank-delta.up{color:var(--success);background:var(--success-light)}.div-rank-delta.down{color:var(--danger);background:var(--danger-light)}@keyframes divFadeOut{to{opacity:0;transform:scale(.85)}}.div-sticky-me-bar{position:fixed;bottom:calc(var(--sab,0px) + 72px);left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:860px;z-index:50;box-shadow:var(--shadow-lg);border-color:var(--primary);background:var(--card);border-radius:var(--radius-md);transition:opacity .25s,transform .25s cubic-bezier(.16, 1, .3, 1)}.div-sticky-me-bar.hidden{opacity:0;transform:translate(-50%,20px);pointer-events:none}.div-floating-chip{position:fixed;z-index:9999;padding:6px 14px;background:var(--primary);color:#fff;font-weight:900;font-size:1rem;border-radius:var(--radius-full);box-shadow:0 8px 20px rgba(var(--primary-rgb),.35);pointer-events:none;transform:translate(-50%,-50%);animation:1.2s cubic-bezier(.16,1,.3,1) forwards divChipRise}@keyframes divChipRise{0%{opacity:0;transform:translate(-50%,0) scale(.6)}20%{opacity:1;transform:translate(-50%,-20px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-90px) scale(.9)}}.div-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity .25s}.div-modal-overlay.active{opacity:1;pointer-events:auto}.div-modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:var(--space-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-md);transform:scale(.94);transition:transform .3s cubic-bezier(.16, 1, .3, 1)}.div-modal-overlay.active .div-modal-content{transform:scale(1)}.div-modal-header{display:flex;align-items:center;justify-content:space-between}.div-modal-title{font-size:1.25rem;font-weight:800;color:var(--text);margin:0}.div-rules-list{display:flex;flex-direction:column;gap:var(--space-md)}.div-rule-item{display:flex;align-items:flex-start;gap:var(--space-md)}.div-rule-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.div-rule-text h4{margin:0 0 2px;font-size:.95rem;font-weight:700;color:var(--text)}.div-rule-text p{margin:0;font-size:.85rem;color:var(--text-mute);line-height:1.4}.div-celebration-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg)}.div-celebration-badge-stage{width:120px;height:120px;position:relative;display:flex;align-items:center;justify-content:center}.div-celebration-mascot{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0, 0, 0, .15))}.div-celebration-title{font-size:1.6rem;font-weight:900;color:var(--text);margin:0}.div-celebration-desc{font-size:.95rem;color:var(--text-mute);max-width:380px;line-height:1.5;margin:0}.div-celebration-rewards-box{display:flex;align-items:center;gap:var(--space-md);background:var(--progress-bg);border:1px solid var(--border);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md)}.div-reward-item{display:flex;align-items:center;gap:var(--space-xs);font-weight:800;font-size:1rem;color:var(--text)}.div-reward-item i{color:var(--accent)}.db-division-widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.db-division-widget:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.db-div-left{display:flex;align-items:center;gap:var(--space-md)}.db-div-badge{width:48px;height:48px;flex-shrink:0}.db-div-meta h4{margin:0 0 2px;font-size:.95rem;font-weight:800;color:var(--text)}.db-div-meta p{margin:0;font-size:.8rem;color:var(--text-mute);font-weight:600}.db-div-right{display:flex;align-items:center;gap:var(--space-sm)}.db-div-rank-pill{padding:4px 10px;background:var(--primary-light);color:var(--primary);font-size:.85rem;font-weight:800;border-radius:var(--radius-sm)}[data-theme=Dark] .div-hero-card,[data-theme=Dark] .div-rank-row{background:var(--card);border-color:var(--border)}[data-theme=Dark] .div-rank-row:hover{background:#202024}[data-theme=Dark] .div-rank-row.me{background:rgba(var(--primary-rgb),.12)}[data-theme=Dark] .div-zone-divider.promotion{background:rgba(16,185,129,.15)}[data-theme=Dark] .div-zone-divider.danger{background:rgba(239,68,68,.15)}[data-theme=Dark] .div-icon-btn{background:#202024;border-color:var(--border)}[data-theme=Dark] .div-icon-btn:hover{background:#27272a}@media (max-width:768px){.divisions-container{padding:var(--space-sm) var(--space-sm) 90px var(--space-sm);gap:var(--space-md)}.div-hero-card{padding:var(--space-md)}.div-badge-wrap{width:56px;height:56px}.div-hero-name{font-size:1.25rem}.div-sticky-me-bar{bottom:calc(var(--sab,0px) + 64px);width:calc(100% - 20px)}}@media (max-width:480px){.div-rank-num{width:24px;font-size:.9rem}.div-avatar-wrap{width:36px;height:36px}.div-user-name{font-size:.85rem}.div-points-value{font-size:.9rem}.div-hero-top{flex-direction:column;align-items:flex-start}.div-hero-actions{width:100%;justify-content:flex-end}}.profile-card{display:flex;flex-direction:column;align-items:center;background:var(--card);position:relative}.profile-card::before{content:'';background:0 0;pointer-events:none}.profile-avatar-wrap{margin-bottom:18px}.profile-avatar-ring-svg{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);pointer-events:none;transform:rotate(-90deg)}.profile-avatar{border:3px solid var(--primary);background-color:var(--progress-bg)}.profile-avatar img{object-fit:cover;border-radius:50%}.avatar-edit-btn{background:var(--primary);border:2px solid var(--card);display:grid;place-items:center;box-shadow:0 4px 12px rgba(123,127,232,.35)}.avatar-edit-btn:hover{box-shadow:0 6px 18px rgba(123,127,232,.45)}.avatar-edit-btn:active{transform:scale(.92)}.profile-info{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.profile-name{color:var(--text);letter-spacing:-.3px}.name-edit-btn{color:var(--text-mute)}.name-edit-btn:hover{color:var(--primary);transform:rotate(-10deg)}.profile-level-box{max-width:320px;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--progress-bg);border-radius:20px;border:1px solid var(--border);margin-top:4px}.level-badge-pill{display:inline-flex;align-items:center;gap:6px;background:var(--primary);box-shadow:0 3px 14px rgba(123,127,232,.35);position:relative;overflow:hidden}.level-badge-pill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.22) 50%,transparent 100%);transform:translateX(-100%);animation:3s 1s infinite badge-shimmer}@keyframes badge-shimmer{0%{transform:translateX(-100%)}100%,50%{transform:translateX(200%)}}.xp-progress-container{background:var(--border);position:relative}.xp-progress-bar{background:var(--primary);box-shadow:0 0 10px rgba(123,127,232,.5)}@keyframes xp-bar-shimmer{from{transform:translateX(-100%)}to{transform:translateX(300%)}}.xp-label{color:var(--text-mute);letter-spacing:.3px}.profile-about-me-section{margin-top:18px;background:var(--progress-bg);border-radius:16px;border:1px solid var(--border);text-align:left;transition:border-color .2s}.profile-about-me-section:hover{border-color:rgba(123,127,232,.25)}.profile-about-text{color:var(--text);white-space:pre-wrap;word-break:break-word}.profile-editor-modal{width:440px}.profile-editor-hint{margin-top:6px;font-size:13px;line-height:1.4}.profile-editor-label{display:block;margin-bottom:8px;color:var(--text);font-size:13px;font-weight:700}.profile-editor-input{margin-bottom:0}#profile-editor-textarea{min-height:150px;line-height:1.5;resize:vertical}.profile-view-body{padding:0 4px 10px}.modal.profile-view-modal{padding:24px;overflow-x:hidden}.up-hero{display:flex;align-items:center;gap:20px;padding:22px 20px;background:linear-gradient(135deg,rgba(123,127,232,.12) 0,rgba(123,127,232,.02) 100%);border:1px solid rgba(123,127,232,.2);border-radius:20px;margin-bottom:24px;box-shadow:0 8px 32px rgba(0,0,0,.12)}.up-avatar-ring{position:relative;width:82px;height:82px;flex-shrink:0}.up-avatar-ring svg{position:absolute;inset:0;width:100%;height:100%}#up-xp-ring{transition:stroke-dashoffset .7s cubic-bezier(.4, 0, .2, 1);filter:drop-shadow(0 0 6px rgba(123, 127, 232, .6))}.up-avatar-img{position:absolute;inset:6px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--primary);overflow:hidden}.up-avatar-img img{width:100%;height:100%;object-fit:cover}.up-hero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.up-name{font-family:Sora,sans-serif;font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.2px;margin:0}.up-specialization{margin:0}.up-streak-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(245,158,11,.15) 100%);color:#ff6b6b;font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;margin-top:4px;border:1px solid rgba(239,68,68,.25);box-shadow:0 4px 12px rgba(239,68,68,.1)}[dir=rtl] .up-streak-pill{align-self:flex-start}.up-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.up-stat-item{background:var(--card);border:1.5px solid var(--border);padding:16px 10px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:.25s cubic-bezier(.4, 0, .2, 1)}.up-stat-icon{font-size:16px;color:var(--text-mute);margin-bottom:8px;opacity:.7;transition:.25s}.up-stat-item:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 6px 20px rgba(123,127,232,.12)}.up-stat-item:hover .up-stat-icon{color:var(--primary);transform:scale(1.15);opacity:1}.up-stat-item.accent .up-stat-val,.up-stat-item.accent:hover .up-stat-icon{color:#f59e0b}.up-stat-val{font-family:Sora,sans-serif;font-size:22px;font-weight:800;color:var(--text);line-height:1.1;margin-bottom:4px}.up-stat-lbl{font-size:10px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em}.up-divider{border:none;border-top:1px solid var(--border);margin:4px 0 20px}.up-section{margin-bottom:24px}.up-section-title{font-size:14px;font-weight:700;margin-bottom:8px;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:4px}.up-section-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:12px}.up-section-label::before{content:'';width:3px;height:12px;background:var(--primary);border-radius:2px}.up-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.up-level-name{font-size:13px;font-weight:700;color:var(--text)}.up-xp-label{font-size:12px;color:var(--text-mute);direction:ltr!important;display:inline-flex;align-items:center;gap:4px}.up-progress-track{height:8px;background:var(--progress-bg);border-radius:99px;overflow:hidden;border:none}.up-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0,#a78bfa 100%);border-radius:99px;transition:width .6s cubic-bezier(.4, 0, .2, 1);box-shadow:0 0 12px rgba(123,127,232,.4);position:relative}.up-progress-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.28) 50%,transparent 100%);animation:2.2s infinite xp-bar-shimmer}.up-progress-box{display:flex;justify-content:space-between;align-items:center;background:var(--primary-light);padding:12px 16px;border-radius:12px}.up-level-badge{color:var(--primary);font-weight:800;font-size:14px}.up-streak-info{font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}.up-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.up-avatar-wrap{width:70px;height:70px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-light);flex-shrink:0}.up-avatar-wrap img{width:100%;height:100%;object-fit:cover}.up-about-text{font-size:14px;line-height:1.6;color:var(--text-mute);white-space:pre-wrap}.profile-badges-section{margin-top:18px;border-top:1px solid var(--border)}.profile-badges-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.badge-item{position:relative;width:62px;height:62px;border-radius:18px;background:var(--progress-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:.22s cubic-bezier(.175, .885, .32, 1.275);cursor:help}.badge-item.locked{opacity:1;background:var(--progress-bg);border-color:var(--border);transition:.22s cubic-bezier(.175, .885, .32, 1.275)}.badge-item.unlocked{background:var(--card);box-shadow:0 2px 8px rgba(0,0,0,.06)}.badge-item img{width:72%;height:72%;object-fit:contain;transition:transform .25s cubic-bezier(.34, 1.56, .64, 1)}.badge-item:hover{transform:scale(1.18) translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:10}.badge-item:hover img{transform:scale(1.08) rotate(8deg)}.badge-item.locked img{opacity:.15;filter:grayscale(1) contrast(.5);transition:.25s}.badge-lock-icon{position:absolute;font-size:14px;color:var(--text-mute);opacity:.55;transition:.22s cubic-bezier(.175, .885, .32, 1.275);z-index:2;pointer-events:none}.badge-item.locked:hover{border-color:rgba(123,127,232,.35);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px) scale(1.05)}.badge-item.locked:hover img{opacity:.45;filter:grayscale(.5) contrast(.8)}.badge-item.locked:hover .badge-lock-icon{opacity:0;transform:scale(.7) rotate(-15deg)}.badge-item.rarity-rare.unlocked{border-color:#f59e0b;box-shadow:0 4px 14px rgba(245,158,11,.2)}.badge-item.rarity-epic.unlocked{border-color:#10b981;box-shadow:0 4px 14px rgba(16,185,129,.2)}.badge-item.rarity-legendary.unlocked{border-color:var(--accent);background:var(--card);box-shadow:0 4px 18px rgba(var(--accent-rgb),.35);animation:3s ease-in-out infinite legendary-pulse}@keyframes legendary-pulse{0%,100%{box-shadow:0 4px 18px rgba(123,127,232,.3)}50%{box-shadow:0 6px 26px rgba(123,127,232,.55)}}.badge-item .badge-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);background:#1e293b;color:#f8fafc;padding:8px 12px;border-radius:12px;font-size:11px;line-height:1.45;width:140px;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:100}.badge-item .badge-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1e293b}.badge-item:hover .badge-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.badge-tooltip-name{display:block;font-weight:800;margin-bottom:3px;color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.5px}@media (max-width:768px){.profile-card{padding:28px 16px 22px;border-radius:20px}.profile-avatar{width:90px;height:90px}.avatar-edit-btn{width:28px;height:28px;font-size:11px}.profile-name{font-size:19px}.profile-level-box{max-width:100%;padding:14px 16px;gap:8px}.xp-progress-container{height:9px}.level-badge-pill{font-size:11px;padding:5px 14px}.xp-label{font-size:10px}.profile-about-me-section{padding:12px 14px;margin-top:14px}.profile-about-text{font-size:13px}.up-stats-row{gap:8px}.up-stat-item{padding:12px 8px;border-radius:14px}.up-stat-val{font-size:18px}.up-stat-lbl{font-size:9px}.up-hero{padding:16px 14px;gap:14px}.up-avatar-ring{width:66px;height:66px}.up-name{font-size:17px}.badge-item{width:54px;height:54px;border-radius:15px}.profile-badges-grid{gap:10px}.badge-item .badge-tooltip{bottom:auto;top:calc(100% + 10px);transform:translateX(-50%) translateY(-6px)}.badge-item .badge-tooltip::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#1e293b}.badge-item:hover .badge-tooltip{transform:translateX(-50%) translateY(0)}.profile-editor-modal{width:100%}}@media (max-width:400px){.profile-avatar{width:80px;height:80px}.profile-name{font-size:17px}.up-stats-row{grid-template-columns:repeat(3,1fr);gap:6px}.up-stat-val{font-size:16px}.badge-item{width:48px;height:48px;border-radius:13px}.profile-badges-grid{gap:8px}}#user-profile-modal.profile-skin-parchment .up-hero{background:linear-gradient(135deg,#f6eedb 0,#e6d7b5 100%)!important;border-bottom:2px solid rgba(217,119,6,.4)}#user-profile-modal.profile-skin-parchment .up-name{color:#4a2e12!important}#user-profile-modal.profile-skin-parchment .up-specialization{color:#78350f!important}#user-profile-modal.profile-skin-emerald .up-hero{background:linear-gradient(135deg,#062319 0,#093b2a 100%)!important;border-bottom:2px solid rgba(16,185,129,.45)}#user-profile-modal.profile-skin-emerald .up-name{color:#a7f3d0!important}#user-profile-modal.profile-skin-emerald .up-specialization{color:#34d399!important}#user-profile-modal.profile-skin-neon .up-hero{background:linear-gradient(135deg,#080c1e 0,#111a3b 100%)!important;border-bottom:2px solid rgba(6,182,212,.45)}#user-profile-modal.profile-skin-neon .up-name{color:#38bdf8!important}#user-profile-modal.profile-skin-neon .up-specialization{color:#818cf8!important}#user-profile-modal.profile-skin-cosmic .up-hero{background:linear-gradient(135deg,#08061a 0,#1a103c 100%)!important;border-bottom:2px solid rgba(168,85,247,.45)}#user-profile-modal.profile-skin-cosmic .up-name{color:#e0e7ff!important}#user-profile-modal.profile-skin-cosmic .up-specialization{color:#c084fc!important}.up-mascot-stage-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-top:16px;padding:16px;background:color-mix(in srgb,var(--card) 94%,var(--primary) 6%);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative}.up-mascot-speech-bubble{position:relative;background:color-mix(in srgb,var(--card) 96%,var(--primary) 4%);border:1.5px solid var(--primary-light);border-radius:16px;padding:10px 14px;margin-bottom:4px;max-width:280px;font-size:13px;font-weight:600;line-height:1.35;color:var(--text);box-shadow:0 6px 16px rgba(0,0,0,.06);animation:.35s cubic-bezier(.175,.885,.32,1.275) bubblePop}.up-mascot-speech-bubble::after{content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);border-width:7px 7px 0;border-style:solid;border-color:color-mix(in srgb,var(--card) 96%,var(--primary) 4%) transparent;display:block;width:0}.up-mascot-stage-wrap{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.up-mascot-stage-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(91, 95, 199, .25));transition:transform .3s cubic-bezier(.175, .885, .32, 1.275)}.up-mascot-stage-wrap:hover .up-mascot-stage-img{transform:scale(1.08) translateY(-4px)}.up-mascot-stage-glow{position:absolute;inset:10%;background:radial-gradient(circle,rgba(91,95,199,.2) 0,transparent 70%);border-radius:50%;z-index:0;animation:2.5s ease-in-out infinite pulse}.up-mascot-stage-footer{display:flex;flex-direction:column;align-items:center;gap:4px}.up-mascot-look-badge{font-size:13px;font-weight:800;background:var(--primary-light);color:var(--primary);padding:4px 14px;border-radius:99px;border:1px solid rgba(91,95,199,.2)}.semester-list{display:flex;flex-direction:column;gap:10px;padding:4px 0 8px}.semester-item{display:flex;justify-content:space-between;align-items:center;background:var(--card);padding:14px 16px;border-radius:18px;border:1.5px solid var(--border);cursor:pointer;position:relative;overflow:hidden;transition:border-color .22s,transform .22s cubic-bezier(.34, 1.56, .64, 1),box-shadow .22s;animation:.35s cubic-bezier(.34,1.56,.64,1) both sem-slide-in}.semester-item:first-child{animation-delay:40ms}.semester-item:nth-child(2){animation-delay:90ms}.semester-item:nth-child(3){animation-delay:.14s}.semester-item:nth-child(4){animation-delay:.19s}.semester-item:nth-child(5){animation-delay:.24s}@keyframes sem-slide-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.semester-item::before{content:'';position:absolute;left:0;top:12%;height:76%;width:3px;border-radius:0 3px 3px 0;background:var(--primary);opacity:0;transform:scaleY(.4);transition:opacity .22s,transform .22s}.semester-item:hover{border-color:rgba(123,127,232,.4);transform:translateX(3px);box-shadow:0 6px 22px rgba(123,127,232,.1)}.semester-item:hover::before{opacity:1;transform:scaleY(1)}.semester-item.active{border-color:var(--primary);background:var(--card);box-shadow:0 4px 16px rgba(123,127,232,.14)}.semester-item.active::before{opacity:1;transform:scaleY(1)}.semester-item-info{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.semester-item-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(123,127,232,.14) 0,rgba(20,184,178,.1) 100%);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;transition:transform .22s cubic-bezier(.34, 1.56, .64, 1),background .22s;border:1px solid rgba(123,127,232,.15)}.semester-item:hover .semester-item-icon{transform:scale(1.1) rotate(-4deg);background:var(--primary);color:#fff;border-color:transparent}.semester-item-text{display:flex;flex-direction:column;gap:3px;min-width:0}.semester-item-name{font-family:Sora,sans-serif;font-weight:700;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.semester-item:hover .semester-item-name{color:var(--primary)}.semester-item-sub{font-size:11px;font-weight:600;color:var(--text-mute);letter-spacing:.2px}.semester-delete-btn{background:var(--progress-bg);color:var(--text-mute);border:1px solid var(--border);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:10px;font-size:13px;transition:background .2s,color .2s,border-color .2s,transform .2s cubic-bezier(.34, 1.56, .64, 1)}.semester-delete-btn:hover{background:rgba(239,68,68,.12);color:#ef4444;border-color:rgba(239,68,68,.3);transform:scale(1.12) rotate(8deg)}.semester-delete-btn:active{transform:scale(.92)}.semester-list-empty{text-align:center;padding:32px 16px;color:var(--text-mute);font-size:14px;line-height:1.6;animation:.3s both sem-slide-in}.semester-list-empty i{display:block;font-size:32px;margin-bottom:10px;opacity:.4}@media (max-width:480px){.semester-item{padding:13px 14px;border-radius:16px}.semester-item-icon{width:40px;height:40px;font-size:17px;border-radius:12px}.semester-item-name{font-size:14px}.semester-item-sub{font-size:10px}.semester-delete-btn{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.semester-delete-btn,.semester-item,.semester-item-icon{animation:none;transition:border-color .15s,background .15s;transform:none!important}}.hidden-desktop{display:none!important}#mobile-bottom-nav,#mobile-menu-backdrop,#mobile-menu-sheet{display:none}@media (max-width:1024px){#content{padding:28px 24px}.dashboard-bottom,.db-bottom{grid-template-columns:minmax(0,1fr);min-width:0;width:100%;max-width:100%}.settings-container{grid-template-columns:1fr}}@media (max-width:768px){.hidden-mobile{display:none!important}.hidden-desktop{display:flex!important}.hidden-desktop.hidden{display:none!important}#app{flex-direction:column}#sidebar{display:none}#mobile-bottom-nav{position:fixed;left:14px;right:14px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:4px;padding:5px 6px;border:1px solid rgba(91,95,199,.16);border-radius:22px;background:var(--card);background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:0 16px 36px rgba(15,23,42,.16);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:940;pointer-events:auto;transition:transform .15s cubic-bezier(.2, 0, 0, 1),opacity .15s ease-out}#mobile-bottom-nav.nav-hidden{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none!important}.mobile-nav-btn{min-width:0;border:1px solid transparent;background:0 0;color:var(--text-mute);border-radius:16px;min-height:48px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:'DM Sans',sans-serif;font-size:11.5px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s,color .18s,background .18s,border-color .18s}.mobile-nav-btn i{width:32px;height:28px;border-radius:14px;display:grid;place-items:center;background:0 0;color:inherit;font-size:16.5px;transition:all var(--transition-fast)}.mobile-nav-btn-main{min-width:0;transform:none}.mobile-nav-icon-wrap{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;background:var(--progress-bg);color:inherit;border:none}.mobile-nav-btn-main i{width:auto;height:auto;background:0 0;font-size:15px}.mobile-nav-text{line-height:1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mobile-nav-btn.active{color:var(--primary);border-color:transparent;background:0 0}.mobile-nav-btn.active .mobile-nav-icon-wrap,.mobile-nav-btn.active i{background:0 0;color:var(--primary);width:44px;height:28px;border-radius:14px;animation:320ms cubic-bezier(.16,1,.3,1) forwards popIcon;position:relative;z-index:1}.mobile-nav-btn.active .mobile-nav-icon-wrap i{background:0 0;width:auto;height:auto}#nav-active-pill{position:absolute;width:44px;height:28px;border-radius:14px;background:var(--primary-light);pointer-events:none;opacity:0;transition:left 380ms cubic-bezier(.34, 1.56, .64, 1),top 180ms cubic-bezier(.34, 1.56, .64, 1),opacity .2s;z-index:0;box-shadow:0 0 0 0 var(--primary)}#nav-active-pill.pill-visible{opacity:1}@keyframes pillLand{0%{transform:scale(.88)}55%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes popIcon{0%{transform:scale(.8)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.mobile-nav-btn-main:active,.mobile-nav-btn:active{transform:scale(.96)}#mobile-menu-backdrop{position:fixed;inset:0;display:block;background:rgba(15,23,42,.32);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:960;transition:opacity .3s}#mobile-menu-sheet{position:fixed;left:12px;right:12px;bottom:calc(104px + env(safe-area-inset-bottom));display:block;background:var(--card);border:1px solid var(--border);border-radius:26px;box-shadow:0 26px 44px rgba(15,23,42,.18);padding:14px;z-index:970;transition:transform .22s cubic-bezier(.34, 1.56, .64, 1),opacity .18s ease-out}#mobile-menu-backdrop.hidden,#mobile-menu-sheet.hidden{display:block!important;opacity:0;visibility:hidden;pointer-events:none;transition:none!important}#mobile-menu-sheet.hidden{transform:translateY(30px) scale(.97)}@keyframes menuItemIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}#mobile-menu-sheet.is-open .mobile-menu-grid .mobile-menu-item,#mobile-menu-sheet.is-open .mobile-menu-logout{animation:.28s cubic-bezier(.34,1.4,.64,1) both menuItemIn}#mobile-menu-sheet.is-open .mobile-menu-grid .mobile-menu-item:first-child{animation-delay:40ms}#mobile-menu-sheet.is-open .mobile-menu-grid .mobile-menu-item:nth-child(2){animation-delay:80ms}#mobile-menu-sheet.is-open .mobile-menu-grid .mobile-menu-item:nth-child(3){animation-delay:.12s}#mobile-menu-sheet.is-open .mobile-menu-grid .mobile-menu-item:nth-child(4){animation-delay:.16s}#mobile-menu-sheet.is-open .mobile-menu-grid .mobile-menu-item:nth-child(5){animation-delay:.2s}#mobile-menu-sheet.is-open .mobile-menu-grid .mobile-menu-item:nth-child(6){animation-delay:.24s}#mobile-menu-sheet.is-open .mobile-menu-logout{animation-delay:.28s}.mobile-menu-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.mobile-menu-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin-bottom:4px}#mobile-menu-title{font-size:22px;font-family:Sora,sans-serif;color:var(--text)}.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-menu-item,.mobile-menu-logout{border:1px solid var(--border);border-radius:18px;background:var(--bg);color:var(--text);padding:14px 12px;display:flex;align-items:center;gap:10px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.mobile-menu-item i,.mobile-menu-logout i{width:18px;text-align:center;color:var(--primary)}.mobile-menu-item.active{background:var(--primary-light);border-color:rgba(91,95,199,.22);color:var(--primary)}.mobile-menu-logout{width:100%;justify-content:center;margin-top:12px;background:var(--danger-light);color:var(--danger);border-color:rgba(239,68,68,.2)}.mobile-menu-logout i{color:inherit}#content{padding-top:calc(88px + env(safe-area-inset-top));padding-bottom:calc(112px + env(safe-area-inset-bottom));padding-left:14px;padding-right:14px;height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#content:has(#group-study.active){padding-bottom:calc(82px + env(safe-area-inset-bottom))}#content.gs-fullscreen-content,body.gs-in-room #content{padding-bottom:0!important;padding-left:0!important;padding-right:0!important}#group-study.active{height:100%;display:flex;flex-direction:column}#gs-room-view{height:100%;display:flex;flex-direction:column;flex:1;min-height:0}.gs-chat-panel{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.gs-chat-messages{flex:1;min-height:0;overflow-y:auto}.tab-content.active.slide-from-right{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:180ms cubic-bezier(.16,1,.3,1) forwards mobileSlideFromRight}.tab-content.active.slide-from-left{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:180ms cubic-bezier(.16,1,.3,1) forwards mobileSlideFromLeft}.tab-content.active>:not(.zen-ambient-bg){opacity:1!important;animation:none!important}#content.is-tab-dragging,#content.is-tab-sliding{pointer-events:none;overscroll-behavior:none;touch-action:none}#content.is-tab-dragging .tab-content[style*=fixed],#content.is-tab-sliding .tab-content[style*=fixed]{background:var(--bg)!important;background-color:var(--bg)!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}#mobile-header{display:flex;position:fixed;top:calc(14px + env(safe-area-inset-top));left:14px;right:14px;width:auto;height:56px;padding-top:0;background:color-mix(in srgb,var(--sidebar) 85%,transparent)!important;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:28px;align-items:center;justify-content:space-between;padding-left:8px;padding-right:8px;z-index:950;box-shadow:0 10px 30px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04);transition:transform .15s cubic-bezier(.2, 0, 0, 1),opacity .15s ease-out}#mobile-header .mobile-logo-trigger{padding:4px 10px}.mobile-status-circle{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:.3s cubic-bezier(.175, .885, .32, 1.275);border:1px solid var(--border);background:color-mix(in srgb,var(--card) 90%,var(--bg) 10%);font-size:14px;user-select:none;margin:0 4px;flex-shrink:0}.mobile-status-circle:active{transform:scale(.92)}.mobile-status-circle:focus-visible{outline:rgba(91,95,199,.35) solid 3px;outline-offset:3px}.mobile-status-circle:disabled{cursor:wait}.mobile-status-circle .status-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--card);transition:background .3s}.mobile-status-circle.online .status-dot{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.6);animation:2s ease-in-out infinite statusPulse}.mobile-status-circle.online{color:#10b981;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25)}.mobile-status-circle.offline .status-dot{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.6)}.mobile-status-circle.offline{color:#ef4444;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.25)}.mobile-status-circle.checking{color:var(--primary);background:var(--primary-light);border-color:rgba(91,95,199,.35)}.mobile-status-circle.checking .status-dot{background:var(--primary);box-shadow:0 0 8px rgba(91,95,199,.5);animation:none}.mobile-logo-trigger{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.mobile-logo-trigger:focus-visible{outline:rgba(91,95,199,.35) solid 3px;outline-offset:4px;border-radius:10px}.mobile-logo-text{font-size:18px}#offline-banner{display:none!important;bottom:calc(116px + env(safe-area-inset-bottom))!important}.header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.h-right{width:100%;justify-content:space-between}.h-right select{flex:1;min-width:0;margin-bottom:0}.header-actions{width:100%;flex-wrap:wrap}.modal{width:96%;max-width:96%;padding:22px 16px;border-radius:20px}.large-modal{width:96%!important}.support-logo-row{grid-template-columns:1fr;align-items:flex-start}.support-payment-box{flex-direction:column;align-items:flex-start}.guide-modal{padding:20px 16px}.guide-section{padding:16px 14px}.guide-callout{flex-direction:column;gap:4px}.welcome-modal{width:100%;max-width:none;margin-top:auto;border-radius:28px 28px 0 0;padding:32px 24px;transform:translateY(100%);animation:.5s cubic-bezier(.175,.885,.32,1) forwards slideUpModal;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideUpModal{to{transform:translateY(0)}}.welcome-brand{align-items:flex-start}.welcome-action-group,.welcome-actions{width:100%}.welcome-action-group button,.welcome-actions button{flex:1;min-width:120px}.focus-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr;gap:10px}.login-card{padding:28px 20px;width:96%}#login-screen::after,#login-screen::before{display:none}.dashboard-bottom,.db-bottom{grid-template-columns:minmax(0,1fr);min-width:0;width:100%;max-width:100%}.settings-container{grid-template-columns:1fr;gap:12px}.profile-card{padding:24px 16px}.profile-avatar{width:84px;height:84px}.setting-item{padding:12px 0;gap:12px}.setting-item label{font-size:13px;white-space:normal;line-height:1.35;word-break:break-word}.setting-item select{max-width:140px;font-size:13px;flex-shrink:0}.setting-icon-circle{width:36px;height:36px;font-size:16px}.setting-icon-circle.small{width:28px;height:28px;font-size:12px}.semester-btns-row,.sync-buttons{flex-direction:column}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}.avatar-item{width:60px;height:60px}.an-header{margin-bottom:16px;gap:8px}.an-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.an-kpi{padding:16px 14px 14px;border-radius:16px;min-height:0}.an-kpi-val{font-size:26px}.an-kpi-lbl,.an-kpi-note{font-size:10px}.an-grid{grid-template-columns:1fr;gap:12px}.an-grid>.an-right-col{order:1}.an-grid>.an-card-tall{order:2}.an-right-col{flex-direction:column;flex-wrap:nowrap;gap:12px}.an-right-col .card{flex:0 1 auto;min-width:0}.an-card{padding:18px 16px;border-radius:18px}.an-card-head{align-items:flex-start;margin-bottom:14px}.an-card-badge{max-width:100%}.an-bar-chart{height:96px;gap:6px}.an-bc-col{gap:4px}.an-bc-lbl,.an-bc-val{font-size:9px}.an-exam-item{padding:10px 12px;align-items:flex-start}.an-exam-days{font-size:13px;white-space:nowrap}.an-sb-row{gap:7px}.an-sb-top{align-items:flex-start}.an-bk-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot name value" ". bar bar";align-items:center;column-gap:10px;row-gap:8px}.an-bk-dot{grid-area:dot}.an-bk-name{grid-area:name;min-width:0}.an-bk-bar-wrap{grid-area:bar;width:100%}.an-bk-val{grid-area:value;min-width:0}.timer-display-wrapper{width:190px;height:190px}.timer-digits{font-size:2.5rem}#toast-container{bottom:calc(116px + env(safe-area-inset-bottom))}.add-subject-row{flex-direction:column;gap:8px}.add-subject-row input,.add-subject-row select{width:100%!important;margin-bottom:0}.planner-filter-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:8px;margin-bottom:0;-webkit-overflow-scrolling:touch;gap:8px;scrollbar-width:none}.planner-filter-row::-webkit-scrollbar{display:none}.planner-filter-btn{flex:0 0 auto;white-space:nowrap;width:auto!important}.setting-item{flex-wrap:wrap;gap:6px}.setting-item select{min-width:0;flex:1;width:auto}.session-stats{gap:8px}.stat-pill{padding:8px 10px}.stat-pill .val{font-size:18px}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}#mobile-bottom-nav{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));gap:3px;padding:4px;border-radius:20px;transition:transform .15s cubic-bezier(.2, 0, 0, 1),opacity .15s ease-out}#mobile-bottom-nav.nav-hidden{transform:translateY(calc(100% + 20px));opacity:0;pointer-events:none}.mobile-nav-btn{min-height:44px;padding:3px 2px;border-radius:14px}.mobile-nav-text{font-size:10px}#mobile-menu-sheet{left:10px;right:10px;padding:12px}.an-kpi-row,.mobile-menu-grid{grid-template-columns:1fr}.an-kpi{padding:14px}.an-kpi-val{font-size:24px}.an-card{padding:16px 14px}.an-card-head{flex-direction:column;gap:8px}.an-card-badge{align-self:flex-start}.an-bar-chart{height:84px;gap:5px}.an-exam-item{flex-direction:column;gap:4px}.an-exam-days{align-self:flex-start}.an-sb-top{flex-direction:column;gap:4px}.an-sb-pct{min-width:0;text-align:left}.an-bk-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"dot name" "bar bar" "value value"}.an-bk-val{text-align:left}html[dir=rtl] .an-bk-val,html[dir=rtl] .an-sb-pct{text-align:right}.list-item{flex-direction:column;align-items:flex-start}.list-item>div{width:100%;justify-content:flex-end}.h1{font-size:22px}#subjects-grid{grid-template-columns:1fr}.sync-buttons{flex-direction:column}.planner-topbar{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:12px!important;width:100%}.planner-topbar-left{flex-direction:row!important;align-items:center!important;gap:0!important;flex:1!important;min-width:0!important}.planner-topbar-left>.h1{display:none!important}.semester-selector-wrap{flex:1!important;min-width:0!important;height:38px!important;padding:0 10px!important}.semester-select{height:38px!important;min-width:0!important;font-size:13px!important;line-height:38px!important}#desktop-add-subject-btn:not(.hidden){padding:0 12px!important;height:38px!important;font-size:13px!important;flex-shrink:0!important;display:inline-flex;align-items:center;justify-content:center}}[data-theme=Dark] #content{scrollbar-color:#1e2a42 transparent}body.keyboard-visible #mobile-bottom-nav{display:none!important}@keyframes mobileSlideFromRight{0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes mobileSlideFromLeft{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes tabPopIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tab-content.active.tab-from-menu{will-change:transform,opacity;animation:160ms cubic-bezier(.22,1,.36,1) forwards tabPopIn}@media (max-width:768px){#gs-picker-modal{align-items:flex-end!important;padding:0!important}.gs-picker-modal-card{width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;max-height:92dvh!important;animation:.32s cubic-bezier(.175,.885,.32,1.05) pickerSlideUp!important;padding-bottom:env(safe-area-inset-bottom,0)!important}@keyframes pickerSlideUp{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.gs-picker-modal-card::before{content:'';display:block;width:40px;height:4px;border-radius:10px;background:var(--border);margin:12px auto 0;flex-shrink:0}.gs-picker-modal-header{padding:12px 20px 14px!important}.gs-picker-modal-icon{width:42px!important;height:42px!important}.gs-picker-modal-title-info .h2{font-size:15px!important}.gs-picker-controls-wrap{padding:12px 16px 0!important}.gs-picker-clear-btn{padding:14px 16px!important;font-size:13px!important;min-height:52px!important;border-radius:16px!important}.gs-picker-tab{padding:10px 8px!important;font-size:12px!important;min-height:46px!important;gap:6px!important}.gs-picker-body{padding:4px 14px 16px!important;gap:10px!important}.gs-picker-item{padding:15px 16px!important;min-height:72px!important;border-radius:18px!important}.gs-picker-item-icon{width:46px!important;height:46px!important;border-radius:14px!important;font-size:19px!important}.gs-picker-item-title{font-size:14px!important}.gs-picker-item-sub{font-size:12px!important}.gs-picker-cat-pill{padding:8px 14px!important;font-size:12px!important;min-height:38px!important}.gs-picker-empty{padding:40px 24px 32px!important}.gs-picker-empty-icon{width:68px!important;height:68px!important;font-size:28px!important}#gs-material-modal{width:96%!important;max-width:96%!important;padding:0!important;margin:auto!important}.gs-material-modal-card{width:100%!important;max-width:100%!important;border-radius:20px!important;box-shadow:0 16px 40px rgba(0,0,0,.45)!important}.gs-material-modal-header{padding:14px 16px 12px!important}.gs-material-modal-icon{width:36px!important;height:36px!important;font-size:16px!important;border-radius:10px!important}.gs-material-modal-header .h2{font-size:15px!important}.gs-material-modal-body{padding:12px 10px 16px!important;gap:12px!important;max-height:82vh!important}.gs-material-video-card{width:100%!important;max-width:100%!important;border-radius:14px!important}.gs-material-video-topbar{padding:10px 12px!important;gap:8px!important}.gs-material-video-title{font-size:12px!important;max-width:160px!important}.gs-material-res-item{padding:10px 14px!important;border-radius:14px!important}}@media (max-width:480px){#gs-material-modal{width:98%!important;max-width:98%!important}.gs-material-modal-card{border-radius:18px!important}.gs-material-modal-header{padding:12px 14px 10px!important}.gs-material-modal-body{padding:10px 6px 14px!important;gap:10px!important}.gs-material-video-card{border-radius:12px!important}.gs-material-res-item{padding:8px 12px!important}}.settings-container{display:flex;flex-direction:column;gap:20px;max-width:760px;margin:0 auto;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.profile-card{padding:24px 24px 20px;overflow:visible;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.profile-avatar-wrap{margin-top:0;position:relative;z-index:2}.profile-avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;border:4px solid var(--card);box-shadow:0 4px 20px rgba(91,95,199,.25);position:relative;background:var(--progress-bg);transition:box-shadow .3s}.profile-avatar:hover{box-shadow:0 6px 28px rgba(91,95,199,.38)}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-edit-btn{position:absolute;bottom:2px;right:2px;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;border:2px solid var(--card);display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:background .2s,transform .2s;z-index:3}.avatar-edit-btn:hover{background:var(--primary-hover);transform:scale(1.15)}html[dir=rtl] .avatar-edit-btn{right:auto;left:2px}.profile-info{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 24px 0;width:100%}.profile-name{font-family:Sora,sans-serif;font-size:22px;font-weight:800;color:var(--text);line-height:1.2}.name-edit-btn{background:0 0;border:none;color:var(--text-mute);cursor:pointer;padding:4px 6px;border-radius:6px;font-size:12px;transition:color .2s,background .2s}.name-edit-btn:hover{color:var(--primary);background:var(--primary-light)}.profile-specialization-wrap{display:flex;align-items:center;gap:6px}.profile-level-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px}.level-badge-pill{display:inline-flex;align-items:center;padding:5px 16px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;letter-spacing:.4px;box-shadow:0 2px 10px rgba(91,95,199,.3)}.xp-progress-container{width:100%;height:7px;background:var(--progress-bg);border-radius:999px;overflow:hidden}.xp-progress-bar{height:100%;background:var(--primary);border-radius:999px;transition:width .6s cubic-bezier(.4, 0, .2, 1);position:relative}.xp-progress-bar::after{content:'';inset:0;content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.35) 50%,transparent 100%);animation:2.5s ease-in-out infinite xpShimmer}@keyframes xpShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}.xp-label{font-size:12px;color:var(--text-mute);font-weight:600;letter-spacing:.2px}.profile-about-me-section{width:100%;padding:16px 24px;border-top:1px solid var(--border);text-align:start}.profile-about-text{font-size:13px;line-height:1.65;color:var(--text-mute);white-space:pre-wrap;word-break:break-word}.profile-badges-section{width:100%;padding:0 24px 20px}.profile-badges-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.settings-group-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.setting-icon-circle{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px;flex-shrink:0;transition:transform .2s}.settings-group-header:hover .setting-icon-circle{transform:scale(1.08)}.setting-icon-circle.small{width:32px;height:32px;border-radius:9px;font-size:13px}.accent-blue{background:rgba(59,130,246,.12);color:#3b82f6;box-shadow:inset 0 0 0 1px rgba(59,130,246,.18)}.accent-purple{background:rgba(139,92,246,.12);color:#8b5cf6;box-shadow:inset 0 0 0 1px rgba(139,92,246,.18)}.accent-green{background:rgba(16,185,129,.12);color:#10b981;box-shadow:inset 0 0 0 1px rgba(16,185,129,.18)}.accent-red{background:rgba(239,68,68,.1);color:#ef4444;box-shadow:inset 0 0 0 1px rgba(239,68,68,.18)}.setting-icon-circle.small.accent-blue{background:rgba(59,130,246,.1);color:#3b82f6;box-shadow:none}.setting-icon-circle.small.accent-purple{background:rgba(139,92,246,.1);color:#8b5cf6;box-shadow:none}.setting-icon-circle.small.accent-green{background:rgba(16,185,129,.1);color:#10b981;box-shadow:none}.setting-icon-circle.small.accent-red{background:rgba(239,68,68,.1);color:#ef4444;box-shadow:none}.active-semester-info-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px;background:var(--progress-bg);border:1.5px solid var(--border);border-radius:var(--card-radius-sm,14px);margin-bottom:16px;margin-top:10px}.active-semester-label-wrap{display:flex;align-items:center;gap:10px}.active-semester-lbl{font-weight:700;font-size:13.5px;color:var(--text)}.active-semester-val-wrap{display:flex;align-items:center;width:100%}.active-semester-name-pill{font-weight:800;font-size:14.5px;color:var(--primary);background:var(--card);border:1.5px solid color-mix(in srgb,var(--primary) 30%,transparent);padding:10px 16px;border-radius:12px;width:100%;text-align:start;word-break:break-word;white-space:normal;line-height:1.4;box-shadow:var(--shadow-sm)}html[dir=rtl] .active-semester-name-pill{text-align:start}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:13px 10px;border-bottom:1px solid var(--border);gap:16px;border-radius:8px;transition:background .18s;margin:0 -10px}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--progress-bg)}.setting-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.setting-item label{font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;line-height:1.35;cursor:default}.setting-item span{font-size:14px;color:var(--text-mute)}.setting-item.account-email-item{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.setting-item.account-email-item .setting-item-left{flex:0 0 auto;min-width:auto}.setting-item.account-email-item #acc-email{font-size:13px;font-weight:500;word-break:break-all;max-width:100%;text-align:end}html[dir=rtl] .setting-item.account-email-item #acc-email{text-align:start}.setting-item select{appearance:none;-webkit-appearance:none;width:auto;min-width:110px;padding:7px 32px 7px 12px!important;margin-bottom:0!important;border-radius:8px;border:1.5px solid var(--border);background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .2s,box-shadow .2s}.setting-item select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:0}html[dir=rtl] .setting-item select{background-position:left 10px center;padding:7px 12px 7px 32px!important}.setting-divider{height:1px;background:var(--border);margin:20px 0;border:none}.acc-hero-card{padding:24px;border-radius:var(--radius-lg,24px);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-md,0 4px 16px rgba(0,0,0,.05));display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}.acc-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.acc-identity-wrapper{display:flex;align-items:center;gap:16px}.acc-avatar-ring{width:54px;height:54px;border-radius:16px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;font-size:22px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(91,95,199,.2);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.acc-hero-card:hover .acc-avatar-ring{transform:scale(1.08) rotate(-3deg)}.acc-identity-info{display:flex;flex-direction:column;gap:4px}.acc-status-badge-row{display:flex;align-items:center;gap:8px}.account-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;border:1px solid var(--border);background:var(--progress-bg);color:var(--text-mute);transition:.25s}.acc-hero-card.status-cloud .account-status-badge{background:rgba(16,185,129,.12);color:#10b981;border-color:rgba(16,185,129,.25)}.acc-hero-card.status-pending .account-status-badge{background:rgba(245,158,11,.12);color:#f59e0b;border-color:rgba(245,158,11,.25)}.acc-hero-card.status-local .account-status-badge{background:var(--primary-light);color:var(--primary);border-color:rgba(91,95,199,.2)}.acc-connection-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;display:inline-block}.acc-connection-dot.status-cloud{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.25);animation:2s infinite statusPulse}.acc-connection-dot.status-pending{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.25);animation:2s infinite statusPulse}.acc-connection-dot.status-local{background:var(--primary)}@keyframes statusPulse{0%,100%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}}.account-status-title{font-family:Sora,sans-serif;font-size:17px;font-weight:800;color:var(--text);line-height:1.25}.account-status-detail{font-size:13px;line-height:1.5;color:var(--text-mute)}.acc-guest-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:var(--radius-md,16px);background:var(--progress-bg);border:1px dashed var(--border);margin-top:4px}.acc-guest-prompt{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.acc-guest-prompt i{color:var(--primary)}.acc-guest-btns{display:flex;gap:8px}.acc-logged-email-row{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:var(--radius-md,16px);background:var(--progress-bg);border:1px solid var(--border);margin-bottom:16px}.acc-user-badge{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.acc-user-badge i{font-size:24px;color:var(--primary);flex-shrink:0}.acc-email-meta{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.acc-email-lbl{font-size:11px;color:var(--text-mute);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.acc-email-val{font-size:14px;font-weight:700;color:var(--text);word-break:break-all;overflow-wrap:anywhere;white-space:normal;line-height:1.4}.acc-sync-trigger{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px!important;font-size:13px!important;border-radius:12px!important;height:40px!important;flex-shrink:0;gap:8px;font-weight:700!important;box-shadow:0 2px 8px rgba(91,95,199,.25);transition:transform .2s,box-shadow .2s;margin:0!important}.acc-sync-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(91,95,199,.35)}.acc-sync-trigger i{transition:transform .4s}.acc-sync-trigger:active i{transform:rotate(180deg)}.acc-settings-list{display:flex;flex-direction:column;gap:4px}.setting-text-group{display:flex;flex-direction:column;gap:2px}.setting-subtext{font-size:12px;color:var(--text-mute);line-height:1.3}.acc-sync-time-val{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:6px}.acc-account-actions-group{display:flex;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.acc-btn-signout{flex:1;height:42px!important;border-radius:12px!important;color:var(--danger)!important;border-color:rgba(239,68,68,.25)!important;background:rgba(239,68,68,.06)!important;font-weight:700!important;font-size:13px!important;gap:8px;justify-content:center;transition:.2s!important}.acc-btn-signout:hover{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important;box-shadow:0 4px 14px rgba(239,68,68,.3)}.acc-btn-delete{flex:1;height:42px!important;border-radius:12px!important;color:#dc2626!important;border-color:rgba(220,38,38,.25)!important;background:0 0!important;font-weight:700!important;font-size:13px!important;gap:8px;justify-content:center;transition:.2s!important}.acc-btn-delete:hover{background:rgba(220,38,38,.12)!important;border-color:rgba(220,38,38,.4)!important}.semester-mgmt-card{border-radius:var(--radius-lg,24px);border:1px solid var(--border);padding:24px;background:var(--card)}.semester-btns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.semester-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px!important;padding:0 16px!important;border-radius:12px!important;font-size:13.5px!important;font-weight:700!important;transition:.2s!important;margin:0!important}.semester-action-btn.danger-outline-btn{background:rgba(239,68,68,.05);color:var(--danger);border:1.5px solid rgba(239,68,68,.2)}.semester-action-btn.danger-outline-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 4px 14px rgba(239,68,68,.3)}.guide-support-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.guide-link-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-md,16px);border:1px solid var(--border);background:var(--card);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.guide-link-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md,0 4px 14px rgba(0,0,0,.08))}.telegram-card:hover{border-color:#2aabee}.accent-telegram{background:rgba(42,171,238,.12);color:#2aabee;box-shadow:inset 0 0 0 1px rgba(42,171,238,.2)}.guide-link-info{flex:1;min-width:0}.guide-link-info .h3{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:2px}.guide-link-desc{font-size:12px;line-height:1.4;color:var(--text-mute);margin:0}.link-arrow{font-size:12px;color:var(--text-mute);transition:transform .2s,color .2s}.guide-link-card:hover .link-arrow{color:var(--primary);transform:translateX(3px)}.guide-content-card{border-radius:var(--radius-lg,24px);border:1px solid var(--border);padding:24px;background:var(--card)}.guide-section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.guide-section-header i{font-size:16px}.accent-icon-purple{color:#8b5cf6}.accent-icon-blue{color:#3b82f6}.accent-icon-green{color:#10b981}.accent-icon-amber{color:#f59e0b}.cp-callout{border-left:3px solid #f59e0b;background:rgba(245,158,11,.08);border-radius:12px}.danger-zone-card{border:1px solid rgba(239,68,68,.18);background:linear-gradient(135deg,rgba(239,68,68,.03) 0,rgba(255,255,255,0) 100%);transition:border-color .25s}.danger-zone-card:hover{border-color:rgba(239,68,68,.35)}.danger-btn{width:100%;padding:12px;border-radius:10px;background:var(--danger-light);color:var(--danger);font-weight:700;border:1px solid rgba(239,68,68,.28);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-family:'DM Sans',sans-serif;transition:background .22s,color .22s,transform .15s,box-shadow .22s}.danger-btn:hover{background:var(--danger);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(239,68,68,.35);border-color:var(--danger)}.danger-btn:active{transform:translateY(0);box-shadow:none}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:12px;padding:10px}.avatar-item{width:64px;height:64px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .2s cubic-bezier(.16, 1, .3, 1),border-color .2s,box-shadow .2s;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--progress-bg)}.avatar-item img{width:100%;height:100%;object-fit:cover}.avatar-item:hover{transform:scale(1.1);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.avatar-item.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.1)}html[dir=rtl] .setting-item,html[dir=rtl] .setting-item-left,html[dir=rtl] .settings-group-header{flex-direction:row-reverse}html[dir=rtl] .account-status-head{justify-content:flex-start}html[dir=rtl] .profile-info{align-items:center}html[dir=rtl] .profile-about-me-section{text-align:end}html[dir=rtl] .acc-account-actions-group,html[dir=rtl] .acc-identity-wrapper,html[dir=rtl] .acc-status-badge-row,html[dir=rtl] .acc-user-badge,html[dir=rtl] .guide-link-card,html[dir=rtl] .guide-section-header{flex-direction:row-reverse}html[dir=rtl] .guide-link-card:hover .link-arrow{transform:translateX(-3px)}html[dir=rtl] .cp-callout{border-left:none;border-right:3px solid #f59e0b}@media (max-width:768px){.settings-container{gap:14px}.profile-card::before{height:72px}.profile-avatar-wrap{margin-top:-38px}.profile-avatar{width:80px;height:80px}.profile-name{font-size:19px}.profile-level-box{padding:14px 16px}.profile-about-me-section,.profile-badges-section{padding-inline:16px}.setting-item{padding:11px 8px;margin:0 -8px}.setting-item label{font-size:13px}.setting-item select{min-width:90px;font-size:12px}.setting-icon-circle{width:34px;height:34px;font-size:15px;border-radius:10px}.setting-icon-circle.small{width:28px;height:28px;border-radius:8px;font-size:12px}}@media (max-width:600px){.settings-container{gap:12px}.profile-card::before{height:64px}.profile-avatar-wrap{margin-top:-34px}.profile-avatar{width:72px;height:72px}.profile-name{font-size:17px}.acc-hero-top{flex-direction:column}.acc-guest-actions-bar{flex-direction:column;align-items:stretch;text-align:center}.acc-guest-btns,.acc-guest-prompt{justify-content:center}.acc-logged-email-row{flex-direction:column;align-items:stretch;gap:10px}.acc-sync-trigger{width:100%;justify-content:center}.acc-account-actions-group{flex-direction:column}.semester-btns-grid{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px}.avatar-opt{width:52px;height:52px}}.settings-subnav-strip{display:flex;gap:6px;background:var(--progress-bg);padding:6px;border-radius:var(--card-radius,16px);margin-bottom:20px;border:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-subnav-strip::-webkit-scrollbar{display:none}.settings-subnav-btn{flex:1;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;color:var(--text-mute);background:0 0;border:none;border-radius:calc(var(--card-radius,16px) - 6px);cursor:pointer;white-space:nowrap;transition:.25s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent}.settings-subnav-btn:active{transform:scale(.97)}.settings-subnav-btn.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.15))}.settings-sec-content{display:flex;flex-direction:column;gap:20px;animation:.3s settingsFadeIn}.settings-sec-content.hidden{display:none!important}@keyframes settingsFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.settings-subnav-strip{padding-left:2px;padding-right:2px;margin-left:-2px;margin-right:-2px}}#store{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.store-shell{width:min(100%,980px);margin:0 auto;padding:0 8px}.store-hero-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-top:6px;margin-bottom:18px;border-radius:var(--radius-lg,24px);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--card)) 0,color-mix(in srgb,var(--secondary) 10%,var(--card)) 100%);border:1.5px solid color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 8px 28px -6px rgba(0,0,0,.08),0 0 20px rgba(91,95,199,.06);position:relative;overflow:hidden;transition:transform var(--transition-smooth, .25s ease)}.store-hero-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);pointer-events:none}.store-hero-companion{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.store-hero-avatar-wrap{position:relative;width:84px;height:84px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.store-hero-pedestal{position:absolute;bottom:2px;width:74px;height:22px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(91,95,199,.45) 0,rgba(14,165,160,.25) 55%,transparent 75%);filter:blur(2px);pointer-events:none}.store-hero-mascot-img{position:relative;z-index:2;width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0, 0, 0, .2));transition:transform .25s cubic-bezier(.175, .885, .32, 1.275);cursor:pointer}.store-hero-avatar-wrap:hover .store-hero-mascot-img{transform:scale(1.08) translateY(-3px)}.store-hero-info{display:flex;flex-direction:column;gap:8px;min-width:0}.store-hero-bubble{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:color-mix(in srgb,var(--card) 92%,var(--primary) 8%);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);color:var(--text);font-size:12.5px;font-weight:600;line-height:1.4;box-shadow:var(--shadow-sm);max-width:440px;position:relative;cursor:pointer;user-select:none;transition:transform .15s,box-shadow .15s,background-color .15s}.store-hero-bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:color-mix(in srgb,var(--card) 88%,var(--primary) 12%)}.store-hero-bubble:active{transform:scale(.98)}.store-hero-bubble-icon{color:var(--primary);font-size:13px;flex-shrink:0}.store-hero-equipped-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.store-hero-equipped-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:11px;font-weight:700}.store-hero-equipped-pill i{font-size:10px;color:#10b981}.store-hero-equipped-pill strong{color:var(--text);font-weight:800}.store-hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.store-hero-wallet{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px 16px;border-radius:18px;background:var(--card);border:1.5px solid rgba(245,158,11,.45);box-shadow:0 4px 16px rgba(245,158,11,.12),0 2px 6px rgba(0,0,0,.04);cursor:pointer;transition:.22s cubic-bezier(.16, 1, .3, 1);min-width:140px;user-select:none}.store-hero-wallet:hover{box-shadow:0 8px 24px rgba(245,158,11,.28);border-color:rgba(245,158,11,.75);transform:translateY(-2px)}.store-hero-wallet:active{transform:scale(.97)}.store-wallet-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.store-wallet-label{color:var(--text-mute);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.store-earn-help-btn{width:18px;height:18px;display:grid;place-items:center;border:none;background:rgba(245,158,11,.14);color:#f59e0b;border-radius:50%;font-size:10px;cursor:pointer;transition:background .15s,transform .15s}.store-earn-help-btn:hover{background:rgba(245,158,11,.28);transform:scale(1.15)}.store-wallet-val-row{display:flex;align-items:center;gap:8px}.store-coin-icon{color:#f59e0b;font-size:20px;filter:drop-shadow(0 2px 5px rgba(245, 158, 11, .45));transition:transform .2s}.store-hero-wallet:hover .store-coin-icon{transform:rotate(15deg) scale(1.1)}.store-wallet-val-row strong{color:#f59e0b;font-size:22px;font-weight:900;line-height:1;font-family:inherit}.store-freeze-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:rgba(14,165,160,.1);border:1px solid rgba(14,165,160,.25);color:var(--secondary);font-size:11px;font-weight:700;transition:.2s}.store-freeze-status i{font-size:13px;color:var(--secondary)}.store-freeze-status-text{display:flex;flex-direction:column;line-height:1.2}.store-freeze-status-title{font-size:9.5px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em}.store-freeze-status-text strong,.store-freeze-status-val{font-size:11px;color:var(--text);font-weight:800}.store-mascot-strip{display:flex;align-items:center;gap:16px;padding:14px 16px;margin-bottom:14px;border-radius:16px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--primary) 4%,var(--card)));border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative}.store-mascot-preview{flex-shrink:0;width:80px;height:80px;display:grid;place-items:center;border:0;border-radius:14px;background:radial-gradient(circle at 50% 30%,rgba(91,95,199,.16),rgba(91,95,199,.06));cursor:pointer;transition:background .2s,transform .15s}.store-mascot-preview:hover{background:rgba(91,95,199,.2);transform:scale(1.04)}.store-mascot-preview img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}@keyframes storeEmoteDance{0%,100%{transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}20%{transform:translateY(-7px) scale(1.05) rotate(-6deg);filter:drop-shadow(0 8px 16px rgba(245, 185, 66, .6))}40%{transform:translateY(0) scale(.97) rotate(0)}60%{transform:translateY(-7px) scale(1.05) rotate(6deg);filter:drop-shadow(0 8px 16px rgba(245, 185, 66, .6))}80%{transform:translateY(0) scale(.98) rotate(0)}}@keyframes storeEmoteAura{0%,100%{filter:drop-shadow(0 0 8px rgba(14, 165, 160, .9)) drop-shadow(0 0 18px rgba(0, 242, 254, .8)) drop-shadow(0 0 32px rgba(255, 255, 255, .5));transform:scale(1) translate(0,0)}25%{filter:drop-shadow(0 0 14px rgba(0, 242, 254, 1)) drop-shadow(0 0 28px rgba(14, 165, 160, .9)) drop-shadow(0 0 45px rgba(255, 255, 255, .9));transform:scale(1.03) translate(1px,-1px)}50%{filter:drop-shadow(0 0 9px rgba(14, 165, 160, .85)) drop-shadow(0 0 20px rgba(0, 242, 254, .75)) drop-shadow(0 0 35px rgba(255, 255, 255, .6));transform:scale(.99) translate(-1px,1px)}75%{filter:drop-shadow(0 0 16px rgba(0, 242, 254, 1)) drop-shadow(0 0 30px rgba(14, 165, 160, .95)) drop-shadow(0 0 50px rgba(255, 255, 255, .95));transform:scale(1.04) translate(.5px,-.5px)}}@keyframes lightningArcLeft{0%,100%,48%,85%{opacity:0;transform:scaleY(.7) rotate(-15deg) translateY(5px)}12%{opacity:1;transform:scaleY(1.1) rotate(-12deg) translateY(-2px)}24%{opacity:.2;transform:scaleY(.8) rotate(-18deg) translateY(2px)}36%{opacity:.9;transform:scaleY(1.05) rotate(-10deg) translateY(-4px)}90%{opacity:1;transform:scaleY(1.15) rotate(-14deg) translateY(-3px)}}@keyframes lightningArcRight{0%,100%,54%,78%{opacity:0;transform:scaleY(.7) rotate(15deg) translateY(5px)}18%{opacity:.95;transform:scaleY(1.1) rotate(12deg) translateY(-3px)}30%{opacity:.15;transform:scaleY(.85) rotate(18deg) translateY(2px)}42%{opacity:1;transform:scaleY(1.08) rotate(10deg) translateY(-5px)}84%{opacity:.85;transform:scaleY(1.12) rotate(14deg) translateY(-2px)}}@keyframes storeEmoteCosmic{0%,100%{filter:drop-shadow(0 0 10px rgba(99, 102, 241, .9)) drop-shadow(0 0 22px rgba(236, 72, 153, .75)) drop-shadow(0 0 35px rgba(56, 189, 248, .5));transform:translateY(0) rotate(0)}33%{filter:drop-shadow(0 0 16px rgba(236, 72, 153, .95)) drop-shadow(0 0 28px rgba(56, 189, 248, .85)) drop-shadow(0 0 42px rgba(168, 85, 247, .7));transform:translateY(-5px) rotate(2deg)}66%{filter:drop-shadow(0 0 14px rgba(56, 189, 248, .95)) drop-shadow(0 0 26px rgba(168, 85, 247, .85)) drop-shadow(0 0 40px rgba(236, 72, 153, .75));transform:translateY(-3px) rotate(-2deg)}}@keyframes storeEmoteWave{0%,100%{transform:translateY(0) rotate(0);filter:drop-shadow(0 3px 6px rgba(0,0,0,.12))}30%{transform:translateY(-3px) rotate(-4deg);filter:drop-shadow(0 6px 12px rgba(14, 165, 160, .4))}70%{transform:translateY(-1px) rotate(4deg);filter:drop-shadow(0 5px 10px rgba(91, 95, 199, .4))}}.emote-dance{animation:2.8s cubic-bezier(.36,.07,.19,.97) infinite storeEmoteDance}.emote-aura{animation:3.2s ease-in-out infinite storeEmoteAura}.emote-cosmic{animation:5.6s ease-in-out infinite storeEmoteCosmic}.emote-wave{animation:3.8s ease-in-out infinite storeEmoteWave}#mascot-preview-img-wrap:has(.emote-aura),.db-mascot-img-wrap:has(.emote-aura),.emote-aura-wrap,.lb-avatar:has(.emote-aura),.store-item-thumb:has(.emote-aura),.store-mascot-preview:has(.emote-aura),.up-mascot-stage-wrap:has(.emote-aura){position:relative!important;overflow:visible!important}#mascot-preview-img-wrap:has(.emote-cosmic),.db-mascot-img-wrap:has(.emote-cosmic),.emote-cosmic-wrap,.lb-avatar:has(.emote-cosmic),.store-item-thumb:has(.emote-cosmic),.store-mascot-preview:has(.emote-cosmic),.up-mascot-stage-wrap:has(.emote-cosmic){position:relative!important;overflow:visible!important}@keyframes cosmicStardustTwinkle{0%,100%{opacity:.3;transform:scale(.88) rotate(0)}50%{opacity:1;transform:scale(1.12) rotate(180deg)}}#mascot-preview-img-wrap:has(.emote-cosmic)::after,.db-mascot-img-wrap:has(.emote-cosmic)::after,.emote-cosmic-wrap::after,.lb-avatar:has(.emote-cosmic)::after,.store-item-thumb:has(.emote-cosmic)::after,.store-mascot-preview:has(.emote-cosmic)::after,.up-mascot-stage-wrap:has(.emote-cosmic)::after{content:'';position:absolute;top:-12%;left:-12%;width:124%;height:124%;pointer-events:none;z-index:4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'><circle cx='18' cy='24' r='3.5' fill='%23ec4899' filter='drop-shadow(0 0 5px %23ec4899)'/><circle cx='102' cy='28' r='4' fill='%2338bdf8' filter='drop-shadow(0 0 6px %2338bdf8)'/><circle cx='28' cy='96' r='3.5' fill='%23a855f7' filter='drop-shadow(0 0 5px %23a855f7)'/><circle cx='94' cy='98' r='3.5' fill='%2300f2fe' filter='drop-shadow(0 0 5px %2300f2fe)'/><polygon points='60,10 63.5,19 73,21 63.5,23 60,32 56.5,23 47,21 56.5,19' fill='%23ffffff' filter='drop-shadow(0 0 8px %23ffffff)'/><polygon points='20,60 22.5,66 29,67.5 22.5,69 20,75 17.5,69 11,67.5 17.5,66' fill='%2300f2fe' filter='drop-shadow(0 0 6px %2300f2fe)'/></svg>");background-repeat:no-repeat;background-size:contain;background-position:center;animation:4.6s ease-in-out infinite cosmicStardustTwinkle}.store-frame-classic{box-shadow:0 0 0 3px var(--border)}.store-frame-bronze{box-shadow:0 0 0 3px #cd7f32,0 0 0 6px rgba(205,127,50,.18)}.store-frame-silver{box-shadow:0 0 0 3px #cbd5e1,0 0 0 6px rgba(148,163,184,.2)}.store-frame-gold{box-shadow:0 0 0 3px #f5b942,0 0 0 6px rgba(245,185,66,.22)}.store-mascot-strip-info{display:flex;flex-direction:column;gap:4px;min-width:0}.store-panel-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute)}.store-mascot-strip-info strong{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-collected{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:10px;font-weight:700;width:fit-content}.store-mascot-bubble{margin-top:8px}.store-earn-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:11px 14px;border:1px solid rgba(14,165,160,.26);border-inline-start:4px solid var(--secondary);border-radius:10px;background:color-mix(in srgb,var(--secondary) 7%,var(--card))}.store-earn-heading{display:flex;align-items:center;gap:10px;min-width:190px}.store-earn-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(14,165,160,.13);color:var(--secondary)}.store-earn-heading h3{margin:0;font-size:13px}.store-earn-heading p{margin:2px 0 0;color:var(--text-mute);font-size:10px;line-height:1.35}.store-earn-rewards{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.store-earn-rewards span{padding:5px 7px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);font-size:10px;font-weight:700;white-space:nowrap}.store-nav-wrapper{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.store-cat-nav{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;margin-bottom:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.store-cat-nav::-webkit-scrollbar{display:none}.store-cat-tab{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--border);border-radius:999px;background:var(--card);color:var(--text-mute);font-size:12px;font-weight:700;cursor:pointer;transition:.2s cubic-bezier(.16, 1, .3, 1);box-shadow:var(--shadow-sm);user-select:none}.store-cat-tab i{font-size:15px;transition:transform .2s}.store-cat-tab:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,var(--border));transform:translateY(-1px)}.store-cat-tab:hover i{transform:scale(1.15)}.store-cat-tab.active{background:linear-gradient(135deg,var(--primary) 0,color-mix(in srgb,var(--primary) 75%,var(--secondary)) 100%);color:#fff;border-color:var(--primary);box-shadow:0 4px 14px rgba(91,95,199,.35);transform:translateY(-1px)}.store-cat-tab.active i{transform:scale(1.1)}.store-cat-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:800;background:rgba(0,0,0,.08);color:inherit;min-width:18px;height:18px}.store-cat-tab.active .store-cat-badge{background:rgba(255,255,255,.25);color:#fff}.store-filter-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 2px}.store-filter-chips::-webkit-scrollbar{display:none}.store-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 94%,var(--bg-alt));color:var(--text-mute);font-size:11px;font-weight:700;cursor:pointer;transition:.18s;white-space:nowrap}.store-filter-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.store-filter-chip.active{background:color-mix(in srgb,var(--primary) 12%,var(--card));border-color:var(--primary);color:var(--primary);box-shadow:0 2px 8px rgba(91,95,199,.12)}.store-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.store-section-title-wrap{display:flex;align-items:center;gap:8px}.store-section-title{margin:0;font-size:16px;font-weight:800;color:var(--text)}.store-section-count{padding:2px 9px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:700}.store-tap-hint{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-mute);opacity:.85}.store-tap-hint i{font-size:12px;color:var(--primary)}.store-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;padding-bottom:16px}.store-item-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px 12px 12px;background:var(--card);border:1.5px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);transition:.22s cubic-bezier(.16, 1, .3, 1);position:relative;cursor:pointer;min-height:240px;text-align:center;overflow:hidden}.store-item-card:hover{border-color:color-mix(in srgb,var(--primary) 65%,var(--border));transform:translateY(-4px);box-shadow:0 10px 24px -4px rgba(91,95,199,.18),0 2px 6px rgba(0,0,0,.04)}.store-item-card.is-equipped{border-color:#10b981;border-width:2px;background:linear-gradient(180deg,color-mix(in srgb,#10b981 8%,var(--card)) 0,var(--card) 45%);box-shadow:0 6px 20px rgba(16,185,129,.18)}.store-item-card.is-locked{opacity:.76}.store-item-card.is-locked:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);opacity:.9}.store-item-card.store-item-highlight{animation:1s ease-in-out 3 storeItemGlow;border-color:#38bdf8!important}@keyframes storeItemGlow{0%,100%{box-shadow:0 0 0 0 rgba(56,189,248,0);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(56,189,248,.35),0 8px 24px rgba(56,189,248,.25);transform:scale(1.02)}}.store-card-header-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;margin-bottom:8px;min-height:22px}.store-item-thumb{position:relative;width:100%;height:106px;border-radius:14px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 12%,var(--bg-alt)) 0,var(--bg-alt) 80%);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);display:grid;place-items:center;overflow:hidden;margin-bottom:10px;transition:background .2s}.store-item-card:hover .store-item-thumb{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 20%,var(--bg-alt)) 0,var(--bg-alt) 80%)}.store-item-thumb img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .16));transition:transform .22s cubic-bezier(.175, .885, .32, 1.275)}.store-item-card:hover .store-item-thumb:not(.locked) img{transform:scale(1.1) translateY(-2px)}.store-item-thumb.locked img{filter:grayscale(1) opacity(.35)}.store-item-lock-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.26);backdrop-filter:blur(1px);border-radius:14px;color:#fff;font-size:18px;pointer-events:none}.store-item-body{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;flex:1}.store-item-name{font-size:13.5px;font-weight:800;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.store-item-req{font-size:10px;font-weight:600;color:var(--text-mute);margin:2px 0 0;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:rgba(0,0,0,.04);padding:2px 8px;border-radius:6px;max-width:100%}.store-item-req i{flex-shrink:0;font-size:10px;color:#f59e0b}.store-item-price{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);color:#f59e0b;font-size:11px;font-weight:800}.store-item-price i{font-size:10px}.store-item-free-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:10px;font-weight:800;letter-spacing:.04em}.store-equipped-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.4);color:#10b981;font-size:10.5px;font-weight:800}.store-owned-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);color:#0284c7;font-size:10px;font-weight:700}.store-item-action{width:100%}.store-item-action .mascot-shop-btn{width:100%;font-size:12px;font-weight:800;padding:8px 12px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:.2s}.store-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;background:var(--bg-alt);border-radius:20px;border:1.5px dashed var(--border);margin-top:12px;grid-column:1/-1}.store-empty-state .empty-state-img{width:110px;height:110px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .1))}.store-empty-state p{color:var(--text-mute);font-size:13.5px;font-weight:600;margin:0}.mascot-preview-overlay{position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.mascot-preview-card{width:92%;max-width:400px;padding:26px 20px 20px;border-radius:24px;background:var(--card);border:1.5px solid color-mix(in srgb,var(--primary) 30%,var(--border));color:var(--text);text-align:center;position:relative;box-shadow:0 24px 60px -12px rgba(0,0,0,.45),0 0 30px rgba(91,95,199,.1);animation:.28s cubic-bezier(.175,.885,.32,1.275) popIn}.mascot-preview-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--bg-alt);border:none;color:var(--text-mute);font-size:18px;cursor:pointer;transition:.15s}.mascot-preview-close-btn:hover{color:var(--text);background:rgba(239,68,68,.15)}.mascot-preview-stage{position:relative;margin:8px auto 14px;width:140px;height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mascot-preview-pedestal{position:absolute;bottom:6px;width:110px;height:28px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(91,95,199,.5) 0,rgba(14,165,160,.3) 60%,transparent 80%);filter:blur(3px);pointer-events:none}.mascot-preview-image{position:relative;z-index:2;max-width:120px;max-height:120px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0, 0, 0, .25));transition:transform .2s cubic-bezier(.175, .885, .32, 1.275)}.mascot-preview-stage:hover .mascot-preview-image{transform:scale(1.08) translateY(-4px)}.mascot-preview-title{font-size:20px;font-weight:800;margin:0 0 6px;color:var(--text)}.mascot-preview-badge-row{margin-bottom:12px}.mascot-preview-status-badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.08)}.mascot-preview-bubble-wrap{min-height:24px;margin:10px 0 16px}.mascot-preview-bubble{display:inline-block;padding:9px 16px;border-radius:12px;background:color-mix(in srgb,var(--card) 90%,var(--primary) 10%);color:var(--text);font-size:13px;font-weight:600;border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:var(--shadow-sm)}.mascot-preview-actions{display:flex;gap:10px;justify-content:center}.mascot-preview-btn{flex:1;justify-content:center;display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;border-radius:14px}.store-skeleton-overlay{display:flex;flex-direction:column;gap:14px;pointer-events:none}.store-skeleton-overlay.hidden{display:none}.store-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px}.store-skeleton-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px 12px;background:var(--card);border:1.5px solid var(--border);border-radius:18px;min-height:240px;overflow:hidden}.skel{background:linear-gradient(90deg,var(--border) 25%,rgba(91,95,199,.12) 50%,var(--border) 75%);background-size:200% 100%;animation:1.6s ease-in-out infinite skel-shimmer;border-radius:8px;flex-shrink:0}@keyframes skel-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skel-thumb{width:100%;height:106px;border-radius:12px;margin-bottom:10px}.skel-title{height:14px;width:70%;margin:0 auto 6px;border-radius:6px}.skel-sub{height:10px;width:45%;margin:0 auto 12px;border-radius:6px;opacity:.6}.skel-btn{height:34px;width:100%;border-radius:12px}.store-skeleton-card:nth-child(2) .skel{animation-delay:.2s}.store-skeleton-card:nth-child(3) .skel{animation-delay:.4s}.store-skeleton-card:nth-child(4) .skel{animation-delay:.6s}html[dir=rtl] .store-hero-banner{text-align:right}html[dir=rtl] .store-item-card{text-align:center}html[dir=rtl] .store-hero-actions{align-items:flex-start}html[dir=rtl] .mascot-preview-close-btn{right:auto;left:14px}@media (max-width:768px){.store-hero-banner{padding:16px 18px;gap:16px}}@media (max-width:600px){.store-hero-banner{flex-direction:column;align-items:stretch;gap:14px;padding:16px;border-radius:18px}.store-hero-companion{gap:12px}.store-hero-avatar-wrap{width:72px;height:72px}.store-hero-mascot-img{width:64px;height:64px}.store-hero-bubble{font-size:11.5px;padding:6px 12px}.store-hero-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px}.store-hero-wallet{flex:1;min-width:0;padding:8px 12px;border-radius:14px}.store-wallet-val-row strong{font-size:19px}.store-freeze-status{flex:1;padding:8px 12px;border-radius:14px}.store-item-grid,.store-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:10px}.store-item-card{padding:10px 8px 8px;border-radius:14px;min-height:220px}.store-item-thumb{height:90px;border-radius:10px;margin-bottom:8px}.store-item-thumb img{width:60px;height:60px}.store-item-name{font-size:12px}.store-item-req{font-size:9px;padding:2px 5px}.store-item-action .mascot-shop-btn{font-size:11px;padding:7px 8px;border-radius:10px}.store-cat-tab{padding:8px 14px;font-size:11px}}.store-guest-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;background:color-mix(in srgb,var(--card) 88%,#f59e0b 12%);border:1.5px solid rgba(245,158,11,.4);border-radius:var(--radius-md,16px);padding:16px 20px;margin-bottom:16px;box-shadow:0 6px 20px rgba(0,0,0,.04),0 0 15px rgba(245,158,11,.08)}.store-guest-banner-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.store-guest-banner-icon{width:44px;height:44px;border-radius:12px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.store-guest-banner-content{display:flex;flex-direction:column;gap:3px;min-width:0}.store-guest-banner-title{font-size:15px;font-weight:800;color:var(--text);margin:0;line-height:1.3}.store-guest-banner-desc{font-size:12.5px;line-height:1.45;color:var(--text-mute);margin:0}.store-guest-login-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:700;white-space:nowrap;background:linear-gradient(135deg,var(--primary) 0,#0284c7 100%)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px rgba(2,132,199,.3)!important;cursor:pointer;transition:transform .2s,box-shadow .2s}.store-guest-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(2,132,199,.45)!important}.store-btn-guest{background:color-mix(in srgb,var(--card) 90%,#f59e0b 10%)!important;border:1px solid rgba(245,158,11,.35)!important;color:#f59e0b!important;font-weight:700!important}.store-btn-guest:hover{background:rgba(245,158,11,.18)!important;border-color:rgba(245,158,11,.6)!important}.store-wallet.is-guest{border-color:rgba(245,158,11,.4);background:color-mix(in srgb,var(--card) 92%,#f59e0b 8%)}@media (max-width:640px){.store-guest-banner{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.store-guest-login-btn{width:100%;justify-content:center}}#library{padding-bottom:80px;background:var(--bg)}.library-header{padding:18px 20px 14px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;transition:background .2s,border-color .2s}@media (max-width:768px){.library-header{position:static;padding:14px 16px 12px}}.lib-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lib-header-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.lib-header-icon{flex-shrink:0;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);font-size:16px;box-shadow:0 2px 8px rgba(91,95,199,.15)}.lib-header-titles{display:flex;flex-direction:column;min-width:0}.lib-heading{margin:0;font-size:20px;font-weight:800;color:var(--text);line-height:1.25;letter-spacing:-.2px}.lib-header-sub{font-size:11.5px;font-weight:600;color:var(--mute);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.lib-view-switch{display:inline-flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:2px;gap:2px}.lib-view-btn{width:34px;height:32px;border-radius:8px;border:none;background:0 0;color:var(--mute);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:.18s;-webkit-tap-highlight-color:transparent}.lib-view-btn:hover{color:var(--text)}.lib-view-btn.active{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm)}.lib-search-bar{position:relative;display:flex;align-items:center;width:100%;margin-bottom:12px}.lib-search-icon{position:absolute;left:14px;color:var(--mute);font-size:13px;pointer-events:none;transition:color .2s}html[dir=rtl] .lib-search-icon{left:auto;right:14px}.lib-search-input{width:100%;height:40px;padding:0 36px 0 38px;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;font-size:13.5px;color:var(--text);font-family:inherit;transition:border-color .2s,box-shadow .2s,background .2s}html[dir=rtl] .lib-search-input{padding:0 38px 0 36px}.lib-search-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px var(--primary-light);outline:0}.lib-search-input:focus~.lib-search-icon{color:var(--primary)}.lib-search-clear{position:absolute;right:10px;background:0 0;border:none;color:var(--mute);font-size:15px;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s}html[dir=rtl] .lib-search-clear{right:auto;left:10px}.lib-search-clear:hover{color:var(--text)}.lib-filters{position:relative;width:100%}.lib-filter-group{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%)}html[dir=rtl] .lib-filter-group{mask-image:linear-gradient(to left,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to left,black calc(100% - 24px),transparent 100%)}.lib-filter-group::-webkit-scrollbar{display:none}.lib-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:20px;font-size:12.5px;font-weight:700;color:var(--mute);cursor:pointer;white-space:nowrap;transition:.18s cubic-bezier(.2, .8, .2, 1);-webkit-tap-highlight-color:transparent;font-family:inherit}.lib-pill:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.lib-pill:active{transform:scale(.95)}.lib-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 10px rgba(91,95,199,.35)}.lib-pill-count{font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:99px;background:rgba(125,125,125,.15);color:inherit;line-height:1.3}.lib-pill.active .lib-pill-count{background:rgba(255,255,255,.25);color:#fff}.lib-hud-container{padding:0 20px}.lib-stats-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:14px 20px 0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .25s,box-shadow .25s}.lib-stats-icon{flex-shrink:0;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);font-size:16px;transition:background .25s,color .25s}.lib-stats-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.lib-stats-top-row{display:flex;align-items:center;justify-content:space-between}.lib-stats-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--mute)}.lib-stats-pct{font-size:11px;font-weight:800;color:var(--primary)}.lib-stats-pct.is-complete{color:var(--success,#10b981)}.lib-stats-track{width:100%;height:7px;background:var(--bg);border:1px solid var(--border);border-radius:99px;overflow:hidden}.lib-stats-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary,#0ea5a0));border-radius:99px;transition:width .5s cubic-bezier(.4, 0, .2, 1)}.lib-stats-count-wrap{flex-shrink:0}.lib-stats-count{font-family:Sora,monospace;font-size:16px;font-weight:800;color:var(--text)}.lib-stats-count-sep{color:var(--mute);font-weight:600;margin:0 1px}.lib-stats-bar.is-complete{border-color:rgba(16,185,129,.35);box-shadow:0 2px 12px rgba(16,185,129,.12)}.lib-stats-bar.is-complete .lib-stats-icon{background:rgba(16,185,129,.12);color:var(--success,#10b981)}.lib-stats-bar.is-complete .lib-stats-fill{background:var(--success,#10b981)}.lib-content{padding:16px 20px 24px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.lib-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);overflow:hidden;animation:.32s cubic-bezier(.16,1,.3,1) both libCardIn;transition:transform .22s cubic-bezier(.25, .8, .25, 1),box-shadow .22s,border-color .22s}@keyframes libCardIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lib-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--lib-accent,var(--primary));opacity:.9}.lib-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--lib-accent,var(--primary)) 35%,var(--border))}.lib-card.conquered-card{border-color:rgba(245,158,11,.4);box-shadow:0 0 0 1px rgba(245,158,11,.12),var(--shadow-sm)}.lib-card-header{display:flex;align-items:center;gap:10px}.lib-icon-wrap{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--lib-accent,var(--primary)) 14%,transparent);color:var(--lib-accent,var(--primary));display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .2s}.lib-card:hover .lib-icon-wrap{transform:scale(1.05)}.lib-card-title-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lib-subject-title{font-weight:750;font-size:15.5px;line-height:1.25;color:var(--text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-subject-meta{display:flex;align-items:center;gap:6px}.lib-count-badge{font-size:10.5px;font-weight:700;color:var(--mute)}.lib-mastered-chip{font-size:10px;font-weight:800;color:#d97706;background:rgba(245,158,11,.12);padding:1px 6px;border-radius:99px;display:inline-flex;align-items:center;gap:3px}.lib-mastered-badge{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:11px;box-shadow:0 2px 8px rgba(245,158,11,.4);animation:.4s cubic-bezier(.34,1.56,.64,1) libBadgePop}@keyframes libBadgePop{from{transform:scale(0)}to{transform:scale(1)}}.lib-doc-row{display:flex;gap:10px}.lib-doc-row.single-tile-row{display:flex}.lib-doc-tile.single-tile{--tile-btn:40px;--tile-badge:44px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:68px;padding:12px 14px}.lib-doc-tile.single-tile .lib-tile-top{display:contents}.lib-doc-tile.single-tile .lib-tile-type-badge{order:1;border-radius:12px;font-size:20px}.lib-doc-tile.single-tile .lib-tile-body{order:2;flex:1;min-width:0;width:auto}.lib-doc-tile.single-tile .lib-doc-tile-label{display:block;font-size:14px}.lib-doc-tile.single-tile .lib-tile-meta{margin:0}.lib-doc-tile.single-tile .lib-tile-meta span{font-size:11.5px}.lib-doc-tile.single-tile .lib-tile-actions{order:3;gap:8px}.lib-doc-tile.single-tile .lib-action-btn{border-radius:12px;font-size:15px}.lib-doc-tile{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:12px;min-height:94px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg);cursor:pointer;text-align:start;-webkit-tap-highlight-color:transparent;transition:border-color .18s,background .18s,transform .15s,box-shadow .18s}.lib-doc-tile:hover{border-color:var(--lib-accent,var(--primary));background:color-mix(in srgb,var(--lib-accent,var(--primary)) 5%,var(--bg))}.lib-doc-tile:active{transform:scale(.97)}.lib-tile-top{display:flex;align-items:center;justify-content:space-between;width:100%}.lib-tile-type-badge{width:var(--tile-badge,28px);height:var(--tile-badge,28px);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.lib-tile-type-badge.subject-badge{background:rgba(239,68,68,.12);color:#ef4444}.lib-tile-type-badge.correction-badge{background:rgba(14,165,160,.14);color:var(--secondary,#0ea5a0)}.lib-tile-type-badge.disabled-badge{background:rgba(150,150,150,.1);color:var(--mute)}.lib-tile-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.lib-action-btn,.lib-mini-btn{width:var(--tile-btn,28px);height:var(--tile-btn,28px);padding:0;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--mute);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .18s,color .18s,transform .15s,border-color .18s}.lib-action-btn:hover,.lib-mini-btn:hover{transform:scale(1.08)}.lib-action-btn:active,.lib-mini-btn:active{transform:scale(.92)}.lib-btn-save:hover{color:var(--primary);background:var(--primary-light);border-color:var(--primary)}.lib-btn-saved{color:#10b981!important;background:rgba(16,185,129,.14)!important;border-color:rgba(16,185,129,.4)!important}.lib-btn-saved:hover{background:rgba(239,68,68,.12)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important}.lib-btn-conquer:hover{color:var(--accent);background:rgba(245,158,11,.15);border-color:var(--accent)}.lib-btn-conquer.conquered{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;cursor:default}.lib-btn-conquer.conquered:hover{transform:none}.lib-btn-conquer:disabled{cursor:default}.lib-tile-body{display:flex;flex-direction:column;gap:3px;width:100%}.lib-doc-tile-label{font-size:13px;font-weight:700;color:var(--text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-tile-meta{display:flex;align-items:center}.lib-opened-chip{font-size:10.5px;font-weight:700;color:var(--secondary,#0ea5a0);display:inline-flex;align-items:center;gap:4px}.lib-hint-chip{font-size:10.5px;font-weight:600;color:var(--mute);display:inline-flex;align-items:center;gap:4px}.lib-disabled-chip{font-size:10.5px;font-weight:600;color:var(--mute);opacity:.7}.lib-doc-tile.is-mastered{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.05)}.lib-doc-tile.is-opened{border-color:color-mix(in srgb,var(--secondary,#0ea5a0) 40%,var(--border))}.lib-doc-tile.is-disabled{cursor:not-allowed;opacity:.55;background:var(--bg)}.lib-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;color:var(--mute)}.lib-empty i,.lib-empty-icon{font-size:38px;margin-bottom:12px;opacity:.45;color:var(--primary)}.lib-empty p{font-size:14.5px;font-weight:600;margin:0;max-width:320px;line-height:1.5}.lib-clear-search-btn{margin-top:14px;padding:8px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);color:var(--primary);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.18s;font-family:inherit}.lib-clear-search-btn:hover{background:var(--primary-light);border-color:var(--primary)}.lib-deciphering-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;animation:.3s ease-out fadeIn}.lib-loading-spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:.9s linear infinite lib-spin}@keyframes lib-spin{to{transform:rotate(360deg)}}.lib-loading-text{font-size:13.5px;font-weight:700;color:var(--mute);margin:0;letter-spacing:.2px}.skeleton-card{pointer-events:none;border-color:var(--border)!important}.skeleton-shimmer{background:linear-gradient(90deg,var(--border) 25%,rgba(255,255,255,.08) 50%,var(--border) 75%);background-size:200% 100%;animation:1.5s linear infinite shimmer-swipe;border-radius:8px}[data-theme=Dark] .skeleton-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.05) 75%)}@keyframes shimmer-swipe{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-icon{width:38px;height:38px;border-radius:11px}.skeleton-title{width:60%;height:18px}.skeleton-tile{flex:1;height:94px;border-radius:14px}[data-theme=Dark] .lib-card,[data-theme=Dark] .lib-stats-bar{background:var(--card)}[data-theme=Dark] .lib-doc-tile{background:rgba(255,255,255,.03)}[data-theme=Dark] .lib-action-btn,[data-theme=Dark] .lib-mini-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}[data-theme=Dark] .lib-action-btn:hover,[data-theme=Dark] .lib-mini-btn:hover{background:rgba(255,255,255,.12)}html[dir=rtl] .lib-doc-tile{text-align:right}@media (max-width:640px){.library-header{padding:14px 14px 10px}.lib-content{padding:10px 14px 24px}.lib-hud-container{padding:0 14px}.lib-stats-bar{margin:10px 14px 0;padding:10px 14px;gap:10px}.lib-stats-icon{width:34px;height:34px;font-size:14px}.lib-stats-count{font-size:15px}.lib-grid,.lib-grid.cards-mode{grid-template-columns:1fr;gap:12px}.lib-card{padding:14px 14px 12px;gap:12px}.lib-doc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lib-doc-tile{min-height:88px;padding:10px}.lib-doc-tile-label{font-size:12.5px}.lib-grid.grid-mode{grid-template-columns:1fr 1fr;gap:10px}.lib-grid.grid-mode .lib-card{padding:10px 10px 8px;gap:8px}.lib-grid.grid-mode .lib-subject-title{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lib-grid.grid-mode .lib-doc-row{display:flex;flex-direction:column;gap:6px}.lib-grid.grid-mode .lib-doc-tile{min-height:auto;padding:6px 8px;flex-direction:row;align-items:center;justify-content:space-between}.lib-grid.grid-mode .lib-tile-top{width:auto;gap:6px}.lib-grid.grid-mode .lib-tile-body{width:auto;flex:1;min-width:0;padding:0 4px}.lib-grid.grid-mode .lib-tile-meta{display:none}.lib-grid.grid-mode .lib-action-btn,.lib-grid.grid-mode .lib-mini-btn{width:24px;height:24px;font-size:10.5px}.lib-grid.grid-mode .lib-tile-type-badge{width:24px;height:24px;font-size:11px}.lib-grid.grid-mode .lib-doc-tile.single-tile{gap:6px;justify-content:space-between}.lib-grid.grid-mode .lib-doc-tile.single-tile .lib-tile-top{display:flex;width:100%;gap:6px}.lib-grid.grid-mode .lib-doc-tile.single-tile .lib-tile-body{display:none}.lib-grid.grid-mode .lib-doc-tile.single-tile .lib-tile-type-badge{border-radius:8px;font-size:11px}.lib-grid.grid-mode .lib-doc-tile.single-tile .lib-tile-actions{gap:4px}.lib-grid.grid-mode .lib-doc-tile.single-tile .lib-action-btn{border-radius:8px;font-size:10.5px}}@media (max-width:360px){.lib-doc-row{gap:6px}.lib-doc-tile{--tile-btn:26px;--tile-badge:26px;padding:8px 6px}.lib-doc-tile-label{font-size:11.5px}.lib-doc-tile.single-tile{--tile-btn:38px;--tile-badge:40px;gap:10px;padding:10px 12px}}#pdf-in-app-modal #pdf-active-canvas,#pdf-in-app-modal #pdf-canvas-container,#pdf-in-app-modal #pdf-page-wrapper,#pdf-in-app-modal canvas{direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important}.wb-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));z-index:9999;display:flex;justify-content:center;align-items:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .32s,visibility .32s}.wb-modal-overlay.wb-visible{opacity:1;visibility:visible}.wb-modal-content{background:var(--card);border:1px solid var(--border);border-radius:28px;padding:36px 28px 28px;width:100%;max-width:420px;text-align:center;position:relative;box-shadow:0 0 0 1px var(--border),0 24px 48px rgba(0,0,0,.16),0 0 80px rgba(123,127,232,.06);transform:translateY(28px) scale(.94);opacity:0;transition:transform .42s cubic-bezier(.175, .885, .32, 1.275),opacity .38s;overflow:hidden}.wb-modal-content::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);border-radius:28px 28px 0 0}.wb-modal-content::after{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:300px;height:260px;background:radial-gradient(circle,rgba(123,127,232,.09) 0,transparent 70%);pointer-events:none}.wb-modal-overlay.wb-visible .wb-modal-content{transform:translateY(0) scale(1);opacity:1}.wb-close-btn{position:absolute;top:14px;right:14px;background:var(--progress-bg);border:1px solid var(--border);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text-mute);cursor:pointer;font-size:13px;transition:background .2s,color .2s,transform .2s;z-index:2}.wb-close-btn:hover{background:var(--primary-light);color:var(--primary);transform:rotate(90deg)}.wb-image-container{margin-bottom:20px;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.wb-image{width:170px;height:auto;animation:4.5s ease-in-out infinite float-wb;filter:drop-shadow(0 12px 20px rgba(123, 127, 232, .15))}.wb-image-sm{width:120px}@keyframes float-wb{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}.wb-lottie-container{display:flex;justify-content:center;align-items:center;margin-bottom:16px;position:relative;z-index:1}.wb-lottie{width:150px;height:150px}.wb-title{font-family:Sora,sans-serif;font-size:22px;font-weight:800;color:var(--text);margin:0 0 10px;line-height:1.3;letter-spacing:-.3px;position:relative;z-index:1}.wb-desc{font-size:14px;color:var(--text-mute);margin:0 0 24px;line-height:1.6;position:relative;z-index:1}.wb-stats-row{display:flex;justify-content:center;gap:10px;margin-bottom:22px;flex-wrap:wrap;position:relative;z-index:1}.wb-stat-pill{background:var(--progress-bg);border:1px solid var(--border);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:10px;flex:1 1 90px;max-width:130px;transition:border-color .2s,transform .2s,box-shadow .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) both stat-pop}.wb-stat-pill:first-child{animation-delay:.1s}.wb-stat-pill:nth-child(2){animation-delay:.18s}.wb-stat-pill:nth-child(3){animation-delay:.26s}@keyframes stat-pop{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.wb-stat-pill:hover{border-color:rgba(123,127,232,.3);transform:translateY(-2px);box-shadow:0 6px 18px rgba(123,127,232,.1)}.wb-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.wb-stat-pill--streak .wb-stat-icon{background:rgba(239,68,68,.12);color:#ef4444}.wb-stat-pill--sessions .wb-stat-icon{background:rgba(123,127,232,.12);color:var(--primary)}.wb-stat-pill--xp .wb-stat-icon{background:rgba(251,191,36,.12);color:#f59e0b}.wb-stat-pill--time .wb-stat-icon{background:rgba(20,184,178,.12);color:var(--secondary)}.wb-stat-pill i{font-size:17px;color:var(--primary)}.wb-stat-details{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}.wb-stat-val{font-family:Sora,sans-serif;font-size:17px;font-weight:800;color:var(--text);line-height:1}.wb-stat-lbl{font-size:10px;font-weight:600;color:var(--text-mute);margin-top:4px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.wb-motivation{font-size:13px;font-style:italic;color:var(--text-mute);margin-bottom:22px;line-height:1.5;padding:10px 14px;background:var(--progress-bg);border-radius:12px;border-left:3px solid var(--primary);text-align:left;position:relative;z-index:1}.wb-primary-btn{background:var(--primary);color:#fff;border:none;border-radius:16px;padding:15px 24px;font-size:15px;font-weight:700;font-family:'DM Sans',sans-serif;width:100%;cursor:pointer;box-shadow:0 8px 20px rgba(123,127,232,.3);transition:transform .2s,box-shadow .2s,filter .2s;position:relative;z-index:1;overflow:hidden}.wb-primary-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.18) 50%,transparent 100%);transform:translateX(-100%);transition:transform}.wb-primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(123,127,232,.38);filter:brightness(1.06)}.wb-primary-btn:hover::after{transform:translateX(200%);transition:transform .5s}.wb-primary-btn:active{transform:scale(.97) translateY(0);box-shadow:0 4px 10px rgba(123,127,232,.2)}.wb-dismiss-link{background:0 0;border:none;color:var(--text-mute);font-size:13px;font-weight:500;margin-top:14px;cursor:pointer;text-decoration:none;transition:color .2s;display:inline-block;position:relative;z-index:1}.wb-dismiss-link:hover{color:var(--text);text-decoration:underline}.wb-short-content{padding:24px 20px 20px}.wb-short-content .wb-title{font-size:19px}.wb-short-content .wb-image{width:110px}[data-theme=Dark] .wb-modal-content,[data-theme=dark] .wb-modal-content{box-shadow:0 0 0 1px rgba(255,255,255,.07),0 24px 48px rgba(0,0,0,.45),0 0 80px rgba(123,127,232,.08)}[data-theme=Dark] .wb-modal-content::after,[data-theme=dark] .wb-modal-content::after{background:radial-gradient(circle,rgba(123,127,232,.06) 0,transparent 70%)}[data-theme=Dark] .wb-image,[data-theme=dark] .wb-image{filter:drop-shadow(0 12px 20px rgba(123, 127, 232, .1)) brightness(.92)}@media (max-width:480px){.wb-modal-overlay{align-items:flex-end;padding:0}.wb-modal-content{border-radius:28px 28px 0 0;max-width:100%;width:100%;padding:28px 20px 32px;transform:translateY(100%)}.wb-modal-overlay.wb-visible .wb-modal-content{transform:translateY(0)}.wb-modal-content::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:36px;background:var(--border);border-radius:99px;background:var(--border);height:4px}.wb-image{width:140px}.wb-image-sm{width:100px}.wb-lottie{width:130px;height:130px}.wb-title{font-size:20px}.wb-desc{font-size:13px;margin-bottom:18px}.wb-stats-row{gap:8px}.wb-stat-pill{flex:1 1 80px;padding:10px 12px;border-radius:14px;gap:8px}.wb-stat-icon{width:32px;height:32px;font-size:14px;border-radius:9px}.wb-stat-val{font-size:15px}.wb-stat-lbl{font-size:9px}.wb-primary-btn{font-size:15px;padding:15px 20px;border-radius:14px}.wb-motivation{font-size:12px;padding:9px 12px}}@media (max-width:360px){.wb-stats-row{flex-wrap:wrap}.wb-stat-pill{flex:1 1 calc(50% - 8px);max-width:none}.wb-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.wb-modal-content,.wb-modal-overlay{transition:opacity .15s,visibility .15s}.wb-modal-content{transform:none}.wb-image,.wb-stat-pill{animation:none}.wb-primary-btn::after{display:none}}.lb-notif-btn,.notif-btn{position:relative;background:var(--progress-bg);border:1px solid var(--border);color:var(--text);width:40px;height:40px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.lb-notif-btn:hover,.notif-btn:hover{transform:translateY(-1px) scale(1.05);background:var(--primary-light);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm)}.lb-notif-btn:active,.notif-btn:active{transform:scale(.94)}.lb-notif-btn.has-new i,.notif-btn.has-new i{animation:.7s cubic-bezier(.36,.07,.19,.97) both notifBellRing}@keyframes notifBellRing{0%,100%{transform:rotate(0) scale(1)}10%{transform:rotate(14deg) scale(1.1)}25%{transform:rotate(-11deg)}40%{transform:rotate(9deg)}55%{transform:rotate(-6deg)}70%{transform:rotate(3deg)}85%{transform:rotate(-1deg)}}.notif-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;font-family:Sora,sans-serif;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--card);box-shadow:0 2px 8px rgba(var(--danger-rgb),.5);animation:.35s cubic-bezier(.34,1.56,.64,1) notifBadgePop;z-index:1}html[dir=rtl] .notif-badge{right:auto;left:-5px}@keyframes notifBadgePop{from{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.notif-badge.hidden{display:none!important}.notif-modal-card{max-width:520px;width:90%;max-height:85vh;display:flex;flex-direction:column;padding:0!important;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px rgba(var(--primary-rgb),.08)}.notif-drag-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:10px auto 4px;flex-shrink:0;display:none}.notif-modal-card .modal-header{padding:16px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--card);flex-shrink:0}.notif-modal-title{display:flex;align-items:center;gap:8px;font-family:Sora,sans-serif;font-size:16px;font-weight:700;color:var(--text);margin:0}.notif-modal-title .notif-title-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.notif-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.notif-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:700;font-family:Sora,sans-serif;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--progress-bg);color:var(--text);cursor:pointer;transition:transform .18s cubic-bezier(.34, 1.56, .64, 1),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;white-space:nowrap}.notif-action-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sm)}.notif-action-btn:active{transform:scale(.96)}.notif-btn-read{background:var(--primary-light);border-color:rgba(var(--primary-rgb),.25);color:var(--primary)}.notif-btn-read:hover{background:rgba(var(--primary-rgb),.18);border-color:var(--primary)}.notif-btn-clear{background:var(--danger-light);border-color:rgba(var(--danger-rgb),.2);color:var(--danger)}.notif-btn-clear:hover{background:rgba(var(--danger-rgb),.16);border-color:var(--danger)}.notif-filter-tabs{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--card);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.notif-filter-tabs::-webkit-scrollbar{display:none}.notif-filter-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;font-family:Sora,sans-serif;border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform .12s ease;white-space:nowrap;background:var(--progress-bg);color:var(--text-mute);-webkit-tap-highlight-color:transparent;flex-shrink:0}.notif-filter-tab:hover{background:var(--primary-light);color:var(--primary);border-color:rgba(var(--primary-rgb),.2)}.notif-filter-tab:active{transform:scale(.94)}.notif-filter-tab.active{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 2px 10px rgba(var(--primary-rgb),.4)}.notif-filter-tab .notif-tab-count{background:rgba(255,255,255,.25);color:inherit;font-size:10px;padding:0 5px;border-radius:var(--radius-full);min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.notif-filter-tab:not(.active) .notif-tab-count{background:var(--border);color:var(--text-mute)}.notif-list-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px;max-height:480px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.notif-list-body::-webkit-scrollbar{width:4px}.notif-list-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);border-left:3px solid var(--border);position:relative;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),opacity .25s ease,max-height .3s ease;animation:.35s cubic-bezier(.16,1,.3,1) both notifItemIn;overflow:hidden}@keyframes notifItemIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notifItemOut{from{opacity:1;transform:translateX(0) scale(1);max-height:100px;margin-bottom:0}to{opacity:0;transform:translateX(60px) scale(.95);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-8px}}.notif-item.notif-item-deleting{animation:.28s cubic-bezier(.4,0,1,1) both notifItemOut;pointer-events:none}.notif-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.notif-item:active{transform:scale(.99)}.notif-item.unread{border-left-color:var(--primary);background:linear-gradient(135deg,rgba(var(--primary-rgb),.07) 0,var(--card) 55%)}.notif-item.unread:hover{border-left-color:var(--primary);box-shadow:var(--shadow-md),0 0 0 1px rgba(var(--primary-rgb),.12)}.notif-item.type-info,.notif-item.type-session{border-left-color:var(--primary)}.notif-item.type-success{border-left-color:var(--success)}.notif-item.type-streak{border-left-color:var(--danger)}.notif-item.type-exam,.notif-item.type-trophy{border-left-color:var(--accent)}.notif-item.type-badge{border-left-color:var(--secondary)}.notif-item.type-warning{border-left-color:var(--warning)}.notif-icon-wrap{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:var(--primary-light);color:var(--primary);transition:transform .2s cubic-bezier(.34, 1.56, .64, 1)}.notif-item:hover .notif-icon-wrap{transform:scale(1.1) rotate(-5deg)}.notif-item.type-info .notif-icon-wrap,.notif-item.type-session .notif-icon-wrap{background:var(--primary-light);color:var(--primary)}.notif-item.type-success .notif-icon-wrap{background:var(--success-light);color:var(--success)}.notif-item.type-streak .notif-icon-wrap{background:var(--danger-light);color:var(--danger)}.notif-item.type-exam .notif-icon-wrap,.notif-item.type-trophy .notif-icon-wrap{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.notif-item.type-badge .notif-icon-wrap{background:rgba(var(--secondary-rgb),.12);color:var(--secondary)}.notif-item.type-warning .notif-icon-wrap{background:var(--warning-light);color:var(--warning)}.notif-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notif-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.notif-item-title{font-family:Sora,sans-serif;font-size:13px;font-weight:700;color:var(--text);line-height:1.3}.notif-item.unread .notif-item-title{color:var(--text)}.notif-item-time{font-size:10px;color:var(--text-mute);flex-shrink:0;font-variant-numeric:tabular-nums;background:var(--progress-bg);padding:2px 7px;border-radius:var(--radius-full);border:1px solid var(--border);white-space:nowrap}.notif-item-msg{font-size:12px;color:var(--text-mute);line-height:1.45;margin:0;overflow-wrap:anywhere}.notif-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);flex-shrink:0;align-self:center;animation:2s infinite notifDotPulse}@keyframes notifDotPulse{0%,100%{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}50%{box-shadow:0 0 0 5px rgba(var(--primary-rgb),.08)}}.notif-del-btn{background:0 0;border:none;color:var(--text-mute);opacity:0;font-size:12px;padding:6px 7px;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);align-self:flex-start;flex-shrink:0;margin-top:1px}.notif-item:focus-within .notif-del-btn,.notif-item:hover .notif-del-btn{opacity:1}.notif-del-btn:hover{color:var(--danger);background:var(--danger-light);transform:scale(1.12);opacity:1}.notif-del-btn:active{transform:scale(.9)}@media (hover:none){.notif-del-btn{opacity:.45}}.notif-empty{text-align:center;padding:48px 20px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-mute);gap:6px;animation:.4s cubic-bezier(.16,1,.3,1) both notifItemIn}.notif-empty-icon-wrap{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.notif-empty-icon-wrap i{font-size:28px;color:var(--text-mute);opacity:.5;position:relative;z-index:1}.notif-empty-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--border);animation:2.5s ease-in-out infinite notifEmptyRing}.notif-empty-ring:nth-child(2){animation-delay:.8s;opacity:.6}@keyframes notifEmptyRing{0%{transform:scale(.7);opacity:0}30%{opacity:1}100%{transform:scale(1.3);opacity:0}}.notif-empty h4{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--text);font-family:Sora,sans-serif}.notif-empty p{font-size:12px;margin:0 0 16px;line-height:1.5;max-width:260px}.notif-modal-footer{padding:10px 20px;border-top:1px solid var(--border);text-align:center;font-size:11px;color:var(--text-mute);background:var(--progress-bg);flex-shrink:0}html[dir=rtl] .notif-item{border-left:1px solid var(--border);border-right:3px solid var(--border)}html[dir=rtl] .notif-item.type-info,html[dir=rtl] .notif-item.type-session,html[dir=rtl] .notif-item.unread{border-right-color:var(--primary)}html[dir=rtl] .notif-item.type-success{border-right-color:var(--success)}html[dir=rtl] .notif-item.type-streak{border-right-color:var(--danger)}html[dir=rtl] .notif-item.type-exam,html[dir=rtl] .notif-item.type-trophy{border-right-color:var(--accent)}html[dir=rtl] .notif-item.type-badge{border-right-color:var(--secondary)}html[dir=rtl] .notif-item.type-warning{border-right-color:var(--warning)}html[dir=rtl] .notif-item.notif-item-deleting{animation-name:notifItemOutRTL}@keyframes notifItemOutRTL{from{opacity:1;transform:translateX(0) scale(1);max-height:100px}to{opacity:0;transform:translateX(-60px) scale(.95);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-8px}}@media (max-width:768px){.notif-drag-handle{display:block}.notif-modal-card{width:100%!important;max-width:100%!important;max-height:92vh!important;border-radius:22px 22px 0 0!important;margin-top:auto!important;border-left:none!important;border-right:none!important;border-bottom:none!important}.notif-modal-card .modal-header{padding:12px 16px 10px}.notif-modal-title{font-size:14px}.notif-header-right{gap:4px}.notif-action-btn{padding:5px 10px;font-size:11px;gap:4px}.notif-filter-tabs{padding:10px 14px;gap:5px}.notif-filter-tab{padding:5px 12px;font-size:11.5px}.notif-list-body{padding:10px 12px;gap:7px;max-height:60vh}.notif-item{padding:11px 12px;gap:10px;border-radius:var(--radius-md)}.notif-icon-wrap{width:34px;height:34px;font-size:13px}.notif-item-title{font-size:12.5px}.notif-item-msg{font-size:11.5px}.notif-del-btn{opacity:.5}}