:root{--bg:#0e1016;--bg-gradient:radial-gradient(ellipse 900px 700px at 8% -10%, #5b5fef6b, transparent 60%), radial-gradient(ellipse 800px 800px at 100% 0%, #22c1c359, transparent 55%), radial-gradient(ellipse 900px 700px at 15% 100%, #c94b8f4d, transparent 55%), radial-gradient(ellipse 700px 900px at 100% 100%, #7c5cff4d, transparent 55%);--bg-elev:#1a1d27f5;--bg-card:#1c1f2af0;--bg-card-hover:#242835f5;--glass-elev:#1c1f2a8c;--glass-card:#1e212c73;--glass-highlight:#ffffff24;--glass-blur:22px;--border:#ffffff1f;--text:#f3f4f8;--text-dim:#a7acc0;--primary:#7c8cff;--primary-dim:#5b67d1;--accent:#22c1c3;--gold:#e0b64a;--green:#4fcf83;--red:#f0667a;--radius:22px;--radius-sm:14px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:20px;--space-10:22px;--space-11:24px;--space-12:28px;--space-13:32px;--font-size-2xs:9px;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:15px;--font-size-2xl:16px;--font-size-3xl:18px;--font-size-4xl:20px;--font-size-5xl:22px;--font-size-6xl:24px;--font-size-7xl:28px;--font-size-8xl:32px;--font-size-hero:44px;--shadow-sm:0 1px 0 #ffffff1a inset, 0 6px 18px -10px #00000080;--shadow-md:0 1px 0 #ffffff1f inset, 0 20px 50px -20px #0009;--overlay:#0a081473;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Nunito,Segoe UI,system-ui,sans-serif}:root[data-theme=light]{--bg:#eef1fb;--bg-gradient:radial-gradient(ellipse 900px 700px at 8% -10%, #8ea2ff8c, transparent 60%), radial-gradient(ellipse 800px 800px at 100% 0%, #7fe3d880, transparent 55%), radial-gradient(ellipse 900px 700px at 15% 100%, #ffb0d673, transparent 55%), radial-gradient(ellipse 700px 900px at 100% 100%, #c4b6ff73, transparent 55%);--bg-elev:#fffffff0;--bg-card:#ffffffe6;--bg-card-hover:#fffffffa;--glass-elev:#fff9;--glass-card:#ffffff80;--glass-highlight:#ffffffb3;--border:#fff9;--text:#211d2e;--text-dim:#625d78;--primary:#5a55e0;--primary-dim:#4642b3;--accent:#1a7a75;--gold:#8b6709;--green:#1e7b45;--red:#c23a52;--shadow-sm:0 1px 0 #fffc inset, 0 6px 18px -12px #463c6e47;--shadow-md:0 1px 0 #ffffffd9 inset, 0 20px 44px -20px #463c6e52;--overlay:#3c325a47;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-style-pack=theme_neon]{--bg:#0a0b14;--bg-elev:#12142a;--bg-card:#181b30;--bg-card-hover:#20233d;--border:#2c3050;--text:#e8ecff;--text-dim:#7d84ad;--primary:#34eef0;--primary-dim:#1c9a9c;--accent:#ff3fb0;--gold:#e0925a;--green:#43ffa0;--red:#ff4d6d;--radius:9px;--radius-sm:5px;--shadow-sm:0 1px 0 #ffffff0a inset, 0 10px 22px -14px #000000a6, 0 0 0 1px #34eef014;--shadow-md:0 1px 0 #ffffff0d inset, 0 22px 44px -20px #000000b3, 0 0 0 1px #34eef01a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-style-pack=theme_neon] h1,[data-style-pack=theme_neon] h2,[data-style-pack=theme_neon] h3{font-family:Rajdhani,Nunito,Segoe UI,sans-serif}[data-style-pack=theme_neon] .card{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}[data-style-pack=theme_neon] .topbar{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);box-shadow:var(--shadow-sm)}[data-style-pack=theme_neon] .btn-primary,[data-style-pack=theme_neon] .btn-ghost:hover,[data-style-pack=theme_neon] .btn-danger{box-shadow:0 0 14px -4px var(--primary)}[data-style-pack=theme_neon] .xp-bar-fill,[data-style-pack=theme_neon] .health-fill,[data-style-pack=theme_neon] .ach-progress-fill,[data-style-pack=theme_neon] .budget-bar-fill{background-image:repeating-linear-gradient(90deg,#00000059 0 1px,#0000 1px 11px)}[data-style-pack=theme_neon] .pet-emoji-wrap{box-shadow:none}[data-style-pack=theme_neon] .pet-emoji-wrap:before{content:"";background:conic-gradient(from -90deg, var(--glow,var(--primary)), var(--accent) 30%, transparent 32%, transparent 68%, var(--glow,var(--primary)) 70%, var(--accent) 100%);opacity:.85;border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}[data-style-pack=theme_neon] .pet-emoji .icon{filter:drop-shadow(0 0 5px var(--glow,var(--primary)))}[data-style-pack=theme_neon] .avatar-figure-wrap{box-shadow:0 0 0 2px var(--glow,var(--primary)), 0 0 14px -3px var(--accent)}[data-style-pack=theme_neon] .pixel-avatar{filter:drop-shadow(0 0 4px var(--glow,var(--primary)))}[data-style-pack=theme_neon] .due-normal{background:color-mix(in srgb, var(--text-dim) 14%, transparent)}[data-style-pack=theme_neon] .auth-card,[data-style-pack=theme_neon] .legal-card,[data-style-pack=theme_neon] .undo-toast,[data-style-pack=theme_neon] .toast,[data-style-pack=theme_neon] .topbar-menu-panel,[data-style-pack=theme_neon] .digest-popover,[data-style-pack=theme_neon] .notification-feed-panel{box-shadow:var(--shadow-md)}*{box-sizing:border-box}.icon{vertical-align:middle;color:inherit;flex-shrink:0;display:inline-block}html,body,#root{height:100%}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0}.bg-decor{z-index:-1;pointer-events:none;opacity:.6;background-image:var(--bg-gradient);position:fixed;inset:0;overflow:hidden}.bg-pixel-blast{z-index:-1;pointer-events:none;opacity:.35;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(65% 70% at 50% 35%,#0000 20%,#000 90%);mask-image:radial-gradient(65% 70% at 50% 35%,#0000 20%,#000 90%)}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dim)}h1,h2,h3{letter-spacing:.02em;margin:0 0 var(--space-2)}h1{font-size:var(--font-size-5xl);color:var(--text);font-weight:800}h2{font-size:var(--font-size-xl);color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-weight:700}section.card>h2:first-child{margin-bottom:var(--space-6)}h3{font-size:var(--font-size-lg);color:var(--text);font-weight:700}.card{background:var(--glass-card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--border);border-top-color:var(--glass-highlight);border-radius:var(--radius);padding:var(--space-9);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,background .2s}.card:hover{border-color:var(--primary-dim)}.btn{padding:var(--space-5) 20px;font-weight:700;font-size:var(--font-size-lg);letter-spacing:.01em;border:none;border-radius:999px;transition:transform .1s,opacity .15s,box-shadow .2s,border-color .15s,color .15s,background-color .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:linear-gradient(155deg, color-mix(in srgb, var(--primary) 100%, white 18%), var(--primary));color:var(--bg);box-shadow:0 1px 0 #ffffff4d inset, 0 6px 16px -8px color-mix(in srgb, var(--primary) 70%, transparent)}:root[data-theme=light] .btn-primary{background:linear-gradient(155deg, color-mix(in srgb, var(--primary) 100%, white 10%), var(--primary));color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(155deg, var(--primary), var(--primary-dim))}.shimmer-btn{position:relative;overflow:hidden}.shimmer-btn:after{content:"";background:linear-gradient(120deg,#0000,#ffffff8c,#0000);width:40%;height:100%;animation:3.2s ease-in-out infinite shimmer-sweep;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@keyframes shimmer-sweep{0%,45%{left:-60%}65%,to{left:130%}}@media (prefers-reduced-motion:reduce){.shimmer-btn:after{animation:none;display:none}:not(.spinner),:not(.spinner):before,:not(.spinner):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-ghost{background:var(--glass-card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--border);border-top-color:var(--glass-highlight);color:var(--text-dim)}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.btn-claim-ready{animation:1.8s ease-in-out infinite claim-pulse}@keyframes claim-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 55%, transparent)}70%{box-shadow:0 0 0 7px color-mix(in srgb, var(--gold) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 0%, transparent)}}.bell-denied{opacity:.4;cursor:not-allowed}.bell-denied:hover{color:var(--text-dim);border-color:var(--border)}.notification-feed{display:inline-flex;position:relative}.notification-feed-toggle{position:relative}.notification-badge{background:var(--red);color:var(--bg);font-size:var(--font-size-xs);text-align:center;border-radius:999px;min-width:16px;padding:3px 5px;font-weight:700;line-height:1;position:absolute;top:-4px;right:-4px}.notification-feed-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:95;max-height:400px;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.notification-feed-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;font-weight:600;display:flex;position:sticky;top:0}.notification-feed-header-actions{gap:var(--space-3);display:flex}.notification-feed-mark-all{font-size:var(--font-size-base);padding:var(--space-2) var(--space-4)}.notification-feed-item-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.notification-feed-list{margin:0;padding:0;list-style:none}.notification-feed-item{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.notification-feed-item:last-child{border-bottom:none}.notification-feed-item-unread{background:color-mix(in srgb, var(--primary) 8%, transparent)}.notification-feed-item:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.notification-feed-item-title{font-weight:600;font-size:var(--font-size-md)}.notification-feed-item-body{font-size:var(--font-size-base);color:var(--text-dim);margin-top:var(--space-1)}.notification-feed-item-time{font-size:var(--font-size-sm);color:var(--text-dim);margin-top:var(--space-2)}.badge{font-size:var(--font-size-sm);white-space:nowrap;border-radius:999px;padding:3px 9px;font-weight:700}.badge-easy{background:color-mix(in srgb, var(--green) 15%, transparent);color:var(--green);box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 25%, transparent) inset}.badge-medium{background:color-mix(in srgb, var(--gold) 15%, transparent);color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 25%, transparent) inset}.badge-hard{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red);box-shadow:0 0 0 1px color-mix(in srgb, var(--red) 25%, transparent) inset}.auth-screen{min-height:100%;padding:var(--space-11);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--glass-card);width:100%;max-width:380px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--border);border-top-color:var(--glass-highlight);border-radius:var(--radius);padding:var(--space-13);gap:var(--space-7);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.legal-card{background:var(--glass-card);width:100%;max-width:720px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--border);border-top-color:var(--glass-highlight);border-radius:var(--radius);margin:var(--space-11) 0;box-shadow:var(--shadow-md);padding:40px;line-height:1.6}.legal-card h1{text-align:center;margin:var(--space-4) 0 0}.legal-card h2{margin:var(--space-12) 0 var(--space-4);font-size:var(--font-size-2xl)}.legal-card p{margin:0 0 var(--space-6);color:var(--text-dim)}.legal-updated{text-align:center;font-size:var(--font-size-base);margin-bottom:var(--space-9)!important}.legal-list{margin:0 0 var(--space-6);padding-left:var(--space-9);color:var(--text-dim);gap:var(--space-3);flex-direction:column;display:flex}.auth-legal-note{font-size:var(--font-size-base);color:var(--text-dim);text-align:center;margin:0}.auth-logo{font-size:var(--font-size-4xl);text-align:center;margin-bottom:var(--space-2);font-weight:700}.auth-tagline{margin:0 0 var(--space-8);text-align:center;font-size:var(--font-size-md);color:var(--text-dim)}.auth-card h1{font-size:var(--font-size-5xl);margin:0 0 var(--space-4);text-align:center;color:var(--text)}.auth-input{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-7);color:var(--text);font-size:var(--font-size-xl);outline:none}.auth-input:focus{border-color:var(--primary)}.auth-error{color:var(--red);font-size:var(--font-size-md);text-align:center}.auth-submit{margin-top:var(--space-3);padding:var(--space-6)}.turnstile-widget{justify-content:center;display:flex}.turnstile-load-error{margin:var(--space-3) 0 0;font-size:var(--font-size-base);color:var(--red);text-align:center}.auth-switch{text-align:center;font-size:var(--font-size-md);color:var(--text-dim)}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none}.loading-screen{justify-content:center;align-items:center;gap:var(--space-6);min-height:100%;color:var(--text-dim);flex-direction:column;display:flex}.dashboard{padding:var(--space-11) var(--space-12) 60px;gap:var(--space-10);flex-direction:column;display:flex}.dashboard-narrow{width:100%;max-width:820px;margin:0 auto}.topbar{align-items:center;gap:var(--space-9);border:1px solid var(--border);border-top-color:var(--glass-highlight);border-radius:var(--radius);padding:var(--space-7) var(--space-9);z-index:30;background:var(--glass-elev);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex;position:sticky;top:12px}.verify-banner{align-items:center;gap:var(--space-6);background:color-mix(in srgb, var(--gold) 10%, transparent);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-7);font-size:var(--font-size-md);flex-wrap:wrap;display:flex}.verify-banner-text{flex:1;min-width:200px}.verify-banner-btn{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6);white-space:nowrap}.verify-banner-sent{font-size:var(--font-size-base);color:var(--green);white-space:nowrap}.verify-banner-close{color:var(--text-dim);cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-2);background:0 0;border:none;line-height:1}.verify-banner-close:hover{color:var(--text)}.install-banner{z-index:40;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-8);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));background:var(--bg-elev);border-top:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:var(--font-size-md);display:flex;position:fixed;bottom:0;left:0;right:0}.install-banner-text{min-width:160px;color:var(--text);flex:1}.install-banner-btn{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6);white-space:nowrap}.install-banner-close{color:var(--text-dim);cursor:pointer;padding:var(--space-2);background:0 0;border:none;border-radius:50%}.install-banner-close:hover{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.install-button-wrap{display:inline-flex;position:relative}.install-button-popover{top:calc(100% + var(--space-4));z-index:20;width:max-content;max-width:240px;padding:var(--space-5) var(--space-6);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:var(--font-size-base);color:var(--text);text-align:center;position:absolute;left:50%;transform:translate(-50%)}.info-bar{align-items:center;gap:var(--space-5);font-size:var(--font-size-md);color:var(--text-dim);padding:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.info-chip{background:var(--bg-elev);border:1px solid var(--border);padding:5px var(--space-6);white-space:nowrap;border-radius:999px;font-weight:600}.info-time{color:var(--text);font-variant-numeric:tabular-nums}.info-quote{opacity:.85;flex:1;min-width:160px;font-style:italic}.view-chips{margin:0 0 var(--space-6);scrollbar-width:thin;flex-direction:row;align-items:center;gap:7px;padding:0;list-style:none;display:flex;overflow-x:auto}.view-chips .nav-row{font-weight:700}.main-task-block{margin-bottom:var(--space-6)}.main-task-label,.main-task-rest-label{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:0 0 var(--space-3);font-weight:700;display:flex}.main-task-label{color:var(--gold)}.main-task-list .item-row{border-color:color-mix(in srgb, var(--gold) 40%, var(--border));background:color-mix(in srgb, var(--gold) 6%, var(--bg-elev))}.lists-nav-card{gap:var(--space-2);padding:var(--space-6) var(--space-8);flex-direction:column;display:flex;position:relative}.lists-nav{padding:0 0 var(--space-2);scrollbar-width:thin;flex-direction:row;align-items:center;gap:7px;margin:0;list-style:none;display:flex;overflow-x:auto}.nav-row-wrap{flex:none;align-items:center;display:flex;position:relative}.lists-nav>li{flex:none}.nav-row{background:var(--bg-elev);border:1px solid var(--border);padding:7px var(--space-7);color:var(--text-dim);font-size:var(--font-size-md);text-align:left;white-space:nowrap;border-radius:999px;flex:1;align-items:center;gap:7px;min-width:0;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-row:hover{background:var(--bg-card);color:var(--text)}.nav-row-active{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--text);border-color:var(--primary)}.nav-accent{border-radius:50%;width:7px;min-width:7px;height:7px}.nav-icon{font-size:var(--font-size-xl);line-height:1}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-badge{font-size:var(--font-size-xs);opacity:.75;white-space:nowrap}.nav-actions{align-items:center;gap:var(--space-2);opacity:0;background:var(--bg-elev);padding-left:var(--space-2);transition:opacity .15s;display:flex;position:absolute;right:6px}.nav-row-wrap:hover .nav-actions{opacity:1}.nav-remove{opacity:1;position:static}.lists-add-btn{color:var(--text-dim);border-style:dashed}.chip-remove{border:1px solid var(--border);background:var(--bg-card);width:17px;height:17px;color:var(--text-dim);font-size:var(--font-size-2xs);border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.chip-remove-confirm{background:var(--red);border-color:var(--red);color:#fff}.chip-members-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);width:22px;height:22px;font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.chip-members-btn:hover{border-color:var(--primary);color:var(--text)}.members-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-7);gap:var(--space-5);margin-top:var(--space-4);flex-direction:column;display:flex}.members-header{font-weight:700;font-size:var(--font-size-lg);justify-content:space-between;align-items:center;display:flex}.members-header-actions{align-items:center;gap:var(--space-4);display:flex}.members-close,.members-share{padding:5px var(--space-6);font-size:var(--font-size-base);align-items:center;gap:var(--space-3);display:inline-flex}.members-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.member-row{align-items:center;gap:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);display:flex}.member-avatar{background:var(--primary);width:26px;min-width:26px;height:26px;color:var(--bg);font-size:var(--font-size-base);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.member-name{font-size:var(--font-size-md);flex:1}.member-you{color:var(--text-dim);font-weight:400}.member-role{font-size:var(--font-size-sm);color:var(--text-dim)}.member-role-owner{color:var(--gold);font-weight:700}.member-invite-friends{margin-bottom:var(--space-5);justify-content:flex-start}.member-invite-form{gap:var(--space-4);flex-wrap:wrap;display:flex}.member-invite-form .add-input{flex:120px}.list-create-form{align-items:center;gap:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-6);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.list-create-form .add-input{flex:100%}.lists-create-submit{justify-content:center;width:100%}.picker-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.picker-icon{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);width:30px;height:30px;font-size:var(--font-size-xl);justify-content:center;align-items:center;padding:0;display:flex}.picker-icon.picker-active{border-color:var(--primary);background:var(--bg)}.picker-color{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.picker-color.picker-active{border-color:#fff}.topbar-user{gap:var(--space-1);flex-direction:column;min-width:100px;display:flex}.topbar-name{font-weight:700}.topbar-coins{font-size:var(--font-size-md);color:var(--gold);font-weight:700}.app-layout{gap:var(--space-10);grid-template-columns:260px minmax(0,1fr) 260px;align-items:start;display:grid}.sidebar,.widgets-rail{gap:var(--space-10);flex-direction:column;min-width:0;display:flex;position:sticky;top:88px}.main-content{gap:var(--space-10);flex-direction:column;min-width:0;display:flex}.main-lists-row{gap:var(--space-10);align-items:flex-start;min-width:0;display:flex}.main-lists-row>.list-card{flex:1 1 0;min-width:0}@media (width<=1280px){.app-layout{grid-template-columns:260px minmax(0,1fr)}.sidebar{position:static}.widgets-rail{flex-flow:wrap;grid-column:1/-1;position:static}.widgets-rail-item{flex:260px}}@media (width<=980px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{order:2;position:static}.main-content{order:1}.widgets-rail{order:3}.sidebar,.widgets-rail{display:none}}@media (width<=640px){.main-lists-row{flex-direction:column}}.xp-block{align-items:center;gap:var(--space-7);flex:1;min-width:200px;display:flex}.xp-level{letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap;font-weight:800}.xp-bar-track{background:var(--bg);border:1px solid var(--border);border-radius:999px;flex:1;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.xp-bar-fill{background:var(--primary);height:100%;transition:width .4s;position:relative;overflow:hidden}.weekly-challenge-track{margin:var(--space-4) 0}.weekly-challenge-desc{color:var(--text-dim,var(--text));margin:0 0 var(--space-2)}.weekly-challenge-footer{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.weekly-challenge-claimed{font-size:var(--font-size-md);color:var(--gold)}.pomodoro-card{text-align:center;flex-direction:column;align-items:center;min-height:480px;display:flex}.pomodoro-card-compact{min-height:0}.pomodoro-body{justify-content:center;align-items:center;gap:var(--space-7);flex-direction:column;flex:1;width:100%;display:flex}.pomodoro-ring{width:160px;height:160px;box-shadow:var(--shadow-sm);border-radius:50%}.pomodoro-ring-track{fill:none;stroke:var(--bg);stroke-width:8px}.pomodoro-ring-fill{fill:none;stroke:var(--primary);stroke-width:8px;stroke-linecap:round;transform-origin:50px 50px;transition:stroke-dashoffset 1s linear;transform:rotate(-90deg)}.pomodoro-ring-time{fill:var(--text);font-size:var(--font-size-3xl);font-variant-numeric:tabular-nums;font-weight:800}.pomodoro-card-break .pomodoro-ring{box-shadow:var(--shadow-sm)}.pomodoro-card-break .pomodoro-ring-fill{stroke:var(--green)}.pomodoro-controls{align-items:center;gap:var(--space-5);flex-direction:column;width:100%;display:flex}.pomodoro-task-name{font-size:var(--font-size-md);color:var(--text-dim)}.pomodoro-duration-group{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.pomodoro-duration-row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.pomodoro-duration-chip{background:var(--bg-elev);border:1px solid var(--border);padding:5px var(--space-6);font-size:var(--font-size-base);color:var(--text-dim);border-radius:999px;font-weight:600;transition:border-color .15s,color .15s}.pomodoro-duration-chip:hover{color:var(--text)}.pomodoro-duration-active{border-color:var(--primary);color:var(--text)}.pomodoro-duration-custom{text-align:center;outline:none;width:56px;font-family:inherit}.pomodoro-duration-custom:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.pomodoro-duration-custom::placeholder{color:var(--text-dim);font-weight:600}.pomodoro-duration-custom::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pomodoro-duration-custom::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.xp-bar-label{font-size:var(--font-size-sm);color:var(--text);text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.xp-streak{white-space:nowrap;font-weight:600}.pet-card{align-items:center;gap:var(--space-8);display:flex}.pet-emoji-wrap{width:76px;min-width:76px;height:76px;box-shadow:0 0 0 3px var(--glow,var(--primary));border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.pet-emoji{color:var(--primary);justify-content:center;align-items:center;animation:3.2s ease-in-out infinite pet-float;display:flex}.pet-mood{background:var(--bg-card);border:1px solid var(--border);width:24px;height:24px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.pet-skin-accent{background:var(--bg-card);border:1px solid var(--border);width:24px;height:24px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.pet-accessory-slot{background:var(--bg-card);border:1px solid var(--border);width:24px;height:24px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-6px;left:-6px}@keyframes pet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pet-info{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.pet-name{font-weight:700;font-size:var(--font-size-lg);white-space:nowrap}.pet-stage{font-size:var(--font-size-base);color:var(--text-dim);font-weight:500}.health-track{background:var(--bg);border-radius:999px;width:140px;height:8px;overflow:hidden}.health-fill{height:100%;transition:width .4s}.pet-pat-btn{margin-top:var(--space-1);font-size:var(--font-size-base);padding:5px var(--space-5);align-self:flex-start}.pet-pat-btn-wrap{align-self:flex-start;position:relative}.pet-heart-pop{color:var(--red);pointer-events:none;animation:.7s ease-out forwards heart-pop;position:absolute;top:-4px;right:-6px}@keyframes heart-pop{0%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:0;transform:translateY(-22px)scale(.9)}}.avatar-card{align-items:center;gap:var(--space-8);display:flex}.avatar-figure-wrap{width:62px;min-width:62px;height:85px;box-shadow:0 0 0 3px var(--glow,var(--primary));border-radius:10px;justify-content:center;align-items:flex-end;display:flex;position:relative}.avatar-background-slot{z-index:-1;border-radius:10px;position:absolute;inset:0}.avatar-figure{z-index:1;color:var(--text-dim);justify-content:center;align-items:flex-end;display:flex;position:relative}.pixel-avatar{image-rendering:pixelated;image-rendering:crisp-edges}.avatar-hat-slot{background:var(--bg-card);border:1px solid var(--border);width:24px;height:24px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.avatar-weapon-slot{background:var(--bg-card);border:1px solid var(--border);width:24px;height:24px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.avatar-outfit-slot{background:var(--bg-card);border:1px solid var(--border);width:24px;height:24px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;left:-4px}.avatar-info{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.avatar-name{font-weight:700;font-size:var(--font-size-lg);white-space:nowrap}.avatar-tier{font-size:var(--font-size-base);color:var(--text-dim);font-weight:500}.avatar-edit-link{margin-top:var(--space-2);font-size:var(--font-size-sm);align-self:flex-start;font-weight:600;text-decoration:none}.list-card h2{margin:0 0 var(--space-7);font-size:var(--font-size-2xl)}.list-card-header{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);display:flex}.list-card-header h2{align-items:center;gap:var(--space-5);margin:0;display:flex}.section-count-badge{align-items:center;gap:var(--space-2);text-transform:none;letter-spacing:normal;font-size:var(--font-size-lg);padding:2px var(--space-5) 2px var(--space-4);border-radius:999px;font-weight:800;display:inline-flex}.section-count-badge-tasks{color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 25%, transparent) inset}.section-count-badge-habits{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent) inset}.section-count-badge-overdue{color:var(--red);background:color-mix(in srgb, var(--red) 16%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--red) 25%, transparent) inset}.overdue-review-block{margin-bottom:var(--space-6)}.overdue-review-label{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--red);text-align:left;background:0 0;border:none;width:100%;padding:0;font-weight:700;display:flex}.overdue-review-label .section-count-badge{margin-left:var(--space-2)}.overdue-review-label-toggle{margin-left:auto;display:inline-flex}.overdue-review-list .item-row{border-color:color-mix(in srgb, var(--red) 30%, var(--border));background:color-mix(in srgb, var(--red) 5%, var(--bg-elev))}.ai-toggle{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6);white-space:nowrap}.list-card-header-actions{align-items:center;gap:var(--space-4);display:flex}.list-card-header-actions .btn{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6);white-space:nowrap}.ai-panel{gap:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-6);margin-bottom:var(--space-7);flex-direction:column;display:flex}.ai-form{gap:var(--space-4);flex-wrap:wrap;display:flex}.ai-form .add-input{flex:220px}.ai-suggestions{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ai-suggestion-row{align-items:center;gap:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);display:flex}.ai-insights-list{gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ai-insight-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-6)}.ai-insight-title{font-weight:600;font-size:var(--font-size-md);margin-bottom:var(--space-2)}.ai-insight-body{font-size:var(--font-size-md);color:var(--text-dim)}.add-form{gap:var(--space-4);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.add-input{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:120px;padding:9px var(--space-6);color:var(--text);font-size:var(--font-size-lg);outline:none;flex:1;transition:border-color .15s,box-shadow .15s}.add-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.add-select,.add-date{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px var(--space-4);color:var(--text);font-size:var(--font-size-md);min-width:0;max-width:100%;transition:border-color .15s}.add-select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.add-select:focus,.add-date:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);outline:none}.add-date{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.add-field{align-items:center;gap:var(--space-3);min-width:0;max-width:100%;display:inline-flex}.add-field-label{font-size:var(--font-size-base);color:var(--text-dim);white-space:nowrap}.add-date-suggestion{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);display:flex}.add-date-suggestion button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-weight:600}.add-date-suggestion button:hover{color:var(--text)}.add-item-trigger{align-items:center;gap:var(--space-3);margin-bottom:var(--space-7);padding:var(--space-4) var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--font-size-md);background:0 0;align-self:flex-start;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.add-item-trigger:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, transparent)}.add-item-modal-card{gap:var(--space-6);width:100%;max-width:420px;box-shadow:var(--shadow-md);flex-direction:column;animation:.18s modal-in;display:flex}.add-item-modal-card .add-input{flex:none;width:100%}.add-item-modal-card .add-field{align-items:stretch;gap:var(--space-2);flex-direction:column;display:flex}.add-item-modal-card .add-select,.add-item-modal-card .add-date{width:100%;max-width:none}.add-item-modal-card .med-time-editor{flex:none;width:100%}.add-item-modal-card .med-refill-input{max-width:none}.item-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item-row{align-items:center;gap:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-6);flex-wrap:wrap;transition:background .15s,border-color .15s,opacity .3s .35s;display:flex}.item-row:hover{border-color:var(--primary)}.due-chip{font-size:var(--font-size-sm);white-space:nowrap;border-radius:999px;padding:3px 9px;font-weight:700}.deadline-chip{align-items:center;gap:var(--space-2);display:inline-flex}.due-overdue{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}.due-today{background:color-mix(in srgb, var(--gold) 15%, transparent);color:var(--gold)}.due-soon{background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary)}.due-normal{color:var(--text-dim);background:#9aa1ac1f}.item-row.item-done{opacity:.5;animation:.9s row-flash}@keyframes row-flash{0%{background-color:color-mix(in srgb, var(--green) 35%, transparent)}to{background-color:var(--bg-elev)}}.item-title-text{max-width:100%;display:inline-block;position:relative}.item-row.item-done .item-title-text:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1.5px;animation:.3s .15s forwards strike-sweep;position:absolute;top:50%;left:0;transform:scaleX(0)}@keyframes strike-sweep{to{transform:scaleX(1)}}.check-btn{border:2px solid var(--primary);width:24px;min-width:24px;height:24px;color:var(--bg);font-size:var(--font-size-md);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:flex;position:relative}.item-row:not(.item-done) .check-btn:hover{background:var(--primary)}.check-btn-quantitative{width:auto;min-width:34px;height:20px;color:var(--primary);border-radius:10px;padding:0 6px;font-size:10px;font-weight:700}.item-done .check-btn-quantitative,.item-row:not(.item-done) .check-btn-quantitative:hover{color:var(--bg)}.habit-decrement-btn{border:1px solid var(--border);width:18px;min-width:18px;height:18px;color:var(--text-dim);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:flex}.habit-decrement-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.habit-decrement-btn:disabled{opacity:.35;cursor:default}.habit-paused{opacity:.6}.item-done .check-btn{background:var(--green);border-color:var(--green);color:var(--bg);animation:.4s cubic-bezier(.34,1.56,.64,1) check-pop}.item-done .check-btn:after{content:"";border:2px solid var(--green);border-radius:50%;animation:.6s ease-out check-ring;position:absolute;inset:-4px}@keyframes check-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes check-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.item-title{min-width:0;font-size:var(--font-size-lg);color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;margin:0;padding:0;font-family:inherit;position:relative}.item-title:hover .item-title-text,.item-title:focus-visible .item-title-text{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.creator-avatar{background:var(--primary);width:20px;min-width:20px;height:20px;color:var(--bg);font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.streak-chip{font-size:var(--font-size-base);color:var(--gold);white-space:nowrap;font-weight:600}.shared-chip{font-size:var(--font-size-base)}.skill-chip{font-size:var(--font-size-lg)}.habit-shared-toggle{align-items:center;gap:var(--space-3);font-size:var(--font-size-md);color:var(--text-dim);display:flex}.habit-participants-row{padding:var(--space-2) var(--space-6) var(--space-4);background:0 0;border:none}.habit-participants{gap:var(--space-3);flex-wrap:wrap;display:flex}.habit-participant{background:var(--bg-card);border:1px solid var(--border);padding:3px var(--space-5);font-size:var(--font-size-base);color:var(--text-dim);border-radius:999px;transition:background .15s,border-color .15s}.habit-participant-me:not(:disabled){border-color:var(--primary);color:var(--text);cursor:pointer}.habit-participant-me:not(:disabled):hover{background:color-mix(in srgb, var(--primary) 16%, transparent)}.habit-participant-done{background:color-mix(in srgb, var(--green) 18%, transparent);border-color:var(--green);color:var(--green)}.delete-btn,.edit-btn{color:var(--text-dim);font-size:var(--font-size-md);padding:var(--space-2);opacity:.6;background:0 0;border:none;transition:opacity .15s,color .15s}.delete-btn:hover{opacity:1;color:var(--red)}.edit-btn:hover{opacity:1;color:var(--primary)}.main-task-toggle{color:var(--text-dim);padding:var(--space-2);opacity:.5;background:0 0;border:none;transition:opacity .15s,color .15s}.main-task-toggle:hover{opacity:1;color:var(--gold)}.main-task-toggle-active{color:var(--gold);opacity:1}.row-menu{position:relative}.row-menu-trigger{color:var(--text-dim);font-size:var(--font-size-md);padding:var(--space-2);opacity:.6;border-radius:var(--radius-sm);background:0 0;border:none;transition:opacity .15s,color .15s,background .15s}.row-menu-trigger:hover,.row-menu-trigger:focus-visible{opacity:1;color:var(--text);background:var(--bg-card-hover)}.row-menu-backdrop{z-index:20;position:fixed;inset:0}.row-menu-panel{top:calc(100% + var(--space-2));z-index:21;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:160px;box-shadow:var(--shadow-md);padding:var(--space-3);flex-direction:column;display:flex;position:absolute;right:0}.row-menu-item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-size-md);text-align:left;white-space:nowrap;background:0 0;border:none;display:flex}.row-menu-item:hover{background:var(--bg-card-hover)}.row-menu-item-danger{color:var(--red)}.row-menu-item-separated{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.item-editing{padding:var(--space-4)}.edit-form{gap:var(--space-4);flex-wrap:wrap;align-items:center;width:100%;display:flex}.edit-form .add-input{flex:160px}.undo-toast{align-items:center;gap:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6) var(--space-8);font-size:var(--font-size-md);z-index:50;animation:.25s toast-in;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 20px 50px -20px #000000b3}.undo-btn{padding:var(--space-3) var(--space-7);font-size:var(--font-size-base)}.empty-hint{color:var(--text-dim);font-size:var(--font-size-md);text-align:center;padding:var(--space-9) 0;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-hint:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='26' height='26' fill='none' stroke='%239aa1ac' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-5 9 5-9 5-9-5z'/%3E%3Cpath d='M3 8v9l9 5 9-5V8'/%3E%3Cpath d='M12 13v9'/%3E%3C/svg%3E");width:26px;height:26px;display:block}.loading-hint{color:var(--text-dim);font-size:var(--font-size-md);text-align:center;padding:var(--space-9) 0;align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--bg-card);border:1px solid var(--primary);border-radius:var(--radius);padding:var(--space-7) var(--space-10);gap:var(--space-3);cursor:pointer;z-index:50;flex-direction:column;align-items:center;animation:.25s toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px -20px #000000b3}.toast-network-error{border-color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.toast-main{color:var(--gold);font-weight:700}.toast-levelup{color:var(--primary);font-weight:700}.shiny-text{--shiny-base:var(--primary);--shiny-highlight:color-mix(in srgb, var(--shiny-base) 35%, white 65%);background-image:linear-gradient(120deg, var(--shiny-base) 40%, var(--shiny-highlight) 50%, var(--shiny-base) 60%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:2.4s ease-in-out infinite shiny-sweep}@keyframes shiny-sweep{0%{background-position:160%}to{background-position:-60%}}@media (prefers-reduced-motion:reduce){.shiny-text{-webkit-text-fill-color:unset;color:var(--shiny-base);background:0 0;animation:none}}.toast-achievement{font-size:var(--font-size-md);color:var(--text-dim)}.toast-bonus{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--gold);font-weight:600;display:flex}.levelup-flash{pointer-events:none;z-index:40;background:color-mix(in srgb, var(--gold) 16%, transparent);animation:1.1s ease-out forwards levelup-pulse;position:fixed;inset:0}@keyframes levelup-pulse{0%{opacity:0}20%{opacity:1}to{opacity:0}}.ach-page-title{font-size:var(--font-size-4xl);margin:0}.heatmap-block{gap:var(--space-5);flex-direction:column;display:flex}.heatmap-grid{padding-bottom:var(--space-2);grid-template-rows:repeat(7,12px);grid-auto-columns:12px;grid-auto-flow:column;gap:3px;display:grid;overflow-x:auto}.heat-cell{border-radius:3px;width:12px;height:12px}.heat-blank{background:0 0}.heat-0{background:var(--bg-elev);border:1px solid var(--border)}.heat-1{background:color-mix(in srgb, var(--green) 25%, transparent)}.heat-2{background:color-mix(in srgb, var(--green) 50%, transparent)}.heat-3{background:color-mix(in srgb, var(--green) 75%, transparent)}.heat-4{background:var(--green)}.heatmap-footer{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--font-size-base);color:var(--text-dim);flex-wrap:wrap;display:flex}.heatmap-legend{align-items:center;gap:3px;display:flex}.heatmap-legend .heat-cell{width:10px;height:10px}.achievements-grid{gap:var(--space-7);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.achievement-card{gap:var(--space-6);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-7);align-items:flex-start;transition:border-color .15s,box-shadow .15s;display:flex}.achievement-unlocked{border-color:var(--gold)}.achievement-locked{opacity:.6}.ach-icon{font-size:var(--font-size-6xl);background:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.achievement-unlocked .ach-icon{background:color-mix(in srgb, var(--gold) 16%, transparent)}.ach-body{flex:1;min-width:0}.ach-title{font-weight:700;font-size:var(--font-size-lg)}.ach-desc{font-size:var(--font-size-base);color:var(--text-dim);margin-top:var(--space-1)}.ach-progress-track{margin-top:var(--space-4);background:var(--bg);border-radius:999px;height:6px;overflow:hidden}.ach-progress-fill{background:var(--primary);height:100%;transition:width .4s}.ach-progress-label{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--text-dim)}.ach-unlocked-date{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--gold);font-weight:600}.ach-share-btn{margin-top:var(--space-4);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-5)}.quest-list{gap:var(--space-8);flex-direction:column;display:flex}.quest-card-header{align-items:flex-start;gap:var(--space-6);display:flex}.quest-card-header h2{margin:0}.quest-icon{font-size:var(--font-size-7xl);line-height:1}.quest-description{margin:var(--space-2) 0 0;font-size:var(--font-size-md);color:var(--text-dim)}.quest-progress-badge{font-size:var(--font-size-md);color:var(--text-dim);white-space:nowrap;margin-left:auto;font-weight:700}.quest-steps{margin:var(--space-7) 0 0;gap:var(--space-5);flex-direction:column;padding:0;list-style:none;display:flex}.quest-step{align-items:center;gap:var(--space-6);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-6);display:flex}.quest-step-claimed{border-color:var(--gold)}.quest-step-info{flex:1;min-width:0}.quest-step-title{font-weight:600;font-size:var(--font-size-md);align-items:center;gap:var(--space-3);display:flex}.quest-step-check{border:1.5px solid var(--border);width:15px;min-width:15px;height:15px;color:var(--green);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.quest-step-claimed .quest-step-check{border-color:var(--green)}.quest-claim-btn{font-size:var(--font-size-base);padding:var(--space-4) var(--space-7);white-space:nowrap}.group-card-header{align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-7);display:flex}.group-card-header h2{margin:0}.group-leave-btn{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6);white-space:nowrap;margin-left:auto}.calendar-layout{gap:var(--space-9);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=900px){.calendar-layout{grid-template-columns:1fr}}.calendar-card{gap:var(--space-7);flex-direction:column;display:flex}.calendar-nav{justify-content:center;align-items:center;gap:var(--space-8);display:flex}.calendar-nav-btn{font-size:var(--font-size-3xl);padding:var(--space-3) var(--space-7);line-height:1}.calendar-month-label{font-weight:700;font-size:var(--font-size-2xl);text-align:center;min-width:160px}.calendar-weekdays{gap:var(--space-3);font-size:var(--font-size-base);color:var(--text-dim);text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid{gap:var(--space-3);grid-template-columns:repeat(7,1fr);display:grid}.calendar-cell{aspect-ratio:1;justify-content:center;align-items:center;gap:var(--space-1);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:var(--font-size-md);flex-direction:column;transition:background .15s,border-color .15s;display:flex;position:relative}.calendar-cell:hover{border-color:var(--primary-dim)}.calendar-cell-empty{cursor:default;background:0 0;border:none}.calendar-cell-today{border-color:var(--primary);color:var(--primary);font-weight:700}.calendar-cell-selected{background:var(--primary);border-color:var(--primary);color:var(--bg)}.calendar-cell-dragover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.calendar-view-toggle{gap:var(--space-3);display:flex}.calendar-quick-add{margin-bottom:var(--space-5)}.drag-handle{cursor:grab;color:var(--text-dim);font-size:var(--font-size-lg);padding:var(--space-1) var(--space-2);touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:var(--text)}.sidebar-widget-item,.widgets-rail-item{position:relative}.sidebar-widget-item[data-drag-over=true],.widgets-rail-item[data-drag-over=true]{outline:2px dashed var(--primary);border-radius:var(--radius)}.sidebar-widget-item[data-dragging=true],.widgets-rail-item[data-dragging=true]{opacity:.4}.dashboard-widget-controls{z-index:5;gap:var(--space-2);display:flex;position:absolute;top:6px;right:6px}.dashboard-widget-drag-handle{background:var(--bg-elev);border:1px solid var(--border);padding:var(--space-2);border-radius:50%}.dashboard-widget-hide-btn{background:var(--bg-elev);border:1px solid var(--border);padding:var(--space-2);color:var(--text-dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.dashboard-widget-hide-btn:hover{color:var(--red);border-color:var(--red)}.sidebar-edit-toggle{padding-top:var(--space-4);justify-content:center;display:flex}.hidden-widgets-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-7);padding:var(--space-5) var(--space-7);background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.hidden-widgets-title{font-size:var(--font-size-md);color:var(--text-dim);font-weight:600}.hidden-widget-chip{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);padding:var(--space-2) var(--space-5);font-size:var(--font-size-md);color:var(--text);cursor:pointer;border-radius:999px;display:flex}.hidden-widget-chip:hover{border-color:var(--primary)}.hidden-widget-chip-action{color:var(--primary);font-weight:600}.drag-ghost{pointer-events:none;z-index:200;background:var(--bg-card);border:1px solid var(--primary);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-6);font-size:var(--font-size-md);color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:600;position:fixed;overflow:hidden;transform:translate(-50%,-140%)}.calendar-day-num{line-height:1}.calendar-dot{font-size:var(--font-size-xs);min-width:16px;padding:1px var(--space-2);background:var(--primary-dim);color:#fff;border-radius:999px;line-height:1.3}.calendar-dot-done{background:var(--green)}.calendar-agenda{gap:var(--space-5);flex-direction:column;display:flex}.calendar-agenda h2{font-size:var(--font-size-2xl);text-transform:capitalize;margin:0}.calendar-subheading{margin:var(--space-3) 0 0;font-size:var(--font-size-md);color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.medication-checklist{min-width:0}.checklist{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist-row{border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.checklist-row:last-child{border-bottom:none;padding-bottom:0}.checklist-label{align-items:center;gap:var(--space-5);font-size:var(--font-size-md);cursor:pointer;transition:color .15s;display:flex}.checklist-label:hover{color:var(--primary)}.checklist-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.checklist-taken{color:var(--text-dim);text-decoration:line-through}.medication-checklist-link{color:var(--primary)}.med-row{flex-wrap:wrap}.med-info{align-items:baseline;gap:var(--space-4);min-width:140px;display:flex}.med-name{flex:none;font-weight:600}.med-dosage{font-size:var(--font-size-base);color:var(--text-dim)}.med-doses{gap:var(--space-3);flex-wrap:wrap;flex:1;display:flex}.dose-chip{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-2) 11px;font-size:var(--font-size-base);color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;transition:background .15s,border-color .15s,color .15s}.dose-chip:hover{border-color:var(--primary)}.dose-chip-taken{background:color-mix(in srgb, var(--green) 18%, transparent);border-color:var(--green);color:var(--green)}.med-edit-form{flex-wrap:wrap}.med-error{font-size:var(--font-size-base);color:var(--red);margin:-4px 0 var(--space-5)}.med-quantity{font-size:var(--font-size-base);color:var(--text-dim)}.med-low-supply{font-size:var(--font-size-base);color:var(--red);font-weight:600}.med-refill-input{max-width:160px}.med-time-editor{gap:var(--space-3);flex-direction:column;flex:100%;display:flex}.med-time-chips{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.med-time-chip{align-items:center;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border);padding:var(--space-2) var(--space-3) var(--space-2) 11px;font-size:var(--font-size-base);color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;display:inline-flex}.med-time-chip button{color:var(--text-dim);cursor:pointer;font-size:var(--font-size-sm);background:0 0;border:none;border-radius:50%;padding:3px;line-height:1}.med-time-chip button:hover{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.med-time-add{align-items:center;gap:var(--space-3);display:inline-flex}.task-row{flex-direction:column;align-items:stretch}.task-row-main{align-items:center;gap:var(--space-5);display:flex}.subtask-toggle{border:1px solid var(--border);font-size:var(--font-size-sm);color:var(--text-dim);white-space:nowrap;background:0 0;border-radius:999px;padding:3px 9px}.subtask-toggle:hover{border-color:var(--primary);color:var(--text)}.recur-chip{font-size:var(--font-size-md)}.recurrence-interval{text-align:center;width:56px}.weekday-toggle-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.subtask-block{margin:var(--space-5) 0 var(--space-1) 34px;gap:var(--space-3);flex-direction:column;display:flex}.subtask-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.subtask-row{align-items:center;gap:var(--space-4);display:flex}.subtask-check{border:2px solid var(--primary);width:18px;min-width:18px;height:18px;color:var(--bg);font-size:var(--font-size-xs);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.subtask-done .subtask-check{background:var(--green);border-color:var(--green);color:var(--bg)}.subtask-title{font-size:var(--font-size-md);flex:1}.subtask-done .subtask-title{opacity:.5;text-decoration:line-through}.subtask-delete{color:var(--text-dim);font-size:var(--font-size-base);padding:var(--space-1) var(--space-2);opacity:0;background:0 0;transition:opacity .15s}.subtask-row:hover .subtask-delete{opacity:1}.subtask-delete:hover{color:var(--red)}.subtask-add-form .add-input{font-size:var(--font-size-md);padding:var(--space-3) var(--space-5)}.pet-badge{background:var(--bg-card);border:1px solid var(--border);width:24px;height:24px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;left:-6px}.stats-grid{gap:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-8);text-align:center}.stat-value{font-size:var(--font-size-7xl);color:var(--primary);font-weight:800}.stat-value-text{font-size:var(--font-size-3xl)}.stat-label{margin-top:var(--space-2);font-size:var(--font-size-base);color:var(--text-dim)}.weekday-chart{align-items:flex-end;gap:var(--space-5);height:140px;padding-top:var(--space-5);display:flex}.weekday-chart-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.weekday-chart-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.weekday-chart-bar{background:var(--primary);border-radius:4px 4px 0 0;width:100%;min-height:2px}.weekday-chart-bar-risk{background:var(--red)}.slip-trend-habit-list{margin-bottom:var(--space-5)}.slip-trend-habit-row{flex-direction:column;gap:2px;display:flex}.slip-trend-fill{background:var(--red)}.friend-activity-row{align-items:center;gap:var(--space-4);display:flex}.friend-activity-body{flex-direction:column;flex:1;gap:2px;display:flex}.friend-activity-time{font-size:var(--font-size-sm);color:var(--text-dim)}.friend-activity-cheer{padding:var(--space-2);color:var(--text-dim)}.friend-activity-cheer:hover:not(:disabled){color:var(--red)}.friend-activity-cheered{color:var(--red);opacity:1}.slip-trend-weekday-heading{font-size:var(--font-size-base);color:var(--text-dim);margin:0 0 var(--space-2)}.weekday-chart-label{margin-top:var(--space-3);font-size:var(--font-size-base);color:var(--text-dim)}.weekly-challenge-chart{height:84px;margin-top:var(--space-6)}.weekly-challenge-best-day{margin:var(--space-5) 0 0;font-size:var(--font-size-base);color:var(--text-dim);text-align:center}.week-calendar-widget{flex-direction:column;flex:1;display:flex}.week-calendar-widget-grid{gap:var(--space-3);grid-template-columns:repeat(7,minmax(0,1fr));margin-top:auto;margin-bottom:auto;display:grid}.week-calendar-widget-cell{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-1);border-radius:var(--radius-sm);background:var(--bg-elev);border:1px solid var(--border);color:var(--text);flex-direction:column;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.week-calendar-widget-cell:hover{border-color:var(--primary-dim)}.week-calendar-widget-today{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, transparent)}.week-calendar-widget-dow{font-size:var(--font-size-sm);color:var(--text-dim)}.week-calendar-widget-day{font-size:var(--font-size-lg);font-weight:700}.week-calendar-widget-dot{background:var(--primary);border-radius:50%;width:5px;height:5px;min-height:5px}.deadline-widget-select{width:100%}.deadline-widget-body{margin-top:var(--space-6);text-align:center}.deadline-widget-title{margin:0 0 var(--space-2);font-size:var(--font-size-md);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deadline-widget-countdown{font-size:var(--font-size-4xl);margin:0;font-weight:800}.guild-widget-groups{gap:var(--space-7);flex-direction:column;display:flex}.guild-widget-group-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--font-size-md);font-weight:600;display:flex}.guild-boss{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);flex-direction:column;display:flex}.guild-boss-header{align-items:center;gap:var(--space-4);font-size:var(--font-size-md);color:var(--gold);font-weight:600;display:flex}.guild-boss-victory{align-items:center;gap:var(--space-3);background:color-mix(in srgb, var(--gold) 14%, transparent);border:1px solid var(--gold);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);color:var(--gold);font-weight:600;display:flex}.guild-boss-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guild-boss-contributions{margin:var(--space-1) 0 0;flex-direction:column;gap:3px;padding:0;list-style:none;display:flex}.guild-boss-contribution{justify-content:space-between;gap:var(--space-4);font-size:var(--font-size-base);color:var(--text-dim);display:flex}.party-challenge-section{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);flex-direction:column;display:flex}.party-challenge-row{gap:var(--space-3)}.party-challenge-prize{color:var(--gold);font-weight:600}.party-challenge-participant{flex-direction:column;gap:2px;display:flex}.party-challenge-participant-row{justify-content:space-between;gap:var(--space-4);font-size:var(--font-size-base);color:var(--text-dim);display:flex}.party-challenge-friend-picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.party-challenge-friend-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);padding:4px var(--space-4);font-size:var(--font-size-base);cursor:pointer;border-radius:999px;transition:all .15s}.party-challenge-friend-chip:hover:not(.active){border-color:var(--primary-dim);color:var(--text)}.party-challenge-friend-chip.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--text)}.guild-boss-penalty-hint{font-size:var(--font-size-base);color:var(--red)}.guild-boss-claim{margin-top:var(--space-2);font-size:var(--font-size-base);padding:7px var(--space-6)}.guild-boss-loading{padding:var(--space-4) 0}.stats-insight{margin:var(--space-7) 0 0;font-size:var(--font-size-md);color:var(--text-dim);text-align:center}.skill-radar-card{text-align:center;flex-direction:column;align-items:center;display:flex}.skill-radar-subtitle,.skill-radar-empty{color:var(--text-dim);font-size:var(--font-size-md);margin:0 0 var(--space-4)}.skill-radar-svg{width:100%;max-width:420px;height:auto;overflow:visible}.skill-radar-grid-ring{fill:none;stroke:var(--border);stroke-width:1px}.skill-radar-axis{stroke:var(--border);stroke-width:1px}.skill-radar-shape{fill:color-mix(in srgb, var(--primary) 12%, transparent);stroke:var(--primary);stroke-width:2px;stroke-linejoin:round}.skill-radar-point{fill:var(--primary);stroke:var(--bg-card);stroke-width:2px}.skill-radar-label{fill:var(--text-dim);font-size:var(--font-size-sm);font-weight:600}.shop-balance{font-weight:700;font-size:var(--font-size-xl)}.shop-section h2{margin:0 0 var(--space-6);font-size:var(--font-size-2xl)}.shop-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.shop-item-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-7);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;transition:border-color .15s;display:flex}.shop-item-card.shop-item-equipped{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.shop-item-icon{font-size:var(--font-size-8xl)}.shop-item-name{font-size:var(--font-size-md);flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.shop-item-price{font-size:var(--font-size-base);color:var(--gold)}.shop-item-btn{width:100%;font-size:var(--font-size-base);padding:var(--space-3) var(--space-5)}.custom-reward-card{position:relative}.custom-reward-actions{top:var(--space-2);right:var(--space-2);gap:2px;display:flex;position:absolute}.custom-reward-icon{line-height:1}.custom-reward-history{font-size:var(--font-size-sm);color:var(--text-dim)}.editor-layout{gap:var(--space-10);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.stage-card{justify-content:center;align-items:center;display:flex}.stage{border-radius:var(--radius-sm);background:var(--bg-elev);border:1px solid var(--border);width:100%;min-height:320px;padding:var(--space-9) 0;justify-content:center;align-items:center;display:flex}.editor-col{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.section-head{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.section-hint{font-size:var(--font-size-sm);color:var(--text-dim)}.hair-grid{gap:var(--space-5);grid-template-columns:repeat(5,1fr);display:grid}.hair-tile{align-items:center;gap:var(--space-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-2);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}.hair-tile:hover:not(.hair-tile-selected){border-color:var(--primary-dim)}.hair-tile-selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.hair-tile-label{font-size:var(--font-size-sm);color:var(--text-dim);font-weight:600}.swatch-row{gap:var(--space-5);flex-wrap:wrap;display:flex}.swatch{width:28px;height:28px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border:2px solid #0000;border-radius:50%;padding:0;transition:box-shadow .15s,transform .15s}.swatch:hover:not(.swatch-selected){box-shadow:0 0 0 1px var(--primary-dim);transform:scale(1.1)}.swatch-selected{border-color:var(--bg-card);box-shadow:0 0 0 2px var(--text)}.two-up{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.editor-layout,.two-up{grid-template-columns:minmax(0,1fr)}}.task-filters{align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.task-search{flex:200px}.filter-chips{gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-chip{border:1px solid var(--border);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);color:var(--text-dim);white-space:nowrap;background:0 0;border-radius:999px}.filter-chip:hover{border-color:var(--primary);color:var(--text)}.filter-chip-active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.active-filters-bar{align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);padding:var(--space-4) var(--space-6);background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.active-filters-title{font-size:var(--font-size-sm);color:var(--text-dim)}.active-filters-reset{color:var(--primary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:0}.active-filters-reset:hover{text-decoration:underline}.reminder-chip{font-size:var(--font-size-base);color:var(--text-dim);white-space:nowrap}.digest-settings{position:relative}.digest-popover{z-index:40;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-7);gap:var(--space-5);flex-direction:column;min-width:220px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000059}.digest-row{justify-content:space-between;align-items:center;gap:var(--space-5);font-size:var(--font-size-md);display:flex}.friend-add-form{gap:var(--space-5);flex-wrap:wrap;display:flex}.friend-add-form .add-input{flex:120px;min-width:0}.friend-request-row{justify-content:space-between;align-items:center;gap:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-7);display:flex}.friend-request-actions{gap:var(--space-4);display:flex}.leaderboard-list{gap:var(--space-3)}.leaderboard-row{align-items:center;gap:var(--space-7);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-7);display:flex}.leaderboard-row-you{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.leaderboard-rank{text-align:center;width:28px;font-size:var(--font-size-xl);justify-content:center;align-items:center;display:inline-flex}.medal-rank-1{color:var(--gold)}.medal-rank-2{color:var(--text-dim)}.medal-rank-3{color:var(--primary-dim)}.leaderboard-name{flex:1;font-weight:600}.leaderboard-stat{font-size:var(--font-size-md);color:var(--text-dim);white-space:nowrap}.leaderboard-remove,.leaderboard-challenge{padding:var(--space-2) var(--space-5)}.challenge-row{gap:var(--space-3);padding:var(--space-5) var(--space-6);flex-direction:column;display:flex}.challenge-row-header{justify-content:space-between;align-items:center;font-weight:600;display:flex}.challenge-status{font-size:var(--font-size-base);color:var(--text-dim);font-weight:500}.challenge-bar{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.challenge-bar-mine{background:var(--gold);height:100%;transition:width .4s}.challenge-stats{font-size:var(--font-size-base);color:var(--text-dim);justify-content:space-between;display:flex}.suggestion-chips{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.suggestion-chip{background:var(--bg-elev);border:1px dashed var(--border);color:var(--text-dim);padding:var(--space-3) var(--space-7);font-size:var(--font-size-base);border-radius:999px;transition:border-color .15s,color .15s}.suggestion-chip:hover{border-color:var(--primary);color:var(--text);border-style:solid}.today-strip{gap:var(--space-5);margin-bottom:var(--space-9);flex-wrap:wrap;display:flex}.today-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:130px;padding:var(--space-6) var(--space-8);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.today-stat-value{font-size:var(--font-size-4xl);font-weight:800}.today-stat-label{font-size:var(--font-size-base);color:var(--text-dim)}.today-stat-link{text-decoration:none;transition:border-color .15s}.time-budget-tile{position:relative}.time-budget-trigger{gap:var(--space-1);text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.today-stat-overloaded{color:var(--red)}.today-stat-link:hover{border-color:var(--primary)}.today-stat-progress{background:var(--bg);border:1px solid var(--border);height:4px;margin-top:var(--space-2);border-radius:999px;overflow:hidden}.today-stat-progress-fill{background:var(--primary);height:100%;transition:width .4s}.btn-danger{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red);border:1px solid color-mix(in srgb, var(--red) 40%, transparent)}.btn-danger:hover{background:color-mix(in srgb, var(--red) 25%, transparent)}.danger-zone{border-color:color-mix(in srgb, var(--red) 30%, transparent)}.danger-zone-text{color:var(--text-dim);font-size:var(--font-size-md);line-height:1.5}.danger-zone-form{gap:var(--space-5);flex-direction:column;max-width:340px;display:flex}.danger-zone-actions{gap:var(--space-5);display:flex}.topbar-menu{margin-left:auto;position:relative}.topbar-menu-backdrop{background:var(--overlay);z-index:90;animation:.15s topbar-menu-fade-in;position:fixed;inset:0}.topbar-menu-panel{z-index:91;background:var(--bg-elev);border-left:1px solid var(--border);width:300px;max-width:85vw;padding:var(--space-9) var(--space-7);gap:var(--space-2);flex-direction:column;animation:.2s topbar-menu-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 50px -20px #0009}@keyframes topbar-menu-fade-in{0%{opacity:0}}@keyframes topbar-menu-slide-in{0%{transform:translate(100%)}}.topbar-menu-section{gap:var(--space-1);margin-bottom:var(--space-5);flex-direction:column;display:flex}.topbar-menu-section-title{padding:var(--space-4) var(--space-6) var(--space-2);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:700}.topbar-menu-link{padding:var(--space-5) var(--space-6);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-size-lg);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit;text-decoration:none;display:block}.topbar-menu-link:hover{background:var(--bg-card)}.topbar-menu-divider{background:var(--border);height:1px;margin:var(--space-3) var(--space-2)}.topbar-menu-logout{color:var(--red)}.topbar-menu-trigger-label,.mobile-tab-bar,.mobile-dashboard-header,.quick-add-fab{display:none}@media (width<=640px){.mobile-tab-bar{left:var(--space-8);right:var(--space-8);bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px));z-index:60;background:var(--glass-elev);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--border);border-top-color:var(--glass-highlight);border-radius:var(--radius);padding:var(--space-4) var(--space-2);box-shadow:var(--shadow-md);display:flex;position:fixed}.mobile-tab{align-items:center;gap:var(--space-2);min-height:44px;color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;text-decoration:none;display:flex}.mobile-tab-active{color:var(--primary)}.mobile-tab-label{font-size:var(--font-size-sm);font-weight:700}.mobile-tab-bar .topbar-menu{flex:1;display:flex}.mobile-tab-bar .topbar-menu button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;color:var(--text-dim);background:0 0;border:none;flex-direction:column;flex:1;padding:0;display:flex}.mobile-tab-bar .topbar-menu-trigger-label{font-size:var(--font-size-sm);font-weight:700;display:block}.topbar-desktop-dense{display:none}.mobile-dashboard-header{gap:var(--space-5);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-8) var(--space-7);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.mobile-dashboard-greeting{font-size:var(--font-size-6xl);font-weight:800}.mobile-dashboard-chips{gap:var(--space-4);display:flex}.mobile-dashboard-chip{align-items:center;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);color:var(--text);border-radius:999px;font-weight:700;display:flex}.mobile-dashboard-chip-streak{color:var(--primary)}.mobile-dashboard-chip-gold{color:var(--gold)}.dashboard{padding-left:var(--space-5);padding-right:var(--space-5);padding-bottom:96px}.card{padding:var(--space-6)}.quick-add-fab{right:var(--space-9);bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:61;background:var(--primary);width:56px;height:56px;color:var(--bg);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 10px 24px -8px #00000080}}.quick-add-scrim{background:var(--overlay);z-index:70;align-items:flex-end;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}.quick-add-sheet{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;padding:var(--space-6) var(--space-8) calc(var(--space-9) + env(safe-area-inset-bottom,0px));gap:var(--space-6);border-bottom:none;flex-direction:column;display:flex}.quick-add-grabber{background:var(--border);border-radius:999px;align-self:center;width:36px;height:4px}.quick-add-title{font-size:var(--font-size-3xl);font-weight:800}.quick-add-input{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-7);color:var(--text);font-size:var(--font-size-xl);outline:none;font-family:inherit}.quick-add-input:focus{border-color:var(--primary)}.quick-add-more-toggle{align-items:center;gap:var(--space-3);text-align:left;font-size:var(--font-size-base);color:var(--text-dim);background:0 0;border:none;padding:0;font-weight:700;display:flex}.quick-add-difficulty-row{gap:var(--space-4);display:flex}.quick-add-difficulty-chip{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-5);color:var(--text-dim);font-size:var(--font-size-base);flex:1;font-weight:700}.quick-add-difficulty-chip-active{border-color:var(--primary);color:var(--text)}.quick-add-actions{gap:var(--space-5);display:flex}.quick-add-actions .btn{padding:var(--space-6);flex:1}@media (width<=640px){.topbar{padding:var(--space-5) var(--space-7);gap:var(--space-5)}.xp-block{flex-basis:100%;order:10;min-width:0}.med-edit-form{flex-direction:column;align-items:stretch}.med-edit-form .add-input,.med-time-editor{flex-basis:auto}.med-refill-input{max-width:none}.item-row,.task-row-main{flex-wrap:wrap}.item-title{flex:140px}.list-card-header{flex-wrap:wrap}.list-card-header-actions{flex-wrap:wrap;width:100%}.list-card-header-actions .btn{flex:auto}.leaderboard-row{row-gap:var(--space-4);flex-wrap:wrap}.leaderboard-name{flex-basis:100%}}.journal-prompt-card{gap:var(--space-5);flex-direction:column;display:flex}.journal-subtitle{font-size:var(--font-size-md);color:var(--text-dim);margin:-4px 0 0}.journal-form{gap:var(--space-5);flex-direction:column;display:flex}.journal-textarea{resize:vertical;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:90px;padding:var(--space-5) var(--space-6);color:var(--text);font-family:inherit;font-size:var(--font-size-lg);outline:none;transition:border-color .15s,box-shadow .15s}.journal-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.journal-form-footer{justify-content:flex-end;align-items:center;gap:var(--space-6);display:flex}.journal-saved-hint{font-size:var(--font-size-base);color:var(--green)}.journal-list{gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.journal-entry-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-7)}.journal-entry-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.journal-entry-date{font-size:var(--font-size-base);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.journal-entry-title-group{align-items:center;gap:var(--space-4);display:flex}.note-source-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.02em;color:var(--primary);border:1px solid var(--primary-dim);padding:var(--space-1) var(--space-4);border-radius:999px;font-weight:700}.journal-entry-content{font-size:var(--font-size-lg);white-space:pre-wrap;margin:0;line-height:1.5}.account-settings-row{gap:var(--space-8);flex-wrap:wrap;display:flex}.account-settings-label{gap:var(--space-3);font-size:var(--font-size-md);color:var(--text-dim);flex-direction:column;min-width:180px;display:flex}.account-settings-select{cursor:pointer}.account-settings-checkbox{align-items:center;gap:var(--space-4);font-size:var(--font-size-md);color:var(--text-dim);margin-top:var(--space-6);cursor:pointer;display:flex}.notes-row-actions{gap:var(--space-3);display:flex}.rich-text-link{color:var(--accent);text-underline-offset:2px;word-break:break-word;text-decoration:underline}.rich-text-link:hover{color:var(--primary)}.linkable-textarea{position:relative}.link-insert{position:absolute;top:8px;right:8px}.link-insert-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:30px;height:30px;color:var(--text-dim);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.link-insert-btn:hover{color:var(--accent);border-color:var(--accent)}.link-insert-popover-overlay{background:var(--overlay);z-index:110;padding:var(--space-9);justify-content:center;align-items:center;animation:.15s overlay-fade-in;display:flex;position:fixed;inset:0}.link-insert-popover{gap:var(--space-6);flex-direction:column;width:100%;max-width:340px;animation:.18s modal-in;display:flex}.link-insert-field{gap:var(--space-3);font-size:var(--font-size-md);color:var(--text-dim);flex-direction:column;display:flex}.link-insert-actions{justify-content:flex-end;gap:var(--space-5);display:flex}.onboarding-overlay{background:var(--overlay);z-index:100;padding:var(--space-9);justify-content:center;align-items:center;animation:.15s overlay-fade-in;display:flex;position:fixed;inset:0}.onboarding-card{text-align:center;align-items:center;gap:var(--space-7);width:100%;max-width:420px;box-shadow:var(--shadow-md);flex-direction:column;animation:.18s modal-in;display:flex}.onboarding-icon{font-size:var(--font-size-hero);line-height:1}.onboarding-title{margin:0}.onboarding-body{color:var(--text-dim);font-size:var(--font-size-lg);margin:0;line-height:1.5}.onboarding-dots{gap:var(--space-3);display:flex}.onboarding-dot{background:var(--border);border-radius:50%;width:7px;height:7px}.onboarding-dot-active{background:var(--primary)}.onboarding-footer{justify-content:space-between;align-items:center;gap:var(--space-6);width:100%;margin-top:var(--space-2);display:flex}.tour-overlay{z-index:200;position:fixed;inset:0}.tour-dim-bg{background:var(--overlay);position:fixed;inset:0}.tour-spotlight{box-shadow:0 0 0 9999px var(--overlay), 0 0 0 2px var(--primary);pointer-events:none;border-radius:14px;transition:top .25s,left .25s,width .25s,height .25s;position:fixed}.tour-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);gap:var(--space-5);flex-direction:column;padding:18px;display:flex;position:fixed}.tour-progress-track{background:var(--border);border-radius:999px;height:4px;overflow:hidden}.tour-progress-fill{background:var(--primary);height:100%;transition:width .2s}.tour-tooltip-title{font-size:var(--font-size-2xl);margin:0}.tour-tooltip-body{color:var(--text-dim);font-size:var(--font-size-md);margin:0;line-height:1.5}.tour-tooltip-footer{justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-2);display:flex}.tour-tooltip-nav{gap:var(--space-4);display:flex}.template-picker-overlay{background:var(--overlay);z-index:100;padding:var(--space-9);justify-content:center;align-items:center;animation:.15s overlay-fade-in;display:flex;position:fixed;inset:0}.template-picker-card{width:100%;max-width:560px;max-height:80vh;box-shadow:var(--shadow-md);animation:.18s modal-in;overflow-y:auto}.focus-mode-card{width:100%;max-width:380px;box-shadow:var(--shadow-md);align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;animation:.18s modal-in;display:flex;position:relative}.focus-mode-exit{top:var(--space-5);right:var(--space-5);padding:var(--space-3);position:absolute}.focus-mode-title{font-size:var(--font-size-xl);margin-top:var(--space-3);font-weight:700}.focus-mode-first-step{align-items:center;gap:var(--space-3);color:var(--gold);font-size:var(--font-size-md);display:flex}.focus-mode-duration-row{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.focus-mode-timer{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.focus-mode-time{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800}.focus-mode-done{color:var(--green);font-weight:700}.telegram-role-block{border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-5)}.telegram-role-block h3{margin:0 0 var(--space-2)}.feedback-textarea{resize:vertical;width:100%;margin-bottom:var(--space-5);font-family:inherit}.template-picker-header{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.template-picker-header h2{margin:0}.template-picker-subtitle{margin:var(--space-3) 0 var(--space-8);color:var(--text-dim);font-size:var(--font-size-md)}.template-picker-body{flex-direction:column;gap:18px;display:flex}.shortcuts-list{margin:var(--space-3) 0 0;gap:var(--space-5);flex-direction:column;padding:0;list-style:none;display:flex}.shortcuts-list li{align-items:center;gap:var(--space-5);display:flex}.shortcuts-list kbd{text-align:center;border-radius:var(--radius-sm);background:var(--bg-elev);border:1px solid var(--border);min-width:1.75rem;font-family:inherit;font-size:var(--font-size-sm);padding:2px 8px}.template-category-title{margin:0 0 var(--space-4);font-size:var(--font-size-lg)}.template-items{gap:var(--space-4);flex-wrap:wrap;display:flex}.suggestion-chip-added{border-style:solid;border-color:var(--green);color:var(--green)}.calendar-export-webcal-link{text-align:center;font-size:var(--font-size-base);color:var(--text-dim);margin-top:var(--space-5);display:block}.calendar-export-webcal-link:hover{color:var(--accent)}.share-card-modal{align-items:center;gap:var(--space-8);flex-direction:column;width:100%;max-width:380px;display:flex}.share-card{width:100%;padding:var(--space-13) var(--space-11);border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--primary);box-shadow:var(--shadow-md);text-align:center}.share-card-title{margin:var(--space-5) 0 var(--space-1);font-size:var(--font-size-5xl)}.share-card-subtitle{margin:0 0 var(--space-9);color:var(--text-dim);font-size:var(--font-size-md)}.share-card-stats{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.share-card-stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-5)}.share-card-stat-value{font-size:var(--font-size-4xl);color:var(--primary);font-weight:800}.share-card-stat-label{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-dim)}.share-card-footer{margin-top:var(--space-9);font-size:var(--font-size-sm);color:var(--text-dim);letter-spacing:.04em}.share-card-actions{width:100%}.finance-layout{gap:var(--space-10);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.finance-main{gap:var(--space-10);flex-direction:column;min-width:0;display:flex}.finance-insights{min-width:0;position:sticky;top:88px}@media (width<=980px){.finance-layout{grid-template-columns:minmax(0,1fr)}.finance-insights{position:static}}.finance-form{gap:var(--space-5);flex-direction:column;display:flex}.finance-form-row{gap:var(--space-5);flex-wrap:wrap;display:flex}.finance-type-toggle{gap:var(--space-3);display:flex}.finance-input-amount{flex:0 140px}.budget-row-edit .finance-input-amount{flex:0 100px}.finance-entry-date{font-size:var(--font-size-base);color:var(--text-dim);letter-spacing:.02em;font-weight:700}.finance-io-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.finance-file-input{display:none}.finance-amount{font-size:var(--font-size-xl);margin:0;font-weight:700}.finance-amount-income{color:var(--green)}.finance-amount-expense{color:var(--red)}.finance-summary-balance{margin:0 0 var(--space-6);font-size:var(--font-size-6xl);font-weight:800}.finance-summary-row{gap:var(--space-6);display:flex}.finance-summary-stat{gap:var(--space-1);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);flex-direction:column;flex:1;display:flex}.finance-summary-label{font-size:var(--font-size-sm);color:var(--text-dim)}.finance-summary-upcoming{margin:var(--space-5) 0 0;font-size:var(--font-size-base);color:var(--text-dim)}.budget-list{gap:var(--space-7);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.budget-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-7)}.budget-row-header{font-size:var(--font-size-md);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.budget-row-amounts{color:var(--text-dim)}.budget-bar{background:var(--bg);height:8px;margin-bottom:var(--space-5);border-radius:4px;overflow:hidden}.budget-bar-fill{background:var(--green);border-radius:4px;height:100%;transition:width .3s}.budget-bar-fill-warn{background:var(--gold)}.budget-bar-fill-over{background:var(--red)}.budget-bar-fill-goal-done{background:var(--gold)}.budget-row-edit{gap:var(--space-4);align-items:center;display:flex}.finance-category-chart{gap:var(--space-5);flex-direction:column;display:flex}.finance-category-row{align-items:center;gap:var(--space-5);font-size:var(--font-size-md);grid-template-columns:130px 1fr auto;display:grid}.finance-category-bar-track{background:var(--bg);border-radius:5px;height:10px;overflow:hidden}.finance-category-bar{background:var(--primary);border-radius:5px;height:100%}.finance-category-amount{color:var(--text-dim);text-align:right}.finance-trend-chart{align-items:flex-end;gap:var(--space-5);height:140px;padding-top:var(--space-5);display:flex}.finance-trend-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.finance-trend-bars{flex:1;align-items:flex-end;gap:3px;width:100%;display:flex}.finance-trend-bar-track{flex:1;align-items:flex-end;height:100%;display:flex}.finance-trend-bar{border-radius:3px 3px 0 0;width:100%;min-height:2px}.finance-trend-bar-income{background:var(--green)}.finance-trend-bar-expense{background:var(--red)}.finance-trend-label{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--text-dim)}.landing{max-width:1080px;padding:var(--space-11) var(--space-11) 0;flex-direction:column;gap:64px;margin:0 auto;display:flex}.landing-header{padding:var(--space-4) 0;justify-content:space-between;align-items:center;display:flex}.landing-logo{font-size:var(--font-size-4xl);font-weight:700}.landing-nav{gap:var(--space-5);display:flex}.landing-hero{border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:48px;display:flex;position:relative;overflow:hidden}.landing-hero-copy{z-index:1;flex:380px;min-width:280px;position:relative}.landing-hero-title{margin:0 0 var(--space-8);font-size:34px;line-height:1.25}.landing-hero-tagline{font-size:var(--font-size-2xl);color:var(--text-dim);margin:0 0 var(--space-11);max-width:480px;line-height:1.6}.landing-hero-actions{gap:var(--space-6);flex-wrap:wrap;display:flex}.landing-cta{padding:var(--space-6) var(--space-10);font-size:var(--font-size-xl)}.landing-mockup{z-index:1;flex:320px;justify-content:center;min-width:280px;display:flex;position:relative}.landing-mockup-card{gap:var(--space-7);flex-direction:column;width:100%;max-width:360px;display:flex}.landing-mockup-row{align-items:center;gap:var(--space-5);display:flex}.landing-mockup-pet{font-size:var(--font-size-7xl)}.landing-mockup-xp-track{background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;flex:1;height:8px;overflow:hidden}.landing-mockup-xp-fill{background:var(--primary);width:62%;height:100%}.landing-mockup-level{font-size:var(--font-size-md);color:var(--text-dim);white-space:nowrap;font-weight:700}.landing-mockup-task{align-items:center;gap:var(--space-5);font-size:var(--font-size-lg);display:flex}.landing-mockup-check{text-align:center;width:20px;color:var(--text-dim)}.landing-mockup-check-done{color:var(--green)}.landing-mockup-task-title{flex:1}.landing-mockup-task-done{color:var(--text-dim);text-decoration:line-through}.landing-mockup-xp-tag{font-size:var(--font-size-base);color:var(--gold);font-weight:700}.landing-mockup-streak{margin-top:var(--space-2);font-size:var(--font-size-md);color:var(--text-dim);border-top:1px solid var(--border);padding-top:var(--space-6)}.landing-section{gap:var(--space-9);flex-direction:column;display:flex}.landing-section-title{text-align:center;font-size:var(--font-size-5xl);text-transform:none;letter-spacing:normal;color:var(--text)}.landing-steps{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.landing-step{text-align:center}.landing-step-icon{font-size:var(--font-size-7xl);margin-bottom:var(--space-4)}.landing-step-title{font-size:var(--font-size-2xl);margin:0 0 var(--space-3)}.landing-step-body{font-size:var(--font-size-md);color:var(--text-dim);margin:0;line-height:1.5}.landing-feature-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.landing-feature-card{padding:18px}.landing-feature-icon{font-size:var(--font-size-6xl);margin-bottom:var(--space-3)}.landing-feature-title{font-size:var(--font-size-xl);margin:0 0 var(--space-3)}.landing-feature-body{font-size:var(--font-size-md);color:var(--text-dim);margin:0;line-height:1.5}.landing-section-cta{padding-bottom:var(--space-4)}.landing-final-cta{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;padding:40px;display:flex}.landing-final-cta-body{color:var(--text-dim);margin:0}.landing-footer{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-11) 0 var(--space-13);border-top:1px solid var(--border);color:var(--text-dim);font-size:var(--font-size-md);flex-wrap:wrap;display:flex}.landing-footer-links{gap:var(--space-8);display:flex}.landing-footer-links a{color:var(--text-dim)}.landing-footer-links a:hover{color:var(--text)}@media (width<=640px){.landing-hero-title{font-size:var(--font-size-6xl)}}.notes-preview-list{gap:var(--space-4);flex-direction:column;display:flex}.notes-preview-item{align-items:center;gap:var(--space-4);color:var(--text-dim);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.notes-preview-item:last-child{border-bottom:none}.notes-preview-title{color:var(--text);font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notes-preview-quick-add{gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.notes-preview-quick-add input{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:var(--space-4) var(--space-5);color:var(--text);font-size:var(--font-size-md);flex:1}.notes-preview-quick-add input:focus{border-color:var(--primary);outline:none}.shop-preview-list{gap:var(--space-4);flex-direction:column;display:flex}.shop-preview-item{align-items:center;gap:var(--space-5);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.shop-preview-item:last-child{border-bottom:none}.shop-preview-name{font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.shop-preview-price{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--gold);white-space:nowrap;font-weight:700;display:flex}.shop-preview-price-locked{color:var(--text-dim)}.quick-links-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.quick-links-item{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text);text-align:center;font-size:var(--font-size-base);flex-direction:column;transition:border-color .15s,transform .15s;display:flex}.quick-links-item:hover{border-color:var(--primary);transform:translateY(-1px)}.quick-links-picker{gap:var(--space-4);flex-direction:column;display:flex}.quick-links-picker-item{align-items:center;gap:var(--space-4);font-size:var(--font-size-md);cursor:pointer;transition:color .15s;display:flex}.quick-links-picker-item:hover{color:var(--primary)}