:root{--bg: #f4f7ff;--bg-soft: #eef4ff;--panel: rgba(255,255,255,.78);--panel-strong: #ffffff;--card: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,248,255,.96));--card-alt: #f7f9ff;--text: #1f2937;--text-soft: #475569;--muted: #64748b;--primary: #7c3aed;--primary-soft: rgba(124, 58, 237, .11);--secondary: #14b8a6;--accent: #f59e0b;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--border: rgba(148, 163, 184, .28);--shadow: 0 22px 46px rgba(109, 84, 214, .12);--toast-bg: rgba(15, 23, 42, .92);--calendar-cell: rgba(255,255,255,.82);--calendar-cell-hover: rgba(124,58,237,.08);--radius: 22px}body[data-theme=dark]{--bg: #090d14;--bg-soft: #111923;--panel: rgba(17,25,35,.88);--panel-strong: #151f2c;--card: linear-gradient(180deg, rgba(22,32,45,.98), rgba(14,21,30,.98));--card-alt: #182433;--text: #edf6ff;--text-soft: #c7d7e8;--muted: #8fa6bb;--primary: #38bdf8;--primary-soft: rgba(56,189,248,.15);--secondary: #84cc16;--accent: #facc15;--success: #a3e635;--warning: #facc15;--danger: #fb7185;--border: rgba(125,178,220,.22);--shadow: 0 20px 45px rgba(0,0,0,.52);--toast-bg: rgba(2,6,23,.96);--calendar-cell: #1b2a3a;--calendar-cell-hover: #263b50}body[data-theme=dark]{background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 35%),linear-gradient(315deg,rgba(132,204,22,.06),transparent 30%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),#090d14}body[data-theme=dark] .topbar,body[data-theme=dark] .mobile-nav{background:linear-gradient(105deg,#15202ef5,#0d141df0);border-color:#38bdf847}body[data-theme=dark] .card{border-color:#7db2dc33;box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff09}body[data-theme=dark] .primary-btn{background:linear-gradient(110deg,#0284c7,#38bdf8);color:#03121d}body[data-theme=dark] .secondary-btn{background:linear-gradient(110deg,#84cc1642,#65a30d2e);color:#d9f99d;border-color:#84cc1659}body[data-theme=dark] .ghost-btn{background:#38bdf814;color:var(--text);border-color:#38bdf83d}body[data-theme=dark] .focus-timer-card,body[data-theme=dark] .home-panel-study-time,body[data-theme=dark] .planner-tasks,body[data-theme=dark] .quiz-history-panel{background:linear-gradient(135deg,#38bdf821,#84cc1614),var(--card)}body[data-theme=dark] .progress-hero{background:linear-gradient(115deg,#123a58,#075985 52%,#365314);box-shadow:0 24px 48px #0284c733}body[data-theme=dark] .score-ring{background:conic-gradient(#a3e635 var(--score),rgba(255,255,255,.14) 0deg)}body[data-theme=dark] .calendar-cell.today{box-shadow:0 0 0 2px #84cc1640,0 0 16px #38bdf82e}body[data-theme=aurora]{--bg: #10152b;--bg-soft: #182343;--panel: rgba(22,31,59,.76);--panel-strong: #1b2748;--card: linear-gradient(145deg, rgba(31,43,78,.96), rgba(24,31,62,.94));--card-alt: #202d50;--text: #f5f7ff;--text-soft: #d8def2;--muted: #a9b4d2;--primary: #ff6b5f;--primary-soft: rgba(255,107,95,.16);--secondary: #2dd4bf;--accent: #facc15;--success: #a3e635;--warning: #fbbf24;--danger: #fb7185;--border: rgba(143,190,255,.28);--shadow: 0 24px 55px rgba(3,8,28,.42);--toast-bg: rgba(8,13,32,.96);--calendar-cell: #25355d;--calendar-cell-hover: #314676}body[data-theme=aurora]{background:linear-gradient(120deg,rgba(255,107,95,.16),transparent 32%),linear-gradient(245deg,rgba(45,212,191,.16),transparent 34%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px),#10152b}body[data-theme=aurora] .topbar,body[data-theme=aurora] .mobile-nav{background:linear-gradient(105deg,#25345eeb,#1b2748db);border-color:#2dd4bf61;box-shadow:0 18px 40px #03081c47,inset 0 1px #ffffff1a}body[data-theme=aurora] .card{border-color:#8fbeff40;box-shadow:0 18px 45px #03081c4d,inset 0 1px #ffffff0e}body[data-theme=aurora] .primary-btn{background:linear-gradient(110deg,#ff6b5f,#f97316 48%,#facc15);color:#20172a}body[data-theme=aurora] .secondary-btn{background:linear-gradient(110deg,#2dd4bf4d,#38bdf842);color:#a7fff1;border-color:#2dd4bf6b}body[data-theme=aurora] .ghost-btn{background:linear-gradient(110deg,#a78bfa33,#fb718529);color:var(--text);border-color:#a78bfa52}body[data-theme=aurora] .focus-timer-card,body[data-theme=aurora] .home-panel-streak,body[data-theme=aurora] .planner-calendar,body[data-theme=aurora] .quiz-panel{background:linear-gradient(135deg,#2dd4bf2b,#a78bfa21 52%,#ff6b5f1f),var(--card)}body[data-theme=aurora] .progress-hero{background:linear-gradient(115deg,#46308f,#b54486 48%,#0f9f9a);box-shadow:0 24px 48px #b5448652}body[data-theme=aurora] .progress-hero .highlight-text,body[data-theme=aurora] .score-ring{color:#facc15}body[data-theme=aurora] .calendar-cell.today{box-shadow:0 0 0 2px #facc1547,0 0 18px #2dd4bf33}body[data-theme=dark] .celebration-modal{background:linear-gradient(145deg,#172033,#1e293b)}body[data-theme=dark] .install-help{background:#a78bfa24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 15%,rgba(124,58,237,.18),transparent 18%),radial-gradient(circle at 90% 8%,rgba(20,184,166,.18),transparent 20%),radial-gradient(circle at 80% 80%,rgba(245,158,11,.12),transparent 18%),linear-gradient(180deg,#f7f4ff,#eef9ff 36%,#f5f9ff);color:var(--text);transition:background .2s ease,color .2s ease}body[data-theme=dark]{background:radial-gradient(circle at 10% 15%,rgba(124,58,237,.26),transparent 18%),radial-gradient(circle at 90% 8%,rgba(20,184,166,.22),transparent 18%),linear-gradient(180deg,#0b1020,#101b2e)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:none;background:none;cursor:pointer}#root{min-height:100vh}.app-shell{max-width:1440px;margin:0 auto;padding:16px 16px 90px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:10px 14px;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;position:sticky;top:10px;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}.brand-mark{width:36px;height:36px;border-radius:10px;object-fit:cover;flex:0 0 auto}.topbar-actions{display:flex;align-items:center;gap:10px}.utility-header-btn{position:relative;gap:3px;width:auto;min-width:42px;padding:0 10px;font-size:1.05rem}.utility-header-btn strong{color:var(--accent);font-size:.78rem}.notification-header-btn{font-size:1.1rem}.icon-btn,.chip-button,.nav-btn,.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{border-radius:12px;transition:transform .18s ease,opacity .18s ease,background .18s ease}.icon-btn:active,.chip-button:active,.nav-btn:active,.primary-btn:active,.secondary-btn:active,.danger-btn:active,.ghost-btn:active{transform:translateY(1px)}.icon-btn{width:42px;height:42px;display:grid;place-items:center;background:var(--card);border:1px solid var(--border);color:var(--text)}.mobile-menu-toggle{display:none}.menu-glyph{display:grid;gap:4px;width:18px}.menu-glyph i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.8rem 1rem;font-weight:700;border:1px solid transparent}.primary-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;box-shadow:0 16px 30px #7c3aed40}.secondary-btn{background:linear-gradient(135deg,#14b8a638,#2563eb24);color:#087f78;border-color:#14b8a647;box-shadow:0 8px 18px #14b8a61a}.ghost-btn{background:linear-gradient(135deg,#7c3aed14,#f59e0b14);border-color:#7c3aed2e;color:var(--text)}.danger-btn{background:linear-gradient(135deg,#ef444424,#fb923c24);border-color:#ef444440;color:#c2410c}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.danger-btn:hover{filter:saturate(1.18) brightness(1.03)}.grid{display:grid;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 26px 50px #7c3aed1f;border-color:#7c3aed33}.page{display:grid;gap:18px}.utility-page{animation:utility-page-in .24s ease both}.utility-page-header{display:flex;align-items:center;gap:12px}.utility-page-header h1{margin:3px 0 0;font-size:clamp(1.7rem,4vw,2.4rem)}.utility-back-btn{font-size:1.35rem}.notification-list{display:grid;gap:14px}.notification-card{padding:18px;border-top:4px solid var(--accent)}.notification-card p{margin:12px 0 0;line-height:1.55}.notification-card-title{display:flex;align-items:center;gap:12px}.notification-card-title h2{margin:0;font-size:1.12rem}.notification-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#7c3aed24;font-size:1.3rem}.notification-focus{border-top-color:#db2777}.notification-planning{border-top-color:#0d9488}.notification-exam{border-top-color:#f59e0b}.notification-motivation{border-top-color:#2563eb}.notification-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.notification-row:last-of-type{border-bottom:0}.streak-page{max-width:720px;margin:0 auto;width:100%}.streak-detail-card{display:grid;justify-items:center;text-align:center;padding:clamp(24px,6vw,48px)}.streak-detail-ring{width:min(220px,58vw);aspect-ratio:1;display:grid;place-content:center;position:relative;border-radius:50%;background:conic-gradient(var(--accent) var(--streak-progress),rgba(148,163,184,.2) 0deg);box-shadow:0 20px 45px #7c3aed33}.streak-detail-ring:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:var(--panel-strong)}.streak-detail-ring strong,.streak-detail-ring span{position:relative;z-index:1}.streak-detail-ring strong{font-size:clamp(2rem,7vw,3.1rem);line-height:1}.streak-detail-ring span{margin-top:6px;color:var(--muted);font-size:.85rem}.streak-detail-card h2{margin:22px 0 0}.streak-detail-card p{max-width:420px;margin:8px 0 20px;line-height:1.55}@keyframes utility-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-header h2,.section-header h3{margin:0;font-size:1.15rem}.stat-card,.list-card{padding:18px}.home-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.home-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-focus-panel,.exam-countdown-panel{padding:18px;overflow:hidden}.home-focus-panel{border-top:4px solid #db2777;background:linear-gradient(135deg,#db277724,#f59e0b14),var(--card)}.exam-countdown-panel{border-top:4px solid #0d9488;background:linear-gradient(135deg,#14b8a629,#2563eb14),var(--card)}.focus-subject-list{display:flex;flex-wrap:wrap;gap:8px}.focus-subject{padding:8px 11px;border-radius:10px;background:#db27771f;color:#be185d;font-weight:800;text-transform:capitalize}.focus-task-hint{margin:14px 0 0;color:#be185d;font-size:.85rem;font-weight:700}.countdown-value{display:flex;align-items:baseline;gap:10px;min-height:82px}.countdown-value strong{color:#0f766e;font-size:clamp(3rem,8vw,4.8rem);line-height:1}.countdown-value span{color:var(--muted);font-weight:800}.stack{display:grid;gap:18px}.greeting{font-size:clamp(1.7rem,4vw,2.5rem);margin:0}.progress-bar{width:100%;height:12px;border-radius:999px;background:#94a3b833;overflow:hidden}.progress-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary))}.task-item,.goal-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.task-item:last-child,.goal-item:last-child{border-bottom:none}.task-main{display:flex;align-items:center;gap:12px;flex:1}.check-box{width:20px;height:20px;border-radius:50%;border:2px solid var(--primary);background:transparent;position:relative}.check-box.checked{background:var(--primary)}.check-box.checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:700}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;padding:.4rem .7rem;border-radius:999px;background:linear-gradient(135deg,#7c3aed1f,#14b8a621);color:var(--primary);font-size:.8rem;font-weight:700}.highlight-text{color:var(--primary);font-weight:800;text-shadow:0 4px 16px rgba(124,58,237,.15)}.info-card{background:linear-gradient(135deg,#7c3aed0f,#14b8a614)}.home-panel-goal,.home-panel-tasks,.home-panel-reminders,.home-panel-study-time,.home-panel-streak,.home-panel-goals,.home-panel-actions,.planner-filters,.planner-calendar,.planner-tasks,.planner-goals,.quiz-panel,.profile-panel{position:relative;overflow:hidden}.home-panel-goal{background:linear-gradient(135deg,#7c3aed2e,#f59e0b1a),var(--card);border-top:4px solid #7c3aed}.home-panel-tasks{background:linear-gradient(135deg,#2563eb21,#14b8a614),var(--card);border-top:4px solid #2563eb}.home-panel-reminders{background:linear-gradient(135deg,#f59e0b29,#fb923c14),var(--card);border-top:4px solid #f59e0b}.home-panel-study-time{background:linear-gradient(135deg,#14b8a629,#22c55e14),var(--card);border-top:4px solid #0d9488}.home-panel-streak{background:linear-gradient(135deg,#db277724,#f59e0b14),var(--card);border-top:4px solid #db2777}.home-panel-goals{background:linear-gradient(135deg,#16a34a24,#2563eb12),var(--card);border-top:4px solid #16a34a}.home-panel-actions{background:linear-gradient(135deg,#7c3aed21,#14b8a61a),var(--card);border-top:4px solid #7c3aed}.home-panel-goal h2,.home-panel-tasks h2,.home-panel-reminders h3,.home-panel-study-time h3,.home-panel-streak h3,.home-panel-goals h3,.home-panel-actions h3,.planner-page>.section-header h2,.quiz-panel h2,.profile-panel h2{color:var(--primary);text-shadow:0 3px 12px rgba(124,58,237,.14)}.planner-filters{background:linear-gradient(135deg,#0ea5e924,#14b8a614),var(--card);border-left:4px solid #0ea5e9}.planner-calendar{background:linear-gradient(135deg,#7c3aed21,#2563eb14),var(--card);border-left:4px solid #6366f1}.planner-tasks{background:linear-gradient(135deg,#db27771c,#f59e0b12),var(--card);border-left:4px solid #db2777}.planner-goals{background:linear-gradient(135deg,#16a34a21,#14b8a614),var(--card);border-left:4px solid #16a34a}.quiz-panel{background:linear-gradient(135deg,#7c3aed29,#db277714),var(--card);border-top:4px solid #7c3aed}.profile-panel{background:linear-gradient(135deg,#0ea5e921,#14b8a614),var(--card);border-top:4px solid #0284c7}.quiz-setup-panel{background:linear-gradient(135deg,#7c3aed33,#ec48991a),var(--card)}.quiz-history-panel{background:linear-gradient(135deg,#0ea5e929,#14b8a614),var(--card);border-top:4px solid #0ea5e9}.quiz-history-panel h3,.quiz-question-panel h3,.quiz-result-panel h2{color:var(--primary);text-shadow:0 3px 12px rgba(124,58,237,.16)}.quiz-history-panel .card{background:linear-gradient(135deg,#ffffffb3,#e0f2febf);border-color:#0ea5e938}.quiz-question-panel{background:linear-gradient(135deg,#f59e0b29,#7c3aed14),var(--card);border-top:4px solid #f59e0b}.quiz-question-panel .ghost-btn{background:linear-gradient(135deg,#ffffffad,#fef3c7c7)}.quiz-result-panel{background:linear-gradient(135deg,#22c55e29,#14b8a61a),var(--card);border-top:4px solid #22c55e}.quiz-result-panel .card{background:linear-gradient(135deg,#ecfdf5e6,#eff6ffcc);border-color:#22c55e38}.nav-row{display:flex;gap:8px;flex-wrap:wrap}.nav-btn{padding:.8rem 1rem;background:transparent;color:var(--text-soft);border:1px solid var(--border)}.nav-btn.active{background:var(--primary-soft);color:var(--primary);border-color:#4f46e51f}.mobile-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:18px;background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow)}.mobile-menu-backdrop{display:none}.nav-item{flex:1;display:grid;place-items:center;gap:4px;padding:8px 6px;color:var(--text-soft);border-radius:12px;font-size:.72rem;font-weight:700}.nav-item.active{background:var(--primary-soft);color:var(--primary)}@media (min-width: 768px){.app-shell{padding:24px 24px 110px}.mobile-nav{display:none}}@media (max-width: 767px){.desktop-sidebar,.topbar .search-btn,.topbar .theme-toggle{display:none}.mobile-menu-toggle{display:grid}.home-grid{grid-template-columns:1fr}.app-shell{padding-bottom:96px}}@media (min-width: 768px) and (max-width: 1023px){.home-grid{grid-template-columns:1fr}}@media (min-width: 1024px){.app-shell{padding-top:28px}.main-layout{display:grid;grid-template-columns:250px 1fr;gap:20px}.desktop-sidebar{position:sticky;top:18px;align-self:start;display:grid;gap:16px}.mobile-nav{display:none}}.form-grid{display:grid;gap:14px}.input,.textarea,.select{width:100%;border:1px solid var(--border);background:var(--panel-strong);color:var(--text);border-radius:12px;padding:.8rem .9rem}textarea{min-height:92px;resize:vertical}.empty-state{display:grid;place-items:center;text-align:center;gap:10px;padding:22px 14px;color:var(--muted);border:1px dashed var(--border);border-radius:16px;background:#94a3b80a}.support-contact-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 16px;padding:14px;border:1px solid rgba(20,184,166,.26);border-radius:16px;background:linear-gradient(135deg,#14b8a61a,#7c3aed14)}.support-label,.support-email{display:block}.support-label{font-size:.76rem;margin-bottom:5px}.support-email{color:var(--primary);overflow-wrap:anywhere}.about-support-section{margin-top:2px;padding-top:18px;border-top:1px solid var(--border)}.install-help{display:grid;gap:8px;margin-top:14px;padding:14px;border-radius:14px;background:#7c3aed14}.install-help p{margin:0;font-size:.84rem;line-height:1.55}.celebration-modal{text-align:center;background:linear-gradient(145deg,var(--panel-strong),rgba(255,247,220,.98))}.celebration-icon{font-size:3rem;margin-bottom:4px}.celebration-modal h2{margin:6px 0 4px;font-size:2rem}.celebration-modal>.muted{margin:0 0 18px}.celebration-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.celebration-stats div{padding:12px 8px;border-radius:14px;background:#7c3aed14}.celebration-stats strong,.celebration-stats span{display:block}.celebration-stats strong{color:var(--primary);font-size:1.05rem}.celebration-stats span{color:var(--muted);font-size:.72rem;margin-top:4px}.celebration-badges{text-align:left}.celebration-badges>strong{display:block;margin-bottom:10px}.celebration-badges .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.celebration-close{width:100%;margin-top:18px}.toaster{position:fixed;right:16px;bottom:90px;display:grid;gap:8px;z-index:100}.toast{background:var(--toast-bg);color:#fff;padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:16px;z-index:80}.modal{width:min(100%,540px);background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px}.task-form{min-width:0}.task-form-actions{position:sticky;bottom:-18px;z-index:2;display:flex;gap:10px;justify-content:flex-end;margin:4px -2px -18px;padding:14px 2px 18px;background:var(--card);border-top:1px solid var(--border)}.task-form-actions button{min-width:110px}.confirm-body{display:grid;gap:12px}.timer-shell{display:grid;gap:16px}.timer-display{font-size:clamp(3rem,12vw,7rem);font-weight:800;text-align:center;letter-spacing:-.06em;color:var(--primary);text-shadow:0 8px 18px rgba(124,58,237,.18)}.focus-timer-card{padding:clamp(18px,3vw,26px);border-top:4px solid var(--secondary);background:linear-gradient(135deg,#14b8a614,#7c3aed12),var(--card)}.focus-timer-card h2{margin:4px 0 0}.timer-status{padding:7px 10px;border-radius:999px;background:#94a3b81f;color:var(--muted);font-size:.76rem;font-weight:800}.timer-status-active{color:var(--secondary);background:#14b8a624}.timer-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);align-items:center;gap:24px}.focus-timer-card .timer-display{text-align:left;font-size:clamp(2.8rem,7vw,5rem)}.timer-caption{max-width:420px;margin:0;font-size:.82rem}.timer-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.timer-controls button{flex:1 1 125px}.switch{width:54px;height:32px;border-radius:999px;background:#94a3b859;border:1px solid var(--border);position:relative;transition:all .2s ease;padding:0;overflow:hidden}.switch.on{background:linear-gradient(135deg,var(--primary),var(--secondary))}.switch-thumb{position:absolute;top:3px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #0f172a2e;transition:transform .2s ease}.switch.on .switch-thumb{transform:translate(22px)}.settings-card h3{margin-top:0;margin-bottom:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-cell{min-height:66px;padding:6px;border-radius:14px;border:1px solid var(--border);background:var(--calendar-cell);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.calendar-cell:hover{background:var(--calendar-cell-hover)}.calendar-cell.today{border-color:var(--primary)}.calendar-cell.selected{background:var(--primary-soft)}.calendar-date{font-size:.88rem;font-weight:700}.calendar-dot{width:7px;height:7px;border-radius:50%;background:var(--secondary)}.streak-widget{display:flex;align-items:center;gap:14px}.streak-ring{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) var(--streak-progress),rgba(148,163,184,.22) 0deg);position:relative;flex:0 0 auto}.streak-ring:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--panel-strong)}.streak-ring span{position:relative;font-size:1.55rem}.streak-count,.streak-caption{display:block}.streak-count{font-size:1.65rem}.streak-caption{margin-top:4px;font-size:.78rem}.app-main{display:grid;gap:18px}.inset-panel{padding:18px}.progress-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,5vw,42px);border-radius:28px;color:#fff;overflow:hidden;position:relative;background:linear-gradient(120deg,#4422a7,#6846d8 44%,#0d9f9a);box-shadow:0 24px 44px #4422a740}.progress-hero:after{content:"";position:absolute;width:220px;height:220px;right:15%;top:-120px;border:32px solid rgba(255,255,255,.12);border-radius:50%}.progress-hero h2{max-width:600px;margin:8px 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.04}.progress-hero .highlight-text{color:#ffe08a;text-shadow:0 4px 16px rgba(255,224,138,.28)}.progress-hero .muted{color:#ffffffc7;max-width:560px}.eyebrow,.section-kicker{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.report-pill{padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff1f;font-size:.82rem;font-weight:700}.overall-score{display:grid;place-items:center;gap:8px;min-width:150px;position:relative;z-index:1;font-size:.78rem;color:#fffc}.score-ring{width:128px;height:128px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#ffe08a var(--score),rgba(255,255,255,.18) 0deg);position:relative}.score-ring:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;background:#5132b6;border-radius:inherit}.score-ring strong{position:relative;font-size:1.8rem;color:#fff}.report-section-heading{display:flex;gap:12px;align-items:flex-start;margin:8px 0 -4px}.report-section-heading h3{margin:0 0 3px}.report-section-heading p{margin:0;font-size:.88rem}.report-section-heading{padding:12px 14px;border-radius:16px;border:1px solid transparent}.report-section-heading-01{background:linear-gradient(100deg,#7c3aed24,#7c3aed08);border-color:#7c3aed29}.report-section-heading-01 .section-kicker{color:#7c3aed}.report-section-heading-02{background:linear-gradient(100deg,#14b8a626,#2563eb0a);border-color:#14b8a62e}.report-section-heading-02 .section-kicker{color:#0d9488}.progress-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.progress-stat{min-height:142px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow);position:relative;overflow:hidden}.progress-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--stat-color)}.progress-stat span,.progress-stat small{display:block;color:var(--muted);font-size:.82rem}.progress-stat strong{display:block;margin:12px 0 5px;color:var(--stat-color);font-size:1.7rem}.progress-stat small{font-size:.76rem}.progress-stat-violet{--stat-color: #7c3aed}.progress-stat-teal{--stat-color: #0d9488}.progress-stat-orange{--stat-color: #ea580c}.progress-stat-pink{--stat-color: #db2777}.progress-stat-blue{--stat-color: #2563eb}.progress-stat-green{--stat-color: #16a34a}.progress-stat-indigo{--stat-color: #4f46e5}.progress-stat-gold{--stat-color: #ca8a04}.progress-stat-grid-compact .progress-stat{min-height:126px}.mini-progress{height:7px;margin-top:14px;background:#94a3b833;border-radius:99px;overflow:hidden}.mini-progress span{height:100%;background:var(--stat-color);border-radius:inherit}.level-panel{padding:22px}.level-panel .section-header{align-items:flex-start}.level-panel h3{margin:4px 0 0}.level-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:.8rem}.report-section-03{background:linear-gradient(120deg,#f59e0b2b,#7c3aed0f),var(--card);border-color:#f59e0b3d}.report-section-03 .section-kicker{color:#d97706}.badges-panel{background:linear-gradient(135deg,#f59e0b14,#7c3aed0d)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.achievement{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:15px;opacity:.52;background:var(--panel-strong)}.achievement-unlocked{opacity:1;border-color:#f59e0b59}.achievement-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f59e0b29;font-size:1.1rem}.achievement strong,.achievement span{display:block}.achievement span{margin-top:3px;color:var(--muted);font-size:.75rem}.report-download-panel{border-top:4px solid var(--secondary);background:linear-gradient(135deg,#14b8a61f,#f59e0b1a,#7c3aed14)}.report-download-panel .primary-btn{background:linear-gradient(135deg,#7c3aed,#db2777)}.report-download-panel .secondary-btn{background:linear-gradient(135deg,#14b8a6,#2563eb);color:#fff;border-color:transparent}@media (max-width: 767px){.progress-hero{align-items:flex-start;flex-direction:column}.overall-score{align-self:center}.progress-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-stat{min-height:132px;padding:15px}.progress-stat strong{font-size:1.4rem}.level-meta{flex-direction:column;gap:2px}}@media (max-width: 767px){.calendar-grid{gap:4px}.calendar-cell{min-height:56px}.timer-display{font-size:clamp(2.5rem,20vw,5rem)}}html,body{overflow-x:hidden}.app-shell,.main-layout,.app-main,.page,.card,.inset-panel{min-width:0}.app-shell{width:min(100%,1440px)}.app-main{overflow:hidden}.section-header{flex-wrap:wrap}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn,.nav-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}.nav-btn{width:100%;text-align:left}@media (min-width: 768px){.main-layout{grid-template-columns:minmax(200px,250px) minmax(0,1fr);align-items:start}.desktop-sidebar{min-width:0}.home-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr)}.progress-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 768px) and (max-width: 1023px){.app-shell{padding:18px 18px 100px}.main-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px}.desktop-sidebar{display:grid;gap:14px;position:sticky;top:18px}.desktop-sidebar .inset-panel{padding:14px}.desktop-sidebar .nav-btn{padding:.68rem .72rem;font-size:.86rem}.desktop-sidebar .timer-shell{gap:12px}.desktop-sidebar .timer-display{font-size:clamp(2.2rem,6vw,4rem)}.home-grid{grid-template-columns:minmax(0,1fr)}.progress-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.app-shell{padding:12px 12px 96px}.topbar{top:6px;margin-bottom:14px;padding:8px 10px}.topbar .brand{min-width:0}.topbar .brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{gap:14px}.card,.inset-panel,.stat-card,.list-card{border-radius:17px}.section-header h2{font-size:1.05rem}.section-header h3{font-size:1rem}.home-grid{gap:14px}.home-overview-grid{grid-template-columns:1fr;gap:14px}.progress-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.progress-stat{min-width:0;padding:13px}.progress-stat span,.progress-stat small{overflow-wrap:anywhere}.activity-chart{gap:5px;padding-inline:2px}.chart-column strong{font-size:.65rem}.chart-value{font-size:.62rem}.mobile-nav{left:auto;right:12px;top:68px;bottom:auto;width:min(320px,calc(100vw - 24px));display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px;padding:16px;opacity:0;transform:translateY(-12px) scale(.96);transform-origin:top right;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.mobile-nav.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mobile-nav .nav-item{display:flex;flex:none;align-items:center;justify-content:center;gap:14px;width:auto;min-width:0;min-height:52px;padding:16px;text-align:center;font-size:1rem;line-height:1.3}.mobile-nav .nav-item span:first-child{font-size:1.25rem}.mobile-nav .nav-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;display:block;background:#0f172a38;opacity:0;pointer-events:none;transition:opacity .22s ease}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}.calendar-cell{overflow:hidden}.modal{max-height:calc(100vh - 32px);overflow-y:auto}.task-form-actions{justify-content:stretch}.task-form-actions button{flex:1}.timer-layout{grid-template-columns:1fr;gap:12px}.focus-timer-card .timer-display{text-align:center;font-size:clamp(2.6rem,18vw,4.5rem)}.timer-caption{text-align:center;margin-inline:auto}.timer-controls{justify-content:stretch}.timer-controls button{flex:1 1 calc(50% - 9px)}.celebration-stats,.celebration-badges .badge-grid{grid-template-columns:1fr}.support-contact-card{align-items:stretch;flex-direction:column}.support-email{font-size:.82rem;line-height:1.35}}