@import "https://fonts.googleapis.com/css2?family=Estedad:wght@400;500;600;700;800&family=Vazirmatn:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&family=DM+Mono:wght@400;500&family=Rajdhani:wght@500;600;700&display=swap";:root{--font-body:var(--font-sans);--font-display:"Estedad", "Vazirmatn", Tahoma, sans-serif;--font-num:"DM Mono", "JetBrains Mono", ui-monospace, monospace;font-family:var(--font-sans);color:var(--text-primary,#f1eee8);background:var(--background,#0b0b0d);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0}html{background:var(--bg,#0b0b0d);overscroll-behavior:none}body{background:var(--bg,#0b0b0d);min-width:320px;font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:400;line-height:1.75}button,textarea,input{font:inherit}button{cursor:pointer;border:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:700;line-height:1.18}h1{font-size:clamp(26px,3.4vw,34px)}h2{font-size:clamp(19px,2.4vw,23px)}h3{font-size:var(--font-size-h3);letter-spacing:-.01em}p{margin:0 0 var(--sp-10)}a{color:var(--accent-bright);text-decoration:none}::selection{background:color-mix(in srgb, var(--accent) 26%, transparent);color:var(--ink)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px;border-radius:4px}.num,.stat b,.mono,.lb-xp,.lb-streak,.xp-emoji{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:0}#root{min-height:100vh}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(78px + env(safe-area-inset-bottom))}#root .bottom-nav{padding-bottom:env(safe-area-inset-bottom)!important;height:calc(70px + env(safe-area-inset-bottom))!important}@media (width>=901px){#root .bottom-nav{display:none!important}}:root,[data-theme]{--bg:#0b0f0d;--surface:#111613;--surface-2:#161d19;--elevated:#1c251f;--line:#ffffff17;--line-soft:#ffffff0e;--ink:#fff;--muted:#8b8b95;--accent:#10b981;--accent-bright:#34d399;--accent-soft:#10b98126;--accent-glow:#10b98147;--on-accent:#04140e;--metric-focus:#10b981;--metric-habits:#a78bfa;--metric-calories:#fb923c;--metric-checklist:#38bdf8;--metric-focus-soft:#10b98129;--metric-habits-soft:#a78bfa29;--metric-calories-soft:#fb923c29;--metric-checklist-soft:#38bdf829;--success:#36c08a;--warning:#e6a23c;--danger:#e5484d;--info:#4aa8ff;--heat-0:#1b1b1e;--heat-1:#2f4a3a;--heat-2:#3f7d5b;--heat-3:#57b98a;--heat-4:#7df0b8;--heat-perfect:#ffd166;--chart-1:#10b981;--chart-2:#38bdf8;--chart-3:#fbbf24;--shadow-1:0 1px 2px #00000038;--shadow-card:0 1px 0 #ffffff05 inset, 0 8px 24px -20px #000000b3;--shadow-2:0 12px 28px -22px #0000009e;--shadow-3:0 28px 60px -34px #000000a8;--inner-hi:inset 0 1px 0 #ffffff0f;--radius-xs:var(--radius-sm);--radius-control:var(--radius-sm);--radius-card:var(--radius);--radius-dialog:var(--radius-lg);--radius-xl:var(--radius-lg);--radius-md:var(--radius);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--surface-page:var(--bg);--surface-base:var(--surface);--surface-raised:var(--surface-2);--surface-overlay:var(--elevated);--ring:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);--radius:16px;--radius-lg:24px;--radius-sm:10px;--radius-pill:999px;--font-sans:"Vazirmatn", "Inter", "Estedad", Tahoma, system-ui, sans-serif;--font-display:"Estedad", "Inter", "Vazirmatn", Tahoma, sans-serif;--font-mono:"Geist Mono", "DM Mono", "JetBrains Mono", ui-monospace, monospace;--mono:var(--font-mono);--sans:var(--font-sans);--red:var(--accent);--red-bright:var(--accent-bright);--red-soft:var(--accent-soft);--motion-xs:90ms;--motion-fast:.16s;--motion-normal:.24s;--motion-slow:.36s;--motion-slower:.56s;--motion-page:.26s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-in-out-soft:cubic-bezier(.65, 0, .35, 1);--stagger-1:60ms;--stagger-2:.12s;--stagger-3:.18s;--blur-glass:blur(18px) saturate(1.4);--shadow-soft:0 1px 2px #00000040, 0 8px 24px -16px #00000080;--shadow-tactile:0 1px 0 #ffffff0f inset, 0 1px 2px #00000040, 0 10px 26px -16px #0000008c;--highlight-sheen:linear-gradient(105deg, transparent 30%, #ffffff29 48%, transparent 60%);--calendar-cell:color-mix(in srgb, var(--surface-2) 78%, var(--line));--calendar-cell-fill:var(--calendar-cell);--calendar-glow:var(--accent-glow);--shadow-button:var(--shadow-tactile)}[data-theme=duolingo] .card,[data-theme=duolingo] .settings-card,[data-theme=duolingo] .focus-timer-card{box-shadow:0 5px #d3e8c8,0 20px 36px -28px #34781873}[data-theme=duolingo] .page-header h1,[data-theme=duolingo] .dash-hero h1{text-shadow:0 2px #dff1d2}[data-theme=midnight]{--bg:#07090a;--surface:#0d1211;--surface-2:#121917;--elevated:#18211e;--line:#ffffff14;--line-soft:#ffffff0d;--ink:#fff;--muted:#8b9490;--accent:#10b981;--accent-bright:#34d399;--accent-soft:#10b98126;--accent-glow:#10b98147;--heat-0:#1b1b1e;--heat-1:#2f4a3a;--heat-2:#3f7d5b;--heat-3:#57b98a;--heat-4:#7df0b8}[data-theme=night]{--bg:#090d18;--surface:#121a2d;--surface-2:#19243b;--elevated:#22304d;--line:#2b3d60;--line-soft:#1a2843;--ink:#edf3ff;--muted:#9eacc7;--accent:#e0525a;--accent-bright:#ff7479;--accent-soft:#452531;--accent-glow:#e0525a61}[data-theme=nature]{--bg:#eef5e8;--surface:#fffdf5;--surface-2:#f6f1df;--elevated:#e5efd9;--line:#cbdcc5;--line-soft:#dfe9d8;--ink:#20352a;--muted:#607263;--accent:#4e9560;--accent-bright:#327746;--accent-soft:#d8ecd8;--accent-glow:#4e956047}[data-theme=love]{--bg:#fff5f7;--surface:#fffefe;--surface-2:#fff0f4;--elevated:#ffe3eb;--line:#f1ccd8;--line-soft:#f7dfe7;--ink:#4b2935;--muted:#8f6876;--accent:#d96b87;--accent-bright:#bd4d6d;--accent-soft:#f9dce5;--accent-glow:#d96b874d}[data-theme=frost]{--bg:#edf7ff;--surface:#fff;--surface-2:#f3faff;--elevated:#e0f1ff;--line:#c7e1f2;--line-soft:#dceef9;--ink:#183247;--muted:#648098;--accent:#4b9fd8;--accent-bright:#257ebc;--accent-soft:#d9efff;--accent-glow:#4b9fd84d}[data-theme=retro]{--bg:#20242a;--surface:#303842;--surface-2:#39434d;--elevated:#46525e;--line:#596773;--line-soft:#414d58;--ink:#f5f1df;--muted:#bbc0b5;--accent:#f3c969;--accent-bright:#ffe08b;--accent-soft:#574d30;--accent-glow:#f3c9694d}[data-theme=cosmic]{--bg:#090d23;--surface:#12183a;--surface-2:#1a2250;--elevated:#252e62;--line:#303d78;--line-soft:#202b5a;--ink:#eef0ff;--muted:#a8afd4;--accent:#9c8cff;--accent-bright:#c1b7ff;--accent-soft:#342d67;--accent-glow:#9c8cff5c}[data-theme=love] .os-shell{background-image:radial-gradient(circle at 8% 12%,#d96b872e 0 3px,#0000 4px),radial-gradient(circle at 92% 20%,#d96b871f 0 3px,#0000 4px)}[data-theme=cosmic] .os-shell{background-image:radial-gradient(circle at 12% 18%,#ffffff59 0 1px,#0000 2px),radial-gradient(circle at 82% 28%,#c1b7ff4d 0 1px,#0000 2px)}[data-theme] .btn,[data-theme] .btn3d,[data-theme] .side-item,[data-theme] .preset-tab{transition:transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-normal) var(--ease-standard), filter var(--motion-fast) var(--ease-standard)}[data-theme] .btn:hover:not(:disabled),[data-theme] .btn3d:hover:not(:disabled),[data-theme] .side-item:hover,[data-theme] .preset-tab:hover{filter:brightness(1.04);transform:translateY(-2px)}[data-theme] .btn:active:not(:disabled),[data-theme] .btn3d:active:not(:disabled),[data-theme] .side-item:active,[data-theme] .preset-tab:active{transform:translateY(1px)scale(.98)}[data-theme=spotify]{--bg:#121212;--surface:#181818;--surface-2:#242424;--elevated:#2a2a2a;--line:#3a3a3a;--line-soft:#292929;--ink:#f5f5f5;--muted:#b3b3b3;--accent:#1ed760;--accent-bright:#5bea8a;--accent-soft:#173d27;--accent-glow:#1ed76052;--on-accent:#071b0d;--success:#1ed760;--warning:#f6c344;--danger:#f15e6c;--info:#7cc7ff;--heat-0:#242424;--heat-1:#185b35;--heat-2:#168343;--heat-3:#1bb954;--heat-4:#1ed760;--chart-1:#1ed760;--chart-2:#7cc7ff;--chart-3:#f6c344;--shadow-card:0 18px 38px -25px #000000b3;--radius:14px;--radius-lg:20px}[data-theme=spotify] .btn.primary,[data-theme=spotify] .accent-btn{color:var(--on-accent);font-weight:800}[data-theme=spotify] .os-shell{background:radial-gradient(ellipse at 90% -8%, #1ed7601a, transparent 34%), var(--bg)}[data-theme=dracula]{--bg:#1e1f29;--surface:#282a36;--surface-2:#343746;--elevated:#3b3f52;--line:#44475a;--line-soft:#2f3140;--ink:#f8f8f2;--muted:#9aa0bd;--accent:#bd93f9;--accent-bright:#d6b6ff;--accent-soft:#3a2f57;--accent-glow:#bd93f973;--success:#50fa7b;--warning:#f1fa8c;--danger:#f55;--info:#8be9fd;--heat-0:#282a36;--heat-1:#3b4a52;--heat-2:#4e8e7a;--heat-3:#45d6a0;--heat-4:#50fa7b;--chart-1:#bd93f9;--chart-2:#8be9fd;--chart-3:#ff79c6}[data-theme=onedark]{--bg:#14161b;--surface:#1c1f26;--surface-2:#232730;--elevated:#2a2f3a;--line:#313640;--line-soft:#20242c;--ink:#e6e6e6;--muted:#8b93a1;--accent:#61afef;--accent-bright:#82c5ff;--accent-soft:#1f3650;--accent-glow:#61afef66;--success:#98c379;--warning:#e5c07b;--danger:#e06c75;--info:#56b6c2;--heat-0:#1c1f26;--heat-1:#294055;--heat-2:#2f6f8f;--heat-3:#4aa0c4;--heat-4:#7fd1e8;--chart-1:#61afef;--chart-2:#98c379;--chart-3:#e5c07b}[data-theme=github-dark]{--bg:#0d1117;--surface:#161b22;--surface-2:#1c2330;--elevated:#212834;--line:#30363d;--line-soft:#1b2027;--ink:#e6edf3;--muted:#8b949e;--accent:#2f81f7;--accent-bright:#58a6ff;--accent-soft:#143055;--accent-glow:#2f81f766;--success:#3fb950;--warning:#d29922;--danger:#f85149;--info:#58a6ff;--heat-0:#161b22;--heat-1:#0e4429;--heat-2:#006d32;--heat-3:#26a641;--heat-4:#39d353;--chart-1:#2f81f7;--chart-2:#3fb950;--chart-3:#d29922}[data-theme=monokai]{--bg:#1e1f1c;--surface:#272822;--surface-2:#2f312b;--elevated:#3a3c33;--line:#494b40;--line-soft:#2a2c26;--ink:#f8f8f2;--muted:#a4a79c;--accent:#f92672;--accent-bright:#ff5c9a;--accent-soft:#4a1730;--accent-glow:#f9267266;--success:#a6e22e;--warning:#e6db74;--danger:#f92672;--info:#66d9ef;--heat-0:#272822;--heat-1:#3a4a2f;--heat-2:#5c7a2f;--heat-3:#8fbf3f;--heat-4:#c6f25a;--chart-1:#f92672;--chart-2:#66d9ef;--chart-3:#a6e22e}[data-theme=nord]{--bg:#1b1f2a;--surface:#242933;--surface-2:#2e3440;--elevated:#353c4a;--line:#3b4252;--line-soft:#222730;--ink:#eceff4;--muted:#8a93a6;--accent:#88c0d0;--accent-bright:#a8d8e6;--accent-soft:#2c3e48;--accent-glow:#88c0d066;--success:#a3be8c;--warning:#ebcb8b;--danger:#bf616a;--info:#81a1c1;--heat-0:#242933;--heat-1:#2f3e46;--heat-2:#3b5160;--heat-3:#4f7e94;--heat-4:#88c0d0;--chart-1:#88c0d0;--chart-2:#a3be8c;--chart-3:#ebcb8b}[data-theme=tokyo-night]{--bg:#16161e;--surface:#1a1b26;--surface-2:#222433;--elevated:#2a2e40;--line:#34384c;--line-soft:#1d1f2c;--ink:#c0caf5;--muted:#7a82a0;--accent:#7aa2f7;--accent-bright:#9ec0ff;--accent-soft:#283255;--accent-glow:#7aa2f76b;--success:#9ece6a;--warning:#e0af68;--danger:#f7768e;--info:#7dcfff;--heat-0:#1a1b26;--heat-1:#2a3550;--heat-2:#3350a0;--heat-3:#3f73d6;--heat-4:#7aa2f7;--chart-1:#7aa2f7;--chart-2:#9ece6a;--chart-3:#bb9af7}[data-theme=pixel]{--bg:#171329;--surface:#241b3d;--surface-2:#30234e;--elevated:#3b2b5f;--line:#594578;--line-soft:#2b2050;--ink:#fff4c2;--muted:#b9a8d1;--accent:#ffcc4d;--accent-bright:#ffe27a;--accent-soft:#594518;--accent-glow:#ffcc4d66;--on-accent:#241b3d;--success:#68e0a0;--warning:#f96;--danger:#ff6b81;--info:#6edbff;--heat-0:#30234e;--heat-1:#594518;--heat-2:#a8751c;--heat-3:#d6a62f;--heat-4:#ffe27a;--chart-1:#ffcc4d;--chart-2:#68e0a0;--chart-3:#c59cff;--radius:5px;--radius-lg:7px;--radius-sm:3px;--font-sans:"Courier New",monospace;--font-display:"Courier New",monospace}[data-theme=pixel] .card,[data-theme=pixel] .btn,[data-theme=pixel] button,[data-theme=pixel] input{border-radius:var(--radius)!important}[data-theme=pixel] .os-shell{background:linear-gradient(#171329 0,#241b3d 100%)}[data-theme=pixel] .btn.primary{border-bottom:4px solid #a8751c;font-weight:800;box-shadow:0 4px #a8751c}[data-theme=pixel] .card,[data-theme=pixel] .btn,[data-theme=pixel] button,[data-theme=pixel] input,[data-theme=pixel] .side-item,[data-theme=pixel] .habit-card{image-rendering:pixelated;border:3px solid #ffcc4d!important;border-radius:2px!important;box-shadow:5px 5px #8d5f17!important}[data-theme=pixel] .btn:hover,[data-theme=pixel] button:hover,[data-theme=pixel] .habit-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #8d5f17!important}[data-theme=pastel]{--bg:#fff4fa;--surface:#fffafd;--surface-2:#fff0f7;--elevated:#fff;--line:#e9b9d2;--line-soft:#f5d8e7;--ink:#38243a;--muted:#795e76;--accent:#d94f9d;--accent-bright:#ee70b5;--accent-soft:#f8d0e5;--accent-glow:#d94f9d52;--on-accent:#fff;--success:#4eaf83;--warning:#d99531;--danger:#d85d75;--info:#4a9fc9;--heat-0:#f9e5ef;--heat-1:#f5c8dd;--heat-2:#eea9cb;--heat-3:#e98dbb;--heat-4:#df6ea8;--chart-1:#d94f9d;--chart-2:#8174d8;--chart-3:#d99531;--radius:18px;--radius-lg:26px;--radius-sm:12px}[data-theme=pastel] .card,[data-theme=pastel] .habit-card{box-shadow:0 5px #f0cddd,0 16px 30px -25px #a44c7a59}[data-theme=rose-quartz]{--bg:#fbf4ff;--surface:#fffaff;--surface-2:#f5edff;--elevated:#fff;--line:#d7bce8;--line-soft:#eee1f7;--ink:#342442;--muted:#725f80;--accent:#9556d8;--accent-bright:#b679ee;--accent-soft:#e3d1f7;--accent-glow:#9556d857;--on-accent:#fff;--success:#4dab83;--warning:#d49439;--danger:#d35b81;--info:#4c9cc8;--heat-0:#f8e5f2;--heat-1:#ead5f4;--heat-2:#d8b6ee;--heat-3:#c996e4;--heat-4:#b777d8;--chart-1:#9556d8;--chart-2:#dd70ae;--chart-3:#d49439;--radius:20px;--radius-lg:28px;--radius-sm:13px}[data-theme=rose-quartz] .card,[data-theme=rose-quartz] .habit-card{box-shadow:0 5px #e8c9eb,0 16px 30px -25px #7e48964d}[data-theme=catppuccin]{--bg:#1e1e2e;--surface:#24273a;--surface-2:#2b2e44;--elevated:#31344b;--line:#3a3e5a;--line-soft:#232539;--ink:#cad3f5;--muted:#8b93b8;--accent:#cba6f7;--accent-bright:#e0c0ff;--accent-soft:#3c2f57;--accent-glow:#cba6f76b;--success:#a6e3a1;--warning:#f9e2af;--danger:#f38ba8;--info:#89b4fa;--heat-0:#24273a;--heat-1:#2f4a4a;--heat-2:#3a7d6e;--heat-3:#57c9a0;--heat-4:#a6e3a1;--chart-1:#cba6f7;--chart-2:#89b4fa;--chart-3:#fab387}[data-theme=solarized]{--bg:#fdf6e3;--surface:#eee8d5;--surface-2:#e4dcc3;--elevated:#f7f1de;--line:#d3c9a8;--line-soft:#e8e0c8;--ink:#073642;--muted:#657b83;--accent:#cb4b16;--accent-bright:#e86a2c;--accent-soft:#f3ddc8;--accent-glow:#cb4b1647;--success:#859900;--warning:#b58900;--danger:#dc322f;--info:#268bd2;--heat-0:#eee8d5;--heat-1:#d9e8c5;--heat-2:#a8d8a0;--heat-3:#5faf6a;--heat-4:#2aa198;--on-accent:#fff;--chart-1:#cb4b16;--chart-2:#268bd2;--chart-3:#6c71c4;--shadow-card:0 10px 30px -20px #3c321466}[data-theme=light]{--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f1f4;--elevated:#fff;--line:#e3e5ea;--line-soft:#eef0f3;--ink:#1b1d23;--muted:#6b7180;--accent:#d23b50;--accent-bright:#ef5266;--accent-soft:#fbe6e9;--accent-glow:#d23b5038;--success:#1f9d6b;--warning:#c8821a;--danger:#d23b50;--info:#2f7de0;--heat-0:#eef0f3;--heat-1:#d6ead9;--heat-2:#9fd3b0;--heat-3:#57b98a;--heat-4:#2f9d6b;--heat-perfect:#d99a00;--chart-1:#d23b50;--chart-2:#2f7de0;--chart-3:#c8821a;--shadow-card:0 12px 30px -18px #14192847;--shadow-1:0 1px 2px #1419281a;--shadow-2:0 10px 26px -14px #14192838;--shadow-3:0 18px 50px -22px #14192842}[data-theme=github-light]{--bg:#fff;--surface:#f6f8fa;--surface-2:#eef1f4;--elevated:#fff;--line:#d0d7de;--line-soft:#eaeef2;--ink:#1f2328;--muted:#656d76;--accent:#0969da;--accent-bright:#218bff;--accent-soft:#ddedff;--accent-glow:#0969da38;--success:#1a7f37;--warning:#9a6700;--danger:#cf222e;--info:#0969da;--heat-0:#ebedf0;--heat-1:#9be9a8;--heat-2:#40c463;--heat-3:#30a14e;--heat-4:#216e39;--chart-1:#0969da;--chart-2:#1a7f37;--chart-3:#9a6700;--shadow-card:0 10px 26px -18px #141e3233}[data-theme=duolingo]{--bg:#f7fbf4;--surface:#fff;--surface-2:#f1f9ea;--elevated:#fff;--line:#d3e8c8;--line-soft:#e9f4e1;--ink:#1a2a12;--muted:#5a7a4d;--accent:#58cc02;--accent-bright:#6fd400;--accent-soft:#e4f8d4;--accent-glow:#58cc024d;--on-accent:#1a2a12;--success:#58cc02;--warning:#ffb020;--danger:#ff4b4b;--info:#1cb0f6;--heat-0:#e9f4e1;--heat-1:#cdeeb0;--heat-2:#a6e06a;--heat-3:#7bd13a;--heat-4:#58cc02;--heat-perfect:#ffc800;--chart-1:#58cc02;--chart-2:#1cb0f6;--chart-3:#ffb020;--shadow-card:0 18px 36px -22px #285a1440;--radius:18px;--radius-lg:26px;--radius-sm:13px}[data-theme=duolingo-dark]{--bg:#142018;--surface:#1d2d20;--surface-2:#243a27;--elevated:#2b472e;--line:#3d6540;--line-soft:#29452c;--ink:#f2ffe9;--muted:#a8c99d;--accent:#78d63a;--accent-bright:#a2ed63;--accent-soft:#315728;--accent-glow:#78d63a57;--on-accent:#10200e;--success:#78d63a;--warning:#ffc94d;--danger:#ff7676;--info:#42c8f5;--heat-0:#243a27;--heat-1:#315728;--heat-2:#4a8a38;--heat-3:#69b944;--heat-4:#a2ed63;--chart-1:#78d63a;--chart-2:#42c8f5;--chart-3:#ffc94d;--shadow-card:0 18px 36px -22px #4fb42852;--radius:18px;--radius-lg:26px;--radius-sm:13px}[data-theme=duolingo-dark] .btn.primary,[data-theme=duolingo-dark] .btn3d{box-shadow:0 5px 0 #4b9822,0 14px 22px -10px var(--accent-glow);border-bottom:4px solid #4b9822;font-weight:800}[data-theme=duolingo-dark] .card,[data-theme=duolingo-dark] .settings-card,[data-theme=duolingo-dark] .focus-timer-card{border-radius:20px}[data-theme=vscode]{--bg:#1e1e1e;--surface:#252526;--surface-2:#2d2d30;--elevated:#333;--line:#3c3c3c;--line-soft:#2a2a2b;--ink:#ccc;--muted:#9a9a9a;--accent:#0e639c;--accent-bright:#1f9cf0;--accent-soft:#14344d;--accent-glow:#0e639c66;--success:#4ec9b0;--warning:#d7ba7d;--danger:#f48771;--info:#3794ff;--heat-0:#252526;--heat-1:#2d4a3a;--heat-2:#3f7d5b;--heat-3:#57b98a;--heat-4:#4ec9b0;--chart-1:#0e639c;--chart-2:#4ec9b0;--chart-3:#d7ba7d}[data-theme=ocean]{--bg:#0a1628;--surface:#10233f;--surface-2:#162c4d;--elevated:#1b3356;--line:#24405f;--line-soft:#132540;--ink:#e2ecf7;--muted:#8aa3c0;--accent:#38bdf8;--accent-bright:#67d0ff;--accent-soft:#0f3552;--accent-glow:#38bdf86b;--success:#22c6a0;--warning:#e6b04c;--danger:#fb7185;--info:#60a5fa;--heat-0:#10233f;--heat-1:#1d4b6e;--heat-2:#157a9e;--heat-3:#22c6a0;--heat-4:#5eead4;--chart-1:#38bdf8;--chart-2:#22c6a0;--chart-3:#a78bfa}[data-theme=ocean] .os-shell{background:radial-gradient(ellipse at 85% -5%, #38bdf829, transparent 40%), radial-gradient(ellipse at -10% 20%, #22c6a01a, transparent 42%), var(--bg)}[data-theme=forest]{--bg:#0c1712;--surface:#12241b;--surface-2:#18301f;--elevated:#1d3a27;--line:#295638;--line-soft:#14271d;--ink:#e8f5ef;--muted:#86a392;--accent:#34d399;--accent-bright:#5ee7b0;--accent-soft:#123a2b;--accent-glow:#34d39966;--success:#34d399;--warning:#d9b24a;--danger:#fb7185;--info:#7dd3fc;--heat-0:#12241b;--heat-1:#1b4531;--heat-2:#1f6a44;--heat-3:#2f9d68;--heat-4:#4ade80;--chart-1:#34d399;--chart-2:#7dd3fc;--chart-3:#d9b24a}[data-theme=forest] .os-shell{background:radial-gradient(ellipse at 85% -5%, #34d39929, transparent 40%), radial-gradient(ellipse at -10% 20%, #7dd3fc14, transparent 42%), var(--bg)}[data-theme=aurora]{--bg:#0d0a1e;--surface:#171235;--surface-2:#1f1940;--elevated:#28204d;--line:#373065;--line-soft:#1c1738;--ink:#e9e3ff;--muted:#9a8fd4;--accent:#a78bfa;--accent-bright:#c4b0ff;--accent-soft:#2c2350;--accent-glow:#a78bfa73;--success:#6ee7b7;--warning:#f5d76e;--danger:#f472b6;--info:#67e8f9;--heat-0:#171235;--heat-1:#3a2d6b;--heat-2:#5b3fa0;--heat-3:#8b6fe0;--heat-4:#c4b0ff;--chart-1:#a78bfa;--chart-2:#6ee7b7;--chart-3:#f472b6}[data-theme=aurora] .os-shell{background:radial-gradient(ellipse at 90% -8%, #a78bfa33, transparent 40%), radial-gradient(ellipse at 0% 30%, #f472b61a, transparent 44%), var(--bg)}[data-theme=minimal]{--bg:#fafafa;--surface:#fff;--surface-2:#f4f4f5;--elevated:#fff;--line:#e4e4e7;--line-soft:#f1f1f2;--ink:#111827;--muted:#6b7280;--accent:#111827;--accent-bright:#374151;--accent-soft:#ececee;--accent-glow:#11182729;--on-accent:#fff;--success:#15803d;--warning:#b45309;--danger:#dc2626;--info:#2563eb;--heat-0:#f1f1f2;--heat-1:#d6f5e3;--heat-2:#9be0b4;--heat-3:#54c88a;--heat-4:#16a34a;--heat-perfect:#d99a00;--chart-1:#111827;--chart-2:#2563eb;--chart-3:#b45309;--shadow-card:0 12px 28px -18px #1419283d;--shadow-2:0 10px 26px -14px #14192833;--shadow-3:0 18px 50px -22px #1419283d}[data-theme=duolingo] .sidebar{background:linear-gradient(#fff,#f1f9ea);border-left-color:#d3e8c8;box-shadow:8px 0 28px -24px #31701473}[data-theme=duolingo] .brand-mark{background:linear-gradient(#7bdc2b,#58cc02);border-radius:14px;box-shadow:0 4px #3d9900,0 10px 18px -10px #58cc02b3}[data-theme=duolingo] .sidebar-level{background:#fff;border-color:#d3e8c8;box-shadow:0 3px #d3e8c8}[data-theme=duolingo] .side-item{border-radius:14px}[data-theme=duolingo] .side-item.active{color:#3d8f00;background:#e4f8d4;box-shadow:inset -4px 0 #58cc02}[data-theme=duolingo] .side-item:before{display:none}[data-theme=duolingo] .os-topbar{background:#f7fbf4e0;border-bottom-color:#d3e8c8}[data-theme=duolingo] .card,[data-theme=duolingo] .habit-card,[data-theme=duolingo] .control-panel,[data-theme=duolingo] .focus-card{border-color:#d3e8c8;box-shadow:0 4px #d3e8c8,0 14px 28px -22px #31701466}[data-theme=duolingo] .auth-page{background:#f7fbf4}[data-theme=duolingo] .auth-visual{background:radial-gradient(circle at 15% 20%,#1cb0f629,#0000 26%),radial-gradient(circle at 80% 75%,#ffc8002b,#0000 24%),#f7fbf4}[data-theme=duolingo] .auth-panel{background:#fff;border-inline-start-color:#d3e8c8}[data-theme=duolingo] .auth-panel h1,[data-theme=duolingo] .auth-hero-copy h2{color:#23314d}[data-theme=duolingo] .auth-visual .auth-brand{border-color:#d3e8c8;box-shadow:0 4px #d3e8c8}[data-theme=duolingo] .habit-create-modal{border-color:#d3e8c8;box-shadow:0 7px #d3e8c8,0 30px 60px -28px #31701473}[data-theme=duolingo] .habit-create-submit{border-bottom:4px solid #3d9900;min-height:50px;font-weight:800;box-shadow:0 4px #3d9900}[data-theme=duolingo] .btn3d,[data-theme=duolingo] .btn.primary{border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);border-bottom:4px solid color-mix(in srgb, var(--accent) 55%, #1d3b00);box-shadow:0 5px 0 color-mix(in srgb, var(--accent) 45%, #1d3b00), 0 14px 22px -10px var(--accent-glow);border-radius:16px;font-weight:800}[data-theme=duolingo] .btn3d:hover,[data-theme=duolingo] .btn.primary:hover{transform:translateY(-2px)}[data-theme=duolingo] .btn3d:active,[data-theme=duolingo] .btn.primary:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 45%, #1d3b00), 0 4px 10px -8px var(--accent-glow);transform:translateY(4px)}[data-theme=duolingo] .card,[data-theme=duolingo] .surface,[data-theme=duolingo] .settings-card,[data-theme=duolingo] .nextup-card,[data-theme=duolingo] .stat-tile{border-radius:20px}[data-theme=duolingo] .heat-cell{border-radius:6px}[data-theme=duolingo] .bottom-nav{border-top:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));box-shadow:0 -8px 24px -16px var(--accent-glow);background:#ffffffeb}[data-theme=duolingo] .bottom-nav button.active svg{color:var(--accent)}[data-theme=duolingo] .bottom-nav button.active:before{background:var(--accent)}.bottom-nav{background:color-mix(in srgb, var(--bg) 78%, var(--surface))!important;border-top-color:var(--line)!important}[data-theme=pixel]{--pixel-shadow:#a8751c}[data-theme=pixel] .btn,[data-theme=pixel] .btn3d,[data-theme=pixel] .preset-tab,[data-theme=pixel] .fs-tile,[data-theme=pixel] .icon-btn{image-rendering:pixelated;border-radius:3px!important}[data-theme=pixel] .btn.primary,[data-theme=pixel] .btn3d{border-bottom:4px solid var(--pixel-shadow);box-shadow:0 4px 0 var(--pixel-shadow)}[data-theme=pixel] .btn.primary:active,[data-theme=pixel] .btn3d:active{box-shadow:0 1px 0 var(--pixel-shadow);transform:translateY(3px)}[data-theme=pixel] .btn,[data-theme=pixel] .btn3d,[data-theme=pixel] .preset-tab,[data-theme=pixel] .fs-tile{font-weight:800;box-shadow:4px 4px #8d5f17;border:2px solid #ffcc4d!important}[data-theme=pixel] .btn:active,[data-theme=pixel] .btn3d:active,[data-theme=pixel] .preset-tab:active,[data-theme=pixel] .fs-tile:active{box-shadow:1px 1px #8d5f17}[data-theme=pixel] .os-shell{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:8px 8px}[data-theme=duolingo] .os-shell{background:radial-gradient(circle at 8% 8%, #ffc80021 0 5px, transparent 6px), radial-gradient(circle at 93% 18%, #1cb0f621 0 7px, transparent 8px), linear-gradient(135deg, #58cc020a, transparent 42%), var(--bg)!important}[data-theme=pastel] .os-shell{background:radial-gradient(circle at 8% 12%, #ffd9e9 0 16px, transparent 17px), radial-gradient(circle at 91% 22%, #e7d7ff 0 12px, transparent 13px), radial-gradient(circle at 78% 86%, #ffe7c7 0 20px, transparent 21px), var(--bg)!important}[data-theme=rose-quartz] .os-shell{background:radial-gradient(circle at 9% 15%, #ffb2da6b 0 22px, transparent 23px), radial-gradient(circle at 88% 12%, #cdadff6b 0 28px, transparent 29px), linear-gradient(145deg, #9556d81c, transparent 48%), var(--bg)!important}[data-theme=duolingo] .btn,[data-theme=duolingo-dark] .btn,[data-theme=pastel] .btn,[data-theme=rose-quartz] .btn{box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 28%, var(--line)), var(--shadow-tactile);border-radius:13px;font-weight:750}[data-theme=duolingo] .card,[data-theme=duolingo-dark] .card,[data-theme=pastel] .card,[data-theme=rose-quartz] .card{border-color:color-mix(in srgb, var(--accent) 22%, var(--line));background-image:linear-gradient(145deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 55%)}[data-theme=pastel] .sidebar,[data-theme=rose-quartz] .sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, var(--accent)), var(--surface-2));border-color:var(--line)}[data-theme=pastel] .side-item.active,[data-theme=rose-quartz] .side-item.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, var(--surface));box-shadow:inset -4px 0 0 var(--accent), 0 5px 16px -12px var(--accent-glow)}[data-theme=pastel] .btn.primary,[data-theme=rose-quartz] .btn.primary{color:var(--on-accent);background:linear-gradient(135deg, var(--accent-bright), var(--accent));border-color:var(--accent);box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 72%, #55204b), 0 12px 24px -14px var(--accent-glow)}[data-theme=pastel] .habit-create-preview,[data-theme=rose-quartz] .habit-create-preview{background:radial-gradient(circle at 50% 15%, color-mix(in srgb, var(--preview-color,var(--accent)) 24%, transparent), transparent 58%), repeating-linear-gradient(135deg, color-mix(in srgb, var(--accent) 4%, transparent) 0 10px, transparent 10px 20px), var(--surface-2)}[data-theme=spotify] .os-shell,[data-theme=tokyo-night] .os-shell,[data-theme=ocean] .os-shell,[data-theme=forest] .os-shell{background-image:radial-gradient(circle at 85% 5%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 28%), var(--bg)}[data-theme=pixel] .card,[data-theme=pixel] .modal{border-width:2px;border-radius:4px!important}[data-theme=cyber-lab]{--bg:#071014;--surface:#0d1d22;--surface-2:#10282d;--elevated:#16363a;--line:#24535a;--line-soft:#17383e;--ink:#e4fffa;--muted:#8fbab8;--accent:#20e3c2;--accent-bright:#7fffea;--accent-soft:#123f42;--accent-glow:#20e3c252;--on-accent:#041412;--success:#64f58c;--warning:#f8c15c;--danger:#ff6b78;--font-sans:"Geist Mono", "Vazirmatn", monospace;--font-display:"Geist Mono", "Vazirmatn", monospace;--radius:6px;--radius-lg:8px;--radius-sm:4px;--shadow-card:0 12px 30px -22px #20e3c28c;--shadow-tactile:inset 0 1px 0 #7fffea33, 0 0 0 1px #20e3c21f, 0 8px 20px -14px var(--accent-glow);--calendar-cell:#0b1b20;--calendar-glow:#20e3c294}[data-theme=cyber-lab] .os-shell,[data-theme=cyber-lab] .app-shell{background-image:linear-gradient(#20e3c209 1px,#0000 1px),linear-gradient(90deg,#20e3c209 1px,#0000 1px);background-size:28px 28px}[data-theme=cyber-lab] .sidebar{border-inline-start:1px solid var(--accent-soft);background:linear-gradient(#071014f5,#0d1d22f5)}[data-theme=cyber-lab] .card,[data-theme=cyber-lab] .settings-card,[data-theme=cyber-lab] .calendar-stage,[data-theme=cyber-lab] .calendar-detail,[data-theme=cyber-lab] .focus-timer-card{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));box-shadow:var(--shadow-card)}[data-theme=cyber-lab] .btn,[data-theme=cyber-lab] .btn3d{text-transform:uppercase;letter-spacing:.04em;border-radius:4px}[data-theme=cyber-lab] .btn.primary,[data-theme=cyber-lab] .btn3d{box-shadow:0 0 0 1px var(--accent), 0 0 20px -10px var(--accent-glow)}[data-theme=academia]{--bg:#f2ecdf;--surface:#fffaf0;--surface-2:#f5efe3;--elevated:#ebe0cf;--line:#d4c2aa;--line-soft:#e7dac7;--ink:#34261f;--muted:#786a5d;--accent:#8b4f32;--accent-bright:#b36b43;--accent-soft:#ead8c5;--accent-glow:#8b4f323d;--on-accent:#fffaf0;--success:#50744a;--warning:#b67835;--danger:#a84848;--font-sans:"Vazirmatn", Georgia, serif;--font-display:Georgia, "Vazirmatn", serif;--radius:5px;--radius-lg:8px;--radius-sm:3px;--shadow-card:2px 5px 0 #785a321c, 0 15px 30px -24px #462d1966;--shadow-tactile:0 2px 0 #c19b79, 0 9px 18px -14px var(--accent-glow);--calendar-cell:#eee5d7;--calendar-glow:#8b4f325c}[data-theme=academia] .os-shell,[data-theme=academia] .app-shell{background-image:repeating-linear-gradient(0deg,#8b4f3206 0 1px,#0000 1px 5px)}[data-theme=academia] .sidebar{border-inline-start-color:var(--line);background:linear-gradient(#fffaf0,#eadfce)}[data-theme=academia] .card,[data-theme=academia] .settings-card,[data-theme=academia] .calendar-stage,[data-theme=academia] .calendar-detail,[data-theme=academia] .focus-timer-card{border-color:var(--line);box-shadow:var(--shadow-card)}[data-theme=academia] .btn,[data-theme=academia] .btn3d{font-family:var(--font-display);border-radius:4px}[data-theme=academia] .page-header h1,[data-theme=academia] .dash-hero h1{letter-spacing:-.02em}[data-theme=dark-rpg]{--bg:#100d1a;--surface:#1d1630;--surface-2:#271d3e;--elevated:#34274e;--line:#4f3a6c;--line-soft:#33274a;--ink:#f4edff;--muted:#b9a7d1;--accent:#c084fc;--accent-bright:#e9b8ff;--accent-soft:#402b5e;--accent-glow:#c084fc59;--on-accent:#1b1029;--success:#72e6a2;--warning:#f3c969;--danger:#ff7894;--font-sans:"Vazirmatn", "Inter", sans-serif;--font-display:"Estedad", "Vazirmatn", sans-serif;--radius:10px;--radius-lg:14px;--radius-sm:6px;--shadow-card:0 16px 36px -24px #c084fc6b;--shadow-tactile:inset 0 1px 0 #e9b8ff2e, 0 4px 0 #6c4192, 0 15px 25px -18px var(--accent-glow);--calendar-cell:#211934;--calendar-glow:#e9b8ff80}[data-theme=dark-rpg] .os-shell,[data-theme=dark-rpg] .app-shell{background-image:radial-gradient(circle at 15% 12%,#e9b8ff1f 0 1px,#0000 2px),radial-gradient(circle at 82% 27%,#72e6a21f 0 1px,#0000 2px),radial-gradient(at 80% -10%,#c084fc26,#0000 34%)}[data-theme=dark-rpg] .sidebar{border-inline-start-color:var(--line);background:linear-gradient(#1d1630,#100d1a)}[data-theme=dark-rpg] .card,[data-theme=dark-rpg] .settings-card,[data-theme=dark-rpg] .calendar-stage,[data-theme=dark-rpg] .calendar-detail,[data-theme=dark-rpg] .focus-timer-card{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:var(--shadow-card)}[data-theme=dark-rpg] .btn,[data-theme=dark-rpg] .btn3d{border-radius:8px;font-weight:800}[data-theme=dark-rpg] .btn.primary,[data-theme=dark-rpg] .btn3d{box-shadow:var(--shadow-tactile);border-bottom:3px solid #6c4192}[data-theme=cyberpunk-2077]{--bg:#0a0c0f;--surface:#12151a;--surface-2:#171b21;--elevated:#1d222a;--line:#2c333d;--line-soft:#20252d;--ink:#eef4f5;--muted:#8d9aa4;--accent:#fcee0a;--accent-bright:#fff35c;--accent-soft:#3a3410;--accent-glow:#fcee0a57;--on-accent:#12100a;--success:#05d9e8;--warning:#ff9f1c;--danger:#ff003c;--info:#05d9e8;--heat-0:#16181d;--heat-1:#4d430a;--heat-2:#8f7b0d;--heat-3:#d3b90f;--heat-4:#fcee0a;--heat-perfect:#05d9e8;--chart-1:#05d9e8;--chart-2:#ff003c;--chart-3:#fcee0a;--shadow-card:0 14px 34px -26px #000000e6, 0 0 24px -18px var(--accent-glow);--shadow-tactile:inset 0 1px 0 #ffffff24, 0 0 0 1px #fcee0a47, 0 10px 26px -18px var(--accent-glow);--calendar-cell:#16191f;--calendar-glow:#fcee0a8c;--font-sans:"Rajdhani", "Vazirmatn", sans-serif;--font-display:"Rajdhani", "Estedad", sans-serif;--font-num:"Rajdhani", "Geist Mono", monospace;--radius:4px;--radius-lg:6px;--radius-sm:3px;--theme-atmosphere-opacity:.85;--theme-orbit-duration:22s;--logo-filter:hue-rotate(40deg) saturate(1.6)}[data-theme=cyberpunk-2077] .os-shell,[data-theme=cyberpunk-2077] .app-shell{background-image:linear-gradient(#fcee0a06 1px,#0000 1px),linear-gradient(90deg,#fcee0a06 1px,#0000 1px),radial-gradient(at 82% -8%,#05d9e81f,#0000 36%),radial-gradient(at 8% 96%,#ff003c14,#0000 34%);background-size:34px 34px,34px 34px,auto,auto}[data-theme=cyberpunk-2077] .sidebar{border-inline-start:1px solid var(--line);background:linear-gradient(#12151af7,#0a0c0ff7);box-shadow:inset -1px 0 #fcee0a1a}[data-theme=cyberpunk-2077] .card,[data-theme=cyberpunk-2077] .settings-card,[data-theme=cyberpunk-2077] .calendar-stage,[data-theme=cyberpunk-2077] .calendar-detail,[data-theme=cyberpunk-2077] .focus-timer-card{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));box-shadow:var(--shadow-card)}[data-theme=cyberpunk-2077] .page-header h1 em,[data-theme=cyberpunk-2077] .dash-hero h1 em{color:var(--accent);text-shadow:0 0 18px var(--accent-glow);font-style:normal}[data-theme=cyberpunk-2077] .section-label{color:var(--accent);letter-spacing:.22em}[data-theme=cyberpunk-2077] .btn,[data-theme=cyberpunk-2077] .btn3d{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.09em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-radius:0}[data-theme=cyberpunk-2077] .btn.primary,[data-theme=cyberpunk-2077] .btn3d{background:linear-gradient(180deg, var(--accent-bright), var(--accent));color:var(--on-accent);box-shadow:0 0 0 1px #fcee0a8c, 0 0 22px -8px var(--accent-glow);border:0}[data-theme=cyberpunk-2077] .btn.primary:hover,[data-theme=cyberpunk-2077] .btn3d:hover{background:linear-gradient(180deg, #fff89a, var(--accent-bright));box-shadow:0 0 0 1px var(--accent-bright), 0 0 30px -6px var(--accent-glow);transform:translateY(-1px)}[data-theme=cyberpunk-2077] .btn.primary:active,[data-theme=cyberpunk-2077] .btn3d:active{transform:translateY(1px)}[data-theme=cyberpunk-2077] .btn.secondary,[data-theme=cyberpunk-2077] .btn.ghost{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--ink);border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line))}[data-theme=cyberpunk-2077] .btn.primary:before,[data-theme=cyberpunk-2077] .btn3d:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);position:absolute;inset:0}[data-theme=cyberpunk-2077] .btn.primary:hover:before,[data-theme=cyberpunk-2077] .btn3d:hover:before{animation:.5s steps(2,jump-none) cyber-glitch}@keyframes cyber-glitch{0%{opacity:.9;transform:translate(-30%)}50%{opacity:.6;transform:translate(30%)}to{opacity:0;transform:translate(0)}}[data-theme=cyberpunk-2077] .side-item.active{color:var(--on-accent);background:linear-gradient(90deg, var(--accent), var(--accent-bright));clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px)}[data-theme=cyberpunk-2077] .bottom-nav button.active{color:var(--accent)}[data-theme=cyberpunk-2077] .bottom-nav button.active:before{background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}[data-theme=cyberpunk-2077] .dl-xp-bar i,[data-theme=cyberpunk-2077] .progress-track i{background:linear-gradient(90deg, var(--accent), #05d9e8)}[data-theme=cyberpunk-2077] .theme-preview[data-theme-preview=cyberpunk-2077] .tp-btn{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}[data-theme=cyberpunk-2077],[data-theme=cyberpunk-2077] *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M4 2 L20 14 L12 15 L16 24 L12.5 25.5 L9 17 L4 21 Z' fill='%23fcee0a' stroke='%230a0c0f' stroke-width='1.5'/><circle cx='22' cy='6' r='2.5' fill='%2305d9e8'/></svg>") 4 2,auto}[data-theme=cyberpunk-2077] button,[data-theme=cyberpunk-2077] a,[data-theme=cyberpunk-2077] [role=radio],[data-theme=cyberpunk-2077] [role=tab]{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M5 3 L21 15 L13 16 L17 25 L13.5 26.5 L10 18 L5 22 Z' fill='%2305d9e8' stroke='%230a0c0f' stroke-width='1.5'/><circle cx='24' cy='7' r='3' fill='%23fcee0a'/></svg>") 5 3,pointer}[data-theme=cyberpunk-2077] input,[data-theme=cyberpunk-2077] textarea,[data-theme=cyberpunk-2077] select{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M4 2 L20 14 L12 15 L16 24 L12.5 25.5 L9 17 L4 21 Z' fill='%23fcee0a' stroke='%230a0c0f' stroke-width='1.5'/><circle cx='22' cy='6' r='2.5' fill='%2305d9e8'/></svg>") 4 2,text}[data-theme=cyberpunk-2077]{--theme-pattern:linear-gradient(#fcee0a0d 1px, transparent 1px), linear-gradient(90deg, #fcee0a0d 1px, transparent 1px), repeating-linear-gradient(0deg, #ffffff06 0 2px, transparent 2px 5px);--theme-atmosphere-opacity:1}[data-theme] .card,[data-theme] .settings-card,[data-theme] .calendar-stage,[data-theme] .calendar-detail,[data-theme] .btn,[data-theme] .btn3d{transition:background-color var(--motion-normal) var(--ease-standard), border-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), transform var(--motion-fast) var(--ease-spring)}[data-motion=reduced] [data-theme] *,[data-motion=reduced] [data-theme] :before,[data-motion=reduced] [data-theme] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}:root,[data-theme]{--theme-wallpaper:radial-gradient(ellipse at 82% -12%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 38%), radial-gradient(ellipse at 4% 88%, color-mix(in srgb, var(--accent-bright) 9%, transparent), transparent 42%);--theme-pattern:none;--theme-atmosphere-opacity:.7;--theme-highlight:color-mix(in srgb, var(--accent) 22%, var(--surface));--theme-highlight-strong:color-mix(in srgb, var(--accent) 42%, var(--surface));--theme-nav-active:var(--theme-highlight-strong);--theme-button-label:var(--on-accent);--theme-card-sheen:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%);--theme-orbit-duration:18s;--logo-filter:none}[data-theme=midnight]{--logo-filter:hue-rotate(0deg)}[data-theme=spotify]{--logo-filter:hue-rotate(105deg) saturate(1.15)}[data-theme=duolingo],[data-theme=duolingo-dark]{--logo-filter:hue-rotate(82deg) saturate(1.2)}[data-theme=ocean],[data-theme=frost]{--logo-filter:hue-rotate(145deg) saturate(1.1)}[data-theme=forest],[data-theme=nature]{--logo-filter:hue-rotate(55deg) saturate(1.15)}[data-theme=tokyo-night]{--logo-filter:hue-rotate(185deg) saturate(1.1)}[data-theme=pixel]{--logo-filter:hue-rotate(28deg) saturate(1.4)}[data-theme=pastel],[data-theme=rose-quartz],[data-theme=love]{--logo-filter:hue-rotate(300deg) saturate(1.05)}[data-theme=academia]{--logo-filter:hue-rotate(350deg) saturate(.9)}[data-theme=cosmic]{--logo-filter:hue-rotate(225deg) saturate(1.2)}[data-theme=cyber-lab]{--logo-filter:hue-rotate(145deg) saturate(1.5)}[data-theme=cyberpunk-2077]{--theme-wallpaper:radial-gradient(ellipse at 80% -10%, #05d9e829, transparent 40%), radial-gradient(ellipse at 6% 100%, #ff003c1f, transparent 40%);--theme-pattern:linear-gradient(#fcee0a0d 1px, transparent 1px), linear-gradient(90deg, #fcee0a0d 1px, transparent 1px);--theme-card-sheen:linear-gradient(145deg, #fcee0a0d, transparent 44%)}.theme-logo{filter:var(--logo-filter);transition:filter var(--motion-normal) var(--ease-standard), transform var(--motion-fast) var(--ease-spring)}.brand-logo.theme-logo{filter:none}.theme-logo:hover{transform:translateY(-1px)rotate(-2deg)}[data-theme] .os-shell{isolation:isolate;position:relative;background:var(--theme-wallpaper)!important;background-color:var(--bg)!important}[data-theme] .os-shell:before,[data-theme] .os-shell:after{z-index:-1;pointer-events:none;content:"";opacity:var(--theme-atmosphere-opacity);position:fixed}[data-theme] .os-shell:before{background:var(--theme-wallpaper);filter:blur(30px);animation:theme-drift var(--theme-orbit-duration) ease-in-out infinite alternate;inset:-30%}[data-theme] .os-shell:after{background-image:var(--theme-pattern);opacity:.45;background-size:32px 32px;inset:0}[data-theme] .theme-graffiti{width:38px;height:24px;color:var(--accent-bright);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);font:800 8px/1 var(--mono);letter-spacing:-.5px;opacity:.8;text-shadow:0 0 8px var(--accent-glow);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:7px;place-items:center;margin-inline-start:auto;display:grid;overflow:hidden;transform:rotate(-6deg)}[data-theme] .theme-graffiti:before{content:"✦ Z"}[data-theme=cyberpunk-2077] .theme-graffiti:before{content:"01 / 77"}[data-theme=cyber-lab] .theme-graffiti:before{content:"⌁ 0101"}[data-theme=cosmic] .theme-graffiti:before{content:"✦ ˚ ✧"}[data-theme=forest] .theme-graffiti:before,[data-theme=nature] .theme-graffiti:before{content:"⌁ ROOT"}[data-theme=ocean] .theme-graffiti:before{content:"≈ DEEP"}[data-theme=tokyo-night] .theme-graffiti:before{content:"夜 01"}[data-theme=pixel] .theme-graffiti:before{content:"▶ XP"}[data-theme=academia] .theme-graffiti:before{content:"✦ VOL.1"}[data-theme=dark-rpg] .theme-graffiti:before{content:"⚔ LVL"}[data-theme=love] .theme-graffiti:before{content:"♡ Z"}[data-theme=spotify] .theme-graffiti:before{content:"● PLAY"}[data-theme=duolingo] .theme-graffiti:before,[data-theme=duolingo-dark] .theme-graffiti:before{content:"★ GO"}[data-theme=frost] .theme-graffiti:before{content:"❄ ICE"}[data-theme=pastel] .theme-graffiti:before,[data-theme=rose-quartz] .theme-graffiti:before{content:"✿ BLOOM"}[data-theme=midnight] .theme-graffiti:before{content:"☾ Z"}[data-theme=midnight] .theme-graffiti{border-radius:3px}.theme-graffiti:before{content:none!important}[data-theme] .card,[data-theme] .settings-card,[data-theme] .calendar-stage,[data-theme] .calendar-detail,[data-theme] .focus-timer-card{background-image:var(--theme-card-sheen)}[data-theme] .btn.primary,[data-theme] .btn3d,[data-theme] .accent-btn,[data-theme] .quick-action{color:var(--theme-button-label);border-color:color-mix(in srgb, var(--accent-bright) 68%, var(--line))}[data-theme] .btn.secondary,[data-theme] .btn.ghost{color:var(--ink);background:var(--theme-highlight);border-color:color-mix(in srgb, var(--accent) 38%, var(--line))}[data-theme] .btn.primary:hover,[data-theme] .btn3d:hover,[data-theme] .accent-btn:hover,[data-theme] .quick-action:hover{background:linear-gradient(135deg, var(--accent), var(--accent-bright));color:var(--theme-button-label);box-shadow:0 10px 24px -14px var(--accent-glow)}[data-theme] .side-item.active{color:var(--ink);background:var(--theme-nav-active)}[data-theme] .range-tabs>button.active,[data-theme] .preset-tab.active{color:var(--theme-button-label);background:var(--theme-highlight-strong)}[data-theme] .theme-card-concept{color:var(--accent-bright)}@keyframes theme-drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,1%)scale(1.04)}}@keyframes theme-shimmer{0%{background-position:0%}to{background-position:180%}}[data-theme=midnight]{--theme-wallpaper:radial-gradient(ellipse at 80% -5%, #10b98129, transparent 34%), radial-gradient(ellipse at 6% 92%, #34d39917, transparent 38%), linear-gradient(155deg, #080b0a, #101714);--theme-pattern:radial-gradient(circle, #ffffff0e 0 1px, transparent 1.6px);--theme-card-sheen:linear-gradient(145deg, #ffffff09, transparent 46%);--theme-nav-active:color-mix(in srgb, var(--accent) 16%, var(--surface-2));--font-sans:"Estedad", "Vazirmatn", sans-serif;--font-display:"Estedad", "Vazirmatn", sans-serif}[data-theme=nature]{--theme-wallpaper:radial-gradient(circle at 8% 14%, #4e956040, transparent 25%), radial-gradient(circle at 88% 84%, #b5935b2e, transparent 28%), linear-gradient(145deg, #eef5e8, #e3efdf);--theme-pattern:radial-gradient(ellipse at 20% 20%, #4e95601f 0 2px, transparent 3px);--theme-highlight:#e2efdf;--theme-highlight-strong:#cfe4ca}[data-theme=love]{--theme-wallpaper:radial-gradient(circle at 12% 10%, #d96b873d, transparent 24%), radial-gradient(circle at 86% 80%, #ffc9dc8c, transparent 30%), #fff5f7;--theme-pattern:radial-gradient(circle, #d96b8721 0 1px, transparent 1.5px);--theme-highlight:#fff0f4;--theme-highlight-strong:#f9dce5}[data-theme=frost]{--theme-wallpaper:radial-gradient(circle at 15% 4%, #4b9fd838, transparent 28%), linear-gradient(160deg, #f8fcff, #e5f3fd);--theme-pattern:linear-gradient(120deg, #4b9fd814 1px, transparent 1px);--theme-highlight:#e7f4fd;--theme-highlight-strong:#cfe9f9}[data-theme=cosmic]{--theme-wallpaper:radial-gradient(circle at 14% 15%, #ffffff40 0 1px, transparent 2px), radial-gradient(circle at 82% 26%, #c1b7ff4d 0 1px, transparent 2px), radial-gradient(ellipse at 80% 0%, #9c8cff3d, transparent 36%), #090d23;--theme-pattern:radial-gradient(circle, #ffffff21 0 1px, transparent 1.5px)}[data-theme=spotify]{--theme-wallpaper:radial-gradient(circle at 88% 0%, #1ed76033, transparent 28%), linear-gradient(145deg, #121212, #17251b);--theme-pattern:radial-gradient(circle, #1ed7601f 0 1px, transparent 1.5px)}[data-theme=ocean]{--theme-wallpaper:radial-gradient(ellipse at 76% 0%, #38bdf840, transparent 33%), linear-gradient(160deg, #0a1628, #102f4d);--theme-pattern:repeating-linear-gradient(0deg, #38bdf80b 0 1px, transparent 1px 8px)}[data-theme=forest]{--theme-wallpaper:radial-gradient(circle at 5% 5%, #34d39938, transparent 25%), radial-gradient(circle at 92% 80%, #74a95b29, transparent 30%), #0c1712;--theme-pattern:radial-gradient(ellipse at 30% 20%, #34d3991f 0 2px, transparent 3px)}[data-theme=tokyo-night]{--theme-wallpaper:radial-gradient(circle at 82% 2%, #7aa2f73d, transparent 28%), linear-gradient(150deg, #16161e, #22213c);--theme-pattern:linear-gradient(135deg, #bb9af70f 25%, transparent 25% 75%, #7aa2f70f 75%)}[data-theme=pastel],[data-theme=rose-quartz]{--theme-wallpaper:radial-gradient(circle at 10% 10%, #ffb2da57, transparent 25%), radial-gradient(circle at 88% 12%, #cdadff52, transparent 27%), linear-gradient(145deg, #fff7fb, #f5efff);--theme-pattern:radial-gradient(circle, #c77dff29 0 1px, transparent 1.5px);--theme-highlight:#fff0f7;--theme-highlight-strong:#f5d9ef}[data-theme=duolingo],[data-theme=duolingo-dark]{--theme-wallpaper:radial-gradient(circle at 10% 8%, #ffc80033, transparent 20%), radial-gradient(circle at 90% 18%, #1cb0f629, transparent 24%), linear-gradient(145deg, var(--bg), color-mix(in srgb, var(--accent) 12%, var(--bg)));--theme-pattern:radial-gradient(circle, #58cc0226 0 2px, transparent 2.5px);--theme-highlight:color-mix(in srgb, var(--accent) 10%, var(--surface));--theme-highlight-strong:color-mix(in srgb, var(--accent) 24%, var(--surface))}[data-theme=pixel]{--theme-wallpaper:linear-gradient(135deg, #ffcc4d24, transparent 40%), #171329;--theme-pattern:linear-gradient(90deg, #ffcc4d12 1px, transparent 1px), linear-gradient(#ffcc4d12 1px, transparent 1px)}[data-theme=academia]{--theme-wallpaper:radial-gradient(circle at 8% 12%, #8b4f3221 0 2px, transparent 3px), radial-gradient(circle at 92% 18%, #8b4f3217 0 2px, transparent 3px), radial-gradient(ellipse at 86% -4%, #deb5834d, transparent 34%), linear-gradient(160deg, #f6efe1, #eadbc1);--theme-pattern:linear-gradient(90deg, #8b4f320d 1px, transparent 1px);--theme-highlight:#f7f0e1;--theme-highlight-strong:#ece0ca}[data-theme=dark-rpg]{--theme-wallpaper:radial-gradient(circle at 14% 10%, #e9b8ff21 0 1px, transparent 2px), radial-gradient(circle at 84% 22%, #72e6a21c 0 1px, transparent 2px), radial-gradient(ellipse at 82% -8%, #c084fc42, transparent 38%), radial-gradient(ellipse at 6% 100%, #5836803d, transparent 42%), linear-gradient(155deg, #100d1a, #1b1330);--theme-pattern:linear-gradient(135deg, #c084fc0f 25%, transparent 25% 75%, #c084fc0f 75%);--theme-highlight:#241a38;--theme-highlight-strong:#382a52}[data-theme=cyber-lab]{--theme-wallpaper:radial-gradient(circle at 12% 10%, #20e3c21a 0 1px, transparent 2px), radial-gradient(ellipse at 88% -6%, #20e3c238, transparent 36%), linear-gradient(155deg, #071014, #0b1f26);--theme-pattern:linear-gradient(#20e3c20d 1px, transparent 1px), linear-gradient(90deg, #20e3c20d 1px, transparent 1px);--theme-highlight:#0d2a30;--theme-highlight-strong:#13424a}[data-theme=light] .btn.secondary,[data-theme=nature] .btn.secondary,[data-theme=love] .btn.secondary,[data-theme=frost] .btn.secondary,[data-theme=pastel] .btn.secondary,[data-theme=rose-quartz] .btn.secondary,[data-theme=academia] .btn.secondary{color:var(--ink)}[data-theme=midnight] .btn3d,[data-theme=midnight] .btn.primary{box-shadow:0 3px 0 #702f35, 0 10px 24px -16px var(--accent-glow);border-radius:10px}[data-theme=midnight] .btn3d:hover,[data-theme=midnight] .btn.primary:hover{transform:translateY(-2px)}[data-theme=midnight] .btn3d:active,[data-theme=midnight] .btn.primary:active{transform:translateY(1px);box-shadow:0 1px #702f35}[data-theme=love]{--font-sans:"Vazirmatn", "Estedad", sans-serif;--font-display:"Estedad", "Vazirmatn", sans-serif;--theme-wallpaper:radial-gradient(circle at 8% 12%, #d96b8738 0 2px, transparent 3px), radial-gradient(circle at 92% 18%, #d96b872e 0 2px, transparent 3px), radial-gradient(ellipse at 80% 95%, #ffc9dcb3, transparent 38%), #fff5f7;--theme-pattern:radial-gradient(circle, #d96b8726 0 1px, transparent 1.5px);--theme-highlight:#fff0f4;--theme-highlight-strong:#f7cbd7;--theme-button-label:#fff}[data-theme=love] .btn3d,[data-theme=love] .btn.primary{transition:transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-fast) var(--ease-standard);border-radius:999px;box-shadow:0 4px #b34d6c,0 12px 22px -15px #b34d6ca6}[data-theme=love] .btn3d:hover,[data-theme=love] .btn.primary:hover{transform:translateY(-2px)scale(1.015)}[data-theme=love] .btn3d:active,[data-theme=love] .btn.primary:active{transform:translateY(2px)scale(.99);box-shadow:0 1px #b34d6c}[data-theme=cosmic]{--theme-wallpaper:radial-gradient(circle at 82% 12%, #fffc 0 1px, transparent 2px), radial-gradient(circle at 18% 30%, #c1b7ffa6 0 1px, transparent 2px), radial-gradient(ellipse at 78% -10%, #9c8cff52, transparent 38%), radial-gradient(ellipse at 12% 100%, #5546be42, transparent 45%), #090d23;--theme-pattern:radial-gradient(circle, #ffffff24 0 1px, transparent 1.5px);--theme-card-sheen:linear-gradient(145deg, #9c8cff14, transparent 48%)}[data-theme=cosmic] .os-shell:before{animation:cosmic-drift var(--theme-orbit-duration) ease-in-out infinite alternate}[data-theme=cosmic] .btn3d,[data-theme=cosmic] .btn.primary{box-shadow:0 0 0 1px #9c8cffb3, 0 8px 26px -14px var(--accent-glow);border-radius:12px}[data-theme=cosmic] .btn3d:hover,[data-theme=cosmic] .btn.primary:hover{box-shadow:0 0 0 1px var(--accent), 0 0 24px -8px var(--accent-glow);transform:translateY(-2px)}@keyframes cosmic-drift{0%{transform:translate(-1%,-1%)scale(1)}to{transform:translate(2%,1%)scale(1.06)}}[data-motion=reduced] .btn3d,[data-motion=reduced] .btn.primary{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.theme-logo{transition:none}}[data-theme=ocean] .btn,[data-theme=ocean] .btn3d{border-radius:14px}[data-theme=ocean] .btn.primary,[data-theme=ocean] .btn3d{box-shadow:0 5px 0 #0a4a6e, 0 16px 30px -18px var(--accent-glow);border-bottom:3px solid #0a4a6e}[data-theme=ocean] .btn.primary:hover,[data-theme=ocean] .btn3d:hover{box-shadow:0 5px 0 #0a4a6e, 0 22px 36px -20px var(--accent-glow);transform:translateY(-2px)}[data-theme=ocean] .btn.primary:active,[data-theme=ocean] .btn3d:active{transform:translateY(3px);box-shadow:0 1px #0a4a6e}[data-theme=ocean] .card,[data-theme=ocean] .settings-card,[data-theme=ocean] .calendar-stage,[data-theme=ocean] .calendar-detail,[data-theme=ocean] .focus-timer-card{border-radius:18px}[data-theme=forest] .btn,[data-theme=forest] .btn3d{border-radius:12px 16px}[data-theme=forest] .btn.primary,[data-theme=forest] .btn3d{box-shadow:0 4px 0 #12432e, 0 14px 26px -18px var(--accent-glow);border-bottom:4px solid #12432e}[data-theme=forest] .btn.primary:hover,[data-theme=forest] .btn3d:hover{transform:translateY(-2px)}[data-theme=forest] .btn.primary:active,[data-theme=forest] .btn3d:active{transform:translateY(2px);box-shadow:0 1px #12432e}[data-theme=forest] .card,[data-theme=forest] .settings-card,[data-theme=forest] .calendar-stage,[data-theme=forest] .calendar-detail,[data-theme=forest] .focus-timer-card{border-radius:16px}[data-theme=tokyo-night] .btn,[data-theme=tokyo-night] .btn3d{border-radius:4px}[data-theme=tokyo-night] .btn.primary,[data-theme=tokyo-night] .btn3d{box-shadow:0 0 0 1px #7aa2f759, 0 8px 22px -16px var(--accent-glow);border-bottom:2px solid #7aa2f7bf}[data-theme=tokyo-night] .btn.primary:hover,[data-theme=tokyo-night] .btn3d:hover{box-shadow:0 0 0 1px var(--accent), 0 12px 26px -16px var(--accent-glow);transform:translateY(-1px)}[data-theme=tokyo-night] .btn.primary:active,[data-theme=tokyo-night] .btn3d:active{box-shadow:0 0 0 1px var(--accent);transform:translateY(1px)}[data-theme=tokyo-night] .card,[data-theme=tokyo-night] .settings-card,[data-theme=tokyo-night] .calendar-stage,[data-theme=tokyo-night] .calendar-detail,[data-theme=tokyo-night] .focus-timer-card{border-radius:10px}[data-theme=frost] .btn,[data-theme=frost] .btn3d{border-radius:3px}[data-theme=frost] .btn.primary,[data-theme=frost] .btn3d{color:#1b3554;background:linear-gradient(#ffffffeb,#fff6);border:1px solid #4b9fd88c;box-shadow:inset 0 1px #fff,0 4px #6fa7cf,0 12px 22px -16px #4b9fd88c}[data-theme=frost] .btn.primary:hover,[data-theme=frost] .btn3d:hover{transform:translateY(-1px)}[data-theme=frost] .btn.primary:active,[data-theme=frost] .btn3d:active{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px #6fa7cf}[data-theme=frost] .card,[data-theme=frost] .settings-card,[data-theme=frost] .calendar-stage,[data-theme=frost] .calendar-detail,[data-theme=frost] .focus-timer-card{border-radius:14px}[data-theme=nature] .btn,[data-theme=nature] .btn3d{border-radius:18px}[data-theme=nature] .btn.primary,[data-theme=nature] .btn3d{border-bottom:4px solid #785a32d9;box-shadow:0 4px #785a32b3,0 12px 24px -16px #4e956099}[data-theme=nature] .btn.primary:hover,[data-theme=nature] .btn3d:hover{transform:translateY(-2px)}[data-theme=nature] .btn.primary:active,[data-theme=nature] .btn3d:active{transform:translateY(2px);box-shadow:0 1px #785a32b3}[data-theme=nature] .card,[data-theme=nature] .settings-card,[data-theme=nature] .calendar-stage,[data-theme=nature] .calendar-detail,[data-theme=nature] .focus-timer-card{border-radius:22px}[data-theme=spotify] .btn,[data-theme=spotify] .btn3d{border-radius:999px}[data-theme=spotify] .btn.primary,[data-theme=spotify] .btn3d{box-shadow:0 10px 26px -14px #1ed760d9}[data-theme=spotify] .btn.primary:hover,[data-theme=spotify] .btn3d:hover{transform:scale(1.02);box-shadow:0 14px 30px -14px #1ed760f2}[data-theme=spotify] .btn.primary:active,[data-theme=spotify] .btn3d:active{transform:scale(.98)}[data-theme=spotify] .card,[data-theme=spotify] .settings-card,[data-theme=spotify] .calendar-stage,[data-theme=spotify] .calendar-detail,[data-theme=spotify] .focus-timer-card{border-radius:14px}[data-theme=duolingo-dark] .btn,[data-theme=duolingo-dark] .btn3d{border-radius:9px}[data-theme=duolingo-dark] .btn.primary,[data-theme=duolingo-dark] .btn3d{box-shadow:0 4px 0 #2f6f26, 0 12px 22px -14px var(--accent-glow);border-bottom:4px solid #2f6f26}[data-theme=duolingo-dark] .btn.primary:hover,[data-theme=duolingo-dark] .btn3d:hover{transform:translateY(-2px)}[data-theme=duolingo-dark] .btn.primary:active,[data-theme=duolingo-dark] .btn3d:active{transform:translateY(2px);box-shadow:0 1px #2f6f26}[data-theme=pastel] .btn,[data-theme=pastel] .btn3d{border-radius:999px}[data-theme=pastel] .btn.primary,[data-theme=pastel] .btn3d{box-shadow:0 10px 22px -14px #d977beb3}[data-theme=pastel] .btn.primary:hover,[data-theme=pastel] .btn3d:hover{transform:translateY(-1px)scale(1.02)}[data-theme=pastel] .btn.primary:active,[data-theme=pastel] .btn3d:active{transform:translateY(1px)scale(.99)}[data-theme=pastel] .card,[data-theme=pastel] .settings-card,[data-theme=pastel] .calendar-stage,[data-theme=pastel] .calendar-detail,[data-theme=pastel] .focus-timer-card{border-radius:22px}[data-theme=rose-quartz] .btn,[data-theme=rose-quartz] .btn3d{border-radius:18px}[data-theme=rose-quartz] .btn.primary,[data-theme=rose-quartz] .btn3d{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-bright) 88%, #fff), var(--accent));box-shadow:inset 0 0 0 1px #fff6, 0 4px 0 color-mix(in srgb, var(--accent) 62%, #7a3fa8), 0 16px 26px -18px var(--accent-glow)}[data-theme=rose-quartz] .btn.primary:hover,[data-theme=rose-quartz] .btn3d:hover{transform:translateY(-2px)}[data-theme=rose-quartz] .btn.primary:active,[data-theme=rose-quartz] .btn3d:active{box-shadow:inset 0 0 0 1px #fff6, 0 1px 0 color-mix(in srgb, var(--accent) 62%, #7a3fa8);transform:translateY(2px)}[data-theme=rose-quartz] .card,[data-theme=rose-quartz] .settings-card,[data-theme=rose-quartz] .calendar-stage,[data-theme=rose-quartz] .calendar-detail,[data-theme=rose-quartz] .focus-timer-card{border-radius:20px}[data-theme=pixel]{--font-num:"Courier New", ui-monospace, monospace}:root,[data-theme]{--color-scheme:dark;--background:var(--bg);--background-secondary:var(--surface);--surface-raised:var(--elevated);--surface-overlay:color-mix(in srgb, var(--elevated) 92%, transparent);--surface-hover:color-mix(in srgb, var(--accent) 7%, var(--surface));--surface-active:color-mix(in srgb, var(--accent) 13%, var(--surface));--surface-selected:var(--theme-highlight);--text-primary:var(--ink);--text-secondary:var(--muted);--text-muted:var(--muted);--text-disabled:color-mix(in srgb, var(--muted) 55%, transparent);--border:var(--line);--border-subtle:var(--line-soft);--border-strong:color-mix(in srgb, var(--line) 80%, var(--ink) 20%);--accent-hover:var(--accent-bright);--accent-active:color-mix(in srgb, var(--accent) 82%, var(--ink));--success-soft:color-mix(in srgb, var(--success) 14%, var(--surface));--warning-soft:color-mix(in srgb, var(--warning) 14%, var(--surface));--danger-soft:color-mix(in srgb, var(--danger) 14%, var(--surface));--info-soft:color-mix(in srgb, var(--info) 14%, var(--surface));--focus-ring:var(--ring);--on-success:#fff;--on-warning:#2a1c08;--on-danger:#fff;--on-info:#fff;--control-knob:var(--ink);--on-heat-perfect:#241a00;--scrim:color-mix(in srgb, var(--bg) 78%, transparent);--button-primary-bg:var(--accent);--button-primary-hover:var(--accent-bright);--button-primary-ink:var(--on-accent);--button-secondary-bg:var(--surface-2);--button-secondary-hover:var(--surface-hover);--button-ghost-hover:var(--surface-hover);--input-bg:var(--surface-2);--input-hover-border:color-mix(in srgb, var(--accent) 28%, var(--border));--card-bg:var(--surface);--card-raised-bg:var(--surface-raised);--card-overlay-bg:var(--surface-overlay);--nav-bg:color-mix(in srgb, var(--surface) 92%, transparent);--nav-active-bg:color-mix(in srgb, var(--accent) 14%, var(--surface));--nav-active-indicator:var(--accent);--modal-bg:var(--surface-raised);--dropdown-bg:var(--surface-raised);--tooltip-bg:var(--ink);--tooltip-ink:var(--bg);--tabs-active-bg:var(--surface-selected);--badge-bg:var(--accent-soft);--chart-grid:var(--border-subtle);--chart-axis:var(--muted);--chart-tooltip-bg:var(--surface-raised);--chart-tooltip-ink:var(--ink);--progress-track:var(--surface-2);--progress-fill:var(--accent);--achievement-locked-bg:var(--surface-2);--achievement-unlocked-bg:var(--surface-selected);--leaderboard-current-bg:var(--surface-selected);--rank-1-bg:linear-gradient(135deg, #ffd66b, #f2b134);--rank-2-bg:linear-gradient(135deg, #e3e8ef, #b9c2cf);--rank-3-bg:linear-gradient(135deg, #e8b27a, #c98a4e);--rank-1-ink:#1c1408;--rank-2-ink:#15181c;--rank-3-ink:#1c1208;--focus-bg:var(--surface);--calorie-bg:var(--surface);--profile-cover:var(--theme-wallpaper);--analytics-bg:var(--surface)}[data-theme=duolingo],[data-theme=pastel],[data-theme=rose-quartz],[data-theme=nature],[data-theme=love],[data-theme=frost],[data-theme=academia]{--color-scheme:light}[data-theme=midnight]{--bg:#0b0f0d;--surface:#111613;--surface-2:#161d19;--elevated:#1c251f;--line:#ffffff17;--line-soft:#ffffff0e;--ink:#f2f6f3;--muted:#93a09a;--accent:#10b981;--accent-bright:#34d399;--accent-soft:#10b9812e;--accent-glow:#10b9814d;--theme-wallpaper:radial-gradient(ellipse at 82% -10%, #10b98124, transparent 36%), linear-gradient(145deg, #0b0f0d, #131a16);--theme-pattern:radial-gradient(circle, #dcebff14 0 1px, transparent 1.5px);--theme-card-sheen:linear-gradient(145deg, #ffffff09, transparent 48%);--radius:14px;--radius-lg:20px;--wallpaper:url(/wallpapers/midnight.webp);--wallpaper-position:50% 42%;--wallpaper-overlay:.66;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #0a1620)}[data-theme=cyberpunk-2077]{--wallpaper:url(/wallpapers/cyberpunk-2077.webp);--wallpaper-position:50% 38%;--wallpaper-overlay:.7;--wallpaper-tint:color-mix(in srgb, var(--bg) 88%, #1a0630)}[data-theme=cyber-lab]{--wallpaper:url(/wallpapers/cyber-lab.webp);--wallpaper-position:50% 45%;--wallpaper-overlay:.7;--wallpaper-tint:color-mix(in srgb, var(--bg) 90%, #04121a)}[data-theme=ocean]{--wallpaper:url(/wallpapers/ocean.webp);--wallpaper-position:50% 50%;--wallpaper-overlay:.68;--wallpaper-tint:color-mix(in srgb, var(--bg) 90%, #041426)}[data-theme=forest]{--wallpaper:url(/wallpapers/forest.webp);--wallpaper-portrait:url(/wallpapers/forest-portrait.webp);--wallpaper-position:50% 46%;--wallpaper-overlay:.66;--wallpaper-tint:color-mix(in srgb, var(--bg) 90%, #06180f)}[data-theme=nature]{--wallpaper:url(/wallpapers/nature.webp);--wallpaper-portrait:url(/wallpapers/nature-portrait.webp);--wallpaper-position:50% 48%;--wallpaper-overlay:.64;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #101a08)}[data-theme=frost]{--wallpaper:url(/wallpapers/frost.webp);--wallpaper-portrait:url(/wallpapers/frost-portrait.webp);--wallpaper-position:50% 40%;--wallpaper-overlay:.64;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #0b1a26)}[data-theme=academia]{--wallpaper:url(/wallpapers/academia.webp);--wallpaper-position:50% 52%;--wallpaper-overlay:.72;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #1a1206)}[data-theme=tokyo-night]{--wallpaper:url(/wallpapers/tokyo-night.webp);--wallpaper-position:50% 44%;--wallpaper-overlay:.72;--wallpaper-tint:color-mix(in srgb, var(--bg) 90%, #120a20)}[data-theme=cosmic]{--wallpaper:url(/wallpapers/cosmic.webp);--wallpaper-position:50% 35%;--wallpaper-overlay:.72;--wallpaper-tint:color-mix(in srgb, var(--bg) 88%, #0b0620)}[data-theme=dark-rpg]{--wallpaper:url(/wallpapers/dark-rpg.webp);--wallpaper-position:50% 50%;--wallpaper-overlay:.74;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #180a04)}[data-theme=spotify]{--wallpaper:url(/wallpapers/spotify.webp);--wallpaper-position:50% 45%;--wallpaper-overlay:.74;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #06140c)}[data-theme=love]{--wallpaper:url(/wallpapers/love.webp);--wallpaper-position:50% 48%;--wallpaper-overlay:.72;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #1c0a14)}[data-theme=rose-quartz]{--wallpaper:url(/wallpapers/rose-quartz.webp);--wallpaper-position:50% 48%;--wallpaper-overlay:.72;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #1e0d16)}[data-theme=pixel]{--wallpaper:url(/wallpapers/pixel.webp);--wallpaper-position:50% 50%;--wallpaper-overlay:.76;--wallpaper-tint:color-mix(in srgb, var(--bg) 94%, #0d0618)}[data-theme=duolingo]{--wallpaper:url(/wallpapers/duolingo.webp);--wallpaper-position:50% 40%;--wallpaper-overlay:.7;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #0d1a06)}[data-theme=duolingo-dark]{--wallpaper:url(/wallpapers/duolingo-dark.webp);--wallpaper-position:50% 40%;--wallpaper-overlay:.7;--wallpaper-tint:color-mix(in srgb, var(--bg) 92%, #0a1405)}[data-theme=pastel]{--wallpaper:url(/wallpapers/pastel.webp);--wallpaper-position:50% 44%;--wallpaper-overlay:.58;--wallpaper-tint:color-mix(in srgb, var(--bg) 84%, #f2e9f7)}:root:not([data-theme]){--wallpaper:linear-gradient(0deg, #0000, #0000);--wallpaper-position:center;--wallpaper-overlay:.62;--wallpaper-tint:var(--bg)}.os-main{isolation:isolate;position:relative}.os-main:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(180deg, color-mix(in srgb, var(--wallpaper-tint) 88%, transparent) 0%,  color-mix(in srgb, var(--wallpaper-tint) calc(var(--wallpaper-overlay) * 100%), transparent) 46%, color-mix(in srgb, var(--wallpaper-tint) 82%, transparent) 100%), radial-gradient(120% 90% at 50% 0%, transparent 40%, color-mix(in srgb, var(--bg) 70%, transparent) 100%), var(--wallpaper);background-position:center, center, var(--wallpaper-position);background-repeat:no-repeat;background-size:cover,cover,cover;position:absolute;inset:0}.os-main>*{z-index:1;position:relative}@media (width<=720px){.os-main:before{background-image:linear-gradient(180deg, color-mix(in srgb, var(--wallpaper-tint) 92%, transparent) 0%, color-mix(in srgb, var(--wallpaper-tint) 80%, transparent) 60%, color-mix(in srgb, var(--wallpaper-tint) 92%, transparent) 100%), radial-gradient(140% 70% at 50% 12%, transparent 30%, color-mix(in srgb, var(--bg) 74%, transparent) 100%), var(--wallpaper-portrait,var(--wallpaper));background-position:50%,50%,50% 30%}}@media (prefers-reduced-motion:reduce){.os-main:before{background-attachment:scroll;animation:none!important}}.os-shell{width:min(100%,100vw);min-height:100vh;color:var(--ink);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%),var(--bg);flex-direction:row-reverse;margin:auto;display:flex}.sidebar{gap:var(--sp-6);width:236px;height:100vh;padding:var(--sp-18) var(--sp-14);background:var(--surface);border-left:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .28s var(--ease-standard),padding .28s var(--ease-standard);flex-direction:column;display:flex;position:sticky;top:0}.sidebar.collapsed{width:76px;padding:var(--sp-18) var(--sp-12)}.sidebar-brand{align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-6);display:flex;position:relative}.brand-mark{width:38px;height:38px;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-bright));font-family:var(--mono);font-weight:700;font-size:var(--font-size-secondary);box-shadow:0 4px 18px var(--accent-glow);border-radius:11px;place-items:center;display:grid}.brand-wordmark{font:800 var(--font-size-body)/1 var(--font-sans);letter-spacing:.4px;color:var(--ink)}.collapse-btn{width:24px;height:24px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:-4px}.collapse-btn:hover{color:var(--ink)}.sidebar .sidebar-brand .sidebar.collapsed .collapse-btn svg{transform:rotate(180deg)}.sidebar-level{align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-12);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface-2)),var(--surface-2));border:1px solid var(--accent-soft);box-shadow:0 0 20px var(--accent-glow);border-radius:11px;display:flex}.sidebar-level span{font-size:var(--font-size-h1-plus)}.sidebar-level div{line-height:1.2;display:grid}.sidebar-level small{color:var(--muted);font-size:var(--font-size-micro);letter-spacing:1px}.sidebar-level b{font-size:var(--font-size-h3)}.sidebar-nav{gap:var(--sp-10);scrollbar-width:none;display:grid;overflow-y:auto}.nav-group{gap:var(--sp-2);display:grid}.nav-group+.nav-group{margin-top:var(--sp-14)}.nav-group-title{margin:var(--sp-2) 0 var(--sp-6);color:var(--muted);font:600 var(--font-size-micro-9)/1 var(--mono);letter-spacing:1.2px;opacity:.55;padding-inline-start:var(--sp-12);display:block}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px}.glow{box-shadow:0 0 30px var(--accent-glow)}.side-item{align-items:center;gap:var(--sp-12);width:100%;min-height:40px;padding:var(--sp-10) var(--sp-12);color:var(--muted);font-size:var(--font-size-secondary);text-align:right;transition:color .16s var(--ease-standard),background-color .16s var(--ease-standard);background:0 0;border:0;border-radius:11px;display:flex;position:relative}.side-item:hover:not(.active){color:var(--ink);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.side-item:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-2px}.side-item svg,.side-item span,.side-item kbd{z-index:1;position:relative}.side-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-item-active{z-index:0;background:color-mix(in srgb,var(--accent) 14%,transparent);border-inline-start:2px solid var(--accent-bright);border-radius:11px;position:absolute;inset:0}.side-item.active{color:var(--ink);font-weight:600}.sidebar.collapsed .side-item{justify-content:center;padding-inline:0}.sidebar.collapsed .side-item-active{border-inline-start-width:0;border-bottom:2px solid var(--accent-bright)}.side-item svg{width:18px;height:18px}.side-item kbd{color:var(--muted);opacity:.5;font-family:var(--mono);font-size:var(--font-size-micro-9);margin-inline-start:auto}.sidebar.collapsed .side-item{padding:var(--sp-10) 0;justify-content:center}.sidebar.collapsed .side-item[data-tooltip]:hover:after{content:attr(data-tooltip);z-index:60;padding:var(--sp-4) var(--sp-10);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-caption);white-space:nowrap;border-radius:7px;position:fixed;inset-inline-end:62px;box-shadow:0 6px 22px #00000080}.sidebar-foot{justify-content:center;align-items:center;gap:var(--sp-8);padding-top:var(--sp-12);border-top:1px solid var(--line-soft);color:var(--muted);font-size:var(--font-size-micro-10);margin-top:auto;display:flex}.sidebar-foot .sf-heart{font-size:var(--font-size-secondary);filter:drop-shadow(0 2px 6px #ec489980);animation:heart-beat 2.2s var(--ease-in-out) infinite}.sidebar-foot .sf-text{color:var(--muted);letter-spacing:.3px}.sidebar-foot .sf-text em{color:var(--accent-bright);font-style:normal;font-weight:700}@keyframes heart-beat{0%,to{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1)}36%{transform:scale(1.12)}48%{transform:scale(1)}}.side-item svg{transition:transform var(--motion-fast) var(--ease-out-back),color var(--motion-fast) var(--ease-standard)}.side-item:hover svg{transform:scale(1.1)}.side-item:active{transform:scale(.98)}.bottom-nav{border-top:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px);justify-content:space-around;overflow:hidden;display:none!important}.bottom-nav button{justify-items:center;gap:var(--sp-4);min-width:0;padding:var(--sp-8) var(--sp-2);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--motion-fast) var(--ease-standard);background:0 0;border:0;flex:1 1 0;display:grid;position:relative}.bottom-nav button svg{transition:transform var(--motion-fast) var(--ease-out-back)}.bottom-nav button span{letter-spacing:.1px;white-space:nowrap;transition:opacity var(--motion-fast) var(--ease-standard);font-size:clamp(8px,2.25vw,9.5px);font-weight:600}.bottom-nav button:hover{color:var(--ink)}.bottom-nav button:hover svg{transform:translateY(-2px)scale(1.1)}.bottom-nav button.active svg{filter:drop-shadow(0 3px 8px var(--accent-glow));transform:translateY(-1px)}.bottom-nav button.active:before{content:"";background:linear-gradient(90deg,var(--accent-bright),var(--accent));width:22px;height:3px;box-shadow:0 0 10px var(--accent-glow);animation:bn-in var(--motion-fast) var(--ease-out-back);border-radius:99px;position:absolute;top:3px}.bottom-nav button:active svg{transform:scale(.9)}.mobile-more-menu{z-index:75;inset-inline-end:12px;gap:var(--sp-8);width:min(250px,100vw - 24px);padding:var(--sp-10);background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(2,1fr);position:fixed;bottom:86px;box-shadow:0 16px 40px -18px #000000bf;display:grid!important}.mobile-more-menu button{align-items:center;gap:var(--sp-8);padding:var(--sp-10);color:var(--ink);background:var(--surface-2);border:1px solid var(--line-soft);font-size:var(--font-size-caption);border-radius:10px;display:flex}.mobile-more-menu button:hover{color:var(--accent-bright);border-color:var(--accent)}@keyframes bn-in{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}.os-main{background:0 0;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.os-main>.content{width:min(100%,1440px);margin:0 auto;padding-inline:clamp(24px,4vw,64px)}.os-topbar{width:min(100%,1440px);margin:0 auto}.page-view{max-width:1280px;margin-inline:auto}.os-topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--sp-14);padding:var(--sp-12) var(--sp-26);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.search-trigger{align-items:center;gap:var(--sp-10);width:min(340px,46%);padding:var(--sp-8) var(--sp-14);color:var(--muted);background:var(--surface);border:1px solid var(--line);font-size:var(--font-size-label);border-radius:999px;transition:border-color .2s;display:flex}.search-trigger kbd{color:var(--muted);font-family:var(--mono);font-size:var(--font-size-micro-9);border:1px solid var(--line);padding:var(--sp-2) var(--sp-4);border-radius:5px;margin-inline-start:auto}.top-actions{align-items:center;gap:var(--sp-8);display:flex}.icon-btn{width:36px;height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:10px;place-items:center;display:grid;position:relative}.icon-btn:hover{color:var(--ink);border-color:var(--accent-soft)}.badge-dot{top:-5px;min-width:17px;height:17px;color:var(--on-accent);background:var(--accent-bright);font-size:var(--font-size-micro-9);border-radius:999px;place-items:center;font-style:normal;font-weight:700;display:grid;position:absolute;inset-inline-start:-5px}.accent-btn{color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-bright));box-shadow:0 10px 30px var(--accent-glow);border:0;border-radius:16px}.os-content{width:min(100%,1180px);padding:var(--sp-26) var(--sp-30) var(--sp-90);margin:auto}.dash-greeting{justify-content:space-between;align-items:flex-end;gap:var(--sp-16);margin-bottom:var(--sp-20);display:flex}.dash-greeting h1{margin:var(--sp-4) 0 var(--sp-6);letter-spacing:-.01em;font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.5}.dash-date{color:var(--muted);font-size:var(--font-size-secondary);margin:0}.quick-action{padding:var(--sp-10) var(--sp-18);color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-bright));font-size:var(--font-size-label);cursor:pointer;box-shadow:0 10px 30px var(--accent-glow);border:0;border-radius:16px;transition:transform .15s}.quick-action:hover{transform:translateY(-2px)}.stat-strip{gap:var(--sp-12);margin-bottom:var(--sp-20);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-chip{align-items:center;gap:var(--sp-10);padding:var(--sp-12) var(--sp-16);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px;display:flex}.stat-chip>svg,.stat-chip>b:first-child{color:var(--accent-bright);font-size:var(--font-size-h3)}.stat-chip div{line-height:1.35;display:grid}.stat-chip small{color:var(--muted);font-size:var(--font-size-micro-10)}.stat-chip b{font-size:var(--font-size-body)}.daily-progress-panel{align-items:center;gap:var(--sp-30);padding:var(--sp-26) var(--sp-30);margin-bottom:var(--sp-20);background:var(--surface-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:24px;display:flex;position:relative;overflow:hidden}.daily-progress-panel:before{content:"";background:radial-gradient(circle at 12% 0%,var(--accent-soft),transparent 45%);pointer-events:none;position:absolute;inset:0}.dp-ring-wrap{flex-shrink:0;place-items:center;display:grid;position:relative}.ring-bg{fill:none;stroke:var(--line);stroke-width:10px}.ring-fg{fill:none;stroke:var(--accent-bright);stroke-width:10px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .7s cubic-bezier(.22,1,.36,1);transform:rotate(-90deg)}.dp-ring-center{text-align:center;place-items:center;display:grid;position:absolute}.dp-ring-center b{font-size:29px;font-family:var(--mono)}.dp-ring-center small{color:var(--muted);font-size:var(--font-size-micro-10)}.dp-meta{gap:var(--sp-8);display:grid}.dp-meta h2{font-size:var(--font-size-metric-plus);margin:0}.dp-meta p{color:var(--muted);font-size:var(--font-size-label);margin:0}.dp-mini{gap:var(--sp-10);margin-top:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.dp-mini div{gap:var(--sp-2);padding:var(--sp-8) var(--sp-12);background:var(--surface-2);border-radius:10px;display:grid}.dp-mini small{color:var(--muted);font-size:var(--font-size-micro-9)}.dp-mini b{font-size:var(--font-size-secondary)}.week-activity{padding:var(--sp-16) var(--sp-18);background:var(--surface);border:1px solid var(--line-soft);border-radius:14px}.week-activity .link-btn{margin-top:var(--sp-8);color:var(--accent-bright);font-size:var(--font-size-caption);cursor:pointer;background:0 0;border:0;padding:0}.week-bars{align-items:flex-end;gap:var(--sp-8);height:86px;margin:var(--sp-10) 0 var(--sp-6);display:flex}.week-bar{place-items:end center;gap:var(--sp-4);flex:1;height:100%;display:grid}.week-bar i{background:linear-gradient(180deg,var(--accent-bright),var(--accent-soft));border-radius:5px 5px 2px 2px;width:100%;min-height:3px;transition:height .5s cubic-bezier(.22,1,.36,1);display:block}.week-bar.l0 i{background:var(--line)}.week-bar small{color:var(--muted);font-size:var(--font-size-micro-9)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--sp-14);margin-bottom:var(--sp-20);display:flex}.page-header h1{margin:var(--sp-4) 0 0;letter-spacing:-.01em;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.5}.page-header h1 em{color:var(--accent-bright);font-style:normal}.range-tabs{align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.range-tabs>button{padding:var(--sp-8) var(--sp-12);color:var(--muted);border:1px solid var(--line);font-size:var(--font-size-caption);background:0 0;border-radius:9px;transition:all .18s}.range-tabs>button.active{color:var(--ink);border-color:color-mix(in srgb,var(--accent-bright) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent) 6%,transparent))}.metric-sep{background:var(--line);width:1px;height:20px;margin-inline:var(--sp-4)}.page-sub{max-width:560px;color:var(--muted);font-size:var(--font-size-label);margin:-8px 0 18px;line-height:1.9}.weekly-review-card{gap:var(--sp-14);padding:var(--sp-18);margin-bottom:var(--sp-22);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid}.wr-chip{gap:var(--sp-4);padding:var(--sp-12);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);display:grid}.wr-chip b{color:var(--ink);font:600 17px var(--font-num)}.wr-chip.up{border-color:color-mix(in srgb,var(--success) 42%,var(--line))}.wr-chip.down{border-color:color-mix(in srgb,var(--danger) 42%,var(--line))}.bar-chart{align-items:flex-end;gap:var(--sp-4);height:220px;padding:var(--sp-14) var(--sp-8) 0;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);display:flex;overflow:hidden}.bar-col{border-radius:4px 4px 0 0;flex:1;align-items:flex-end;min-width:3px;height:100%;transition:background .18s;display:flex}.bar-col:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.bar-col:hover i{filter:brightness(1.12)}.insight-list li{padding:var(--sp-12) var(--sp-14);color:var(--ink);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-sm);font-size:var(--font-size-label);line-height:1.8}.contribution-grid{gap:var(--sp-4);width:max-content;padding:var(--sp-10);display:flex}.cg-col{grid-template-rows:repeat(7,var(--heat-cell-size));gap:var(--sp-4);display:grid}.heat-cell{width:var(--heat-cell-size);height:var(--heat-cell-size);color:#0000;background:var(--heat-0);font-size:var(--font-size-micro);border-radius:3px;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.contribution-grid .heat-cell:hover{z-index:2;position:relative;transform:scale(1.28);box-shadow:0 3px 10px #00000073}.heat-cell.l0{background:var(--heat-0)}.heat-cell.l1{background:var(--heat-1)}.heat-cell.l2{background:var(--heat-2)}.heat-cell.l3{background:var(--heat-3)}.heat-cell.l4{background:var(--heat-4)}.heat-cell.perfect{background:var(--heat-perfect);color:var(--on-heat-perfect)}.heatmap-scroll{padding:var(--sp-6);background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;overflow-x:auto}.heat-legend{align-items:center;gap:var(--sp-4);margin-top:var(--sp-8);color:var(--muted);font-size:var(--font-size-micro-10);display:flex}.heat-legend .heat-cell{width:11px;height:11px}.focus-view{justify-items:start;display:grid}.focus-card{gap:var(--sp-16);width:100%;max-width:560px;padding:var(--sp-30);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);border-radius:24px;display:grid}.glass{background:var(--surface-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.presets{align-items:center;gap:var(--sp-8);flex-wrap:wrap;display:flex}.presets button{padding:var(--sp-8) var(--sp-14);color:var(--muted);border:1px solid var(--line);font-size:var(--font-size-label);background:0 0;border-radius:999px}.presets button.active{color:var(--ink);border-color:var(--accent-bright);background:var(--accent-soft)}.presets input{width:74px;padding:var(--sp-8) var(--sp-10);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-label);border-radius:9px}.timer-display{padding:var(--sp-18) 0 var(--sp-8);font-family:var(--mono);letter-spacing:2px;place-items:center;font-size:clamp(56px,9vw,84px);font-weight:600;line-height:1;display:grid}.timer-display small{color:var(--muted);font-size:var(--font-size-label);letter-spacing:3px;font-family:var(--sans)}.timer-display.paused{opacity:.5}.focus-label{width:100%;padding:var(--sp-12) var(--sp-14);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-label);border-radius:11px}.focus-controls{gap:var(--sp-10);flex-wrap:wrap;display:flex}.focus-controls button{align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-20);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-secondary);cursor:pointer;border-radius:11px;display:inline-flex}.focus-controls button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:var(--on-accent);box-shadow:0 10px 30px var(--accent-glow);border:0}.focus-controls button:hover{filter:brightness(1.12)}.focus-note{align-items:center;gap:var(--sp-6);color:var(--muted);font-size:var(--font-size-micro-10);margin:0;display:flex}.focus-history{gap:var(--sp-8);width:100%;display:grid}.focus-row{align-items:center;gap:var(--sp-14);padding:var(--sp-12) var(--sp-14);background:var(--surface);border:1px solid var(--line-soft);font-size:var(--font-size-label);border-radius:11px;grid-template-columns:auto 1fr auto auto;display:grid}.focus-row time{color:var(--muted);font-size:var(--font-size-caption)}.focus-row i{color:var(--accent-bright);font-style:normal;font-family:var(--mono);font-size:var(--font-size-label)}.goal-card{padding:var(--sp-18);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px}.goal-card.done{opacity:.65}.goal-top{justify-content:space-between;align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-4);display:flex}.goal-top b{font-size:var(--font-size-body)}.goal-top button{color:var(--muted);cursor:pointer;background:0 0;border:0}.goal-top button:hover{color:var(--accent-bright)}.goal-card p{margin:0 0 var(--sp-8);color:var(--muted);font-size:var(--font-size-caption);line-height:1.8}.goal-meta{color:var(--muted);font-size:var(--font-size-micro-10);justify-content:space-between;display:flex}.goal-actions{gap:var(--sp-8);margin-top:var(--sp-10);display:flex}.goal-actions button{padding:var(--sp-4) var(--sp-12);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-caption);cursor:pointer;border-radius:8px}.goal-actions button:hover{border-color:var(--accent-soft)}.goal-card input[type=range]{width:100%;margin-top:var(--sp-8);accent-color:var(--accent-bright)}.goal-top{justify-content:flex-start}.goal-icon{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.goal-done-badge{align-items:center;gap:var(--sp-4);color:var(--success);font-size:var(--font-size-micro-10);background:linear-gradient(90deg,transparent,var(--surface) 30%);animation:goal-pop .5s var(--ease-out-back);padding-inline-start:6px;font-weight:700;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:6px}.goal-checklist{gap:var(--sp-4);margin:var(--sp-8) 0 var(--sp-6);padding:0;list-style:none;display:grid}.goal-ci{align-items:center;gap:var(--sp-8);padding:var(--sp-4) var(--sp-8);border-radius:9px;transition:background .2s;display:flex}.goal-ci.done{background:color-mix(in srgb,var(--success) 8%,transparent)}.goal-check{border:1.6px solid var(--line);color:#0000;background:var(--surface-2);cursor:pointer;width:22px;height:22px;box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;transition:all .22s cubic-bezier(.2,.9,.3,1.4);display:inline-flex}.goal-check:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.goal-check.checked{background:var(--accent);border-color:var(--accent);color:var(--on-accent);animation:.34s cubic-bezier(.2,.9,.3,1.4) habit-pop}.goal-check:active{transform:scale(.9)}.goal-check.checked{box-shadow:0 0 10px var(--accent-glow)}.goal-check.checked path{stroke-dasharray:20;stroke-dashoffset:20px;animation:.3s linear 50ms forwards habit-draw}.goal-ci-text{color:var(--ink);font-size:var(--font-size-label)}.goal-ci.done .goal-ci-text{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.icon-color-row{align-items:center;gap:var(--sp-10);font-size:var(--font-size-label);color:var(--muted);margin:var(--sp-6) 0;flex-wrap:wrap;display:flex}.checklist-input-row{align-items:center;gap:var(--sp-8);display:flex}.checklist-input-row input{flex:1}.add-step{margin-top:var(--sp-6)}@keyframes goal-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes habit-pop{0%{box-shadow:0 0 0 0 var(--accent-glow);transform:scale(.6)}60%{transform:scale(1.22)}to{transform:scale(1);box-shadow:0 0 0 5px #0000}}@keyframes habit-draw{to{stroke-dashoffset:0}}.goal-card{transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard)}.goal-card:not(.done):hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 14px 34px -20px var(--accent-glow);transform:translateY(-2px)}.goal-title{flex-direction:column;gap:1px;min-width:0;display:flex}.goal-top{gap:var(--sp-12)}.goal-top b{font-size:var(--font-size-body);line-height:1.4}.goal-cat{font-size:var(--font-size-micro-10);color:var(--muted);letter-spacing:.3px}.goal-icon{transition:transform var(--motion-fast) var(--ease-standard)}.goal-card:not(.done):hover .goal-icon{transform:scale(1.08)}.goal-delete{width:30px;height:30px;color:var(--muted);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);background:0 0;border:none;border-radius:9px;flex:none;place-items:center;display:grid}.goal-delete:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);transform:translateY(-1px)}.goal-list{gap:var(--sp-12);display:grid}.goal-summary{gap:var(--sp-10);margin:0 0 var(--sp-18);flex-wrap:wrap;display:flex}.gs-card{gap:var(--sp-4);min-width:110px;padding:var(--sp-12) var(--sp-16);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px;flex-direction:column;flex:1;display:flex}.gs-card small{color:var(--muted);font-size:var(--font-size-micro-10)}.gs-card b{font-size:var(--font-size-metric);color:var(--ink);font-weight:700;line-height:1}.gs-card.done{border-color:color-mix(in srgb,var(--success) 35%,var(--line))}.gs-card.done b{color:var(--success)}.conn-list{gap:var(--sp-14);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.conn-card{gap:var(--sp-8);padding:var(--sp-20);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px;align-content:start;display:grid}.conn-card.connected{border-color:var(--accent-soft)}.conn-card.upcoming{opacity:.72}.telegram-card{background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--info) 7%,var(--surface)))}.conn-head{align-items:center;gap:var(--sp-8);display:flex}.conn-emoji{font-size:var(--font-size-metric-plus)}.conn-head b{font-size:var(--font-size-body)}.chip-on,.chip-soon{padding:var(--sp-4) var(--sp-8);font-size:var(--font-size-micro-9);border-radius:99px;font-style:normal;font-weight:700}.chip-on{color:var(--success);background:color-mix(in srgb,var(--success) 16%,transparent)}.chip-soon{color:var(--muted);background:var(--surface-2)}.conn-card p{color:var(--muted);font-size:var(--font-size-caption);margin:0;line-height:1.85}.sync-error{color:var(--warning)!important;font-size:var(--font-size-micro-10)!important}.conn-form{gap:var(--sp-8);display:flex}.conn-form input{padding:var(--sp-8) var(--sp-12);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-label);direction:ltr;border-radius:9px;flex:1}.conn-form button{align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-14);color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-bright));font-size:var(--font-size-caption);cursor:pointer;border:0;border-radius:9px;display:inline-flex}.conn-snapshot{gap:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));display:grid}.conn-snapshot div{gap:var(--sp-2);padding:var(--sp-8) var(--sp-10);background:var(--surface-2);border-radius:9px;display:grid}.conn-snapshot small{color:var(--muted);font-size:var(--font-size-micro-9)}.conn-snapshot b{font-size:var(--font-size-label);align-items:center;gap:var(--sp-4);display:flex}.conn-actions{gap:var(--sp-8);display:flex}.conn-actions button{align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-12);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-caption);cursor:pointer;border-radius:9px;display:inline-flex}.conn-actions button.danger:hover{color:var(--danger);border-color:var(--danger)}.conn-note{color:var(--muted);font-size:var(--font-size-micro-10);line-height:1.7}.decor{color:var(--line);margin-inline-start:auto}.challenge-card{padding:var(--sp-20);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px}.challenge-card.big{max-width:620px;margin-bottom:var(--sp-18)}.challenge-card.done{border-color:var(--success)}.challenge-head{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;display:flex}.challenge-card h3{margin:var(--sp-2) 0 var(--sp-4);font-size:var(--font-size-h3-plus)}.challenge-card>p{margin:0 0 var(--sp-10);color:var(--muted);font-size:var(--font-size-label)}.challenge-meta{margin-top:var(--sp-8);color:var(--muted);font-size:var(--font-size-caption);justify-content:space-between;display:flex}.challenge-meta .reward{color:var(--accent-bright);font-weight:700}.season-card.big{max-width:620px}.season-top-listed{gap:var(--sp-6);margin:var(--sp-8) 0;padding:0;list-style:none;display:grid}.season-top-listed li{align-items:center;gap:var(--sp-10);padding:var(--sp-8) var(--sp-12);background:var(--surface-2);font-size:var(--font-size-label);border-radius:9px;display:flex}.season-top-listed li i{color:var(--muted);font-style:normal;font-family:var(--mono);font-size:var(--font-size-caption);margin-inline-start:auto}.season-note{color:var(--muted);font-size:var(--font-size-micro-10);line-height:1.8}.ach-grid{gap:var(--sp-12);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.achievement-card.premium{padding:var(--sp-16);border-radius:13px}.ach-foot{margin-top:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.ach-foot time{color:var(--muted);font-size:var(--font-size-micro-9)}.locked-tag{color:var(--muted);font-size:var(--font-size-micro-9);font-style:normal}.ach-progress{background:var(--line);border-radius:99px;width:56px;height:4px}.ach-progress i{background:var(--line);border-radius:99px;width:30%;height:100%;display:block}.palette-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0505069e;align-content:start;justify-items:center;padding-top:14vh;display:grid;position:fixed;inset:0}.palette{background:var(--surface);border:1px solid var(--line);border-radius:15px;width:min(94vw,580px);animation:.18s viewIn;display:grid;overflow:hidden;box-shadow:0 30px 80px #0009}.palette-input{align-items:center;gap:var(--sp-10);padding:var(--sp-14) var(--sp-16);border-bottom:1px solid var(--line-soft);display:flex}.palette-input input{color:var(--ink);font-size:var(--font-size-body);background:0 0;border:0;outline:0;flex:1}.palette-input kbd{color:var(--muted);font-size:var(--font-size-micro-9)}.palette-list{max-height:320px;padding:var(--sp-8);overflow-y:auto}.palette-item{align-items:center;gap:var(--sp-12);width:100%;padding:var(--sp-10) var(--sp-12);color:var(--muted);font-size:var(--font-size-secondary);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:9px;display:flex}.palette-item.active{color:var(--ink);background:var(--surface-2)}.palette-item span{flex:1}.palette-empty{padding:var(--sp-26);color:var(--muted);text-align:center;font-size:var(--font-size-label)}.palette-foot{gap:var(--sp-16);padding:var(--sp-8) var(--sp-16);border-top:1px solid var(--line-soft);color:var(--muted);font-size:var(--font-size-micro-10);display:flex}.notif-panel{top:58px;z-index:70;gap:var(--sp-8);width:min(360px,92vw);max-height:420px;padding:var(--sp-14);background:var(--surface);border:1px solid var(--line);border-radius:15px;display:grid;position:absolute;inset-inline-end:24px;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.notif-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.notif-head div{gap:var(--sp-8);display:flex}.notif-head button{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);color:var(--muted);font-size:var(--font-size-micro-10);cursor:pointer;background:0 0;border:0;display:inline-flex}.notif-row{justify-content:space-between;gap:var(--sp-10);padding:var(--sp-10) var(--sp-12);background:var(--surface-2);border-radius:10px;display:flex}.notif-row.unread{border-inline-start:3px solid var(--accent-bright)}.notif-row div{gap:var(--sp-4);display:grid}.notif-row b{font-size:var(--font-size-label)}.notif-row small,.notif-row time{color:var(--muted);font-size:var(--font-size-micro-10)}.notif-row button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:start}.notif-empty{padding:var(--sp-22);color:var(--muted);font-size:var(--font-size-label);text-align:center}.today-progress-line{height:10px;margin-bottom:var(--sp-16);background:var(--surface-2);border-radius:99px;position:relative;overflow:hidden}.today-progress-line i{background:linear-gradient(90deg,var(--accent-soft),var(--accent-bright));border-radius:99px;transition:width .45s;position:absolute;inset-block:0;inset-inline-start:0}.today-progress-line span{inset-inline-end:10px;color:var(--muted);font-size:var(--font-size-micro-10);font-family:var(--mono);position:absolute;top:-1px}.habit-list.modern{gap:var(--sp-8);display:grid}.habit-row.premium{align-items:center;gap:var(--sp-14);padding:var(--sp-14) var(--sp-16);background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:right;box-shadow:var(--shadow-card);border-radius:24px;grid-template-columns:auto 1fr auto;transition:transform .15s,border-color .2s;display:grid}.habit-row.premium:hover{border-color:var(--accent-soft);transform:translate(-3px)}.habit-row.premium.done{opacity:.6}.habit-check{width:26px;height:26px;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-bright));box-shadow:0 0 20px var(--accent-glow);border-radius:50%;place-items:center;display:grid}.mini-spinner{border:2px solid var(--line);border-top-color:var(--accent-bright);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:block}.inline-toast{width:max-content;max-width:90%;margin-bottom:var(--sp-14);padding:var(--sp-10) var(--sp-16);font-size:var(--font-size-label);border-radius:10px}.inline-toast.ok{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.inline-toast.err{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.saved-notes-mini{gap:var(--sp-6);margin:var(--sp-6) 0;padding:0;list-style:none;display:grid}.saved-notes-mini li{padding:var(--sp-8) var(--sp-12);background:var(--surface-2);font-size:var(--font-size-caption);color:var(--muted);border-radius:9px}.field-label{margin:var(--sp-14) 0 var(--sp-6);color:var(--muted);font-size:var(--font-size-caption);display:block}.day-detail textarea,.day-detail input{width:100%;padding:var(--sp-12) var(--sp-12);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-label);border-radius:10px}.mini-save{margin-top:var(--sp-8);padding:var(--sp-8) var(--sp-16);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-caption);cursor:pointer;border-radius:9px}.detail-habits{margin:var(--sp-8) 0;gap:var(--sp-4);font-size:var(--font-size-label);padding:0;list-style:none;display:grid}.detail-habits li{align-items:center;gap:var(--sp-8);padding:var(--sp-6) var(--sp-8);border-radius:9px;transition:background .2s;display:flex}.detail-habits li.is-done{background:color-mix(in srgb,var(--success) 8%,transparent)}.habit-check{border:1.6px solid var(--line);color:#0000;border-radius:6px;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .22s cubic-bezier(.2,.9,.3,1.4);display:inline-flex}.habit-check.checked{background:var(--accent);border-color:var(--accent);color:var(--on-accent);animation:.34s cubic-bezier(.2,.9,.3,1.4) habit-pop}.habit-check.checked path{stroke-dasharray:20;stroke-dashoffset:20px;animation:.3s linear 50ms forwards habit-draw}.habit-check-name{color:var(--ink)}.detail-habits li.is-done .habit-check-name{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.empty-state.inline{gap:var(--sp-4);padding:var(--sp-16);font-size:var(--font-size-label);color:var(--muted);flex-direction:column;display:flex}.settings-card{gap:var(--sp-8);max-width:620px;padding:var(--sp-20);margin-bottom:var(--sp-14);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px;display:grid}.settings-list{gap:var(--sp-8);margin:0;padding:0;list-style:none;display:grid}.settings-list li{font-size:var(--font-size-label);justify-content:space-between;display:flex}.settings-list span{color:var(--muted)}.toggle-row{font-size:var(--font-size-label);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.toggle-row input{accent-color:var(--accent-bright);width:17px;height:17px}.settings-hint{color:var(--muted);font-size:var(--font-size-micro-10)}.settings-p{color:var(--muted);font-size:var(--font-size-caption);margin:0;line-height:1.9}.mobile-only,.btn.mobile-only{display:none}@media (width<=900px){.sidebar{display:none}.mobile-only{display:flex}.bottom-nav{display:flex!important}.os-shell{padding-bottom:var(--sp-78);flex-direction:column}.os-content{padding:var(--sp-20) var(--sp-16) var(--sp-60)}.os-topbar{padding:var(--sp-12) var(--sp-16)}.search-trigger span{display:none}.search-trigger{width:44px;padding:var(--sp-8);justify-content:center}.search-trigger kbd{display:none}.daily-progress-panel{text-align:center;flex-direction:column}.dp-mini{grid-template-columns:repeat(2,1fr)}.notif-panel{inset-inline-end:12px}}.empty-illustrated{justify-items:center;gap:var(--sp-14);padding:var(--sp-54) var(--sp-24);text-align:center;color:var(--muted);display:grid}.empty-illustrated svg{filter:drop-shadow(0 8px 22px var(--accent-glow))}.empty-illustrated p{max-width:360px;font-size:var(--font-size-secondary);margin:0;line-height:2}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:9px}.side-item:focus-visible,.palette-item:focus-visible,.range-tabs>button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-2px}.avatar{object-fit:cover;background:var(--surface-2);color:var(--ink);letter-spacing:.3px;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.avatar--initials{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:var(--on-accent);text-transform:uppercase}.avatar--ring{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent-bright)}.error-state{justify-items:center;gap:var(--sp-14);padding:var(--sp-54) var(--sp-24);text-align:center;color:var(--muted);display:grid}.error-state__icon{font-size:30px}.error-state p{max-width:360px;font-size:var(--font-size-secondary);margin:0;line-height:2}.empty-state{justify-items:center;gap:var(--sp-8);padding:var(--sp-48) var(--sp-24);text-align:center;color:var(--muted);display:grid}.empty-state p{max-width:360px;font-size:var(--font-size-secondary);margin:0;line-height:2}.btn3d{justify-content:center;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-18);border:1px solid color-mix(in srgb,var(--accent-bright) 55%,transparent);border-radius:var(--radius);font:600 13.5px/1 var(--font-sans);letter-spacing:.1px;color:var(--on-accent);cursor:pointer;isolation:isolate;background:linear-gradient(180deg,var(--accent-bright),var(--accent));box-shadow:var(--shadow-tactile);transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard),filter var(--motion-normal) var(--ease-standard);display:inline-flex;position:relative;overflow:hidden;transform:translateY(0)}.btn3d:after{content:"";background:var(--highlight-sheen);transition:transform var(--motion-slow) var(--ease-out-quint);pointer-events:none;position:absolute;inset:0;transform:translate(-120%)}.btn3d:hover{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 20%,transparent),0 12px 30px -14px var(--accent-glow),0 0 22px -8px var(--accent-glow);transform:translateY(-1px)}.btn3d:hover:after{transform:translate(120%)}.btn3d:active{transition-duration:var(--motion-xs);transform:translateY(1px);box-shadow:inset 0 2px 6px #00000038,0 1px 1px #0000004d}.btn3d:focus-visible{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 14%,transparent),var(--ring);outline:none}.btn3d--ghost{color:var(--ink);box-shadow:none;background:0 0;border-color:#0000}.btn3d--ghost:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);filter:none;transform:none}.btn3d--ghost:active{transform:translateY(1px)}.profile-hero{align-items:center;gap:var(--sp-18);padding:var(--sp-20);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px;grid-template-columns:auto 1fr auto;display:grid}.profile-hero__avatar{display:inline-flex}.profile-hero__id{min-width:0}.profile-hero__name{margin:var(--sp-6) 0 var(--sp-2);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2.4vw,26px);line-height:1.15;overflow:hidden}.profile-hero__handle{color:var(--accent);font-size:var(--font-size-secondary);direction:ltr;margin:0}.profile-hero__xp{display:flex}.profile-hero__sub{margin:var(--sp-10) var(--sp-4) 0;color:var(--muted);font-size:var(--font-size-label);font-family:var(--mono)}.profile-identity{margin:var(--sp-8) var(--sp-4) 0;color:var(--ink);font-size:var(--font-size-body);line-height:1.8}.milestone-banner{margin:var(--sp-14) 0 var(--sp-2);padding:var(--sp-14) var(--sp-16);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--ink);font-size:var(--font-size-secondary);box-shadow:var(--shadow-card);border-radius:24px;line-height:1.7}[data-theme=duolingo] .milestone-banner{background:linear-gradient(180deg,var(--success-soft),var(--surface));border-color:var(--success)}.account-card{margin:var(--sp-16) 0 var(--sp-4);padding:var(--sp-14) var(--sp-16);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:24px}.account-row{padding:var(--sp-8) 0;border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;display:flex}.account-row:last-child{border-bottom:none}.account-row span{color:var(--muted);font-size:var(--font-size-label)}.account-row b{font-size:var(--font-size-secondary);font-weight:600}.os-shell{animation:shellFade .45s var(--ease-standard) both}@keyframes shellFade{0%{opacity:0}to{opacity:1}}[data-motion=reduced] .os-shell,[data-motion=reduced] .page-view{animation:none}@media (width<=680px){.profile-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.profile-hero__handle{direction:ltr}}@media (width<=520px){.os-content{padding:var(--sp-16) var(--sp-14) var(--sp-56)}.page-header{gap:var(--sp-12);flex-direction:column;align-items:flex-start}.page-header .btn{justify-content:center;width:100%}.page-header h1{font-size:clamp(22px,5vw,30px)}.stat-tiles{gap:var(--sp-8);grid-template-columns:repeat(2,1fr)}.stat-tile{padding:var(--sp-12) var(--sp-10)}.stat-tile b{font-size:var(--font-size-h1)}.today-progress-line{height:5px}.milestone-banner{padding:var(--sp-12) var(--sp-14);font-size:var(--font-size-label)}.account-card{margin:var(--sp-12) 0 var(--sp-4);padding:var(--sp-12) var(--sp-14)}.lb-row{gap:var(--sp-8);grid-template-columns:24px 32px minmax(0,1fr) auto}.empty-state,.error-state{padding:var(--sp-36) var(--sp-16)}.modal{width:min(92vw,380px);padding:var(--sp-24) var(--sp-20)}.modal h2{font-size:var(--font-size-h2)}.range-tabs{gap:var(--sp-4)}.range-tabs>button{padding:var(--sp-6) var(--sp-12);font-size:var(--font-size-caption)}.wr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-chart{height:180px}.section-label{font-size:var(--font-size-micro);letter-spacing:.8px}}@media (width<=420px){.stat-tiles{grid-template-columns:1fr 1fr}.stat-tile.freeze-tile{grid-column:auto}.topbar{padding:var(--sp-14)}.os-topbar{padding:var(--sp-10) var(--sp-12)}}.os-shell{background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 34%),var(--bg)}.sidebar{width:248px;padding:var(--sp-18) var(--sp-14);background:var(--surface);border-left:1px solid var(--line-soft);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:4px 0 24px -24px #000000b3}.sidebar.collapsed{width:72px}.sidebar-brand{padding:0 var(--sp-4) var(--sp-14);margin-bottom:var(--sp-4);border-bottom:1px solid var(--line-soft)}.brand-mark{background:var(--accent);width:34px;height:34px;box-shadow:none;border-radius:9px}.brand-wordmark{font-family:var(--font-sans);font-size:var(--font-size-body);letter-spacing:.3px;font-weight:800}.collapse-btn{background:var(--surface-2);border-color:var(--line);box-shadow:none}.sidebar-level{margin:var(--sp-6) 0 var(--sp-4);padding:var(--sp-10) var(--sp-12);background:var(--surface-2);border-color:var(--line);border-radius:var(--radius-sm);box-shadow:none}.sidebar-identity{align-items:center;gap:var(--sp-10);width:100%;margin:var(--sp-6) 0 var(--sp-4);padding:var(--sp-8) var(--sp-10);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);text-align:start;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),border-color .18s ease,background-color .18s ease;display:flex}.sidebar-identity:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))}.sidebar-identity:active{transform:scale(.98)}.sidebar-identity .si-copy{gap:1px;min-width:0;line-height:1.2;display:grid}.sidebar-identity .si-copy b{font-size:var(--font-size-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sidebar-identity .si-copy small{color:var(--muted);font-size:var(--font-size-micro-9);letter-spacing:.4px}.sidebar-identity .si-emoji{font-size:var(--font-size-h3);margin-inline-start:auto;font-style:normal}.sidebar-current{margin:0 0 var(--sp-8);gap:2px;padding-inline-start:var(--sp-12);display:grid}.sidebar-current .sc-label{color:var(--muted);font-size:var(--font-size-micro-9);letter-spacing:.6px}.sidebar-current b{color:var(--ink);font-size:var(--font-size-secondary);font-weight:600}.sidebar-identity.is-collapsed{padding:var(--sp-6);margin-bottom:var(--sp-6);justify-content:center}.sidebar-nav{gap:var(--sp-18);padding-top:var(--sp-6)}.nav-group{gap:var(--sp-4)}.nav-group-title{margin:var(--sp-4) var(--sp-12) var(--sp-6);color:var(--muted);font-size:var(--font-size-micro-10);letter-spacing:1.2px;opacity:.72}.side-item{min-height:38px;padding:var(--sp-8) var(--sp-12);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--font-size-secondary)}.side-item:hover{background:var(--surface-2);color:var(--ink)}.side-item.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));box-shadow:none}.side-item:before{background:var(--accent-bright);width:3px;inset-inline-start:0}.side-item.active:before{height:58%;box-shadow:none}.side-item.active svg{color:inherit}.side-item svg,.side-item:hover svg{transform:none}.side-item kbd{font-size:var(--font-size-micro-9)}.sidebar-foot{font-size:var(--font-size-micro-10)}.os-topbar{min-height:68px;padding:var(--sp-12) var(--sp-30);background:color-mix(in srgb,var(--surface) 86%,transparent);border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-trigger{width:min(380px,48%);min-height:42px;padding:var(--sp-8) var(--sp-12);border-radius:var(--radius);background:var(--surface-2);border-color:var(--line)}.search-trigger:hover{border-color:var(--accent)}.icon-btn{border-radius:var(--radius-sm);background:var(--surface-2);width:40px;height:40px}.icon-btn:hover{background:var(--surface-2)}.icon-btn.accent-btn{color:var(--on-accent);background:var(--accent)}.icon-btn.accent-btn:hover{background:var(--accent-bright)}.add-btn{width:40px;height:40px;color:var(--on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 6px 16px -10px var(--accent-glow);transition:transform var(--motion-fast) var(--ease-standard),background-color .18s ease}.add-btn:hover{background:var(--accent-bright);transform:translateY(-1px)}.add-btn:active{transform:scale(.98)}.icon-btn.top-profile{border-radius:var(--radius-pill);border-color:var(--line);overflow:hidden}.icon-btn.top-profile .avatar{transition:transform var(--motion-fast) var(--ease-standard)}.icon-btn.top-profile:hover .avatar{transform:scale(1.06)}.os-content{width:min(100%,1320px);max-width:1320px;padding:30px clamp(18px,3vw,40px) 96px}.card,.dash-level,.dash-today,.dash-week,.goal-card,.account-card,.challenge-card,.settings-card,.conn-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.card:hover,.hover-lift:hover{box-shadow:0 10px 28px -24px #000c}.section-label{font-size:var(--font-size-micro-10);letter-spacing:1.1px;color:var(--muted)}.page-header h1,.page-title h1{letter-spacing:-.03em;font-weight:750}.btn,.btn3d{border-radius:var(--radius-sm);box-shadow:none}.btn.primary,.btn3d{background:var(--accent);border-color:var(--accent)}.btn{min-height:40px;transition:transform var(--motion-fast) var(--ease-out-back),box-shadow var(--motion-fast) var(--ease-standard);font-weight:700}.btn.primary:hover,.btn3d:hover{background:var(--accent-bright);box-shadow:none}.bottom-nav{background:color-mix(in srgb,var(--surface) 92%,transparent);border-top-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media (width<=900px){.os-content{padding:var(--sp-24) var(--sp-24) var(--sp-88)}}@media (width<=680px){.sidebar{display:none}.os-topbar{padding:var(--sp-10) var(--sp-16)}.search-trigger{flex:1;width:auto;min-width:0}.search-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.os-content{padding:var(--sp-20) var(--sp-16) var(--sp-88)}.mobile-more-menu{display:grid!important}.bottom-nav{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.bottom-nav button{flex:1 1 0;min-width:0}}.activity-detail-card{gap:var(--sp-14);padding:var(--sp-18) var(--sp-20);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid}.activity-detail-head{justify-content:space-between;align-items:center;gap:var(--sp-12);display:flex}.activity-detail-head h2{margin:var(--sp-4) 0 0;font-size:var(--font-size-h2)}.activity-status{padding:var(--sp-4) var(--sp-8);color:var(--muted);background:var(--surface-2);font-size:var(--font-size-micro-10);border-radius:999px}.activity-status.submitted{color:var(--accent-bright);background:var(--accent-soft)}.activity-status.perfect{color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface))}.activity-detail-grid{gap:var(--sp-8);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.activity-detail-grid>div{gap:var(--sp-4);padding:var(--sp-12) var(--sp-12);background:var(--surface-2);border-radius:10px;display:grid}.activity-detail-grid small{color:var(--muted);font-size:var(--font-size-micro-10)}.activity-detail-grid b{font:600 15px var(--font-num)}.heat-cell.selected{outline:2px solid var(--accent-bright);outline-offset:2px;transform:scale(1.12)}@media (width<=760px){.activity-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.activity-detail-grid{grid-template-columns:1fr 1fr}}.bar-chart{align-items:end;gap:var(--sp-4);height:150px;padding:var(--sp-14) var(--sp-12) var(--sp-8);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(30,minmax(0,1fr));display:grid}.bar-col{justify-content:center;align-items:end;min-width:0;height:100%;display:flex}.bar-col i{background:var(--accent);width:min(18px,70%);min-height:2px;transition:height var(--motion-slow) var(--ease-out-quint);border-radius:5px 5px 2px 2px;display:block}.bar-col:nth-child(3n) i{background:var(--accent-bright)}.weekly-review-card{gap:var(--sp-12);padding:var(--sp-18) var(--sp-20);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid}.wr-grid{gap:var(--sp-8);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.wr-chip{gap:var(--sp-4);padding:var(--sp-12) var(--sp-12);background:var(--surface-2);border-radius:10px;display:grid}.wr-chip small{color:var(--muted);font-size:var(--font-size-micro-10)}.wr-chip b{font:600 17px var(--font-num)}.wr-chip.up b{color:var(--success)}.wr-chip.down b{color:var(--danger)}.insight-list{gap:var(--sp-8);margin:0;padding:0;list-style:none;display:grid}.insight-list li{padding:var(--sp-12) var(--sp-14);color:var(--ink);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-inline-start:3px solid var(--accent);font-size:var(--font-size-label);border-radius:0 10px 10px 0}@media (width<=760px){.bar-chart{grid-template-columns:repeat(15,minmax(0,1fr));height:130px}.wr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.bar-chart{grid-template-columns:repeat(10,minmax(0,1fr))}.wr-grid{grid-template-columns:1fr 1fr}}.progress-contributions{gap:var(--sp-8);padding:var(--sp-12);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);display:grid}.progress-contributions button{gap:var(--sp-8);padding:var(--sp-10) var(--sp-12);color:var(--ink);border:1px solid var(--line-soft);text-align:right;cursor:pointer;background:0 0;border-radius:10px;display:grid}.progress-contributions button:hover{border-color:var(--accent);background:var(--surface)}.progress-contributions button>span{justify-content:space-between;gap:var(--sp-8);display:flex}.progress-contributions button small{color:var(--muted);font-size:var(--font-size-micro-10)}.progress-contributions i{background:var(--line);border-radius:99px;height:4px;display:block;overflow:hidden}.progress-contributions em{background:var(--accent);border-radius:inherit;height:100%;display:block}.challenge-grid{gap:var(--sp-12);margin-bottom:var(--sp-18);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.challenge-grid .challenge-card.big{width:100%;max-width:none;margin:0}.challenge-source{align-items:center;gap:var(--sp-4);color:var(--accent-bright);font-size:var(--font-size-micro-10);display:inline-flex}.challenge-card.featured{background:var(--surface);border-color:var(--accent-soft);grid-column:1/-1;max-width:none}.challenge-grid.muted{opacity:.68}.challenge-card.done{background:color-mix(in srgb,var(--success) 8%,var(--surface))}.challenge-card .challenge-meta{gap:var(--sp-8) var(--sp-14);flex-wrap:wrap;justify-content:flex-start}@media (width<=600px){.challenge-grid{grid-template-columns:1fr}.challenge-card{padding:var(--sp-16)}}.ach-summary{align-items:center;gap:var(--sp-18);padding:var(--sp-18) var(--sp-20);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex}.ach-summary-ring{flex:none;place-items:center;display:grid;position:relative}.ach-summary-ring b,.ach-summary-ring strong{font:600 15px var(--font-num);position:absolute}.ach-summary>div:last-child{gap:var(--sp-6);display:grid}.ach-summary>div:last-child p{color:var(--muted);font-size:var(--font-size-caption);margin:0;line-height:1.8}.ach-progress-track{height:8px;margin-top:var(--sp-12);background:var(--surface-2);border-radius:99px;align-items:center;display:flex;position:relative;overflow:visible}.ach-progress-track i{background:var(--accent);border-radius:inherit;height:100%;display:block}.ach-progress-track small{inset-inline-end:0;color:var(--muted);font-size:var(--font-size-micro-9);position:absolute;bottom:10px}@media (width<=520px){.ach-summary{padding:var(--sp-14)}.ach-summary-ring svg{width:68px;height:68px}.ach-summary>div:last-child p{font-size:var(--font-size-micro-10)}}.challenge-cat{padding:2px var(--sp-8);background:var(--bg);color:var(--muted);font-size:var(--font-size-caption);border-radius:999px;align-items:center;font-style:normal;display:inline-flex}.challenge-avatars{gap:var(--sp-4);margin-top:var(--sp-8);display:flex}.challenge-avatars .avatar{border:2px solid var(--surface)}.ach-emoji.in-progress{filter:grayscale(.35);transition:filter .4s}.ach-emoji.locked{filter:grayscale();opacity:.65}.ach-emoji.unlocked{filter:none;transition:filter .4s}@keyframes ach-unlock{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(1.02)}to{transform:scale(1)}}.achievement-card.just-unlocked{opacity:1;border-style:solid;animation:1.5s ease-out ach-unlock}.achievement-card.just-unlocked .ach-emoji{filter:none}@media (prefers-reduced-motion:reduce){.achievement-card.just-unlocked{animation:none}.ach-emoji{transition:none}}:root{--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1)}.btn{--btn-bg:var(--surface);--btn-ink:var(--ink);--btn-line:color-mix(in srgb, var(--line) 80%, var(--accent) 10%);--btn-glow:transparent;justify-content:center;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-18);font:600 13.5px/1 var(--font-sans);letter-spacing:.1px;color:var(--btn-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--btn-bg) 100%, var(--on-accent) 6%), var(--btn-bg));border:1px solid var(--btn-line);border-radius:var(--radius);cursor:pointer;isolation:isolate;box-shadow:var(--shadow-tactile), 0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent) inset;transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), background var(--motion-normal) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), filter var(--motion-normal) var(--ease-standard);display:inline-flex;position:relative;overflow:hidden;transform:translateY(0)translateZ(0)}.btn:after{content:"";background:var(--highlight-sheen);transition:transform var(--motion-slow) var(--ease-out-quint);pointer-events:none;position:absolute;inset:0;transform:translate(-120%)}.btn:hover:after{transform:translate(120%)}.btn:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink) 12%, transparent), 0 4px 12px -4px #0000004d, 0 16px 36px -18px #00000080, 0 0 0 1px color-mix(in srgb, var(--btn-glow) 20%, transparent);filter:brightness(1.04);transform:translateY(-2px)translateZ(0)}.btn:active{transition-duration:var(--motion-xs);filter:brightness(.97);transform:translateY(1px)translateZ(0)scale(.98);box-shadow:inset 0 2px 8px #00000047,0 1px 2px #00000059}.btn:focus-visible{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent), var(--ring);outline:none}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.5;filter:none;box-shadow:none;transform:none}.btn.primary{--btn-bg:linear-gradient(180deg, var(--accent-bright), var(--accent));--btn-ink:var(--on-accent);--btn-line:color-mix(in srgb, var(--accent-bright) 55%, transparent);--btn-glow:var(--accent-glow);background:linear-gradient(180deg, var(--accent-bright), var(--accent));box-shadow:0 10px 30px var(--accent-glow)}.btn.primary:hover{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink) 24%, transparent), 0 12px 30px -14px var(--accent-glow), 0 0 22px -8px var(--accent-glow)}.btn.secondary{--btn-bg:var(--surface-2)}.btn.ghost{--btn-bg:transparent;--btn-line:transparent;box-shadow:none;border-color:#0000}.btn.ghost:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:none;transform:none}.btn.ghost:active{transform:translateY(1px)}.btn.danger{--btn-bg:linear-gradient(180deg, color-mix(in srgb, var(--danger) 100%, var(--on-danger) 12%), var(--danger));--btn-ink:var(--on-danger);--btn-line:color-mix(in srgb, var(--danger) 60%, transparent);--btn-glow:var(--danger);background:linear-gradient(180deg, color-mix(in srgb, var(--danger) 100%, var(--on-danger) 12%), var(--danger))}.btn.success{--btn-bg:linear-gradient(180deg, color-mix(in srgb, var(--success) 100%, var(--on-success) 10%), var(--success));--btn-ink:var(--on-success);--btn-line:color-mix(in srgb, var(--success) 60%, transparent)}.btn.icon-only{padding:var(--sp-10);border-radius:var(--radius-pill)}.btn.fab{right:18px;bottom:calc(78px + env(safe-area-inset-bottom) + 14px);z-index:40;border-radius:var(--radius-pill);width:56px;height:56px;font-size:var(--font-size-metric);box-shadow:0 12px 28px -10px var(--accent-glow), inset 0 1px 0 color-mix(in srgb, var(--ink) 30%, transparent);padding:0;position:fixed}.btn.loading{color:#0000;pointer-events:none}.btn.loading:after{display:none}.btn.loading:before{content:"";border:2px solid color-mix(in srgb, var(--btn-ink) 40%, transparent);border-top-color:var(--btn-ink);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(360deg)}}.card,.settings-card,.surface{background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 94%, var(--bg) 6%));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard)}.elevated{background:var(--elevated);border-color:color-mix(in srgb, var(--line) 80%, var(--accent) 8%);box-shadow:var(--shadow-2)}.hover-lift:hover{box-shadow:var(--shadow-3);border-color:color-mix(in srgb, var(--accent) 30%, var(--line));transform:translateY(-3px)}.glass{background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid color-mix(in srgb, var(--line) 70%, var(--ink) 8%)}input,select,textarea{font:500 13.5px var(--font-sans)}.field input,.field textarea,.field select,.modal input,.modal textarea{transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}.field input:focus,.field textarea:focus,.modal input:focus,.modal textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.switch{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;width:44px;height:25px;transition:background var(--motion-normal) var(--ease-standard), border-color var(--motion-normal) var(--ease-standard);flex-shrink:0;position:relative}.switch:after{content:"";background:var(--ink);width:19px;height:19px;transition:transform var(--motion-normal) var(--ease-spring), background var(--motion-fast) var(--ease-standard);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.switch[aria-checked=true]{background:linear-gradient(180deg, var(--accent-bright), var(--accent));border-color:#0000}.switch[aria-checked=true]:after{background:var(--on-accent);transform:translate(19px)}.switch:focus-visible{box-shadow:var(--ring);outline:none}.ring{color:var(--ink);flex:none;place-items:center;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none;stroke-width:8px}.ring-track{stroke:var(--line)}.ring-value{stroke:var(--accent-bright);stroke-linecap:round}.ring strong,.ring small{z-index:1;text-align:center;position:absolute}.ring strong{font:700 24px/1 var(--font-num);transform:translateY(-8px)}.ring small{color:var(--muted);font-size:var(--font-size-micro-10);white-space:nowrap;top:calc(50% + 16px);left:50%;transform:translate(-50%)}.ring-value,.xp-ring-fg,.progress-fill,.bar-fill{transition:stroke-dashoffset var(--motion-slow) var(--ease-standard), width var(--motion-slow) var(--ease-standard)}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.celebrate{animation:pop .5s var(--ease-spring)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.view-enter{animation:view-in var(--motion-page) var(--ease-standard) both}@keyframes view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.stagger>*{animation:rise-in var(--motion-slow) var(--ease-out-quint) both}.stagger>:first-child{animation-delay:var(--stagger-1)}.stagger>:nth-child(2){animation-delay:var(--stagger-2)}.stagger>:nth-child(3){animation-delay:var(--stagger-3)}.stagger>:nth-child(4){animation-delay:.24s}.stagger>:nth-child(5){animation-delay:.3s}.stagger>:nth-child(n+6){animation-delay:.36s}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.card,.settings-card,.surface{transition:transform var(--motion-normal) var(--ease-out-quint), box-shadow var(--motion-normal) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard)}.card:hover,.settings-card:hover,.surface:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));box-shadow:var(--shadow-2)}.range-tabs>button,.preset-tab{transition:color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);position:relative;overflow:hidden}.range-tabs>button:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));transform:translateY(-1px)}.range-tabs>button:active{transform:translateY(1px)}.range-tabs>button.active{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-color:color-mix(in srgb, var(--accent-bright) 60%, transparent);color:var(--ink)}.tick{animation:tick-in var(--motion-normal) var(--ease-out-quint) both;display:inline-block}@keyframes tick-in{0%{opacity:0;filter:blur(3px);transform:translateY(.42em)scale(.94)}to{opacity:1;filter:blur();transform:none}}.tick.out{animation:tick-out var(--motion-fast) var(--ease-in-out-soft) both}@keyframes tick-out{to{opacity:0;filter:blur(3px);transform:translateY(-.42em)scale(.94)}}.sidebar{transition:width var(--motion-normal) var(--ease-standard), transform var(--motion-normal) var(--ease-standard)}.heat-cell{transition:transform var(--motion-fast) var(--ease-standard), filter var(--motion-fast) var(--ease-standard)}.heat-cell:hover{filter:brightness(1.15);transform:scale(1.18)}.theme-switching,.theme-switching *{transition:background-color var(--motion-slow) var(--ease-standard), border-color var(--motion-slow) var(--ease-standard), color var(--motion-slow) var(--ease-standard), fill var(--motion-slow) var(--ease-standard), box-shadow var(--motion-slow) var(--ease-standard)!important}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.welcome-page{min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse at 20% 20%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 55%), var(--bg);padding:24px clamp(20px,5vw,80px)}.welcome-header,.welcome-hero,.welcome-features,.welcome-footer{width:min(100%,1120px);margin-inline:auto}.welcome-header,.welcome-brand{align-items:center;gap:var(--sp-12);display:flex}.welcome-header{justify-content:space-between}.welcome-brand{font-size:var(--font-size-metric)}.welcome-page .btn{min-height:48px}.welcome-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,6vw,88px);padding-block:clamp(48px,8vw,112px);display:grid}.welcome-copy h1{margin-block:var(--sp-20);font-size:clamp(34px,4.5vw,58px);line-height:1.5}.welcome-copy h1 em{color:var(--accent-bright);font-style:normal}.welcome-copy p,.welcome-features p{color:var(--muted);margin-block:var(--sp-16) var(--sp-24);line-height:2}.welcome-start{width:min(100%,320px)}.welcome-more{width:fit-content;margin-top:var(--sp-20);color:var(--ink);text-underline-offset:6px;display:block}.welcome-journey{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:clamp(20px,4vw,40px);animation:.4s ease-out both auth-panel-in}.welcome-seal{padding-block:var(--sp-12) var(--sp-32);place-items:center;display:grid}.welcome-journey ol{gap:var(--sp-16);margin:0;padding:0;list-style:none;display:grid}.welcome-journey li{align-items:center;gap:var(--sp-16);padding:var(--sp-16);background:var(--surface-2);border-radius:var(--radius-sm);line-height:1.7;display:flex}.welcome-journey svg,.welcome-feature-grid svg{color:var(--accent-bright);flex-shrink:0}.welcome-features{padding-block:var(--sp-24) var(--sp-48);scroll-margin-top:var(--sp-24)}.welcome-features h2{text-align:center;margin-bottom:var(--sp-32);line-height:1.7}.welcome-feature-grid{gap:var(--sp-24);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.welcome-feature-grid article{padding:var(--sp-28);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.welcome-feature-grid h3{font-size:var(--font-size-h2);line-height:1.8}.welcome-feature-grid p{font-size:var(--font-size-body);margin-bottom:0}.welcome-footer{padding-block:var(--sp-32);border-top:1px solid var(--line);text-align:center}.welcome-footer p{line-height:1.8}.welcome-page :focus-visible{outline:3px solid var(--accent-bright);outline-offset:5px}@media (width<=880px){.welcome-hero{grid-template-columns:minmax(0,1fr)}.welcome-feature-grid{gap:var(--sp-16);grid-template-columns:minmax(0,1fr)}.welcome-journey{justify-self:center;width:min(100%,480px)}.welcome-copy{text-align:center}.welcome-more{margin-inline:auto}}@media (prefers-reduced-motion:reduce){.welcome-journey,.auth-panel,.auth-visual:before,.auth-visual:after{animation:none}}[data-motion=reduced] .welcome-journey,[data-motion=reduced] .auth-panel,[data-motion=reduced] .auth-visual:before,[data-motion=reduced] .auth-visual:after{animation:none}.auth-back{color:var(--muted);text-underline-offset:5px;padding-block:var(--sp-12);align-self:flex-start}.auth-mobile-brand{align-items:center;gap:var(--sp-12);font-size:var(--font-size-metric);display:none}.auth-page .auth-panel{justify-self:center;width:100%;max-width:600px}.auth-page .auth-panel .btn{min-height:48px}.auth-page .auth-form input{width:100%;min-width:0;font-size:var(--font-size-h3)}.auth-page :focus-visible{outline:3px solid var(--accent-bright);outline-offset:4px}@media (width<=880px){.auth-page .auth-panel{border-inline-start:0;padding:24px clamp(20px,6vw,48px) 40px}}.auth-page{background:var(--bg);min-height:100dvh;color:var(--ink);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-visual{justify-content:center;gap:var(--sp-20);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 6%, var(--bg)), var(--bg));flex-direction:column;padding:60px clamp(32px,6vw,80px);display:flex;position:relative;overflow:hidden}.auth-visual::marker{display:none}.auth-visual{isolation:isolate}.auth-visual .auth-brand{padding:var(--sp-18) var(--sp-20);background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--line);box-shadow:0 10px 0 color-mix(in srgb,var(--accent) 14%,transparent);border-radius:20px}.auth-visual .auth-brand:after{content:"هر روز، یک قدم بهتر";margin-top:var(--sp-14);color:var(--muted);font-size:var(--font-size-secondary);position:absolute;top:100%}.auth-visual:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);pointer-events:none;width:500px;height:500px;animation:18s linear infinite auth-orbit;position:absolute;top:-20%;right:-15%}@keyframes auth-orbit{0%{transform:rotate(0)translate(30px)rotate(0)}to{transform:rotate(360deg)translate(30px)rotate(-360deg)}}.auth-visual:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent-bright) 8%, transparent), transparent 70%);pointer-events:none;width:400px;height:400px;animation:24s linear infinite reverse auth-orbit;position:absolute;bottom:-30%;left:-20%}.auth-brand{align-items:center;gap:var(--sp-14);z-index:1;display:flex;position:relative}.auth-brand b{font-family:var(--mono);letter-spacing:1.5px;font-size:var(--font-size-h3);color:var(--ink)}.auth-brand b.accent{color:var(--accent-bright)}.auth-hero-copy{z-index:1;max-width:510px;margin-top:var(--sp-72);position:relative}.auth-slide-eyebrow{padding:var(--sp-6) var(--sp-12);color:var(--accent-bright);background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:var(--font-size-micro-10);border-radius:99px;font-weight:700;display:inline-flex}.auth-slide-icon{width:58px;height:58px;margin:var(--sp-24) 0 var(--sp-16);color:var(--on-accent);background:linear-gradient(145deg,var(--accent-bright),var(--accent));box-shadow:0 12px 28px -12px var(--accent-glow);border-radius:18px;place-items:center;display:grid}.auth-hero-copy h2{max-width:430px;margin:0 0 var(--sp-12);letter-spacing:-.04em;font-size:clamp(28px,4vw,48px);line-height:1.35}.auth-hero-copy p{max-width:430px;color:var(--muted);font-size:var(--font-size-body);margin:0;line-height:2}.auth-slide-controls{z-index:1;align-items:center;gap:var(--sp-16);margin-top:var(--sp-34);display:flex;position:relative}.auth-slide-controls>button{width:34px;height:34px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:11px;place-items:center;display:grid}.auth-dots{gap:var(--sp-6);direction:ltr;display:flex}.auth-dots button{background:var(--line);cursor:pointer;border:0;border-radius:99px;width:22px;height:5px;padding:0;transition:width .2s,background .2s}.auth-dots button.active{background:var(--accent-bright);width:38px}.auth-trust-note{z-index:1;align-items:center;gap:var(--sp-8);margin-top:var(--sp-18);color:var(--muted);font-size:var(--font-size-caption);display:flex;position:relative}.auth-product-preview{z-index:1;width:min(100%,460px);margin-top:var(--sp-34);padding:var(--sp-16);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:18px;position:relative;transform:rotate(-2deg);box-shadow:0 18px 42px -25px #000}.preview-topline{color:var(--muted);font-size:var(--font-size-micro-10);justify-content:space-between;align-items:center;display:flex}.preview-topline b{color:var(--accent-bright);font-size:var(--font-size-caption)}.preview-progress{height:7px;margin:var(--sp-12) 0 var(--sp-10);background:var(--surface-2);border-radius:99px;overflow:hidden}.preview-progress i{background:linear-gradient(90deg,var(--accent),var(--accent-bright));border-radius:inherit;width:72%;height:100%;display:block}.preview-habit-row{align-items:center;gap:var(--sp-8);padding:var(--sp-10) 0;border-top:1px solid var(--line-soft);display:flex}.preview-habit-row>div{gap:var(--sp-2);flex:1;display:grid}.preview-habit-row b{font-size:var(--font-size-caption);color:var(--ink)}.preview-habit-row small{font-size:var(--font-size-micro-9);color:var(--muted)}.preview-habit-row>strong{color:var(--accent-bright);font:11px var(--mono)}.preview-check{width:23px;height:23px;color:var(--on-accent);background:var(--accent);font-size:var(--font-size-label);border-radius:50%;place-items:center;display:grid}.preview-check.empty{border:2px solid var(--line);color:#0000;background:0 0}.habit-activity-card{gap:var(--sp-16);margin-top:var(--sp-28);padding:var(--sp-20);background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;display:grid}.habit-activity-card .section-head{margin-bottom:0}.habit-activity-card .section-head>small{color:var(--muted);font-size:var(--font-size-micro-10)}.habit-activity-list{gap:var(--sp-18);display:grid}.habit-activity-row{gap:var(--sp-8);display:grid}.habit-activity-heading{align-items:center;gap:var(--sp-8);font-size:var(--font-size-label);display:flex}.habit-activity-heading b{color:var(--ink);flex:1}.habit-activity-heading>span:last-child{color:var(--habit-color);font:11px var(--mono)}.habit-color-dot{background:var(--habit-color);width:9px;height:9px;box-shadow:0 0 10px color-mix(in srgb,var(--habit-color) 55%,transparent);border-radius:50%}.habit-month-grid{gap:var(--sp-4);grid-template-columns:repeat(31,minmax(6px,1fr));display:grid}.habit-90-grid{grid-template-columns:repeat(30,minmax(5px,1fr))}.habit-month-grid span{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:3px;height:12px}.habit-month-grid span.done{background:var(--habit-color);border-color:var(--habit-color);box-shadow:0 2px 7px color-mix(in srgb,var(--habit-color) 35%,transparent)}@media (width<=640px){.habit-90-grid{min-width:520px}.habit-activity-row{overflow-x:auto}.habit-activity-heading{min-width:230px}}.auth-tagline{margin:var(--sp-8) 0;letter-spacing:-.02em;z-index:1;font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.45;position:relative}.auth-points{gap:var(--sp-10);color:var(--muted);font-size:var(--font-size-secondary);z-index:1;margin:0;padding:0;line-height:1.7;list-style:none;display:grid;position:relative}.auth-points li{align-items:center;gap:var(--sp-10);display:flex}.auth-points li:before{content:"";background:var(--accent-bright);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;flex-shrink:0}.auth-theme-strip{gap:var(--sp-8);margin-top:var(--sp-12);z-index:1;display:flex;position:relative}.auth-theme-strip span{border:1.5px solid var(--line);border-radius:8px;width:28px;height:28px;transition:transform .2s,border-color .2s}.auth-theme-strip span:hover{border-color:var(--accent-soft);transform:scale(1.15)}.auth-panel{justify-content:center;gap:var(--sp-14);background:color-mix(in srgb, var(--surface) 60%, transparent);border-inline-start:1px solid var(--line-soft);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);animation:auth-panel-in .5s var(--ease-out-quint) both;flex-direction:column;padding:60px clamp(32px,5vw,72px);display:flex;position:relative}@keyframes auth-panel-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.auth-panel h1{letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.6vw,34px)}.auth-form{gap:var(--sp-14);margin-top:var(--sp-8);display:grid}.field{gap:var(--sp-8);font-size:var(--font-size-label);color:var(--muted);font-weight:500;display:grid}.field span{align-items:center;gap:var(--sp-6);letter-spacing:.02em;display:inline-flex}.field input{padding:var(--sp-12) var(--sp-16);color:var(--ink);background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-sm,11px);font-size:var(--font-size-body);transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus{border-color:var(--accent-bright);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);outline:none}.auth-error{padding:var(--sp-10) var(--sp-14);color:var(--danger);font-size:var(--font-size-label);background:color-mix(in srgb, var(--danger) 8%, transparent);border-radius:var(--radius-sm,11px);border:1px solid color-mix(in srgb, var(--danger) 20%, transparent);margin:0}.auth-submit{width:100%;padding:var(--sp-12);font-weight:600;font-size:var(--font-size-body);letter-spacing:.01em}.telegram-btn{width:100%;padding:var(--sp-12);justify-content:center;align-items:center;gap:var(--sp-10);border-radius:var(--radius,12px);font-size:var(--font-size-body);cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard);border:0;font-weight:700;display:inline-flex;transform:translateY(0);color:var(--on-accent)!important;background:linear-gradient(135deg,#2aa9e4,#229ed9)!important;box-shadow:0 2px 8px #229ed94d,0 8px 24px -8px #229ed966!important}.telegram-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #229ed959,0 12px 32px -8px #229ed980!important}.telegram-btn:active{transition-duration:var(--motion-xs);transform:translateY(1px);box-shadow:inset 0 2px 6px #0003,0 1px 2px #0000004d!important}.google-btn{width:100%;padding:var(--sp-12);justify-content:center;align-items:center;gap:var(--sp-10);border-radius:var(--radius,12px);font-size:var(--font-size-body);cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard);border:1px solid #00000014;font-weight:700;display:inline-flex;transform:translateY(0);color:#3c4043!important;background:#fff!important;box-shadow:0 1px 4px #0000001a,0 4px 16px -4px #3c40434d!important}.google-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f,0 8px 24px -6px #3c404366!important}.google-btn:active{transition-duration:var(--motion-xs);transform:translateY(1px);box-shadow:inset 0 2px 6px #00000026,0 1px 2px #00000040!important}.guest-btn{width:100%;padding:var(--sp-12);margin-top:var(--sp-8);font-size:var(--font-size-secondary);cursor:pointer;border-radius:var(--radius,12px);transition:color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard);font-weight:600;color:var(--muted)!important;border:1.5px dashed var(--line)!important;box-shadow:none!important;background:0 0!important}.guest-btn:hover{color:var(--accent-bright)!important;border-color:color-mix(in srgb, var(--accent-bright) 50%, transparent)!important;background:color-mix(in srgb, var(--accent) 6%, transparent)!important}.guest-limits{margin:var(--sp-6) 0 var(--sp-2);color:var(--muted);font-size:var(--font-size-label);line-height:1.7}.guest-limits summary{cursor:pointer;font-size:var(--font-size-caption);opacity:.8;transition:color var(--motion-fast) var(--ease-standard)}.guest-limits summary:hover{color:var(--accent-bright)}.guest-limits ul{margin:var(--sp-8) 0 0;padding-inline-start:18px}.guest-limits li{margin:var(--sp-4) 0}.auth-divider{align-items:center;gap:var(--sp-14);color:var(--muted);font-size:var(--font-size-caption);margin-top:var(--sp-6);letter-spacing:.03em;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-switch{align-items:center;gap:var(--sp-8);margin:var(--sp-4) 0 0;color:var(--muted);font-size:var(--font-size-secondary);display:flex}.auth-switch button{color:var(--accent-bright);cursor:pointer;font-size:var(--font-size-secondary);background:0 0;border:0;font-weight:700;transition:opacity .15s}.auth-switch button:hover{opacity:.8}.auth-footnote{align-items:center;gap:var(--sp-6);color:var(--muted);font-size:var(--font-size-micro-10);opacity:.7;display:inline-flex}.muted-row{opacity:.55}@media (width<=880px){.auth-page{grid-template-columns:1fr}.auth-visual{gap:var(--sp-12);min-height:0;padding:var(--sp-28) var(--sp-24) var(--sp-20);justify-content:flex-start}.auth-visual .auth-brand{align-self:flex-start}.auth-hero-copy{margin-top:var(--sp-34)}.auth-hero-copy h2{font-size:28px}.auth-hero-copy p{font-size:var(--font-size-label);line-height:1.8}.auth-slide-icon{width:44px;height:44px;margin:var(--sp-16) 0 var(--sp-10);border-radius:14px}.auth-slide-controls{margin:0;position:absolute;bottom:20px;right:24px}.auth-trust-note{font-size:var(--font-size-micro-10);margin:0;position:absolute;bottom:25px;left:24px}.auth-product-preview,.auth-mobile-brand{display:none}.auth-panel{padding:34px clamp(20px,6vw,48px)}.auth-page{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),var(--bg)}.auth-panel{margin:var(--sp-12) auto var(--sp-20);border:1px solid var(--line);border-radius:24px;width:min(100% - 28px,440px);box-shadow:0 18px 50px -25px #000}}.onboard-backdrop{z-index:100;padding:var(--sp-18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.onboard-card{gap:var(--sp-14);width:min(480px,94vw);padding:var(--sp-34) var(--sp-30) var(--sp-22);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);text-align:center;color:var(--ink);border-radius:22px;animation:.35s viewIn;display:grid;position:relative}.onboard-skip{top:14px;width:30px;height:30px;color:var(--muted);background:var(--surface-2);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-start:14px}.onboard-progress{justify-content:center;gap:var(--sp-8);display:flex}.onboard-progress i{background:var(--line-soft);border-radius:99px;width:26px;height:5px;transition:background .3s}.onboard-progress i.active{background:var(--accent-soft)}.onboard-progress i.done{background:var(--accent-bright)}.onboard-emoji{font-size:44px}.onboard-card h2{font-size:var(--font-size-metric-plus);margin:0}.onboard-p{color:var(--muted);font-size:var(--font-size-label);margin:-4px 0;line-height:1.9}.onboard-goals{gap:var(--sp-8);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.onboard-goal{align-items:center;gap:var(--sp-8);padding:var(--sp-10) var(--sp-12);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-label);cursor:pointer;border-radius:12px;transition:all .16s;display:flex}.onboard-goal:hover{color:var(--ink);border-color:var(--accent-soft)}.onboard-goal.selected{color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-bright));box-shadow:0 6px 18px var(--accent-glow);border-color:#0000}.onboard-input{padding:var(--sp-12) var(--sp-16);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-secondary);text-align:center;border-radius:12px}.onboard-chips{gap:var(--sp-8);flex-wrap:wrap;justify-content:center;display:flex}.onboard-chips button{padding:var(--sp-6) var(--sp-12);color:var(--muted);background:var(--surface-2);border:1px dashed var(--line);font-size:var(--font-size-micro-10);cursor:pointer;border-radius:99px}.onboard-row{gap:var(--sp-8);justify-content:center;display:flex}.onboard-next{justify-self:center;min-width:170px}.onboard-links{gap:var(--sp-8);text-align:right;display:grid}.onboard-link-row{padding:var(--sp-12) var(--sp-14);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-label);border-radius:12px;justify-content:space-between;align-items:center;display:flex}.onboard-link-row.soon{opacity:.6}.onboard-later{color:var(--muted);font-size:var(--font-size-micro-10);cursor:pointer;background:0 0;border:0;justify-self:center}.onboard-later:hover{color:var(--ink)}.theme-menu-wrap,.profile-menu-wrap{position:relative}.profile-menu{top:48px;z-index:49;box-sizing:border-box;min-width:190px;padding:var(--sp-6);background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow-3);border-radius:16px;animation:.2s viewIn;position:absolute;inset-inline-start:0}.profile-menu button{align-items:center;gap:var(--sp-10);width:100%;padding:var(--sp-10) var(--sp-12);color:var(--ink);font:inherit;font-size:var(--font-size-label);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:11px;display:flex}.profile-menu button:hover{background:var(--surface-2)}.profile-menu button svg{color:var(--muted);flex:none}.profile-menu button:hover svg{color:var(--accent-bright)}.menu-backdrop{z-index:48;cursor:default;background:0 0;border:0;position:fixed;inset:0}.quick-theme-menu{top:48px;z-index:49;box-sizing:border-box;width:min(360px,100vw - 24px);padding:var(--sp-14);background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow-3);border-radius:20px;animation:.2s viewIn;position:absolute;inset-inline-end:0}.theme-menu-heading{justify-content:space-between;align-items:center;gap:var(--sp-12);padding:var(--sp-2) var(--sp-4) var(--sp-12);margin-bottom:var(--sp-10);border-bottom:1px solid var(--line-soft);display:flex}.theme-menu-heading b{color:var(--ink);font-size:var(--font-size-body);display:block}.theme-menu-heading small{margin-top:var(--sp-4);color:var(--muted);font-size:var(--font-size-micro-10);display:block}.theme-current-dot{border:3px solid var(--surface-2);width:18px;height:18px;box-shadow:0 0 0 1px var(--line),0 0 16px var(--accent-glow);border-radius:50%}.quick-theme-grid{gap:var(--sp-8);grid-template-columns:1fr 1fr;display:grid}.quick-theme-grid button{align-items:center;gap:var(--sp-8);min-width:0;padding:var(--sp-8);color:var(--muted);background:var(--surface-2);font-size:var(--font-size-caption);text-align:start;cursor:pointer;border:1px solid #0000;border-radius:12px;transition:transform .15s,border-color .15s,background .15s;display:flex}.quick-theme-grid button:hover{color:var(--ink);border-color:var(--accent);transform:translateY(-1px)}.quick-theme-grid button.active{color:var(--ink);border-color:var(--accent-bright);background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.theme-swatch{border-radius:8px;flex:none;width:27px;height:27px;border:1px solid #ffffff29!important}.theme-copy{gap:var(--sp-2);min-width:0;display:grid}.theme-copy b{text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:var(--font-size-micro-10);overflow:hidden}.theme-copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--font-size-micro);overflow:hidden}.quick-theme-grid button>svg{color:var(--accent-bright);flex:none;margin-inline-start:auto}.more-themes-link{width:100%;margin-top:var(--sp-10);padding:var(--sp-10) var(--sp-4);color:var(--accent-bright);border:0;border-top:1px solid var(--line-soft);font-size:var(--font-size-caption);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;font-weight:700;display:flex}.login-theme-toggle{top:22px;z-index:5;width:42px;height:42px;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;inset-inline-start:22px}@media (width<=680px){.quick-theme-menu{top:62px;width:auto;max-height:calc(100dvh - 78px);position:fixed;inset-inline:10px;overflow:auto}.quick-theme-grid{grid-template-columns:1fr 1fr}.theme-copy small{font-size:var(--font-size-micro)}}.guest-banner{justify-content:center;align-items:center;gap:var(--sp-12);padding:var(--sp-8) var(--sp-16);color:var(--muted);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-bottom:1px solid var(--line);font-size:var(--font-size-caption);display:flex}.guest-banner button{padding:var(--sp-4) var(--sp-10);color:var(--accent-bright);border:1px solid var(--accent-soft);font-size:var(--font-size-micro-10);cursor:pointer;background:0 0;border-radius:999px;font-weight:700}.reduce-motion-row{margin-top:var(--sp-12);padding-top:var(--sp-12);border-top:1px solid var(--line-soft);color:var(--muted);font-size:var(--font-size-caption);justify-content:space-between;align-items:center;display:flex}.theme-gallery{gap:var(--sp-12);margin:var(--sp-12) 0;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.theme-card{gap:var(--sp-4);padding:var(--sp-10);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-caption);text-align:right;cursor:pointer;transition:transform .2s var(--ease-standard),border-color .2s var(--ease-standard),box-shadow .3s var(--ease-standard);border-radius:15px;display:grid;position:relative}.theme-card:hover{border-color:var(--accent-soft);box-shadow:0 12px 28px -16px var(--accent-glow);transform:translateY(-3px)}.theme-card.active{border-color:var(--accent-bright);box-shadow:0 0 0 1px var(--accent-bright),0 10px 24px var(--accent-glow)}.theme-card b{color:var(--ink);font-size:var(--font-size-label);margin-top:var(--sp-4)}.theme-card small{font-size:var(--font-size-micro-9);opacity:.85}.theme-check{top:9px;color:var(--accent-bright);position:absolute;inset-inline-end:9px}.theme-preview{border:1px solid #0003;border-radius:10px;height:86px;display:block;position:relative;overflow:hidden}.tp-sidebar{top:0;bottom:0;width:26%;position:absolute;inset-inline-start:0}.tp-chart{inset-inline-start:32%;align-items:flex-end;gap:var(--sp-4);width:34%;height:56%;display:flex;position:absolute;bottom:12%}.tp-chart em{border-radius:2px;flex:1}.tp-btn{top:12%;border-radius:6px;width:30%;height:14%;position:absolute;inset-inline-end:9%}.tp-card{top:36%;border-radius:7px;width:30%;height:42%;position:absolute;inset-inline-end:9%}.theme-card-info{gap:var(--sp-4);margin-top:var(--sp-4);display:grid}.theme-swatches{gap:var(--sp-4);display:flex}.theme-swatches span{border:1px solid #ffffff1f;border-radius:5px;width:18px;height:18px;transition:transform .15s}.theme-card:hover .theme-swatches span{transform:scale(1.08)}.dash-hero{gap:var(--sp-12);margin-bottom:var(--sp-20);display:grid}.hero-motto{color:var(--accent-bright)}.hero-cta{font-size:var(--font-size-body)}.daily-status-pill{padding:var(--sp-8) var(--sp-16);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),var(--surface));border:1px solid var(--accent-soft);font-size:var(--font-size-label);border-radius:99px;justify-self:start;font-weight:600}.daily-status-pill.complete{border-color:var(--success);background:linear-gradient(135deg,color-mix(in srgb,var(--success) 16%,var(--surface)),var(--surface))}.nextup-strip{gap:var(--sp-12);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.nextup-card{align-items:center;gap:var(--sp-12);padding:var(--sp-14) var(--sp-16);color:var(--ink);background:var(--surface);border:1px solid var(--line);text-align:right;cursor:pointer;border-radius:15px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.nextup-card:hover{border-color:var(--accent-bright);box-shadow:0 8px 22px var(--accent-glow);transform:translateY(-2px)}.nextup-card:active{transform:translateY(0)scale(.99)}.nextup-check,.nextup-emoji{width:36px;height:36px;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-bright));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.nextup-card.goal .nextup-emoji{background:color-mix(in srgb,var(--info) 16%,transparent);color:var(--info)}.nextup-copy{gap:var(--sp-2);line-height:1.4;display:grid}.nextup-copy small{color:var(--muted);font-family:var(--mono);font-size:var(--font-size-micro);letter-spacing:1px}.nextup-copy b{font-size:var(--font-size-secondary)}.cg-months{gap:var(--sp-4);width:max-content;padding:0 var(--sp-10);margin-bottom:var(--sp-4);display:flex}.cg-month{width:var(--heat-cell-size);min-width:0;color:var(--muted);font-family:var(--mono);font-size:var(--font-size-micro);white-space:nowrap}@media (width<=640px){.cg-month{visibility:hidden}}.heat-cell:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.heat-cell[data-tip]:hover:after{content:attr(data-tip);z-index:70;padding:var(--sp-8) var(--sp-12);color:var(--ink);background:var(--elevated);border:1px solid var(--line);font-size:var(--font-size-micro-10);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-card);border-radius:9px;position:fixed}.admin-tabs{margin-bottom:var(--sp-18);flex-wrap:wrap}.admin-stat-grid{gap:var(--sp-12);margin-bottom:var(--sp-18);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.admin-stat-grid .stat-chip{transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard);position:relative;overflow:hidden}.admin-stat-grid .stat-chip:after{content:"";inset-inline-end:-30%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 26%,transparent),transparent);opacity:0;width:70%;height:140%;transition:opacity var(--motion-normal) var(--ease-standard);position:absolute;top:-40%}.admin-stat-grid .stat-chip:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 16px 30px -22px var(--accent-glow);transform:translateY(-3px)}.admin-stat-grid .stat-chip:hover:after{opacity:1}.stat-chip.alert div b{color:var(--danger)}.admin-groups-layout{gap:var(--sp-16);grid-template-columns:250px 1fr;align-items:start;display:grid}@media (width<=900px){.admin-groups-layout{grid-template-columns:1fr}}.admin-group-list{gap:var(--sp-8);max-height:70vh;display:grid;overflow-y:auto}.admin-group-item{gap:var(--sp-4);padding:var(--sp-12) var(--sp-14);color:var(--ink);background:var(--surface);border:1px solid var(--line-soft);text-align:right;cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard);border-radius:13px;display:grid}.admin-group-item:hover{border-color:var(--accent-soft);box-shadow:0 14px 26px -20px var(--accent-glow);transform:translate(-3px)}.admin-group-item.active{border-color:var(--accent-bright);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.admin-group-item small{color:var(--muted);font-size:var(--font-size-micro-10)}.admin-group-editor{gap:var(--sp-16);display:grid}.admin-group-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-12);display:flex}.admin-group-head h2{font-size:var(--font-size-h1-plus);margin:0}.admin-group-head small{color:var(--muted)}.chip-on.off{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.admin-kpis{gap:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.admin-kpis>div{gap:var(--sp-2);padding:var(--sp-12) var(--sp-12);background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;display:grid}.admin-kpis small{color:var(--muted);font-size:var(--font-size-micro-9)}.admin-feature-grid{gap:var(--sp-8);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.feature-toggle{justify-content:space-between;align-items:center;gap:var(--sp-8);padding:var(--sp-10) var(--sp-12);background:var(--surface);border:1px solid var(--line-soft);font-size:var(--font-size-caption);cursor:pointer;border-radius:12px;display:flex;position:relative}.feature-toggle.overridden{border-style:dashed;border-color:var(--accent-soft)}.feature-toggle.global{border-color:var(--line)}.feature-toggle span{align-items:center;gap:var(--sp-6);color:var(--ink);display:flex}.feature-toggle span em{color:var(--accent-bright);font-size:var(--font-size-micro);border:1px solid var(--accent-soft);padding:1px var(--sp-6);border-radius:99px;font-style:normal}.feature-toggle input{opacity:0;pointer-events:none;position:absolute}.feature-toggle i{background:var(--line);border-radius:99px;flex-shrink:0;width:34px;height:19px;transition:background .2s;position:relative}.feature-toggle i:before{content:"";top:2px;background:var(--control-knob);border-radius:50%;width:15px;height:15px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;inset-inline-start:2px}.feature-toggle input:checked+i{background:var(--success)}.feature-toggle input:checked+i:before{transform:translate(-15px)}.feature-toggle input:focus-visible+i{outline:2px solid var(--accent-bright);outline-offset:2px}[dir=rtl] .feature-toggle i:before,[dir=ltr] .feature-toggle i:before{inset-inline-start:2px}.feature-toggle-list{gap:var(--sp-8);margin:var(--sp-10) 0 var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.admin-schedule-row{gap:var(--sp-12);padding:var(--sp-16);background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;display:grid}.admin-welcome-editor summary{cursor:pointer;color:var(--accent-bright);font-size:var(--font-size-label)}.admin-welcome-editor textarea{width:100%;margin-top:var(--sp-8);padding:var(--sp-12) var(--sp-12);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font:inherit;font-size:var(--font-size-label);resize:vertical;border-radius:11px}.admin-welcome-editor .btn{margin-top:var(--sp-8)}.settings-card.wide{grid-column:1/-1}.appearance-card{gap:var(--sp-18);max-width:none;padding:var(--sp-24)}.appearance-head{gap:var(--sp-6);margin-bottom:var(--sp-4);display:grid}.appearance-head h1{font-size:var(--font-size-h1);letter-spacing:-.01em;margin:0}.appearance-head .settings-p{max-width:62ch;margin:0}.appearance-card .theme-gallery{gap:var(--sp-16);grid-template-columns:repeat(auto-fill,minmax(224px,1fr))}@media (width<=900px){.appearance-card{padding:var(--sp-18)}.appearance-card .theme-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (width<=560px){.appearance-card .theme-gallery{grid-template-columns:1fr}}.page-panel{gap:var(--sp-16);margin-top:var(--sp-20);display:grid}.nutrition-onboarding{width:min(100% - 32px,560px);margin:var(--sp-40) auto;padding:var(--sp-24);gap:var(--sp-14);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);display:grid}.nutrition-onboarding h1{font-size:var(--font-size-h1);letter-spacing:-.01em;margin:0}.nutrition-onboarding-steps{gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.nutrition-onboarding-steps span{border-radius:var(--radius-pill);background:var(--line);height:4px;transition:flex var(--motion-fast) var(--ease-out-quint), background var(--motion-fast) linear}.nutrition-onboarding-steps span.is-active{background:var(--accent)}.nutrition-onboarding-fields{gap:var(--sp-12);display:grid}.nutrition-onboarding-summary{gap:var(--sp-8);padding:var(--sp-14);background:var(--surface-2);border-radius:var(--radius-md);display:grid}.nutrition-onboarding-actions{gap:var(--sp-10);margin-top:var(--sp-6);justify-content:space-between;display:flex}@media (width<=640px){.nutrition-onboarding{width:min(100% - 24px,560px);margin:var(--sp-16) auto;padding:var(--sp-18)}}.reports-head{justify-content:space-between;align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-10);display:flex}.admin-search{width:100%;margin-bottom:var(--sp-12);padding:var(--sp-10) var(--sp-14);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-label);border-radius:11px}.admin-table{border-collapse:collapse;width:100%;font-size:var(--font-size-label)}.admin-table th{padding:var(--sp-8) var(--sp-10);color:var(--muted);font-size:var(--font-size-micro-10);text-align:right;border-bottom:1px solid var(--line)}.admin-table td{padding:var(--sp-8) var(--sp-10);border-bottom:1px solid var(--line-soft)}.admin-table small{color:var(--muted);font-size:var(--font-size-micro-9);display:block}.kind-chip{font-size:var(--font-size-secondary);font-style:normal}.report-kind{color:var(--muted);font-family:var(--mono);margin-inline-start:6px;font-size:var(--font-size-micro-9)!important}.dest-dot{font-style:normal;font-size:var(--font-size-caption);margin-inline-end:4px}.dest-dot.sent{color:var(--success)}.dest-dot.pending{color:var(--warning)}.dest-dot.failed,.dest-dot.exhausted{color:var(--danger)}.retry-btn{padding:var(--sp-6) var(--sp-12);font-size:var(--font-size-micro-10);border-radius:9px}.announcement-row{align-items:center;gap:var(--sp-12);padding:var(--sp-12) 0;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-label);display:flex}.announcement-row code{color:var(--accent-bright);font-size:var(--font-size-caption)}.audit-list{gap:0;max-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.audit-list li{align-items:baseline;gap:var(--sp-12);padding:var(--sp-8) 0;border-bottom:1px solid var(--line-soft);font-size:var(--font-size-caption);display:flex}.audit-list li code{color:var(--accent-bright);font-size:var(--font-size-micro-10);flex-shrink:0;min-width:130px}.audit-list li span{color:var(--ink);flex:1}.audit-list li small{color:var(--muted);font-size:var(--font-size-micro-9);flex-shrink:0}.link-account-row{justify-content:space-between;align-items:center;gap:var(--sp-10);padding:var(--sp-12) var(--sp-14);margin-bottom:var(--sp-8);background:var(--surface-2);border:1px solid var(--line-soft);font-size:var(--font-size-label);color:var(--muted);border-radius:12px;display:flex}.link-account-row.connected{border-color:var(--accent-soft);color:var(--ink)}.link-email-form{grid-template-columns:1fr 1fr auto}@media (width<=640px){.link-email-form{grid-template-columns:1fr}}.motion-row{margin-top:var(--sp-12)}.sound-control-row{gap:var(--sp-8);margin-top:var(--sp-12);padding-top:var(--sp-12);border-top:1px solid var(--line-soft);flex-direction:column;align-items:flex-start;display:flex}.sound-control-row .settings-p{margin:0}.sound-control-row .btn.ghost{min-height:34px;padding:var(--sp-6) var(--sp-16);font-size:var(--font-size-label)}html.theme-switching body,html.theme-switching .os-shell,html.theme-switching .sidebar,html.theme-switching .os-topbar,html.theme-switching .settings-card,html.theme-switching .stat-chip,html.theme-switching .daily-progress-panel{transition:background .28s,color .28s,border-color .28s}@media (width>=901px) and (prefers-reduced-motion:no-preference){html.theme-switching:before{content:"";z-index:9999;pointer-events:none;background:radial-gradient(circle at 50% 45%, transparent 0 22%, color-mix(in srgb,var(--accent-bright) 34%,transparent) 23% 24%, transparent 25%);opacity:0;animation:.72s cubic-bezier(.2,.75,.25,1) forwards theme-landing-pulse;position:fixed;inset:0;transform:scale(.72)}html.theme-switching .os-shell{animation:.72s cubic-bezier(.2,.75,.25,1) theme-shell-settle}@keyframes theme-landing-pulse{0%{opacity:0;transform:scale(.72)}22%{opacity:.9}65%{opacity:.35}to{opacity:0;transform:scale(1.15)}}@keyframes theme-shell-settle{0%{filter:saturate(.75)brightness(1.06)}45%{filter:saturate(1.12)brightness(1.02)}to{filter:none}}}.empty-state.illustrated{justify-items:center;gap:var(--sp-8);padding:var(--sp-34) var(--sp-22);text-align:center;display:grid}.empty-state.illustrated.calm p{margin:0}.empty-state.illustrated b{color:var(--ink)}.group-tabs{margin-bottom:var(--sp-14)}.welcome-toolbar{gap:var(--sp-8);flex-wrap:wrap;display:flex}.welcome-editor{width:100%;padding:var(--sp-12) var(--sp-14);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font:inherit;font-size:var(--font-size-label);resize:vertical;border-radius:12px}.welcome-editor:focus{border-color:var(--accent-bright);outline:none}.welcome-preview{padding:var(--sp-12) var(--sp-16);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px dashed var(--line);font-size:var(--font-size-label);border-radius:12px;line-height:2}.welcome-preview small{margin-bottom:var(--sp-4);color:var(--muted);font-family:var(--mono);font-size:var(--font-size-micro);letter-spacing:1px;display:block}.recent-days-title{margin:var(--sp-16) 0 var(--sp-6);font-size:var(--font-size-label);color:var(--muted);display:block}.source-chip{color:var(--muted);font-size:var(--font-size-micro-9);background:var(--surface-2);border:1px solid var(--line-soft);padding:var(--sp-2) var(--sp-8);border-radius:99px}.telegram-invite-card{gap:var(--sp-8);margin:var(--sp-16) 0;padding:var(--sp-18);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface));box-shadow:var(--shadow-soft);display:grid}.telegram-invite-card b{font-size:var(--font-size-body-plus)}.telegram-invite-card p{color:var(--muted);line-height:1.8;font-size:var(--font-size-label);margin:0}.telegram-invite-card div{gap:var(--sp-8);flex-wrap:wrap;display:flex}.telegram-invite-card a,.telegram-invite-card button{align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-12);border-radius:var(--radius-pill);font:700 12px var(--font-sans);cursor:pointer;display:inline-flex}.telegram-invite-card a{color:var(--on-accent);background:var(--accent)}.telegram-invite-card button{color:var(--ink);background:var(--surface-2);border:1px solid var(--line)}.telegram-invite-card button:hover{border-color:var(--accent);color:var(--accent-bright)}.telegram-invite-card button:disabled{opacity:.6;cursor:wait}.activity-timeline{gap:var(--sp-12);margin-bottom:var(--sp-24);padding:var(--sp-18) var(--sp-20);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid}.activity-timeline-head{justify-content:space-between;align-items:center;gap:var(--sp-12);display:flex}.activity-timeline-head h2{margin:var(--sp-4) 0 0;font-size:var(--font-size-h2)}.activity-event-filters{gap:var(--sp-4);flex-wrap:wrap;display:flex}.activity-event-filters button{padding:var(--sp-6) var(--sp-10);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;font:600 11px var(--font-sans);border-radius:8px}.activity-event-filters button.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.activity-custom-range{align-items:flex-end;gap:var(--sp-12);margin-top:var(--sp-12);flex-wrap:wrap;display:flex}.activity-custom-range .date-field{min-width:180px}@media (width<=680px){.activity-custom-range{flex-direction:column;align-items:stretch}.activity-custom-range .date-field{min-width:0}}.activity-event-list{grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.activity-load-more{justify-self:start}.empty-state.compact{padding:var(--sp-20) var(--sp-12)}@media (width<=680px){.activity-timeline{padding:var(--sp-14)}.activity-timeline-head{flex-direction:column;align-items:flex-start}}.analytics-domain-panel{gap:var(--sp-16);padding:var(--sp-20);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid}.analytics-metrics{gap:var(--sp-10);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.analytics-metrics--pair{grid-template-columns:repeat(auto-fit,minmax(140px,240px))}.analytics-planned-actual{gap:var(--sp-10);display:grid}.analytics-note{gap:var(--sp-18);color:var(--muted);font-size:var(--font-size-label);padding:var(--sp-12);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;margin:0;line-height:1.8;display:flex}.habit-rate-list{gap:var(--sp-10);display:grid}@media (width<=680px){.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-metrics>:last-child:nth-child(odd){grid-column:1/-1}}.group-section-tabs{gap:var(--sp-4);margin:0 0 var(--sp-16);padding:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;overflow-x:auto}.group-section-tabs button{padding:var(--sp-8) var(--sp-12);color:var(--muted);cursor:pointer;font:600 11px var(--font-sans);background:0 0;border:0;border-radius:7px;flex:none}.group-section-tabs button.active{color:var(--on-accent);background:var(--accent)}.activity-feed{gap:var(--sp-14);display:grid}.activity-day-head{margin:0 0 var(--sp-6);color:var(--muted);font-size:var(--font-size-caption);font-weight:600}.activity-event-time{color:var(--muted);font-size:var(--font-size-micro-10);white-space:nowrap}.event-detail{gap:var(--sp-8);margin:0;display:grid}.event-detail div{justify-content:space-between;align-items:baseline;gap:var(--sp-12);padding-bottom:var(--sp-8);border-bottom:1px solid var(--line-soft);display:flex}.event-detail dt{color:var(--muted);font-size:var(--font-size-caption)}.event-detail dd{font-size:var(--font-size-label);text-align:end;margin:0}.empty-state .btn{margin-top:var(--sp-10)}.loading-screen--bridge{animation:loading-settle var(--motion-fast) var(--ease-standard) both}.loading-screen--bridge .loading-grid{animation:loading-settle var(--motion-normal) var(--ease-emphasized) both}@media (prefers-reduced-motion:reduce){.loading-screen--bridge,.loading-screen--bridge .loading-grid{animation:none}}[data-motion=reduced] .loading-screen--bridge,[data-motion=reduced] .loading-screen--bridge .loading-grid{animation:none}.auth-tagline{max-width:34ch;margin:var(--sp-18) 0 0;color:var(--muted);font-size:var(--font-size-secondary);line-height:1.9}@media (prefers-reduced-motion:reduce){.auth-slide-icon,.auth-glow{animation:none}}:root{--font-size-micro:.5rem;--font-size-micro-9:.5625rem;--font-size-micro-10:.625rem;--font-size-caption:.6875rem;--font-size-label:.75rem;--font-size-secondary:.8125rem;--font-size-body:.875rem;--font-size-body-plus:.9375rem;--font-size-h3:1rem;--font-size-h3-plus:1.0625rem;--font-size-h2:1.125rem;--font-size-h1-plus:1.1875rem;--font-size-h1:1.25rem;--font-size-metric-plus:1.3125rem;--font-size-metric:1.375rem;--font-size-display-minus:1.4375rem;--font-size-display:1.5rem;--font-size-display-plus:1.625rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.35;--line-height-base:1.55;--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-18:18px;--sp-20:20px;--sp-22:22px;--sp-24:24px;--sp-26:26px;--sp-28:28px;--sp-30:30px;--sp-32:32px;--sp-34:34px;--sp-36:36px;--sp-40:40px;--sp-42:42px;--sp-44:44px;--sp-48:48px;--sp-52:52px;--sp-54:54px;--sp-56:56px;--sp-58:58px;--sp-60:60px;--sp-72:72px;--sp-78:78px;--sp-88:88px;--sp-90:90px;--sp-102:102px;--heat-cell-size:13px;--focus-ring:var(--ring);color-scheme:var(--color-scheme,dark);scrollbar-color:var(--line) transparent;scrollbar-width:thin}html,body,#root{min-height:100%}body{overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-pill);background-clip:padding-box;border:2px solid #0000}button,input,select,textarea{color:inherit;font-family:var(--font-sans);font-size:inherit}button{min-height:40px;padding:var(--sp-8) var(--sp-12);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-control);transition:color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}button:hover{color:var(--ink);background:var(--surface-base);border-color:color-mix(in srgb, var(--accent) 42%, var(--line))}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.56;transform:none}input,select,textarea{width:100%;min-height:42px;padding:var(--sp-8) var(--sp-12);color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-control);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);outline:0}textarea{resize:vertical;min-height:104px}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 80%, transparent)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line))}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}input[type=checkbox],input[type=radio]{width:18px;min-height:18px;accent-color:var(--accent-bright);padding:0}input[type=range]{appearance:none;min-height:32px;accent-color:var(--accent-bright);box-shadow:none;cursor:pointer;background:0 0;border:0;padding:0}input[type=range]:focus{box-shadow:none;border:0}input[type=range]:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-pill);outline:none}input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--accent) 22%, var(--surface-raised));border:1px solid var(--line);border-radius:var(--radius-pill);height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-bright);border:2px solid var(--surface-base);border-radius:var(--radius-pill);width:17px;height:17px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent);margin-top:-7px}input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--accent) 22%, var(--surface-raised));border:1px solid var(--line);border-radius:var(--radius-pill);height:4px}input[type=range]::-moz-range-thumb{background:var(--accent-bright);border:2px solid var(--surface-base);border-radius:var(--radius-pill);width:13px;height:13px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}:where(button,input,select,textarea,a,[tabindex]):focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.card,.surface,.settings-card{background:var(--surface-base);border-color:var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-1)}.section-label{color:var(--muted);font:600 10px/1.2 var(--font-sans);letter-spacing:1.2px}.page-sub{max-width:640px;color:var(--muted);font-size:var(--font-size-label);line-height:1.8}.btn{box-shadow:none}.btn:hover{box-shadow:none;transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn.primary:hover{background:var(--accent-bright);border-color:var(--accent-bright)}.icon-btn{background:0 0;border-color:#0000}.icon-btn:hover{background:var(--surface-raised);border-color:var(--line)}.icon-btn.accent-btn{background:var(--accent);border-color:var(--accent)}.skeleton-view{gap:var(--space-4);display:grid}.skeleton-heading{gap:var(--sp-10);margin-block-end:4px;display:grid}.skeleton-stat-row{gap:var(--sp-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skeleton-stat,.skeleton-list>.skeleton{border:1px solid var(--line-soft)}.skeleton-stat{border-radius:var(--radius-card)!important}.skeleton-list{gap:var(--sp-8);display:grid}.empty-state,.error-state{background:var(--surface-base);border:1px solid var(--line);border-radius:var(--radius-lg)}.error-state__icon{color:var(--danger)}[data-theme=light],[data-theme=solarized],[data-theme=github-light],[data-theme=duolingo],[data-theme=minimal]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (view-transition-name:page-content){html.is-view-transitioning .os-content{view-transition-name:page-content}.view-enter,.page-view{animation:none}::view-transition-group(root){animation-duration:var(--motion-page)}::view-transition-group(page-content){animation-duration:var(--motion-page)}::view-transition-old(root){animation:view-fade-out var(--motion-fast) var(--ease-standard) both}::view-transition-old(page-content){animation:view-fade-out var(--motion-fast) var(--ease-standard) both}::view-transition-new(root){animation:view-fade-in var(--motion-page) var(--ease-standard) both}::view-transition-new(page-content){animation:view-fade-in var(--motion-page) var(--ease-standard) both}}@keyframes view-fade-out{to{opacity:0}}@keyframes view-fade-in{0%{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width<=560px){.skeleton-stat-row{grid-template-columns:1fr}.skeleton-stat{height:58px!important}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}::view-transition-group(*){animation-duration:1ms!important}::view-transition-old(*){animation-duration:1ms!important}::view-transition-new(*){animation-duration:1ms!important}}.zentra-interactive,.btn,.icon-btn,.switch,.segmented button,.number-stepper-button,.select-trigger,.select-option,.datefield-trigger,.datefield-grid button,.streakstrip-cell,.heat-cell{transition:transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}@media (hover:hover) and (pointer:fine){.zentra-interactive:hover:not(:disabled):not([aria-disabled=true]),.icon-btn:hover:not(:disabled),.select-trigger:hover:not(:disabled),.number-stepper-button:hover:not(:disabled){background-color:color-mix(in srgb, var(--ink) 7%, transparent)}}.zentra-interactive:active:not(:disabled):not([aria-disabled=true]),.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.switch:active:not([aria-disabled=true]),.switch.on:active,.segmented button:active,.number-stepper-button:active:not(:disabled),.select-trigger:active:not(:disabled),.select-option:active,.datefield-trigger:active:not(:disabled),.datefield-grid button:active:not(:disabled){transform:scale(.97)}.btn:focus-visible,.icon-btn:focus-visible,.switch:focus-visible,.segmented button:focus-visible,.number-stepper-button:focus-visible,.select-trigger:focus-visible,.select-option:focus-visible,.datefield-trigger:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.btn:disabled,.icon-btn:disabled,.number-stepper-button:disabled,.select-trigger:disabled,.datefield-trigger:disabled,[data-disabled]{opacity:.45;cursor:not-allowed}@media (pointer:coarse){.icon-btn:after,.number-stepper-button:after{content:"";width:44px;height:44px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.icon-btn,.number-stepper-button{position:relative}}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.switch i{transition:transform var(--motion-normal) var(--ease-spring), background-color var(--motion-fast) var(--ease-standard)}.switch:active:not([aria-disabled=true]) i{transform:scale(.9)}.switch.on:active:not([aria-disabled=true]) i{transform:translate(-18px)scale(.9)}.segmented button{cursor:pointer;position:relative}.segmented button[aria-selected=true]{transition:background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard)}.field-input,.number-stepper-input,.select-trigger,.datefield-trigger{transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard)}.zentra-section{margin-block-end:var(--sp-20)}.zentra-section-title{margin:0 0 var(--sp-6);padding-inline:var(--sp-4);color:var(--muted);font-size:var(--font-size-micro-10);letter-spacing:.04em;text-transform:uppercase}.zentra-group{background:var(--surface-base);border:1px solid var(--line-soft);border-radius:var(--radius-md);overflow:hidden}.zentra-row{align-items:center;gap:var(--sp-12);width:100%;min-height:48px;padding:var(--sp-10) var(--sp-12);color:var(--ink);text-align:start;border:0;border-block-end:1px solid var(--line-soft);cursor:pointer;background:0 0;display:flex}.zentra-row:last-child{border-block-end:0}.zentra-row-copy{gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex}.zentra-row-label{font-size:var(--font-size-label)}.zentra-row-desc{color:var(--muted);font-size:var(--font-size-micro-10)}.zentra-row-trailing{align-items:center;gap:var(--sp-6);color:var(--muted);flex:none;display:flex}.zentra-row-trailing svg{transform:scaleX(1)}[dir=rtl] .zentra-row-trailing svg{transform:scaleX(-1)}@keyframes zentra-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.zentra-enter{animation:zentra-enter var(--motion-page) var(--ease-emphasized) both}.theme-transition,.theme-transition *{transition:background-color .22s,color .18s,border-color .18s,box-shadow .22s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}[data-motion=reduced] .zentra-enter{animation:none}[data-motion=reduced] .chart-line{stroke-dashoffset:0;animation:none}[data-motion=reduced] .chart-dot{opacity:1;animation:none}.icon-picker{flex:none;position:relative}.icon-picker-trigger{width:44px;height:44px;color:var(--accent-bright);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);border-radius:12px;place-items:center;display:grid}.icon-picker-trigger:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateY(-1px)}.icon-picker-panel{top:calc(100% + 8px);z-index:40;background:var(--elevated);border:1px solid var(--line);width:320px;max-height:340px;box-shadow:var(--shadow-3);border-radius:16px;position:absolute;inset-inline-start:0;overflow:hidden}.icon-picker-header{padding:var(--sp-12) var(--sp-14) var(--sp-8);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;display:flex}.icon-picker-title{font-size:var(--font-size-caption);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.icon-picker-grid{gap:var(--sp-4);padding:var(--sp-10);grid-template-columns:repeat(8,1fr);max-height:280px;display:grid;overflow-y:auto}.icon-opt{width:34px;height:34px;color:var(--muted);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.icon-opt:hover{color:var(--ink);background:var(--surface-2);transform:translateY(-1px)}.icon-opt.active{color:var(--on-accent);background:linear-gradient(135deg,var(--accent-bright),var(--accent));box-shadow:0 4px 12px -4px var(--accent-glow)}.color-picker{gap:var(--sp-8);flex-wrap:wrap;display:flex}.color-opt{cursor:pointer;width:24px;height:24px;transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard);border:2px solid #0000;border-radius:50%}.color-opt:hover{transform:scale(1.15)}.color-opt.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent);transform:scale(1.1)}.number-stepper{min-height:44px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);grid-template-columns:38px minmax(44px,1fr) 38px;align-items:stretch;display:grid;overflow:hidden}.number-stepper:hover:not([data-disabled=true]){border-color:color-mix(in srgb, var(--accent) 30%, var(--line))}.number-stepper:focus-within{border-color:var(--accent);box-shadow:var(--ring);background:var(--surface)}.number-stepper[data-disabled=true]{opacity:.55}.number-stepper-button{color:var(--muted);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:0 0;border:0;place-items:center;padding:0;display:grid}.number-stepper-button:hover:not(:disabled){color:var(--accent-bright);background:color-mix(in srgb, var(--accent) 14%, transparent)}.number-stepper-button:active:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, transparent);transform:scale(.9)}.number-stepper-button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-3px}.number-stepper-button:disabled{color:var(--muted);opacity:.3;cursor:not-allowed}.number-stepper-field{justify-content:center;align-items:center;gap:var(--sp-4);min-width:0;padding:0 var(--sp-4);border-inline:1px solid var(--line-soft);display:flex}.number-stepper-input{width:100%;min-width:0;color:var(--ink);font:700 var(--font-size-body-plus) var(--font-num);text-align:center;background:0 0;border:0;outline:0;padding:0}.number-stepper-input::placeholder{color:var(--muted);opacity:.5;font-weight:500}.number-stepper-unit{color:var(--muted);font-size:var(--font-size-micro-10);flex:none}.number-stepper-input::-webkit-outer-spin-button{appearance:none;margin:0}.number-stepper-input::-webkit-inner-spin-button{appearance:none;margin:0}.number-stepper-input{appearance:textfield}@media (width<=560px){.number-stepper{grid-template-columns:48px minmax(52px,1fr) 48px;min-height:48px}.number-stepper-field{padding:0 var(--sp-6)}.number-stepper-input{font-size:var(--font-size-secondary)}}.habit-wizard-backdrop{z-index:1000;background:var(--scrim);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--sp-20);place-items:center;font-family:inherit;display:grid;position:fixed;inset:0}.habit-wizard{background:var(--surface);width:min(1180px,100%);max-height:min(860px,100dvh - 40px);color:var(--ink);border:1px solid var(--border);border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 90px #00000061}.habit-wizard-header,.habit-wizard-footer{padding:var(--sp-18) var(--sp-24);border-bottom:1px solid var(--border-subtle);flex:none;justify-content:space-between;align-items:center;display:flex}.habit-wizard-footer{border-top:1px solid var(--border-subtle);border-bottom:0}.habit-wizard-brand{align-items:center;gap:var(--sp-12);display:flex}.habit-wizard-brand>span{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-bright);border-radius:10px;place-items:center;display:grid}.habit-wizard-brand b,.habit-wizard-brand small{display:block}.habit-wizard-brand small{color:var(--muted);font-size:var(--font-size-caption);margin-top:var(--sp-4)}.habit-wizard-close{color:var(--muted);padding:var(--sp-8);cursor:pointer;background:0 0;border:0;border-radius:8px}.habit-wizard-close:hover{background:var(--surface-hover);color:var(--ink)}.habit-wizard-body{direction:ltr;grid-template-columns:190px minmax(0,1fr) 245px;min-height:0;display:grid;overflow:auto}.habit-wizard-rail,.habit-wizard-content,.habit-wizard-preview{direction:rtl}.habit-wizard-rail{padding:var(--sp-28) var(--sp-14);border-left:1px solid var(--border-subtle);background:var(--surface-overlay)}.habit-wizard-rail button{width:100%;color:var(--muted);gap:var(--sp-10);text-align:right;padding:var(--sp-12) var(--sp-10);cursor:pointer;background:0 0;border:0;border-radius:11px;display:flex}.habit-wizard-rail button b{font-size:var(--font-size-caption);color:var(--muted)}.habit-wizard-rail button strong,.habit-wizard-rail button small{display:block}.habit-wizard-rail button small{font-size:var(--font-size-caption);margin-top:var(--sp-4);color:var(--muted)}.habit-wizard-rail button.active{background:var(--accent-soft);color:var(--ink)}.habit-wizard-rail button.active b{color:var(--accent-bright)}.habit-wizard-rail button.active small{color:var(--muted)}.habit-wizard-rail-tip{gap:var(--sp-8);color:var(--muted);font-size:var(--font-size-caption);border-top:1px solid var(--surface-hover);margin-top:var(--sp-22);padding:var(--sp-18) var(--sp-8);line-height:1.7;display:flex}.habit-wizard-content{min-width:0;padding:34px clamp(22px,4vw,54px)}.wizard-step{max-width:620px;margin:auto}.wizard-step-heading{gap:var(--sp-14);margin-bottom:var(--sp-28);display:flex}.wizard-step-heading>span{background:var(--accent);width:31px;height:31px;color:var(--accent-bright);border-radius:9px;flex:0 0 31px;place-items:center;font-weight:800;display:grid}.wizard-step-heading h2{font-size:var(--font-size-metric);margin:0 0 var(--sp-8)}.wizard-step-heading p{color:var(--muted);font-size:var(--font-size-secondary);margin:0;line-height:1.8}.wizard-field{margin:var(--sp-18) 0;display:block}.wizard-field>span,.wizard-choice-label{font-size:var(--font-size-label);margin-bottom:var(--sp-8);color:var(--ink);justify-content:space-between;align-items:center;font-weight:700;display:flex}.wizard-field em{font-size:var(--font-size-micro-10);color:var(--muted);font-style:normal;font-weight:400}.wizard-field input,.wizard-field textarea,.wizard-inline-number input{box-sizing:border-box;background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--ink);padding:var(--sp-12) var(--sp-12);font:inherit;font-size:var(--font-size-secondary);border-radius:10px;outline:0}.wizard-field textarea{resize:vertical}.wizard-field input:focus,.wizard-field textarea:focus,.wizard-inline-number input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.wizard-panel{justify-content:space-between;align-items:center;gap:var(--sp-14);padding:var(--sp-16);border:1px solid var(--border);background:var(--surface-2);margin:var(--sp-22) 0;border-radius:13px;display:flex}.wizard-panel b,.wizard-panel small{display:block}.wizard-panel small{font-size:var(--font-size-caption);color:var(--muted);margin-top:var(--sp-4)}.wizard-visual-controls{align-items:center;gap:var(--sp-14);display:flex}.wizard-category-grid{gap:var(--sp-8);grid-template-columns:repeat(3,1fr);display:grid}.wizard-category-grid button{align-items:center;gap:var(--sp-8);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);padding:var(--sp-10) var(--sp-8);font:inherit;font-size:var(--font-size-caption);cursor:pointer;border-radius:9px;display:flex}.wizard-category-grid button.active{border-color:var(--wizard-category);color:var(--on-accent);background:color-mix(in srgb,var(--wizard-category) 14%,var(--surface-2))}.wizard-field.compact{margin-top:var(--sp-10)}.wizard-schedule-grid{gap:var(--sp-10);grid-template-columns:repeat(2,1fr);display:grid}.wizard-schedule-grid button,.wizard-difficulty button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);text-align:right;padding:var(--sp-14);cursor:pointer;font:inherit;border-radius:11px}.wizard-schedule-grid button.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-soft)}.wizard-schedule-grid strong,.wizard-schedule-grid small,.wizard-difficulty strong,.wizard-difficulty small{display:block}.wizard-schedule-grid small,.wizard-difficulty small{color:var(--muted);font-size:var(--font-size-caption);margin-top:var(--sp-4)}.wizard-weekdays{gap:var(--sp-8);margin:var(--sp-20) 0;grid-template-columns:repeat(7,1fr);display:grid}.wizard-weekdays button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);padding:var(--sp-10) var(--sp-4);cursor:pointer;border-radius:10px}.wizard-weekdays button b,.wizard-weekdays button span{display:block}.wizard-weekdays button span{font-size:var(--font-size-micro-10);margin-top:var(--sp-4)}.wizard-weekdays button.selected{border-color:var(--day-color);background:color-mix(in srgb,var(--day-color) 17%,var(--surface-2));color:var(--on-accent)}.wizard-inline-number{justify-content:space-between;align-items:center;gap:var(--sp-16);margin:var(--sp-18) 0;color:var(--ink);font-size:var(--font-size-label);display:flex}.wizard-inline-number input{width:90px}.wizard-schedule-insights{gap:var(--sp-8);margin-top:var(--sp-24);padding:var(--sp-14);background:var(--surface-2);border-radius:12px;display:grid}.wizard-schedule-insights div{align-items:center;gap:var(--sp-8);font-size:var(--font-size-label);color:var(--ink);display:flex}.wizard-schedule-insights svg{color:var(--accent-bright)}.wizard-choice-label{display:block}.wizard-difficulty{gap:var(--sp-8);margin-bottom:var(--sp-22);grid-template-columns:repeat(3,1fr);display:grid}.wizard-difficulty button.active.easy{border-color:var(--success);background:var(--success-soft)}.wizard-difficulty button.active.medium{border-color:var(--warning);background:var(--warning-soft)}.wizard-difficulty button.active.hard{border-color:var(--danger);background:var(--danger-soft)}.wizard-advanced-toggle{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);padding:var(--sp-14);font:inherit;cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;display:flex}.wizard-advanced-toggle span{gap:var(--sp-8);align-items:center;display:flex}.wizard-advanced-toggle svg.rotated{transform:rotate(180deg)}.wizard-advanced-list{background:var(--line);border:1px solid var(--line);margin-top:var(--sp-10);border-radius:11px;gap:1px;display:grid;overflow:hidden}.wizard-advanced-list label{background:var(--surface-2);padding:var(--sp-12);font-size:var(--font-size-label);justify-content:space-between;align-items:center;display:flex}.wizard-advanced-list input[type=range]{accent-color:var(--accent);width:120px}.wizard-advanced-list input[type=checkbox]{accent-color:var(--accent)}.wizard-final-note{gap:var(--sp-10);margin-top:var(--sp-30);padding:var(--sp-16);border:1px solid color-mix(in srgb, var(--success) 25%, transparent);background:var(--success-soft);color:var(--success);border-radius:11px;align-items:flex-start;display:flex}.wizard-final-note strong,.wizard-final-note span{display:block}.wizard-final-note span{font-size:var(--font-size-caption);color:var(--muted);margin-top:var(--sp-4)}.habit-wizard-preview{padding:var(--sp-28) var(--sp-18);background:var(--surface-overlay);border-right:1px solid var(--border-subtle)}.preview-label{font-size:var(--font-size-micro-10);letter-spacing:.14em;color:var(--muted);margin-bottom:var(--sp-12)}.preview-card{border-top:3px solid var(--wizard-preview);background:var(--surface-2);border:1px solid var(--line);border-top-color:var(--wizard-preview);padding:var(--sp-16);border-radius:13px}.preview-icon{background:color-mix(in srgb,var(--wizard-preview) 18%,var(--surface-2));width:45px;height:45px;color:var(--wizard-preview);margin-bottom:var(--sp-16);border-radius:12px;place-items:center;display:grid}.preview-card-copy strong,.preview-card-copy span{display:block}.preview-card-copy strong{font-size:var(--font-size-body-plus)}.preview-card-copy span{font-size:var(--font-size-caption);color:var(--muted);margin-top:var(--sp-4);min-height:16px}.preview-rule{background:var(--line);height:1px;margin:var(--sp-18) 0}.preview-detail{margin:var(--sp-10) 0;font-size:var(--font-size-caption);justify-content:space-between;display:flex}.preview-detail span{color:var(--muted)}.preview-detail b{color:var(--ink);font-weight:600}.preview-check{align-items:center;gap:var(--sp-8);color:var(--success);font-size:var(--font-size-caption);margin-top:var(--sp-18);display:flex}.preview-check-box{background:var(--success);border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.preview-tip{gap:var(--sp-8);color:var(--muted);font-size:var(--font-size-caption);margin-top:var(--sp-16);line-height:1.7;display:flex}.habit-wizard-error{color:var(--danger);background:var(--danger-soft);border-top:1px solid color-mix(in srgb, var(--danger) 25%, transparent);padding:var(--sp-10) var(--sp-24);font-size:var(--font-size-label)}.wizard-secondary,.wizard-primary{padding:var(--sp-10) var(--sp-16);font:inherit;font-size:var(--font-size-label);cursor:pointer;align-items:center;gap:var(--sp-8);border:0;border-radius:9px;display:flex}.wizard-secondary{color:var(--muted);background:0 0}.wizard-primary{color:var(--on-accent);background:var(--accent-bright);font-weight:800}.wizard-primary:disabled{opacity:.45;cursor:not-allowed}.wizard-progress{font-size:var(--font-size-caption);color:var(--muted)}@media (width<=900px){.habit-wizard-body{grid-template-columns:1fr}.habit-wizard-rail{padding:var(--sp-10);border-left:0;border-bottom:1px solid var(--border-subtle);display:flex;overflow-x:auto}.habit-wizard-rail button{min-width:130px}.habit-wizard-rail-tip,.habit-wizard-preview{display:none}.habit-wizard-content{padding:var(--sp-24) var(--sp-18)}.habit-wizard{border-radius:18px;max-height:calc(100dvh - 20px)}.habit-wizard-header,.habit-wizard-footer{padding:var(--sp-14) var(--sp-16)}}@media (width<=520px){.wizard-category-grid{grid-template-columns:repeat(2,1fr)}.wizard-weekdays{gap:var(--sp-4)}.wizard-weekdays button{padding:var(--sp-8) 1px}.wizard-weekdays button span{font-size:var(--font-size-micro-9)}.wizard-difficulty{grid-template-columns:1fr}.wizard-panel{flex-direction:column;align-items:flex-start}.wizard-visual-controls{justify-content:space-between;width:100%}.habit-wizard-footer{background:var(--surface);position:sticky;bottom:0}.wizard-step-heading h2{font-size:var(--font-size-h1-plus)}}@media (prefers-reduced-motion:reduce){.habit-wizard *{scroll-behavior:auto!important;transition:none!important}}.test-login-form{gap:var(--sp-8);text-align:right;width:min(100%,360px);display:grid}.test-login-form label{color:var(--muted);font-size:var(--font-size-label)}.test-login-form input{width:100%;padding:var(--sp-12) var(--sp-14);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);outline:0}.test-login-form button{justify-content:center;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-16);color:var(--ink);background:var(--red);display:flex}.test-login-form button:disabled{cursor:not-allowed;opacity:.5}.logout-button{margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-8);color:var(--muted);font-size:var(--font-size-micro-10);background:0 0}.logout-button:hover{color:var(--ink)}.auth-screen{align-content:center;place-items:center;gap:var(--sp-18);min-height:100vh;padding:var(--sp-32);text-align:center;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--danger) 18%,transparent) 0,transparent 36%),var(--bg);display:grid}.auth-screen h1{margin:0;font-size:clamp(34px,7vw,62px);line-height:1.15}.auth-screen h1 em{color:var(--red-bright);font-style:normal}.auth-screen p{max-width:420px;color:var(--muted);margin:0;line-height:1.9}.auth-screen small{color:var(--muted);font-size:var(--font-size-caption)}.auth-orbit{width:72px;height:72px;color:var(--ink);border:1px solid var(--red);box-shadow:0 0 42px var(--accent-glow);border-radius:50%;place-items:center;display:grid}.telegram-widget{min-height:46px;margin-top:var(--sp-10)}.auth-error{padding:var(--sp-10) var(--sp-14);color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:6px}:root{--mono:"DM Mono",monospace;--sans:"Estedad",Tahoma,sans-serif}.app-shell{width:min(100%,760px);min-height:100vh;padding-bottom:var(--sp-102);color:var(--ink);background:radial-gradient(ellipse at 100% -10%,color-mix(in srgb,var(--accent-bright) 13%,transparent) 0,transparent 33%),radial-gradient(ellipse at -20% 55%,color-mix(in srgb,var(--accent) 8%,transparent) 0,transparent 40%),var(--bg);margin:auto;position:relative;overflow:hidden}.app-shell:before{z-index:0;pointer-events:none;opacity:.035;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar,.content,.error-banner{z-index:1;position:relative}.topbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:25px clamp(20px,6vw,52px) 21px;display:flex}.brand{align-items:center;gap:var(--sp-12);display:flex}.brand-wordmark{color:var(--ink);font:500 13px/1.05 var(--mono);letter-spacing:1px;flex-direction:column;display:flex}.brand-rule{background:var(--red);width:1px;height:29px}.brand-meta{gap:var(--sp-4);color:var(--muted);font-size:var(--font-size-micro-10);flex-direction:column;display:flex}.brand-meta small,.header-date span,.section-label,.day-index,.month-label{font:500 9px var(--mono);letter-spacing:1px}.header-date{align-items:flex-start;gap:var(--sp-4);color:var(--muted);font-size:var(--font-size-micro-10);flex-direction:column;display:flex}.header-date b{color:var(--ink);font:400 12px var(--mono);direction:ltr}.header-date span{color:var(--red-bright);font-size:var(--font-size-micro)}.content{padding:42px clamp(20px,6vw,52px) 25px}.page-intro,.page-title{margin-bottom:var(--sp-36);justify-content:space-between;align-items:flex-start;display:flex}.section-label{color:var(--muted);font-size:var(--font-size-micro-9);display:block}.page-intro h1,.page-title h1{margin:var(--sp-12) 0 0;color:var(--ink);letter-spacing:-1px;font-size:clamp(29px,8vw,44px);font-weight:500;line-height:1.25}.page-intro h1 em,.page-title h1 em{color:var(--red-bright);font-style:normal}.day-index{padding-top:var(--sp-8);color:var(--muted);text-align:left;line-height:1.5}.day-index b{color:var(--ink);font-size:var(--font-size-h3)}.control-panel{min-height:220px;margin-bottom:var(--sp-44);padding:var(--sp-28) var(--sp-24);border:1px solid var(--line);background:linear-gradient(135deg,#19181b,#0f0f11 70%);position:relative;overflow:hidden}.control-panel:after{opacity:.38;content:"";border:1px solid #6b2c33;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-50px;right:-26px}.control-copy{z-index:1;position:relative}.progress-figure{align-items:baseline;gap:var(--sp-10);margin:var(--sp-16) 0 var(--sp-2);display:flex}.progress-figure span{font:400 clamp(54px,14vw,78px)/.95 var(--mono);letter-spacing:-5px}.progress-figure small{color:var(--muted);font-size:var(--font-size-caption)}.control-copy p{margin:var(--sp-6) 0;color:var(--muted);font-size:var(--font-size-caption)}.control-stamp{z-index:1;align-items:center;gap:var(--sp-8);color:var(--muted);opacity:.8;display:flex;position:absolute;bottom:28px;right:25px}.control-stamp span{color:var(--red);font:500 18px var(--mono)}.control-stamp small{font:8px var(--mono);letter-spacing:1px}.section-head{margin-bottom:var(--sp-16);justify-content:space-between;align-items:end;display:flex}.section-head h2{margin:var(--sp-8) 0 0;font-size:var(--font-size-h1);font-weight:500}.counter{color:var(--red-bright);font:12px var(--mono);direction:ltr}.habit-list{border-top:1px solid var(--line)}.habit-row{width:100%;min-height:77px;padding:var(--sp-12) var(--sp-2);border-bottom:1px solid var(--line);color:var(--ink);text-align:right;background:0 0;align-items:center;transition:background .2s,transform .2s;display:flex}.habit-row:hover,.habit-row:focus-visible{background:#1a1518;outline:none}.habit-row:active{transform:scale(.985)}.habit-number{width:42px;color:var(--muted);font:11px var(--mono)}.habit-copy{gap:var(--sp-4);flex-direction:column;flex:1;display:flex}.habit-copy b{font-size:var(--font-size-body-plus);font-weight:500}.habit-copy small{color:var(--muted);font-size:var(--font-size-micro-10)}.habit-state{width:28px;height:28px;color:var(--red-bright);border:1px solid #514044;border-radius:50%;place-items:center;display:grid}.habit-state>span{border:1px solid var(--muted);border-radius:50%;width:6px;height:6px}.habit-row.done .habit-state{border-color:var(--red);background:var(--red-soft)}.habit-row.done .habit-copy b{-webkit-text-decoration:line-through #87343b;text-decoration:line-through #87343b}.habit-row.done .habit-copy small{color:#a15e63}.spin{animation:.8s linear infinite spin}.add-button{align-items:center;gap:var(--sp-10);width:100%;margin-top:var(--sp-18);padding:var(--sp-16) var(--sp-4);border:0;border-top:1px solid var(--line);color:var(--red-bright);font-size:var(--font-size-label);text-align:right;background:0 0;display:flex}.add-button small{color:var(--muted);font:9px var(--mono);margin-right:auto}.page-title{margin-bottom:var(--sp-32);align-items:end}.page-title h1{font-size:34px}.month-label{padding-bottom:var(--sp-4);color:var(--muted)}.month-arrows{gap:var(--sp-8);direction:ltr;display:flex}.month-arrows button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:var(--surface);place-items:center;transition:border-color .2s;display:grid}.month-arrows button:hover{border-color:var(--red)}.calendar-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--sp-18) 0}.week-labels,.calendar-grid{gap:var(--sp-4);grid-template-columns:repeat(7,1fr);display:grid}.week-labels{margin-bottom:var(--sp-10);color:var(--muted);font:10px var(--mono);text-align:center}.calendar-grid button{aspect-ratio:1;color:var(--muted);font:11px var(--mono);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.calendar-grid button:hover{border-color:var(--line)}.calendar-grid button.today{color:var(--red-bright)}.calendar-grid button.today:before{background:var(--red);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:5px;right:5px}.calendar-grid button.selected{border-color:var(--red);color:var(--ink);background:#25171a}.calendar-grid button i{background:var(--red);height:2px;position:absolute;bottom:6px;left:8px;right:8px}.calendar-detail{gap:var(--sp-8);margin-top:var(--sp-24);padding-right:var(--sp-12);border-right:2px solid var(--red);flex-direction:column;display:flex}.calendar-detail b{font:14px var(--mono);text-align:right;direction:ltr}.calendar-detail p{color:var(--muted);font-size:var(--font-size-caption);margin:0}.stats-hero{min-height:190px;margin-bottom:var(--sp-42);padding:var(--sp-24);border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.stats-hero strong{margin-top:var(--sp-16);font:400 62px/.9 var(--mono);display:block}.stats-hero strong small{font-size:var(--font-size-display-minus);color:var(--red-bright)}.stats-hero p{margin:var(--sp-10) 0 0;color:var(--muted);font-size:var(--font-size-micro-10)}.stats-orbit{border:1px solid var(--line);width:115px;height:115px;color:var(--red-bright);font:12px var(--mono);border-radius:50%;place-items:center;display:grid;position:relative}.stats-orbit:before{content:"";border:1px dashed #593036;border-radius:50%;position:absolute;inset:9px}.stats-orbit i{background:var(--red);width:2px;position:absolute;bottom:17px;left:22px}.progress-list{border-top:1px solid var(--line)}.progress-item{padding:var(--sp-16) 0;border-bottom:1px solid var(--line)}.progress-item>div:first-child{align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-12);display:flex}.progress-item>div:first-child>span{color:var(--muted);font:10px var(--mono)}.progress-item b{font-size:var(--font-size-secondary);flex:1;font-weight:500}.progress-item strong{color:var(--red-bright);font:11px var(--mono)}.note-editor{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.note-editor-head{padding:var(--sp-16) 0;color:var(--muted);font:9px var(--mono);direction:ltr;justify-content:space-between;display:flex}.note-editor-head span{align-items:center;gap:var(--sp-6);display:flex}.note-editor textarea{width:100%;min-height:190px;padding:var(--sp-20) 0;border:0;border-top:1px solid var(--line-soft);resize:vertical;color:var(--ink);font-size:var(--font-size-body);background:0 0;outline:none;line-height:2}.note-editor textarea::placeholder{color:#555257}.note-editor button{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-16);padding:var(--sp-12) var(--sp-16);border:1px solid var(--red);color:var(--ink);font-size:var(--font-size-caption);background:var(--red-soft);transition:background .2s;display:flex}.note-editor button:hover{background:var(--red)}.date-strip{gap:var(--sp-8);margin-bottom:var(--sp-28);padding-bottom:var(--sp-8);scrollbar-width:none;display:flex;overflow-x:auto}.date-strip::-webkit-scrollbar{display:none}.date-strip button{align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-4);border:1px solid var(--line);color:var(--muted);background:var(--surface);font-size:var(--font-size-micro-10);flex-direction:column;flex:0 0 43px;display:flex}.date-strip button b{font:12px var(--mono)}.date-strip button.selected{border-color:var(--red);color:var(--ink);background:var(--red-soft)}.saved-notes{margin-top:var(--sp-28)}.saved-notes button{align-items:flex-start;gap:var(--sp-12);width:100%;padding:var(--sp-14) 0;border:0;border-bottom:1px solid var(--line);color:var(--muted);text-align:right;background:0 0;display:flex}.saved-notes button div{flex:1}.saved-notes b{color:var(--ink);font:11px var(--mono);text-align:right;direction:ltr;display:block}.saved-notes p{margin:var(--sp-6) 0 0;color:var(--muted);font-size:var(--font-size-caption);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bottom-nav{inset-inline:0;width:min(100%,760px);height:78px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#0b0b0df0;margin:0 auto;display:flex;position:fixed;bottom:0}.bottom-nav button{justify-content:center;align-items:center;gap:var(--sp-8);color:var(--muted);font-size:var(--font-size-micro-10);background:0 0;flex-direction:column;flex:1;display:flex;position:relative}.bottom-nav button:before{content:"";background:0 0;width:20px;height:1px;position:absolute;top:-1px}.bottom-nav button.active{color:var(--ink)}.bottom-nav button.active:before{background:var(--red-bright)}.bottom-nav button.active svg{color:var(--red-bright)}.error-banner{width:calc(100% - 40px);padding:var(--sp-12) var(--sp-12);color:#e9c4c4;text-align:right;font-size:var(--font-size-caption);background:#29171a;border:1px solid #6d3037;justify-content:space-between;align-items:center;margin:15px auto -15px;display:flex}.modal-mark{width:35px;height:35px;margin-bottom:var(--sp-22);border:1px solid var(--red);color:var(--red-bright);place-items:center;display:grid}.loading-screen{z-index:200;align-content:center;place-items:center;gap:var(--sp-22);min-height:100vh;color:var(--muted);background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--accent) 10%,transparent) 0,transparent 55%),var(--bg);font-size:var(--font-size-label);text-align:center;animation:boot-fade .4s var(--ease-standard) both;display:grid;position:fixed;inset:0}.loading-stage{place-items:center;gap:var(--sp-16);display:grid;position:relative}.loading-aura{background:radial-gradient(circle,var(--accent-glow),transparent 62%);opacity:0;filter:blur(8px);width:200px;height:200px;animation:aura-breathe 3.4s var(--ease-standard) infinite;border-radius:50%;position:absolute}.loading-logo{padding:var(--sp-14);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,#fff 6%),var(--surface));border:1px solid var(--line);box-shadow:0 30px 70px -30px var(--accent-glow),inset 0 1px 0 #ffffff14;animation:logo-enter .9s var(--ease-emphasized) both;border-radius:30px;place-items:center;display:grid;position:relative}.loading-logo .brand-logo{object-fit:contain;width:92px;height:92px;filter:drop-shadow(0 8px 18px var(--accent-glow));animation:logo-focus 1.1s var(--ease-emphasized) both;display:block}.loading-word{font:600 20px/1 var(--font-display);letter-spacing:.5px;color:var(--ink);opacity:0;animation:logo-rise .7s var(--ease-standard) .25s both;gap:1px;display:flex}.loading-word .accent{color:var(--accent-bright)}.loading-label{opacity:0;animation:logo-rise .6s var(--ease-standard) .45s both}.loading-track{background:color-mix(in srgb,var(--muted) 22%,transparent);opacity:0;width:160px;height:3px;animation:logo-rise .6s var(--ease-standard) .55s both;border-radius:999px;position:relative;overflow:hidden}.loading-progress{background:linear-gradient(90deg,var(--accent),var(--accent-bright));width:40%;animation:boot-load 1.4s var(--ease-standard) infinite;border-radius:999px;position:absolute;inset:0}@keyframes boot-fade{0%{opacity:0}to{opacity:1}}@keyframes logo-enter{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes logo-focus{0%{opacity:0;filter:blur(6px) drop-shadow(0 8px 18px var(--accent-glow));transform:scale(.96)}to{opacity:1;filter:blur(0) drop-shadow(0 8px 18px var(--accent-glow));transform:scale(1)}}@keyframes logo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes boot-load{0%{transform:translate(-120%)}to{transform:translate(360%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){.app-shell{border-right:1px solid var(--line-soft);border-left:1px solid var(--line-soft)}.content{padding-top:var(--sp-58)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.report-modal .report-kinds{gap:var(--sp-8);margin:var(--sp-4) 0 var(--sp-14);flex-wrap:wrap;display:flex}.report-modal .report-kinds button{padding:var(--sp-8) var(--sp-12);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-label);cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard);border-radius:999px}.report-modal .report-kinds button:hover{color:var(--ink);transform:translateY(-1px)}.report-modal .report-kinds button.active{color:var(--on-accent);background:linear-gradient(180deg,var(--accent-bright),var(--accent));border-color:#0000}.report-modal .report-destination{align-items:center;gap:var(--sp-8);margin-top:var(--sp-12);color:var(--muted);font-size:var(--font-size-caption);flex-wrap:wrap;display:flex}.report-modal .report-destination button{padding:var(--sp-8) var(--sp-12);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);font-size:var(--font-size-caption);cursor:pointer;border-radius:999px}.report-modal .report-destination button.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.report-modal textarea{width:100%;padding:var(--sp-12) var(--sp-14);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);font:500 13px var(--font-sans);resize:vertical;border-radius:12px;line-height:1.8}.report-modal .btn3d{margin-top:var(--sp-14);width:100%}.report-result{gap:var(--sp-12);padding:var(--sp-16);margin-top:var(--sp-10);animation:logo-rise .35s var(--ease-standard) both;border-radius:14px;align-items:flex-start;display:flex}.report-result.ok{background:color-mix(in srgb,var(--success) 14%,transparent);border:1px solid color-mix(in srgb,var(--success) 40%,transparent)}.report-result.err{background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.report-result svg{margin-top:var(--sp-2);flex:none}.report-result b{font-size:var(--font-size-secondary);display:block}.report-result p{margin:var(--sp-4) 0 0;color:var(--muted);font-size:var(--font-size-label);line-height:1.7}.report-result small{margin-top:var(--sp-4);color:var(--muted);font-size:var(--font-size-caption);display:block}.daily-report-preview{max-height:55vh;margin:var(--sp-18) 0;padding:var(--sp-16);white-space:pre-wrap;text-align:start;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);font:500 13px/1.9 var(--font-sans);direction:rtl;overflow:auto}.report-actions{gap:var(--sp-10);flex-wrap:wrap;display:flex}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.level-card{align-items:center;gap:var(--sp-22);padding:var(--sp-20);background:linear-gradient(135deg,var(--surface) 0,var(--surface-2) 100%);border:1px solid var(--line);display:flex}.xp-ring-wrap{flex-shrink:0;place-items:center;display:grid;position:relative}.xp-ring-bg{fill:none;stroke:var(--line);stroke-width:9px}.xp-ring-fg{fill:none;stroke:var(--red-bright);stroke-width:9px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .8s;transform:rotate(-90deg)}.xp-ring-center{text-align:center;place-items:center;gap:1px;display:grid;position:absolute}.xp-ring-center b{font-size:var(--font-size-h3-plus)}.xp-ring-center small{color:var(--muted);font-size:var(--font-size-micro-10)}.xp-emoji{font-size:var(--font-size-h1-plus)}.level-meta{gap:var(--sp-8);flex:1;min-width:0;display:grid}.level-meta b{font-size:var(--font-size-metric-plus)}.level-meta p{color:var(--muted);font-size:var(--font-size-label);margin:0;line-height:1.7}.stat-tiles{margin-top:var(--sp-14);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.stat-tile{gap:var(--sp-4);padding:var(--sp-14) var(--sp-12);color:var(--text-primary);border-inline-start:1px solid var(--line-soft);display:grid;position:relative}.stat-tile:first-child{border-inline-start:0}.stat-tile svg{color:var(--red-bright)}.stat-tile b{font-size:var(--font-size-display-minus);line-height:1}.stat-tile b.stat-tile__value .stat-empty{font-size:var(--font-size-caption);line-height:1.4;display:block}.stat-tile small{color:var(--muted);font-size:var(--font-size-caption)}.stat-tile span{color:var(--muted);opacity:.75;font-size:var(--font-size-micro-10)}@media (width<=900px){.stat-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-tile:nth-child(3n+1){border-inline-start:0}.stat-tile:nth-child(n+4){border-top:1px solid var(--line-soft)}}.heatmap{gap:var(--sp-4);width:max-content;padding:var(--sp-8);display:flex}.heatmap-col{grid-template-rows:repeat(7,var(--heat-cell-size));gap:var(--sp-4);display:grid}.heatmap-scroll{width:max-content;max-width:100%}@media (width<=560px){:root{--heat-cell-size:10px}.heatmap{gap:var(--sp-2);padding:var(--sp-6)}.heatmap-col{gap:var(--sp-2)}}.achievement-grid{gap:var(--sp-10);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));display:grid}.achievement-card{gap:var(--sp-4);padding:var(--sp-14);background:var(--surface);border:1px dashed var(--line);opacity:.55;justify-items:start;transition:opacity .25s,transform .25s;display:grid;position:relative}.achievement-card.unlocked{opacity:1;border-style:solid;border-color:var(--red-soft);background:linear-gradient(160deg,var(--surface) 60%,color-mix(in srgb,var(--accent) 12%,var(--surface)) 100%)}.achievement-card:hover{transform:translateY(-2px)}.ach-emoji{font-size:var(--font-size-metric)}.achievement-card b{font-size:var(--font-size-secondary)}.achievement-card small{color:var(--muted);font-size:var(--font-size-micro-10);line-height:1.6}.ach-check{width:16px;height:16px;color:var(--on-accent);background:var(--accent-bright);font-size:var(--font-size-micro-10);border-radius:50%;place-items:center;font-style:normal;font-weight:700;display:grid;position:absolute;top:9px;left:9px}.group-tabs{gap:var(--sp-8);margin-bottom:var(--sp-12);padding-bottom:var(--sp-4);display:flex;overflow-x:auto}.group-tab{align-items:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-14);color:var(--muted);background:var(--surface);border:1px solid var(--line);font-size:var(--font-size-label);white-space:nowrap;display:inline-flex}.group-tab.active{color:var(--ink);border-color:var(--red-bright)}.group-status{justify-content:space-between;align-items:center;gap:var(--sp-14);padding:var(--sp-16);margin-bottom:var(--sp-12);background:var(--surface);border:1px solid var(--line);border-right:3px solid var(--red);display:flex}.group-status.done{border-right-color:var(--success)}.gs-main{gap:var(--sp-4);display:grid}.gs-main b{font-size:var(--font-size-body-plus)}.gs-main p{color:var(--muted);font-size:var(--font-size-caption);margin:0}.gs-desc{color:var(--muted);font-size:var(--font-size-caption);line-height:1.6;display:block}.group-admin-form{gap:var(--sp-8);margin-top:var(--sp-8);display:grid}.gs-count{font-family:var(--mono);font-size:var(--font-size-display-plus);color:var(--red-bright)}.participation-list{gap:var(--sp-8);padding:var(--sp-14);margin-bottom:var(--sp-14);background:var(--surface);border:1px solid var(--line-soft);display:grid}.participation-row{padding:var(--sp-8) var(--sp-10);font-size:var(--font-size-label);background:var(--surface-2);border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.participation-row.me{border-color:var(--red-soft)}.participation-row span{font-size:var(--font-size-caption);color:var(--muted)}.leaderboard{gap:var(--sp-8);display:grid}.lb-podium{justify-content:center;align-items:flex-end;gap:var(--sp-8);margin:var(--sp-4) 0 var(--sp-20);padding:var(--sp-20) var(--sp-6) 0;display:flex}.lb-podium__col{justify-items:center;gap:var(--sp-8);max-width:140px;padding-top:var(--sp-10);flex:1;display:grid}.lb-podium__col--1{order:2;padding-top:0}.lb-podium__col--2{order:1}.lb-podium__col--3{order:3}.lb-podium__crown{color:var(--red-bright);display:inline-flex}.lb-podium__name{font-size:var(--font-size-label);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:600;overflow:hidden}.lb-podium__xp{font-family:var(--mono);font-size:var(--font-size-caption);color:var(--muted)}.lb-list{gap:var(--sp-8);display:grid}.lb-row{align-items:center;gap:var(--sp-10);padding:var(--sp-10) var(--sp-12);background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;grid-template-columns:30px 42px minmax(0,1fr) auto auto auto;transition:border-color .18s,transform .18s;display:grid}.lb-row:hover{border-color:var(--line);transform:translateY(-1px)}.lb-row--me{border-color:var(--accent-bright);background:color-mix(in srgb,var(--accent-bright) 11%,var(--surface))}.lb-rank{width:26px;height:26px;font:600 12px var(--mono);color:var(--muted);background:var(--bg);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.lb-rank--1{color:var(--rank-1-ink);background:var(--rank-1-bg)}.lb-rank--2{color:var(--rank-2-ink);background:var(--rank-2-bg)}.lb-rank--3{color:var(--rank-3-ink);background:var(--rank-3-bg)}.lb-id{gap:1px;min-width:0;display:grid}.lb-id b{font-size:var(--font-size-secondary);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lb-id small{font-size:var(--font-size-caption);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-badge{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8);font-size:var(--font-size-caption);color:var(--accent);background:color-mix(in srgb,var(--accent-bright) 12%,transparent);border-radius:999px;display:inline-flex}.lb-xp{align-items:center;gap:var(--sp-4);color:var(--ink);font-family:var(--mono);font-size:var(--font-size-label);font-weight:600;display:inline-flex}.lb-streak{align-items:center;gap:var(--sp-4);color:var(--red-bright);font-family:var(--mono);font-size:var(--font-size-label);display:inline-flex}.groups-empty{justify-items:center;gap:var(--sp-8);padding:var(--sp-52) var(--sp-24);text-align:center;color:var(--muted);display:grid}.groups-empty b{color:var(--ink);font-size:var(--font-size-body-plus)}.groups-empty p{max-width:340px;font-size:var(--font-size-label);margin:0;line-height:2}@media (width<=520px){.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-tile:nth-child(odd){border-inline-start:0}.stat-tile:nth-child(n+3){border-top:1px solid var(--line-soft)}.level-card{flex-direction:row}.lb-row{grid-template-columns:24px 34px minmax(0,1fr) auto auto}}.stat-tile.freeze-tile{border-right-color:var(--info)}.stat-tile.freeze-tile svg{color:var(--info)}.challenge-card{gap:var(--sp-8);padding:var(--sp-16);margin-top:var(--sp-14);background:var(--surface);border:1px solid var(--line);border-right:3px solid var(--red);display:grid}.challenge-card.done{border-right-color:var(--success);background:linear-gradient(150deg,var(--surface) 70%,color-mix(in srgb,var(--success) 10%,var(--surface)) 100%)}.challenge-head{justify-content:space-between;align-items:center;display:flex}.challenge-done{color:var(--success);font-size:var(--font-size-caption);font-style:normal;font-weight:700}.challenge-card b{font-size:var(--font-size-body)}.challenge-card p{color:var(--muted);font-size:var(--font-size-caption);margin:0;line-height:1.8}.challenge-card small{color:var(--muted);font-family:var(--mono);font-size:var(--font-size-caption)}.season-card{gap:var(--sp-8);padding:var(--sp-16);margin-top:var(--sp-12);background:linear-gradient(140deg,var(--surface) 55%,color-mix(in srgb,var(--accent) 10%,var(--surface)) 100%);border:1px solid var(--red-soft);display:grid}.season-head{justify-content:space-between;align-items:center;display:flex}.season-rank{color:var(--red-bright);font-size:var(--font-size-secondary)}.season-card>p{color:var(--muted);font-size:var(--font-size-caption);margin:0}.season-top{gap:var(--sp-4);margin-top:var(--sp-2);display:grid}.season-top span{font-size:var(--font-size-caption);color:var(--muted)}.season-top span.podium{color:var(--ink)}.badge-strip{gap:var(--sp-8);flex-wrap:wrap;display:flex}.badge-chip{padding:var(--sp-6) var(--sp-12);color:var(--ink);background:var(--surface-2);border:1px solid var(--red-soft);font-size:var(--font-size-caption);border-radius:999px}.identity-line{color:var(--muted);font-size:var(--font-size-caption)}.ghost-button{border:1px solid var(--line);color:var(--muted)!important;background:0 0!important}@media (width<=520px){.stat-tile.freeze-tile{grid-column:auto}}.btn.accent{--btn-bg:color-mix(in srgb,var(--accent) 92%,var(--on-accent) 8%);--btn-ink:var(--on-accent);--btn-line:color-mix(in srgb,var(--accent-bright) 60%,transparent);--btn-glow:var(--accent-glow);background:linear-gradient(180deg,var(--accent-bright),var(--accent))}.btn.accent:after{background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 22%,transparent),transparent)}.admin-group-head-actions{align-items:center;gap:var(--sp-10);display:flex}.modal-mark{width:38px;height:38px;color:var(--accent-bright);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.modal-actions{justify-content:flex-end;gap:var(--sp-10);margin-top:var(--sp-6);display:flex}.cmd-list{gap:var(--sp-6);margin-top:var(--sp-10);display:grid}.cmd-list li{align-items:center;gap:var(--sp-12);padding:var(--sp-8) var(--sp-12);background:var(--surface-2);border:1px solid var(--line-soft);font-size:var(--font-size-label);display:flex}.cmd-list code{font:600 12px var(--mono);color:var(--accent-bright);background:var(--accent-soft);padding:var(--sp-4) var(--sp-8);white-space:nowrap;direction:ltr;border-radius:7px}.bar-list{gap:var(--sp-8);margin-top:var(--sp-10);display:grid}.bar-row{align-items:center;gap:var(--sp-10);font-size:var(--font-size-label);grid-template-columns:minmax(90px,1fr) 2fr auto;display:grid}.bar-label{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.bar-row-track .progressbar-track{border-color:var(--line-soft);height:11px}.bar-row-track .progressbar-fill{background:linear-gradient(90deg,var(--accent),var(--accent-bright))}.bar-row-track.alt .progressbar-fill{background:var(--chart-2)}.bot-live{gap:var(--sp-14);display:grid}.bot-live-head{justify-content:space-between;align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-2);display:flex}.bot-status-pill{align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-14);font:600 12px var(--mono);letter-spacing:.4px;border:1px solid var(--line);border-radius:999px;display:inline-flex}.bot-status-pill .dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.bot-status-pill.on{color:var(--on-success);border-color:color-mix(in srgb,var(--success) 50%,transparent);background:color-mix(in srgb,var(--success) 13%,transparent)}.bot-status-pill.on .dot{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 22%,transparent);animation:pulse-dot 1.8s var(--ease-standard) infinite}.bot-status-pill.off{color:var(--on-danger);border-color:color-mix(in srgb,var(--danger) 50%,transparent);background:color-mix(in srgb,var(--danger) 13%,transparent)}.bot-status-pill.off .dot{background:var(--danger)}.btn.ghost.icon{width:38px;height:38px;font-size:var(--font-size-body-plus);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard);border-radius:10px;place-items:center;padding:0;line-height:1;display:inline-grid}.btn.ghost.icon:hover:not(:disabled){color:var(--ink);border-color:var(--accent);transform:translateY(-1px)}.btn.ghost.icon:disabled{opacity:.5;cursor:progress}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--success) 4%,transparent)}}.bot-live .settings-card{gap:var(--sp-10);padding:var(--sp-18);background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;display:grid}.bot-live .settings-card>b{font-size:var(--font-size-secondary)}.bot-live .admin-stat-grid{gap:var(--sp-10);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.bot-live .stat-chip{padding:var(--sp-14) var(--sp-16);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:14px;align-items:center;display:flex;position:relative;overflow:hidden}.bot-live .stat-chip>div{gap:var(--sp-4);min-width:0;display:grid}.bot-live .stat-chip small{color:var(--muted);font:500 10px var(--mono);letter-spacing:.4px}.bot-live .stat-chip b{font:600 19px var(--sans);color:var(--ink);line-height:1}.bot-live .stat-chip.alert{border-color:color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 10%,var(--surface-2))}.bot-live .stat-chip.alert b{color:var(--danger)}@media (width<=699px){.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 82%,transparent);padding-top:var(--sp-18);padding-bottom:var(--sp-16);position:sticky;top:0}.content{padding-top:var(--sp-24)}.bottom-nav{box-shadow:0 -8px 24px -16px #000000b3}}.loading-aperture{pointer-events:none;place-items:center;animation:9s linear infinite aperture-spin;display:grid;position:absolute;inset:0}.aperture-blades{background:conic-gradient(var(--accent) 0 26deg, transparent 26deg 30deg, var(--accent) 30deg 56deg, transparent 56deg 60deg, var(--accent) 60deg 86deg, transparent 86deg 90deg, var(--accent) 90deg 116deg, transparent 116deg 120deg, var(--accent) 120deg 146deg, transparent 146deg 150deg, var(--accent) 150deg 176deg, transparent 176deg 180deg, var(--accent) 180deg 206deg, transparent 206deg 210deg, var(--accent) 210deg 236deg, transparent 236deg 240deg, var(--accent) 240deg 266deg, transparent 266deg 270deg, var(--accent) 270deg 296deg, transparent 296deg 300deg, var(--accent) 300deg 326deg, transparent 326deg 330deg, var(--accent) 330deg 356deg, transparent 356deg 360deg);width:172px;height:172px;filter:drop-shadow(0 0 6px var(--accent-glow));opacity:0;animation:aperture-open 1.15s var(--ease-emphasized,cubic-bezier(.2,.9,.2,1)) .15s forwards;border-radius:50%;transform:scale(.55)rotate(-24deg);-webkit-mask:radial-gradient(circle,#0000 32%,#000 33% 87%,#0000 88%);mask:radial-gradient(circle,#0000 32%,#000 33% 87%,#0000 88%)}@keyframes aperture-open{to{opacity:.92;transform:scale(1)rotate(0)}}@keyframes aperture-spin{to{transform:rotate(360deg)}}.loading-glass{background:radial-gradient(circle at 50% 34%, color-mix(in srgb,var(--surface) 82%,var(--ink) 10%), color-mix(in srgb,var(--surface) 55%, transparent));border:1px solid color-mix(in srgb,var(--line) 70%,var(--ink) 12%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:122px;height:122px;box-shadow:0 20px 50px -20px #0009,inset 0 1px 0 color-mix(in srgb,var(--ink) 12%,transparent);animation:glass-focus 1.1s var(--ease-emphasized,cubic-bezier(.2,.9,.2,1)) .1s both;border-radius:50%;position:absolute}@keyframes glass-focus{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.loading-logo{z-index:2;position:relative}.loading-screen{z-index:120;place-items:center;gap:var(--sp-14);padding:var(--sp-32);text-align:center;color:var(--ink);background:var(--bg);display:grid;position:fixed;inset:0}.loading-stage{place-items:center;display:grid;position:relative}.loading-aura{background:radial-gradient(circle,var(--accent-glow) 0,transparent 62%);filter:blur(10px);opacity:.6;width:240px;height:240px;animation:aura-breathe 4.2s var(--ease-in-out-soft) infinite;border-radius:50%;position:absolute}@keyframes aura-breathe{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:.75;transform:scale(1.08)}}.aperture-loader{color:var(--accent-bright);z-index:2;position:relative}.goo{color:var(--goo-ink,var(--ink));z-index:2;width:112px;height:112px;position:relative}.goo-bound{stroke:currentColor;stroke-width:1px;opacity:.14;fill:none}.goo-ink{fill:currentColor}.goo-core{transform-box:view-box;transform-origin:50%;animation:goo-breathe 3.2s var(--ease-in-out-soft) infinite}.goo-arm{transform-box:view-box;transform-origin:50%;animation:goo-swing calc(var(--dur,3s) * 1) linear infinite}@keyframes goo-swing{0%{transform:rotate(0)}to{transform:rotate(calc(var(--dir,1) * 360deg))}}@keyframes goo-breathe{0%,to{transform:scale(.82)}50%{transform:scale(1.05)}}.loading-wordmark{gap:var(--sp-2);font:700 22px/1 var(--font-display);letter-spacing:.3px;animation:loading-settle var(--motion-fast) var(--ease-standard) 30ms both;display:flex}.loading-wordmark .accent{color:var(--accent-bright);margin-inline-start:1px}.loading-label{color:var(--muted);font-size:var(--font-size-secondary);animation:loading-settle var(--motion-page) var(--ease-emphasized) 70ms both}@keyframes loading-settle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.loading-grid{grid-template-columns:repeat(13,6px);gap:6px;display:grid}.loading-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}@media (width<=560px){.loading-wordmark{font-size:var(--font-size-h3-plus)}.daily-report-preview{max-height:50vh;font-size:var(--font-size-label)}.report-actions{grid-template-columns:1fr;display:grid}.report-actions button{inline-size:100%}}@media (prefers-reduced-motion:reduce){.loading-aura,.goo-core,.goo-arm,.loading-wordmark,.loading-label{animation:none!important;transform:none!important}.goo-core{transform:scale(1)}.goo-arm{transform:rotate(var(--rest,0deg))}}.add-habit-modal-head{justify-content:space-between;align-items:center;gap:var(--sp-12);display:flex}.add-habit-name{gap:var(--sp-8);margin-top:var(--sp-8);color:var(--ink);font-size:var(--font-size-secondary);font-weight:700;display:grid}.add-habit-name input{width:100%;padding:var(--sp-14) var(--sp-16);color:var(--ink);background:var(--surface-2);border:2px solid var(--line);font-size:var(--font-size-body-plus);border-radius:14px}.add-habit-name input:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.add-habit-guide{margin-top:var(--sp-4);color:var(--ink);font-size:var(--font-size-secondary);font-weight:700}.add-habit-submit{width:100%;padding:var(--sp-14) var(--sp-18);font-size:var(--font-size-body);justify-content:center}.guest-locked-view{isolation:isolate;align-content:center;place-items:center;gap:var(--sp-14);min-height:min(560px,100vh - 180px);padding:var(--sp-42) var(--sp-24);text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,var(--accent)),var(--surface));box-shadow:var(--shadow-card);display:grid;position:relative;overflow:hidden}.guest-locked-view h1,.guest-locked-view p,.guest-locked-view small,.guest-locked-view .section-label,.guest-locked-view button{z-index:1;position:relative}.guest-locked-view h1{max-width:620px;margin:0}.guest-locked-view p{max-width:520px;color:var(--muted);margin:0;line-height:1.9}.guest-locked-view small{color:var(--muted)}.guest-locked-cta{min-width:220px}.guest-locked-glow{z-index:-1;background:var(--accent-glow);filter:blur(38px);border-radius:50%;width:260px;height:260px;animation:4s ease-in-out infinite alternate guest-glow;position:absolute}@keyframes guest-glow{0%{opacity:.45;transform:scale(.8)}to{opacity:.8;transform:scale(1.25)}}