@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root,[data-theme=midnight]{--bg-base: #080a11;--bg-gradient: radial-gradient(circle at 85% -15%, rgba(139, 92, 246, .32) 0%, transparent 45%), radial-gradient(circle at 10% 85%, rgba(34, 211, 238, .18) 0%, transparent 42%), radial-gradient(circle at 50% 50%, rgba(99, 102, 241, .12) 0%, transparent 55%), #080a11;--bg-sidebar: rgba(13, 16, 25, .78);--border-sidebar: rgba(255, 255, 255, .08);--glass-blur: blur(20px) saturate(180%);--glass-bg: linear-gradient(135deg, rgba(23, 29, 48, .72) 0%, rgba(14, 18, 30, .62) 100%);--glass-border: rgba(255, 255, 255, .11);--glass-border-hover: rgba(167, 139, 250, .55);--glass-specular: inset 0 1px 1px 0 rgba(255, 255, 255, .2), inset 0 0 12px 0 rgba(139, 92, 246, .08);--glass-specular-hover: inset 0 1px 2px 0 rgba(255, 255, 255, .35), inset 0 0 20px 0 rgba(139, 92, 246, .22);--glass-shadow: 0 16px 42px -10px rgba(0, 0, 0, .55), 0 4px 14px -2px rgba(0, 0, 0, .35);--glass-shadow-hover: 0 24px 54px -8px rgba(0, 0, 0, .68), 0 0 32px -4px rgba(139, 92, 246, .35);--glass-surface-bg: rgba(25, 31, 48, .54);--glass-surface-hover: rgba(33, 41, 64, .74);--glass-shimmer: rgba(255, 255, 255, .14);--bg-card: var(--glass-bg);--border-card: var(--glass-border);--border-card-hover: var(--glass-border-hover);--card-shadow: var(--glass-shadow);--bg-surface: var(--glass-surface-bg);--bg-surface-hover: var(--glass-surface-hover);--border-subtle: rgba(255, 255, 255, .09);--bg-input: rgba(14, 17, 27, .85);--border-input: rgba(255, 255, 255, .14);--border-input-focus: #8b5cf6;--focus-ring: #a78bfa;--focus-shadow: rgba(139, 92, 246, .38);--text-main: #f8fafc;--text-heading: #f8fafc;--text-muted: #94a3b8;--text-label: #e2e8f0;--accent-text: #a78bfa;--accent-primary: #8b5cf6;--accent-secondary: #22d3ee;--accent-gradient: linear-gradient(135deg, #8b5cf6, #7654e8);--button-shadow: 0 8px 22px rgba(139, 92, 246, .38);--button-ghost-bg: rgba(255, 255, 255, .07);--button-ghost-border: rgba(255, 255, 255, .14);--button-ghost-text: #f8fafc;--button-ghost-hover: rgba(255, 255, 255, .14);--button-danger-bg: rgba(251, 113, 133, .18);--button-danger-text: #fb7185;--button-danger-border: rgba(251, 113, 133, .32);--button-danger-hover: rgba(251, 113, 133, .28);--stat-green: #34d399;--stat-gold: #fbbf24;--stat-cyan: #22d3ee;--pill-bg: rgba(139, 92, 246, .18);--pill-color: #c4b5fd;--avatar-bg: rgba(139, 92, 246, .22);--progress-bg: rgba(255, 255, 255, .12);--check-border: rgba(255, 255, 255, .18);--check-color: #94a3b8;--check-active-bg: rgba(52, 211, 153, .22);--check-active-color: #34d399;--check-active-border: rgba(52, 211, 153, .65);--weekday-bg: rgba(14, 17, 27, .85);--weekday-border: rgba(255, 255, 255, .14);--weekday-color: #94a3b8;--weekday-hover-bg: rgba(23, 28, 43, .9);--weekday-selected-border: #a78bfa;--modal-bg: rgba(21, 26, 40, .86);--modal-backdrop: rgba(5, 6, 11, .78);--modal-shadow: 0 28px 90px rgba(0, 0, 0, .75);--toast-bg: rgba(32, 39, 58, .88);--toast-border: rgba(139, 92, 246, .55);--toast-text: #f8fafc;--cal-cell-bg: var(--glass-surface-bg);--cal-cell-border: rgba(255, 255, 255, .08);--cal-cell-today-border: #8b5cf6;--cal-cell-today-bg: rgba(139, 92, 246, .18);--profile-card-bg: linear-gradient(135deg, rgba(33, 26, 61, .75) 0%, rgba(18, 22, 34, .65) 70%);--profile-glow: rgba(139, 92, 246, .22);--mobile-nav-bg: rgba(17, 21, 34, .88);--mobile-nav-border: rgba(255, 255, 255, .12);--nav-link-color: #94a3b8;--nav-link-hover-color: #ffffff;--nav-link-hover-bg: rgba(139, 92, 246, .18);--nav-link-active-color: #ffffff;--nav-link-active-bg: rgba(139, 92, 246, .22);--nav-link-active-bar: #a78bfa;--theme-card-bg: var(--glass-surface-bg);--theme-card-border: rgba(255, 255, 255, .12)}[data-theme=forest]{--bg-base: #06120e;--bg-gradient: radial-gradient(circle at 85% -15%, rgba(16, 185, 129, .32) 0%, transparent 45%), radial-gradient(circle at 10% 85%, rgba(52, 211, 153, .2) 0%, transparent 42%), radial-gradient(circle at 50% 50%, rgba(5, 150, 105, .14) 0%, transparent 55%), #06120e;--bg-sidebar: rgba(9, 23, 19, .82);--border-sidebar: rgba(16, 185, 129, .15);--glass-blur: blur(20px) saturate(180%);--glass-bg: linear-gradient(135deg, rgba(14, 34, 27, .74) 0%, rgba(8, 22, 17, .64) 100%);--glass-border: rgba(16, 185, 129, .2);--glass-border-hover: rgba(52, 211, 153, .55);--glass-specular: inset 0 1px 1px 0 rgba(110, 231, 183, .25), inset 0 0 12px 0 rgba(16, 185, 129, .1);--glass-specular-hover: inset 0 1px 2px 0 rgba(167, 243, 208, .4), inset 0 0 20px 0 rgba(16, 185, 129, .25);--glass-shadow: 0 16px 42px -10px rgba(0, 0, 0, .55), 0 4px 14px -2px rgba(0, 0, 0, .35);--glass-shadow-hover: 0 24px 54px -8px rgba(0, 0, 0, .68), 0 0 32px -4px rgba(16, 185, 129, .35);--glass-surface-bg: rgba(16, 36, 30, .56);--glass-surface-hover: rgba(22, 48, 40, .74);--glass-shimmer: rgba(110, 231, 183, .15);--bg-card: var(--glass-bg);--border-card: var(--glass-border);--border-card-hover: var(--glass-border-hover);--card-shadow: var(--glass-shadow);--bg-surface: var(--glass-surface-bg);--bg-surface-hover: var(--glass-surface-hover);--border-subtle: rgba(16, 185, 129, .14);--bg-input: rgba(8, 22, 19, .85);--border-input: rgba(16, 185, 129, .26);--border-input-focus: #10b981;--focus-ring: #34d399;--focus-shadow: rgba(16, 185, 129, .38);--text-main: #ecfdf5;--text-heading: #f0fdf4;--text-muted: #9cd5c4;--text-label: #d1fae5;--accent-text: #6ee7b7;--accent-primary: #10b981;--accent-secondary: #34d399;--accent-gradient: linear-gradient(135deg, #059669, #0d9488);--button-shadow: 0 8px 22px rgba(5, 150, 105, .38);--button-ghost-bg: rgba(16, 185, 129, .1);--button-ghost-border: rgba(16, 185, 129, .24);--button-ghost-text: #ecfdf5;--button-ghost-hover: rgba(16, 185, 129, .2);--button-danger-bg: rgba(251, 113, 133, .18);--button-danger-text: #fb7185;--button-danger-border: rgba(251, 113, 133, .32);--button-danger-hover: rgba(251, 113, 133, .28);--stat-green: #34d399;--stat-gold: #fbbf24;--stat-cyan: #2dd4bf;--pill-bg: rgba(16, 185, 129, .18);--pill-color: #6ee7b7;--avatar-bg: rgba(16, 185, 129, .22);--progress-bg: rgba(16, 185, 129, .16);--check-border: rgba(16, 185, 129, .3);--check-color: #9cd5c4;--check-active-bg: rgba(52, 211, 153, .22);--check-active-color: #34d399;--check-active-border: rgba(52, 211, 153, .65);--weekday-bg: rgba(8, 22, 19, .85);--weekday-border: rgba(16, 185, 129, .26);--weekday-color: #9cd5c4;--weekday-hover-bg: rgba(18, 40, 34, .9);--weekday-selected-border: #34d399;--modal-bg: rgba(12, 29, 24, .88);--modal-backdrop: rgba(3, 8, 6, .82);--modal-shadow: 0 28px 90px rgba(0, 0, 0, .75);--toast-bg: rgba(16, 40, 33, .88);--toast-border: rgba(16, 185, 129, .55);--toast-text: #ecfdf5;--cal-cell-bg: var(--glass-surface-bg);--cal-cell-border: rgba(16, 185, 129, .14);--cal-cell-today-border: #10b981;--cal-cell-today-bg: rgba(16, 185, 129, .18);--profile-card-bg: linear-gradient(135deg, rgba(16, 51, 39, .75) 0%, rgba(9, 26, 21, .65) 70%);--profile-glow: rgba(16, 185, 129, .25);--mobile-nav-bg: rgba(9, 23, 19, .9);--mobile-nav-border: rgba(16, 185, 129, .18);--nav-link-color: #9cd5c4;--nav-link-hover-color: #f0fdf4;--nav-link-hover-bg: rgba(16, 185, 129, .18);--nav-link-active-color: #ffffff;--nav-link-active-bg: rgba(16, 185, 129, .24);--nav-link-active-bar: #34d399;--theme-card-bg: var(--glass-surface-bg);--theme-card-border: rgba(16, 185, 129, .22)}[data-theme=ember]{--bg-base: #120806;--bg-gradient: radial-gradient(circle at 85% -15%, rgba(234, 88, 12, .35) 0%, transparent 45%), radial-gradient(circle at 10% 85%, rgba(244, 63, 94, .2) 0%, transparent 42%), radial-gradient(circle at 50% 50%, rgba(220, 38, 38, .12) 0%, transparent 55%), #120806;--bg-sidebar: rgba(22, 11, 8, .82);--border-sidebar: rgba(234, 88, 12, .16);--glass-blur: blur(20px) saturate(180%);--glass-bg: linear-gradient(135deg, rgba(38, 19, 14, .76) 0%, rgba(22, 10, 7, .64) 100%);--glass-border: rgba(234, 88, 12, .24);--glass-border-hover: rgba(251, 146, 60, .6);--glass-specular: inset 0 1px 1px 0 rgba(253, 186, 116, .25), inset 0 0 12px 0 rgba(234, 88, 12, .1);--glass-specular-hover: inset 0 1px 2px 0 rgba(254, 215, 170, .4), inset 0 0 20px 0 rgba(234, 88, 12, .25);--glass-shadow: 0 16px 42px -10px rgba(0, 0, 0, .55), 0 4px 14px -2px rgba(0, 0, 0, .35);--glass-shadow-hover: 0 24px 54px -8px rgba(0, 0, 0, .68), 0 0 32px -4px rgba(234, 88, 12, .35);--glass-surface-bg: rgba(39, 20, 16, .58);--glass-surface-hover: rgba(52, 26, 20, .76);--glass-shimmer: rgba(251, 146, 60, .15);--bg-card: var(--glass-bg);--border-card: var(--glass-border);--border-card-hover: var(--glass-border-hover);--card-shadow: var(--glass-shadow);--bg-surface: var(--glass-surface-bg);--bg-surface-hover: var(--glass-surface-hover);--border-subtle: rgba(234, 88, 12, .15);--bg-input: rgba(23, 11, 8, .85);--border-input: rgba(234, 88, 12, .28);--border-input-focus: #ea580c;--focus-ring: #fb923c;--focus-shadow: rgba(234, 88, 12, .38);--text-main: #fff1ee;--text-heading: #fff7f5;--text-muted: #dfaba2;--text-label: #fed7aa;--accent-text: #fdba74;--accent-primary: #ea580c;--accent-secondary: #f43f5e;--accent-gradient: linear-gradient(135deg, #ea580c, #dc2626);--button-shadow: 0 8px 22px rgba(234, 88, 12, .38);--button-ghost-bg: rgba(234, 88, 12, .1);--button-ghost-border: rgba(234, 88, 12, .26);--button-ghost-text: #fff1ee;--button-ghost-hover: rgba(234, 88, 12, .2);--button-danger-bg: rgba(239, 68, 68, .2);--button-danger-text: #fca5a5;--button-danger-border: rgba(239, 68, 68, .4);--button-danger-hover: rgba(239, 68, 68, .3);--stat-green: #34d399;--stat-gold: #fbbf24;--stat-cyan: #38bdf8;--pill-bg: rgba(234, 88, 12, .18);--pill-color: #fdba74;--avatar-bg: rgba(234, 88, 12, .24);--progress-bg: rgba(234, 88, 12, .16);--check-border: rgba(234, 88, 12, .3);--check-color: #dfaba2;--check-active-bg: rgba(234, 88, 12, .26);--check-active-color: #fb923c;--check-active-border: rgba(234, 88, 12, .65);--weekday-bg: rgba(23, 11, 8, .85);--weekday-border: rgba(234, 88, 12, .28);--weekday-color: #dfaba2;--weekday-hover-bg: rgba(41, 20, 16, .9);--weekday-selected-border: #fb923c;--modal-bg: rgba(30, 14, 10, .9);--modal-backdrop: rgba(10, 4, 3, .82);--modal-shadow: 0 28px 90px rgba(0, 0, 0, .75);--toast-bg: rgba(42, 19, 14, .9);--toast-border: rgba(234, 88, 12, .55);--toast-text: #fff1ee;--cal-cell-bg: var(--glass-surface-bg);--cal-cell-border: rgba(234, 88, 12, .15);--cal-cell-today-border: #ea580c;--cal-cell-today-bg: rgba(234, 88, 12, .18);--profile-card-bg: linear-gradient(135deg, rgba(61, 21, 11, .78) 0%, rgba(26, 11, 8, .68) 70%);--profile-glow: rgba(234, 88, 12, .25);--mobile-nav-bg: rgba(24, 11, 8, .9);--mobile-nav-border: rgba(234, 88, 12, .18);--nav-link-color: #dfaba2;--nav-link-hover-color: #fff7f5;--nav-link-hover-bg: rgba(234, 88, 12, .18);--nav-link-active-color: #ffffff;--nav-link-active-bg: rgba(234, 88, 12, .26);--nav-link-active-bar: #fb923c;--theme-card-bg: var(--glass-surface-bg);--theme-card-border: rgba(234, 88, 12, .24)}[data-theme=light]{--bg-base: #f6f8fc;--bg-gradient: radial-gradient(circle at 85% -15%, rgba(221, 214, 254, .85) 0%, transparent 42%), radial-gradient(circle at 10% 85%, rgba(199, 210, 254, .65) 0%, transparent 42%), radial-gradient(circle at 50% 45%, rgba(243, 232, 255, .5) 0%, transparent 55%), #f6f8fc;--bg-sidebar: rgba(255, 255, 255, .78);--border-sidebar: rgba(226, 232, 240, .85);--glass-blur: blur(20px) saturate(180%);--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .84) 0%, rgba(255, 255, 255, .68) 100%);--glass-border: rgba(255, 255, 255, .88);--glass-border-hover: rgba(124, 58, 237, .5);--glass-specular: inset 0 1.5px 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 1px 0 rgba(226, 232, 240, .35);--glass-specular-hover: inset 0 2px 2px 0 rgba(255, 255, 255, 1), inset 0 0 20px 0 rgba(124, 58, 237, .15);--glass-shadow: 0 12px 36px -8px rgba(15, 23, 42, .08), 0 3px 10px -2px rgba(15, 23, 42, .04);--glass-shadow-hover: 0 22px 48px -8px rgba(15, 23, 42, .12), 0 0 28px -2px rgba(124, 58, 237, .2);--glass-surface-bg: rgba(255, 255, 255, .72);--glass-surface-hover: rgba(255, 255, 255, .92);--glass-shimmer: rgba(255, 255, 255, .65);--bg-card: var(--glass-bg);--border-card: var(--glass-border);--border-card-hover: var(--glass-border-hover);--card-shadow: var(--glass-shadow);--bg-surface: var(--glass-surface-bg);--bg-surface-hover: var(--glass-surface-hover);--border-subtle: rgba(226, 232, 240, .85);--bg-input: rgba(255, 255, 255, .92);--border-input: #cbd5e1;--border-input-focus: #7c3aed;--focus-ring: #7c3aed;--focus-shadow: rgba(124, 58, 237, .28);--text-main: #0f172a;--text-heading: #0f172a;--text-muted: #475569;--text-label: #1e293b;--accent-text: #6d28d9;--accent-primary: #7c3aed;--accent-secondary: #0284c7;--accent-gradient: linear-gradient(135deg, #7c3aed, #6366f1);--button-shadow: 0 8px 22px rgba(124, 58, 237, .28);--button-ghost-bg: rgba(241, 245, 249, .85);--button-ghost-border: #cbd5e1;--button-ghost-text: #1e293b;--button-ghost-hover: rgba(226, 232, 240, .95);--button-danger-bg: #ffe4e6;--button-danger-text: #e11d48;--button-danger-border: #fecdd3;--button-danger-hover: #fecdd3;--stat-green: #059669;--stat-gold: #d97706;--stat-cyan: #0284c7;--pill-bg: #ede9fe;--pill-color: #6d28d9;--avatar-bg: #ede9fe;--progress-bg: #e2e8f0;--check-border: #cbd5e1;--check-color: #64748b;--check-active-bg: #dcfce7;--check-active-color: #059669;--check-active-border: #86efac;--weekday-bg: rgba(241, 245, 249, .85);--weekday-border: #cbd5e1;--weekday-color: #475569;--weekday-hover-bg: #e2e8f0;--weekday-selected-border: #7c3aed;--modal-bg: rgba(255, 255, 255, .88);--modal-backdrop: rgba(15, 23, 42, .6);--modal-shadow: 0 24px 70px -10px rgba(15, 23, 42, .25), 0 0 0 1px rgba(255, 255, 255, .9);--toast-bg: rgba(15, 23, 42, .92);--toast-border: #7c3aed;--toast-text: #ffffff;--cal-cell-bg: var(--glass-surface-bg);--cal-cell-border: rgba(226, 232, 240, .85);--cal-cell-today-border: #7c3aed;--cal-cell-today-bg: rgba(237, 233, 254, .55);--profile-card-bg: linear-gradient(135deg, rgba(245, 243, 255, .85) 0%, rgba(237, 233, 254, .68) 70%);--profile-glow: rgba(124, 58, 237, .16);--mobile-nav-bg: rgba(255, 255, 255, .88);--mobile-nav-border: rgba(226, 232, 240, .9);--nav-link-color: #475569;--nav-link-hover-color: #0f172a;--nav-link-hover-bg: rgba(241, 245, 249, .9);--nav-link-active-color: #6d28d9;--nav-link-active-bg: rgba(237, 233, 254, .85);--nav-link-active-bar: #7c3aed;--theme-card-bg: var(--glass-surface-bg);--theme-card-border: rgba(226, 232, 240, .9)}*{box-sizing:border-box}:root{font-family:DM Sans,sans-serif;color:var(--text-main);background:var(--bg-base);font-synthesis:none}body{margin:0;min-width:320px;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);transition:background .4s ease,color .3s ease}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.shell{display:flex;min-height:100vh}.sidebar{width:248px;padding:28px 16px;border-right:1px solid var(--border-sidebar);background:var(--bg-sidebar);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;gap:26px;transition:background .3s ease,border-color .3s ease}.brand{display:flex;gap:10px;align-items:center;color:var(--text-heading);text-decoration:none;font:700 20px Space Grotesk;transition:color .2s ease}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#8b5cf6,#22d3ee);box-shadow:0 7px 20px #8b5cf659}[data-theme=forest] .brand-mark{background:linear-gradient(145deg,#10b981,#06b6d4);box-shadow:0 7px 20px #10b98159}[data-theme=ember] .brand-mark{background:linear-gradient(145deg,#ea580c,#f43f5e);box-shadow:0 7px 20px #ea580c59}.nav{display:grid;gap:5px}.nav a{color:var(--nav-link-color);text-decoration:none;display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;font-size:13px;font-weight:500;transition:all .22s ease}.nav a:hover{color:var(--nav-link-hover-color);background:var(--nav-link-hover-bg);transform:translate(3px)}.nav a.active{color:var(--nav-link-active-color);background:var(--nav-link-active-bg);box-shadow:inset 2px 0 var(--nav-link-active-bar),0 5px 18px #00000014}.sidebar-theme-row{margin-top:auto;padding-top:10px}.mini-profile{padding:14px;border:1px solid var(--border-subtle);border-radius:17px;background:var(--glass-surface-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-specular);display:flex;gap:10px;align-items:center;color:var(--text-main);transition:transform .28s cubic-bezier(.25,1,.35,1),background .3s ease,border-color .3s ease,box-shadow .28s ease}.mini-profile:hover{transform:translateY(-2px);border-color:var(--glass-border-hover);box-shadow:0 10px 24px -6px #00000040,var(--glass-specular-hover)}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--avatar-bg);font-size:22px}.small{font-size:11px;color:var(--text-muted)}.bar{height:8px;background:var(--progress-bg);border-radius:99px;overflow:hidden;transition:background .3s ease}.bar>span{height:100%;display:block;border-radius:inherit;background:var(--accent-gradient);transition:width .45s ease}.main{flex:1;padding:38px clamp(20px,5vw,66px);max-width:1500px;margin:auto;width:100%}.topline{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px}h1,h2,h3{font-family:Space Grotesk;margin:0;color:var(--text-heading)}h1{font-size:clamp(27px,4vw,42px);letter-spacing:-1.5px}.muted{color:var(--text-muted);font-size:13px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-text);font-size:11px;font-weight:700;margin-bottom:8px}.grid{display:grid;gap:17px}.stats{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:1.45fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:22px;padding:21px;box-shadow:var(--glass-shadow),var(--glass-specular);color:var(--text-main);position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.25,1,.35,1),box-shadow .32s cubic-bezier(.25,1,.35,1),border-color .28s ease,background .3s ease}.card:before{content:"";position:absolute;top:0;left:-130%;width:75%;height:100%;background:linear-gradient(105deg,transparent 20%,var(--glass-shimmer) 50%,transparent 80%);transform:skew(-20deg);transition:left .75s ease-out;pointer-events:none;z-index:1}.card:hover{transform:translateY(-4px) scale(1.006);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-specular-hover)}.card:hover:before{left:140%}.stat-value{font:700 28px Space Grotesk;margin:9px 0 3px;color:var(--text-heading)}.accent{color:var(--accent-text)}.green{color:var(--stat-green)}.gold{color:var(--stat-gold)}.cyan{color:var(--stat-cyan)}.profile-card{background:var(--profile-card-bg);position:relative;overflow:hidden;border:1px solid var(--glass-border)}.profile-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:var(--profile-glow);filter:blur(12px);right:-70px;top:-70px;pointer-events:none}.profile-row{display:flex;align-items:center;gap:15px;position:relative;z-index:2}.big-avatar{width:72px;height:72px;font-size:40px;border-radius:22px;background:var(--avatar-bg);color:var(--text-heading);display:grid;place-items:center;box-shadow:var(--glass-specular)}.profile-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;position:relative;z-index:2}.profile-meta strong{display:block;font:600 16px Space Grotesk;margin-top:4px;color:var(--text-heading)}.quest-list{display:grid;gap:10px}.quest{display:flex;gap:12px;align-items:center;padding:14px;background:var(--glass-surface-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--glass-specular);transition:transform .28s cubic-bezier(.25,1,.35,1),box-shadow .28s ease,border-color .22s ease,background .25s ease}.quest:hover{transform:translateY(-2px) translate(2px);border-color:var(--glass-border-hover);background:var(--glass-surface-hover);box-shadow:0 10px 26px -6px #00000038,var(--glass-specular-hover)}.quest.done{opacity:.58}.quest.done .quest-title{text-decoration:line-through}.quest-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--avatar-bg);font-size:20px}.quest-body{flex:1;min-width:0}.quest-title{font-weight:600;font-size:14px;color:var(--text-heading)}.quest-desc{color:var(--text-muted);font-size:12px;margin-top:3px}.pill{border-radius:99px;padding:4px 8px;font-size:10px;font-weight:600;color:var(--pill-color);background:var(--pill-bg);border:1px solid var(--border-subtle)}.pill.green{background:#34d39929;color:var(--stat-green);border-color:#34d3994d}.xp{color:var(--stat-gold);font-size:12px;font-weight:600}.check{width:31px;height:31px;border:1px solid var(--check-border);border-radius:10px;background:transparent;color:var(--check-color);display:grid;place-items:center;transition:all .22s ease}.check:hover,.check.checked{background:var(--check-active-bg);color:var(--check-active-color);border-color:var(--check-active-border);transform:scale(1.05)}.button{border:0;border-radius:12px;padding:11px 15px;color:#fff;background:var(--accent-gradient);font-weight:700;font-size:13px;box-shadow:var(--button-shadow);transition:all .25s cubic-bezier(.25,1,.35,1);display:inline-flex;align-items:center;justify-content:center;gap:6px}.button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 24px -4px #8b5cf673}.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.button.ghost{background:var(--button-ghost-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--button-ghost-border);color:var(--button-ghost-text);box-shadow:var(--glass-specular)}.button.ghost:hover{background:var(--button-ghost-hover);color:var(--text-heading);border-color:var(--glass-border-hover);box-shadow:var(--glass-specular-hover);transform:translateY(-2px)}.button.danger{background:var(--button-danger-bg);color:var(--button-danger-text);border:1px solid var(--button-danger-border);box-shadow:none}.button.danger:hover{background:var(--button-danger-hover);transform:translateY(-2px)}.button-wide{min-width:188px}.actions{display:flex;gap:9px;flex-wrap:wrap}.input,.select,.textarea{width:100%;border:1px solid var(--border-input);border-radius:11px;padding:12px;color:var(--text-main);background:var(--bg-input);outline:none;transition:all .22s ease}.input::placeholder,.textarea::placeholder{color:var(--text-muted);opacity:.75}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--focus-shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:7px}.field label,.section-heading label{font-size:13px;color:var(--text-label);font-weight:600}.field.full{grid-column:1/-1}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:4px}.weekday-btn{padding:10px 4px;border:1px solid var(--weekday-border);border-radius:12px;background:var(--weekday-bg);color:var(--weekday-color);font-weight:600;font-size:13px;text-align:center;transition:all .22s ease}.weekday-btn:hover{border-color:var(--accent-text);color:var(--text-heading);background:var(--weekday-hover-bg);transform:translateY(-2px)}.weekday-btn.selected{border:1.5px solid var(--weekday-selected-border);background:var(--accent-gradient);color:#fff;box-shadow:var(--button-shadow)}.field-hint{font-size:12px;color:var(--text-muted);margin:3px 0 0}.field-hint.error{color:#fb7185}[data-theme=light] .field-hint.error{color:#e11d48}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;z-index:20;padding:18px}.modal{width:min(600px,100%);max-height:90vh;overflow:auto;background:var(--modal-bg);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid var(--glass-border);border-radius:26px;padding:28px;box-shadow:var(--modal-shadow),var(--glass-specular);color:var(--text-main);animation:modalGlassPop .28s cubic-bezier(.16,1,.3,1)}@keyframes modalGlassPop{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-modal{padding:clamp(24px,5vw,42px)}.onboarding-kicker{display:flex;align-items:center;gap:10px;margin-bottom:20px}.onboarding-kicker .brand-mark{width:28px;height:28px;border-radius:9px}.onboarding-kicker .eyebrow{margin:0}.onboarding-progress{margin:27px 0 30px}.progress-label{display:flex;justify-content:space-between;color:var(--text-muted);font-size:11px;margin-bottom:9px}.progress-label strong{color:var(--accent-text)}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:14px}.section-heading .muted{margin:5px 0 0}.selection-hint{color:var(--text-muted);font-size:11px;padding-top:2px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:26px}.avatar-option{position:relative;aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:17px;background:var(--glass-surface-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-specular);color:var(--text-heading);font-size:36px;display:grid;place-items:center;transition:all .25s cubic-bezier(.25,1,.35,1)}.avatar-option:hover{border-color:var(--accent-text);background:var(--glass-surface-hover);transform:translateY(-3px) scale(1.03);box-shadow:0 10px 24px -4px #00000040,var(--glass-specular-hover)}.avatar-option.selected{border:2px solid var(--accent-text);background:var(--glass-surface-hover);box-shadow:0 0 0 4px var(--focus-shadow),0 12px 28px #00000040,var(--glass-specular-hover)}.avatar-check{position:absolute;right:5px;top:5px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--stat-green);color:#07130f}.modal-head{display:flex;justify-content:space-between;margin-bottom:20px}.close{border:0;background:none;color:var(--text-muted);font-size:22px;border-radius:8px;padding:4px;display:grid;place-items:center;transition:all .2s ease}.close:hover{color:var(--text-heading);transform:scale(1.1)}.toast{position:fixed;right:22px;bottom:22px;padding:14px 18px;background:var(--toast-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--toast-border);color:var(--toast-text);border-radius:16px;z-index:30;box-shadow:0 16px 40px #0006,var(--glass-specular);font-size:13px;font-weight:500;animation:toastGlassPop .3s cubic-bezier(.16,1,.3,1)}@keyframes toastGlassPop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar>*{max-width:220px}.empty{text-align:center;padding:38px 15px;color:var(--text-muted)}.empty-icon{font-size:37px;margin-bottom:10px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-cell{min-height:75px;padding:8px;border:1px solid var(--cal-cell-border);border-radius:12px;background:var(--glass-surface-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-specular);color:var(--text-main);font-size:12px;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.cal-cell:hover{transform:translateY(-2px);border-color:var(--glass-border-hover);background:var(--glass-surface-hover);box-shadow:0 8px 20px -4px #0000002e}.cal-cell.today{border-color:var(--cal-cell-today-border);background:var(--cal-cell-today-bg);font-weight:600}.cal-cell.muted-cell{opacity:.38}.dot{width:7px;height:7px;display:inline-block;background:var(--stat-green);border-radius:50%;margin:6px 4px 0 0}.theme-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.theme-card-option{position:relative;display:flex;flex-direction:column;padding:16px;border-radius:18px;border:1.5px solid var(--border-subtle);background:var(--glass-surface-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-specular);color:var(--text-main);text-align:left;cursor:pointer;transition:transform .28s cubic-bezier(.25,1,.35,1),box-shadow .28s ease,border-color .22s ease,background .25s ease;overflow:hidden}.theme-card-option:hover{transform:translateY(-3px) scale(1.01);border-color:var(--glass-border-hover);background:var(--glass-surface-hover);box-shadow:var(--glass-shadow-hover),var(--glass-specular-hover)}.theme-card-option.selected{border-color:var(--accent-primary);background:var(--glass-surface-bg);box-shadow:0 0 0 3px var(--focus-shadow),var(--glass-shadow-hover),var(--glass-specular-hover)}.theme-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.theme-card-title-row{display:flex;align-items:center;gap:9px}.theme-card-icon{font-size:20px;line-height:1}.theme-card-title{font-weight:700;font-size:14px;color:var(--text-heading)}.theme-card-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:99px;background:var(--stat-green);color:#051610}.theme-card-desc{font-size:12px;color:var(--text-muted);line-height:1.45;margin-bottom:14px}.theme-card-swatches{display:flex;align-items:center;gap:7px;margin-top:auto;padding:6px 10px;border-radius:10px;background:#00000040;border:1px solid var(--border-subtle);width:fit-content}[data-theme=light] .theme-card-swatches{background:#0000000d}.theme-swatch-dot{width:15px;height:15px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:block}[data-theme=light] .theme-swatch-dot{border:1px solid rgba(0,0,0,.15)}.theme-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--glass-surface-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-specular);color:var(--text-main);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.theme-toggle-btn:hover{transform:translateY(-2px);border-color:var(--glass-border-hover);background:var(--glass-surface-hover);color:var(--text-heading);box-shadow:var(--glass-shadow-hover),var(--glass-specular-hover)}.theme-toggle-icon{font-size:15px;display:grid;place-items:center}.sidebar-theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--glass-surface-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-specular);margin-top:14px}.sidebar-theme-pills{display:flex;gap:4px}.sidebar-theme-pill{width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);display:grid;place-items:center;font-size:14px;padding:0;transition:all .22s ease}.sidebar-theme-pill:hover{background:var(--glass-surface-hover);color:var(--text-heading);transform:scale(1.1)}.sidebar-theme-pill.active{background:var(--accent-gradient);color:#fff;border-color:var(--accent-primary);box-shadow:var(--button-shadow);transform:scale(1.05)}.mobile-nav{display:none}.skip-link{position:fixed;top:-999px;left:16px;z-index:100;padding:10px 16px;background:var(--accent-primary);color:#fff;border-radius:8px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0006}.skip-link:focus{top:16px;outline:3px solid #fff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.button:focus-visible,.check:focus-visible,.avatar-option:focus-visible,.weekday-btn:focus-visible,.close:focus-visible,.nav a:focus-visible,.mobile-nav a:focus-visible,.brand:focus-visible,.theme-card-option:focus-visible,.theme-toggle-btn:focus-visible,.sidebar-theme-pill:focus-visible,label.button:has(.sr-only:focus-visible),label.button:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-shadow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:900px){.sidebar{width:205px}.stats,.three{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.theme-gallery{grid-template-columns:1fr 1fr}}@media(max-width:640px){.sidebar{display:none}.main{padding:24px 15px 90px}.topline{margin-bottom:22px}.stats,.three,.form-grid,.theme-gallery{grid-template-columns:1fr}.mobile-nav{position:fixed;display:flex;z-index:10;bottom:0;left:0;right:0;background:var(--mobile-nav-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--mobile-nav-border);justify-content:space-around;padding:10px 5px}.mobile-nav a{color:var(--nav-link-color);text-decoration:none;font-size:10px;display:grid;justify-items:center;gap:4px;transition:.2s ease}.mobile-nav a.active{color:var(--accent-text)}.quest{align-items:flex-start}.quest .pill{display:none}.profile-meta{gap:12px}.avatar-grid{grid-template-columns:repeat(3,1fr)}.onboarding-modal{padding:24px 20px}}