@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Inter:wght@400;500;600;700;800&family=Quicksand:wght@400;500;600;700&display=swap";.bottom-nav{inset-inline:0;z-index:60;padding:0 12px calc(10px + env(safe-area-inset-bottom,0));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0}.bottom-nav__list{pointer-events:auto;background:var(--surface);border:1px solid var(--border-soft);border-radius:22px;gap:4px;width:min(100%,560px);margin:0;padding:6px;list-style:none;display:flex;box-shadow:inset 0 1px #fff9,0 12px 30px #1a1c1e1a}.bottom-nav__item{flex:1;min-width:0}.bottom-nav__link{min-height:52px;color:var(--text-muted);transition:color var(--trans-base), background var(--trans-base);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;text-decoration:none;display:flex;position:relative}.bottom-nav__link:hover{color:var(--text-primary)}.bottom-nav__link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.bottom-nav__link:active{transform:scale(.97)}.bottom-nav__link--active{color:var(--brand-primary);background:var(--brand-primary-soft)}.bottom-nav__icon{justify-content:center;align-items:center;width:24px;height:24px;line-height:0;display:inline-flex;position:relative}.bottom-nav__icon svg{width:22px;height:22px;display:block}.bottom-nav__badge{background:var(--reward-celebrate);color:#fff;border:2px solid var(--surface);box-sizing:content-box;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-10px}.bottom-nav__label{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.7rem;font-weight:600;line-height:1;overflow:hidden}:root[data-theme=dark] .bottom-nav__list{box-shadow:inset 0 1px #f0ebe00a,0 12px 30px #00000059}@media (width<=380px){.bottom-nav{padding-inline:8px}.bottom-nav__list{gap:2px;padding:4px}.bottom-nav__link{min-height:48px;padding:6px 2px}.bottom-nav__label{font-size:.62rem}}.create-join-profile-page{justify-content:center;align-items:center;min-height:100dvh;padding:28px 20px;display:flex}.create-join-profile-shell{flex-direction:column;gap:20px;width:min(100%,520px);display:flex}.create-join-profile-brand{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.create-join-profile-kicker{color:var(--clr-text-faint);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:700}.create-join-profile-title{font-family:var(--font-serif);font-size:clamp(1.8rem,6vw,2.4rem);font-weight:400;line-height:1}.create-join-profile-lead{color:var(--clr-text-muted);max-width:380px;font-size:.92rem}.create-join-profile-card{flex-direction:column;padding:22px;display:flex}.create-join-profile-checkbox{cursor:pointer;color:var(--clr-text);align-items:center;gap:10px;font-size:.92rem;display:inline-flex}.create-join-profile-checkbox input{width:18px;height:18px;accent-color:var(--clr-nav)}.create-join-profile-error{color:var(--clr-danger);margin-top:12px;font-size:.85rem}.profile-picker-page{justify-content:center;align-items:center;min-height:100dvh;padding:28px 20px;display:flex}.profile-picker-shell{flex-direction:column;gap:24px;width:min(100%,720px);display:flex}.profile-picker-brand{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.profile-picker-brand svg{stroke:#2c3e50;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:84px;height:26px}.profile-picker-kicker{color:var(--clr-text-faint);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:700}.profile-picker-title{font-family:var(--font-serif);font-size:clamp(2rem,6vw,2.8rem);font-weight:400;line-height:.96}.profile-picker-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.profile-pick-card{border:1px solid var(--clr-border);min-height:190px;box-shadow:var(--shadow-clay), var(--shadow-inset);transition:transform var(--trans-base), border-color var(--trans-base), box-shadow var(--trans-base);background:#ffffffbd;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex}.profile-pick-card:hover,.profile-pick-card:focus-visible{box-shadow:var(--shadow-md), var(--shadow-inset);border-color:#2c3e502e;transform:translateY(-2px)}.profile-pick-card:active{transform:scale(.985)}.profile-pick-avatar{object-fit:cover;width:74px;height:74px;box-shadow:var(--shadow-sm);border-radius:999px}.profile-pick-avatar--shadow{color:#fff;background:linear-gradient(135deg,#2c3e50,#a9c1d9);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.profile-pick-name{font-size:.96rem;font-weight:600}.profile-pick-role{color:var(--clr-text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.profile-pick-error{color:var(--clr-danger);font-size:.7rem}.profile-pick-card--new{background:#ffffff8c;border-style:dashed;border-color:#2c3e5038}.profile-pick-new-icon{width:74px;height:74px;color:var(--clr-text-muted);background:linear-gradient(135deg,#2c3e5014,#2c3e500a);border-radius:999px;justify-content:center;align-items:center;font-size:2rem;font-weight:300;line-height:1;display:inline-flex}.quick-add-modal{flex-direction:column;gap:14px;display:flex}.quick-add-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quick-add-meta{flex-wrap:wrap;gap:8px;display:flex}.quick-add-points-badge{color:#fff;background:#d98e73;border-color:#d98e73}.quick-add-summary{background:linear-gradient(#fffffff0,#f5f8fbd6),#ffffffd6}:root[data-theme=dark] .quick-add-summary{background:var(--surface)}.quick-add-self-note{align-items:center;gap:10px;display:flex}.quick-add-self-note p{font-size:var(--text-xs)}.quick-add-empty{text-align:center}.quick-add-empty-action{margin-top:12px}.quick-add-label-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.quick-add-label-row .form-label{margin-bottom:0}.quick-add-tip-wrap{position:relative}.quick-add-tip-btn{width:20px;height:20px;color:var(--clr-text-muted);cursor:pointer;transition:color var(--trans-base);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.quick-add-tip-btn--active,.quick-add-tip-btn:hover{color:var(--clr-text)}.quick-add-tip-btn svg{stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;fill:none;width:16px;height:16px}.quick-add-tip{background:var(--surface-elevated);border:1px solid var(--clr-border);width:230px;box-shadow:var(--shadow-md);color:var(--clr-text-muted);z-index:10;border-radius:12px;padding:10px 12px;font-size:.78rem;line-height:1.5;animation:.14s fadeSlideDown;position:absolute;top:calc(100% + 6px);left:0}.quick-add-tip-link{font-size:inherit;color:var(--clr-orange-light,#d98e73);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;display:inline}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modal-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-title{font-family:var(--font-serif);margin-bottom:0;font-size:clamp(2rem,4vw,2.6rem);font-weight:400;line-height:.96}.modal-points-badge{letter-spacing:.1em;color:#fff;background:#d98e73;border-color:#d98e73;min-height:22px;margin-top:6px;padding:4px 10px;font-size:.56rem;font-weight:700}.modal-desc{margin-top:var(--space-xs);font-size:var(--text-sm);line-height:1.7}.modal-actions{gap:var(--space-sm);display:flex}.modal-confirm-btn{min-height:50px}.modal-cancel-btn{min-height:50px;color:var(--clr-text-muted);box-shadow:none;background:0 0}.modal-cancel-btn:hover,.modal-cancel-btn:focus-visible{color:var(--clr-text);text-underline-offset:3px;text-decoration:underline}.modal-history-card{border:1px solid var(--clr-border);background:#ffffff5c}.modal-history-row{font-size:var(--text-xs)}.modal-history-action{color:var(--clr-danger);padding:4px 8px}.completion-success{padding:var(--space-xl) 0;text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.success-circle{color:#f8fbfd;background:linear-gradient(135deg,#2c3e50f0,#a9c1d9e6);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:800;display:flex;box-shadow:0 22px 36px #2c3e502e}.completion-success h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.6rem);font-weight:400;line-height:.96}.completion-success p{max-width:24rem;color:var(--clr-text-muted);font-size:var(--text-base);line-height:1.7}.modal-performer-select{width:100%;margin-top:6px}.modal-performer-readonly{font-size:var(--text-sm);margin-top:6px}.modal-date-row{align-items:center;gap:10px;margin-top:8px;display:flex}.modal-date-chips{flex:1;min-width:0}.modal-calendar-btn{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:inline-flex}.modal-calendar-glyph{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:22px;height:22px}.modal-date-input-screenreader{opacity:0;z-index:-1;border:0;width:1px;height:1px;margin:0;padding:0;position:fixed;top:0;left:0}@media (width<=640px){.modal-title-row{flex-direction:column;gap:8px}.modal-points-badge{margin-top:0}.modal-actions{flex-direction:column-reverse}.modal-confirm-btn,.modal-cancel-btn{width:100%}}.polysyoppo-banner{border-radius:var(--radius-md,12px);color:inherit;background:radial-gradient(circle at 15% 15%,#ffffffb3,#0000 36%),linear-gradient(#ffffffbd,#ffffff7a);border:1px solid #fff9;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;transition:transform .16s ease-out,box-shadow .16s ease-out;display:flex;box-shadow:0 18px 40px #4a382e14,inset 0 1px #ffffffd1}.polysyoppo-banner:hover,.polysyoppo-banner:focus-visible{transform:translateY(-1px);box-shadow:0 22px 45px #4a382e1a,inset 0 1px #ffffffdb}.polysyoppo-banner--happy{background-color:#f7f1e5}.polysyoppo-banner--neutral{background-color:#f3ede7}.polysyoppo-banner--hungry{background-color:#eee4dd}.polysyoppo-banner--starving{background-color:#e8d9d3}:root[data-theme=dark] .polysyoppo-banner{background:radial-gradient(circle at 15% 15%,#ffffff14,#0000 40%),linear-gradient(#2a2624f2,#201c1aeb);border-color:#ffffff1f;box-shadow:0 12px 28px #00000059,inset 0 1px #ffffff0f}:root[data-theme=dark] .polysyoppo-banner--happy,:root[data-theme=dark] .polysyoppo-banner--neutral,:root[data-theme=dark] .polysyoppo-banner--hungry,:root[data-theme=dark] .polysyoppo-banner--starving{background-color:#0000}.polysyoppo-banner__creature{flex-shrink:0}.polysyoppo-banner__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.polysyoppo-banner__title{color:var(--clr-text);font-size:14px;font-weight:600}.polysyoppo-banner__meta{color:var(--clr-text-muted);font-size:12px}.polysyoppo-banner__arrow{letter-spacing:.06em;text-transform:uppercase;color:var(--clr-orange,#d98e73);font-size:12px;font-weight:700}.parent-home{padding-bottom:32px}.parent-home-cards,.parent-home-section{width:min(100%,700px);margin-inline:auto;padding-inline:20px}.parent-home-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.parent-home-card{border:1px solid var(--clr-border);background:var(--clr-surface);text-align:left;cursor:pointer;transition:transform var(--trans-fast), box-shadow var(--trans-fast);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;display:flex}.parent-home-card:active{transform:scale(.98)}.parent-home-card--needs{background:linear-gradient(135deg,#d4654a1f,#d4654a0d);border-color:#d4654a59}.parent-home-card-count{color:var(--clr-text);font-size:1.6rem;font-weight:800;line-height:1}.parent-home-card--needs .parent-home-card-count{color:var(--clr-danger,#d4654a)}.parent-home-card-label{letter-spacing:.04em;text-transform:uppercase;color:var(--clr-text-muted);font-size:.78rem;font-weight:700}.parent-home-section{margin-top:22px}.parent-home-section-title{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--clr-text-muted);margin:0 0 8px;font-weight:800}.parent-home-list{flex-direction:column;gap:8px;display:flex}.parent-home-row{border:1px solid var(--clr-border);background:var(--clr-surface);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.parent-home-row-info{flex:1;min-width:0}.parent-home-row-name{font-size:var(--text-sm);margin:0;font-weight:700}.parent-home-row-meta{font-size:var(--text-xs);margin:2px 0 0}.parent-home-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.parent-home-actions{flex-wrap:wrap;gap:8px;display:flex}.home-page{min-height:calc(100dvh - 88px);padding-bottom:20px;position:relative}.home-page:before{content:"";pointer-events:none;opacity:var(--wave-opacity,0);transition:opacity .22s;position:fixed;inset:0}.home-page--waves:before{background:radial-gradient(120% 60% at 50% 12%,#a9c1d91f,#0000 58%),radial-gradient(120% 40% at 50% 78%,#8c9a8e14,#0000 62%)}.home-clean-header{padding-top:12px;padding-bottom:4px}.home-clean-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.home-clean-title-block{flex:1;min-width:0}.home-clean-title{width:100%;font-family:var(--font-serif);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,5vw,2.45rem);font-weight:400;line-height:1.05}.home-clean-balance{color:var(--clr-text-muted);margin:6px 0 0;font-size:.95rem}.home-clean-balance strong{color:var(--clr-text);font-weight:800}.home-clean-actions{align-items:center;gap:10px;display:flex}.home-new-task-wrap{right:max(20px,50vw - 330px);bottom:calc(var(--nav-height) + 34px + env(safe-area-inset-bottom,0));z-index:70;align-items:center;gap:10px;display:flex;position:fixed}.home-info-btn{border:1px solid var(--clr-border);background:var(--surface-elevated);width:44px;height:44px;box-shadow:var(--shadow-sm);color:var(--clr-text-muted);transition:transform var(--trans-base), box-shadow var(--trans-base);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home-info-btn:hover,.home-info-btn:focus-visible{color:var(--clr-text);transform:translateY(-1px);box-shadow:0 8px 18px #2d3a3a2e}.home-info-btn svg{stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;fill:none;width:20px;height:20px}.home-new-task-btn{color:#f8fbfd;letter-spacing:.02em;min-height:56px;transition:transform var(--trans-base), border-color var(--trans-base), box-shadow var(--trans-base), filter var(--trans-base);background:#2d3a3a;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:.86rem;font-weight:700;display:inline-flex;box-shadow:0 14px 24px #2d3a3a38}.home-new-task-btn:hover,.home-new-task-btn:focus-visible{filter:saturate(1.03);transform:translateY(-1px);box-shadow:0 18px 30px #2d3a3a47}.home-new-task-btn:active{transform:scale(.99)}.home-clean-profile{border:1px solid var(--clr-border);background:var(--surface-elevated);width:42px;height:42px;box-shadow:var(--shadow-sm), var(--shadow-inset);border-radius:999px;flex-shrink:0;padding:0}.home-clean-profile .avatar{width:100%;height:100%;box-shadow:none}.home-clean-shell{width:min(100%,640px);margin:0 auto}.home-clean-list{flex-direction:column;gap:10px;display:flex}.clean-task-shell{border-radius:20px;max-height:122px;transition:max-height .32s cubic-bezier(.22,1,.36,1),opacity .22s,margin .32s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.clean-task-shell--closing{opacity:0;max-height:0;margin:0}.clean-task-swipe{z-index:0;background:linear-gradient(90deg,#a9c1d914,#8c9a8e2e);border-radius:20px;justify-content:flex-end;align-items:center;gap:10px;padding-right:18px;display:flex;position:absolute;inset:0}.clean-task-swipe-line{background:#2c3e5070;width:22px;height:1px}.clean-task-swipe-text{color:var(--clr-success);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.clean-task-card{z-index:1;text-align:left;touch-action:pan-y;width:100%;min-height:72px;transform:translateX(var(--swipe-offset,0));opacity:calc(1 - (var(--swipe-progress,0) * .18));transition:transform var(--trans-base), opacity var(--trans-fast), box-shadow var(--trans-base), border-color var(--trans-base);border-radius:20px;flex-direction:column;justify-content:center;gap:4px;padding:11px 12px 10px;display:flex;position:relative}.clean-task-card:hover,.clean-task-card:focus-visible{box-shadow:var(--shadow-md), var(--shadow-inset);border-color:#a9c1d96b}.clean-task-card:active{transform:translateX(var(--swipe-offset,0)) scale(.99)}.clean-task-card--saving{pointer-events:none}.clean-task-card--empty{min-height:124px}.clean-task-cat-stripe{opacity:.85;border-radius:4px;width:4px;position:absolute;top:10px;bottom:10px;left:0}.home-empty-state{align-items:flex-start;gap:8px;padding-block:16px 18px}.home-empty-mark{width:34px;height:34px;color:var(--clr-success);background:#a9c1d924;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.home-empty-mark svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:20px;height:20px}.home-empty-title{width:100%}.home-empty-meta{max-width:58ch;padding-left:0}.home-empty-actions{margin-top:10px}.clean-task-main{align-items:center;gap:16px;display:flex}.clean-task-icon{color:var(--clr-nav);background:0 0;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.clean-task-icon svg{stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:22px;height:22px}.clean-task-title{letter-spacing:-.03em;flex:1;min-width:0;font-size:clamp(1.06rem,2.6vw,1.28rem);font-weight:600;line-height:1.06}.clean-task-cat-dot{border-radius:999px;flex-shrink:0;width:9px;height:9px}.clean-task-points-badge{color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#d98e73;border-radius:999px;justify-content:center;align-self:center;align-items:center;min-height:22px;padding:3px 10px;font-size:.66rem;font-weight:700;display:inline-flex}.clean-task-meta{color:var(--clr-text-muted);padding-left:34px;font-size:.68rem;font-weight:400;line-height:1.4}.clean-more-link{color:var(--clr-text-muted);transition:color var(--trans-base), transform var(--trans-base);align-self:flex-start;margin-top:6px;font-size:.8rem;font-weight:600;line-height:1.4}.clean-more-link:hover,.clean-more-link:focus-visible{color:var(--clr-text);transform:translate(2px)}.home-upcoming-section{margin-top:4px}.home-upcoming-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--clr-orange);margin-bottom:8px;font-size:.76rem;font-weight:700}.clean-task-card--upcoming{touch-action:manipulation;opacity:.75}.clean-task-card--upcoming .clean-task-points-badge{background:var(--clr-text-muted)}@media (width<=640px){.home-clean-header{padding-top:8px}.clean-task-shell{max-height:108px}.clean-task-card{min-height:70px;padding:10px 11px 9px}.clean-task-points-badge{font-size:.62rem}}.login-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--clr-text:#1f2937;--clr-text-muted:#5a6472;--clr-text-faint:#8b95a3;--clr-orange:#c8773c;--clr-orange-light:#c8773c;--clr-border:#1f29371a;--clr-border2:#1f293724;min-height:100dvh;color:var(--clr-text);background:radial-gradient(circle at 18% 8%,#ffffff73,#0000 38%),linear-gradient(#e8e3db,#ddd6cc);justify-content:center;align-items:center;padding:32px 18px;display:flex}.login-shell,.login-shell--split{width:min(100%,620px)}.login-panel{box-shadow:var(--shadow-md), var(--shadow-clay);-webkit-backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(#ffffffe0,#ffffffb8),#ffffff6b;border:1px solid #1a1c1e14;border-radius:32px;flex-direction:column;gap:18px;padding:28px;display:flex}.login-brand-col{flex-direction:column;justify-content:center;align-items:stretch;min-width:0;display:flex}.login-form-col{flex-direction:column;min-width:0;display:flex}.login-form-stack{flex-direction:column;gap:16px;width:100%;display:flex}.login-primary{flex-direction:column;gap:10px;display:flex}.login-primary-title{letter-spacing:-.02em;color:#1f2937;margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.login-primary-lead{color:var(--clr-text-muted);margin:0 0 4px;font-size:.9rem;line-height:1.55}.login-family-secondary{border-top:1px solid #8c9a8e24;flex-direction:column;gap:8px;padding-top:4px;display:flex}.login-family-toggle{color:var(--clr-orange-light);font-family:var(--font);text-underline-offset:3px;cursor:pointer;text-align:left;transition:color var(--trans-fast);background:0 0;border:none;align-self:flex-start;margin:0;padding:0;font-size:.92rem;font-weight:700;text-decoration:underline}.login-family-toggle:hover{color:var(--clr-orange)}.login-family-toggle:focus-visible{outline:2px solid var(--clr-orange-light);outline-offset:3px;border-radius:4px}.login-family-toggle-hint{color:var(--clr-text-faint);margin:0;font-size:.8rem;line-height:1.55}.login-family-panel{margin-top:4px}.login-family-panel[hidden]{display:none}.login-brand-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;overflow:visible}.login-brand-inner{flex-direction:column;align-items:center;gap:8px;width:100%;min-height:0;padding:0;display:flex}.login-brand-stack{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.login-brand-vertical{object-fit:contain;box-sizing:border-box;width:min(100%,220px);height:auto;margin:0;padding:0;display:block}.login-brand-subtitle{text-align:center;min-width:0;max-width:100%;color:var(--clr-orange-light);letter-spacing:.01em;white-space:nowrap;scrollbar-width:thin;margin:0;padding:0 4px;font-size:clamp(.68rem,3.1vw,.88rem);font-weight:600;line-height:1.35;overflow:auto hidden}.login-form-label{letter-spacing:.04em;text-transform:uppercase;color:var(--clr-text-muted);margin-top:4px;font-size:.78rem;font-weight:700;display:block}.login-form-hint{color:var(--clr-text-faint);margin:-4px 0 0;font-size:.78rem;line-height:1.5}.statement-icon svg{stroke:#8c9a8e;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:100%;height:100%}.login-statements{gap:16px;display:grid}.statement-item{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:14px;padding:12px 0;display:grid}.statement-item+.statement-item{border-top:1px solid #8c9a8e1a}.statement-icon{background:#8c9a8e0f;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.statement-icon svg{width:28px;height:28px}.statement-copy{min-width:0}.statement-title{color:#1f2937;font-size:1rem;font-weight:700;line-height:1.35}.statement-text{color:var(--clr-text-muted);margin-top:4px;font-size:.92rem;line-height:1.75}.login-link-card{border:1px solid var(--clr-border2);box-shadow:var(--shadow-md);flex-direction:column;gap:10px;display:flex}.login-link-card>.statement-title{margin:0}.login-link-error{color:var(--clr-danger);font-size:.78rem}.login-email-block{flex-direction:column;gap:6px;margin-top:16px;display:flex}.login-email-divider{color:var(--clr-text-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin:4px 0 8px;font-size:.72rem;display:flex}.login-email-divider:before,.login-email-divider:after{content:"";background:#2d3a3a1f;flex:1;height:1px}.login-email-sent{background:#2d3a3a0a;border:1px solid #2d3a3a24;border-radius:14px;padding:14px 16px}.login-email-sent-title{color:#1f2937;margin:0 0 4px;font-size:.95rem;font-weight:700}.login-page .btn-secondary{color:#2d3a3a;background:#ffffffeb;border-color:#1f293724}.login-page .btn-secondary:hover{background:#fff;border-color:#1f293738}.login-page .btn-secondary:disabled{color:#2d3a3a73}.login-page .form-input{color:#1f2937;background:#ffffffb8;border-color:#1f29371f}.login-page .form-input::placeholder{color:#8b95a3}.login-email-sent-meta{color:var(--clr-text-muted);margin:0;font-size:.82rem;line-height:1.45}.btn-google{color:#3c4043;width:100%;min-height:54px;font-family:var(--font);letter-spacing:.01em;cursor:pointer;transition:transform var(--trans-base), box-shadow var(--trans-base), border-color var(--trans-base), background var(--trans-base);background:#fff;border:1px solid #dadce0;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-size:.92rem;font-weight:600;display:flex;box-shadow:0 1px 2px #3c40431f,inset 0 1px #fffffff2}.btn-google:hover{background:#f8f9fa;border-color:#c6c9cc;transform:translateY(-1px);box-shadow:0 4px 12px #3c404324,0 1px 2px #3c404314,inset 0 1px #fffffff2}.btn-google:active{transform:scale(.985);box-shadow:0 1px 1px #3c40431f}.btn-google:focus-visible{outline-offset:2px;outline:2px solid #4285f4}.google-icon{flex-shrink:0;width:20px;height:20px}.login-btn-family{min-height:48px;color:var(--clr-text);background:#ffffffeb;border-color:#1a1c1e24;box-shadow:0 4px 12px #1a1c1e0f,inset 0 1px #ffffffd9}.login-btn-family:hover{background:#fff;border-color:#1a1c1e38}.login-note{color:var(--clr-text-faint);font-size:.78rem;line-height:1.7}.login-setup{border:1px solid var(--clr-border2);box-shadow:var(--shadow-md);padding:20px}.login-setup-kicker{color:var(--clr-text-faint);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700}.login-setup-code{white-space:pre-wrap;color:var(--clr-text-muted);background:#8c9a8e14;border-radius:20px;margin-top:12px;padding:14px 16px;font-size:.82rem;line-height:1.7;display:block}@media (width>=960px){.login-shell--split{width:min(100%,1040px)}.login-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:28px 40px;padding:32px 36px;display:grid}.login-brand-col{flex-direction:column;min-height:0;display:flex}.login-brand-col .login-brand-wrap{flex:1;min-height:0;padding:16px 22px}.login-form-col{justify-content:center;min-height:0}.login-form-stack{flex-shrink:0;margin-block:auto}}@media (width<=959px){.login-panel{padding:24px 20px}.login-brand-vertical{width:min(100%,224px)}}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100dvh;display:flex;position:relative;overflow:hidden}.loading-atmosphere{background:radial-gradient(circle at 30% 25%,#2d3a3a1f,#0000 34%),radial-gradient(circle at 72% 20%,#d98e731a,#0000 30%),radial-gradient(circle at 50% 90%,#f4f2eee6,#0000 44%);position:absolute;inset:0}.loading-logo{z-index:1;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.loading-icon{-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(#ffffffd1,#ffffff70),#f4f2ee80;border:1px solid #ffffffb8;border-radius:36px;justify-content:center;align-items:center;width:108px;height:108px;animation:5s ease-in-out infinite floatSlow;display:flex;box-shadow:0 22px 50px #2d3a3a24,inset 0 1px #ffffffe6}.loading-icon-core{color:#f4f2ee;width:62px;height:62px;font-family:var(--font-serif);background:linear-gradient(135deg,#2d3a3a,#354747);border-radius:24px;justify-content:center;align-items:center;font-size:2.4rem;line-height:1;display:inline-flex;box-shadow:0 16px 28px #2d3a3a38}.loading-copy{flex-direction:column;align-items:center;gap:4px;display:flex}.loading-title{font-family:var(--font-serif);letter-spacing:-.04em;font-size:clamp(2.8rem,8vw,4rem);line-height:.96}.loading-dots{z-index:1;gap:10px;display:flex;position:relative}.dot{background:#d98e73;border-radius:999px;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.app-top-bar{box-sizing:border-box;width:100%;max-width:700px;padding:calc(env(safe-area-inset-top,0px) + 10px) 20px 12px;background:linear-gradient(180deg, var(--clr-bg), transparent);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;margin-inline:auto;display:flex;position:relative}.app-top-bar:after{content:"";background:linear-gradient(90deg,#d98e7300,#d98e735c 18% 82%,#d98e7300);border-radius:999px;height:2px;position:absolute;bottom:0;left:20px;right:20px}.app-top-bar__trailing{align-items:center;gap:10px;display:flex}.topbar-streak-kerroin{align-items:center;gap:6px;display:flex}.topbar-kerroin{min-height:24px;color:var(--clr-text,#2a2e33);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;background:#2d3a3a12;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.app-top-bar__mark-link{border-radius:10px;justify-content:center;align-items:center;line-height:0;text-decoration:none;transition:background-color .16s ease-out,transform .16s ease-out;display:inline-flex}.app-top-bar__mark-link:hover{background-color:#2d3a3a0f}.app-top-bar__mark-link:focus-visible{outline:2px solid var(--clr-orange,#d98e73);outline-offset:3px}.app-top-bar__mark{object-fit:contain;width:auto;height:32px;display:block}.topbar-pet{background:radial-gradient(circle at 35% 30%,#ffffffd6,#0000 34%),#2d3a3a0f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:background .16s ease-out,transform .16s ease-out;display:inline-flex;overflow:hidden}.topbar-pet:hover,.topbar-pet:focus-visible{background:radial-gradient(circle at 35% 30%,#ffffffe6,#0000 34%),#2d3a3a1f;transform:scale(1.05)}.topbar-pet--happy{background-color:#f6efe2}.topbar-pet--neutral{background-color:#f1ebe7}.topbar-pet--hungry{background-color:#ece2db}.topbar-pet--starving{background-color:#e4d8d3}.app-top-bar__points{min-height:28px;color:var(--clr-text-muted);letter-spacing:.04em;white-space:nowrap;background:#2d3a3a0f;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.app-top-bar__profile{cursor:pointer;transition:transform var(--trans-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-top-bar__profile:active{transform:scale(.94)}.app-top-bar__profile:focus-visible{outline:2px solid var(--clr-nav);outline-offset:2px}@media (width<=600px){.app-top-bar:after{left:16px;right:16px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-primary:#5b8c7a;--brand-primary-hover:#4a7565;--brand-primary-soft:#d7e4dc;--brand-deep:#2d3a3a;--bg-base:#faf8f3;--bg-secondary:#f5f1e8;--bg-tertiary:#ece6d9;--surface:#fff;--surface-elevated:#fff;--border-soft:#1f29370f;--border-strong:#1f29371f;--text-primary:#1f2937;--text-muted:#5a6472;--text-faint:#8b95a3;--reward-warm:#f4a261;--reward-celebrate:#e76f51;--reward-gold:#e9c46a;--state-success:#7ba098;--state-info:#6fa8dc;--state-info-soft:#bdd4e8;--state-warning:#e9c46a;--state-danger:#b56c5f;--timer-active:#d64545;--timer-bg:#fce8e8;--timer-track:#f5e0e0;--cat-morning:#f4d58d;--cat-evening:#8b9dc3;--cat-school:#c9a99a;--cat-home:#b5c9a8;--cat-self-care:#d4a5c4;--mood-happy:#f4a261;--mood-neutral:#b8b5ab;--mood-sleepy:#8b9dc3;--grad-primary:linear-gradient(135deg, #2d3a3a, #4a7565);--grad-blue:linear-gradient(135deg, #d9dde2, #f0f2f4);--grad-green:linear-gradient(135deg, #5b8c7a, #7ba098);--grad-pink:linear-gradient(135deg, #e76f51, #f4a261);--grad-warm:linear-gradient(135deg, #f4a261, #e9c46a);--grad-surface:linear-gradient(180deg, #fff, #f5f1e8);--clr-bg:var(--bg-base);--clr-bg2:var(--bg-secondary);--clr-bg3:var(--bg-tertiary);--clr-surface:var(--surface);--clr-surface-strong:var(--surface);--clr-surface2:var(--surface-elevated);--clr-border:var(--border-soft);--clr-border2:var(--border-strong);--clr-text:var(--text-primary);--clr-nav:var(--brand-deep);--clr-text-muted:var(--text-muted);--clr-text-faint:var(--text-faint);--clr-purple:var(--reward-celebrate);--clr-purple-light:var(--reward-warm);--clr-orange:var(--reward-warm);--clr-orange-light:var(--reward-celebrate);--clr-blue:var(--state-info-soft);--clr-blue-light:var(--state-info);--clr-success:var(--state-success);--clr-warning:var(--state-warning);--clr-danger:var(--state-danger);--clr-yellow:var(--reward-gold);--shadow-sm:0 8px 20px #1a1c1e0d;--shadow-md:0 14px 28px #1a1c1e14;--shadow-lg:0 22px 44px #1a1c1e1c;--shadow-clay:0 12px 20px #1a1c1e0d;--shadow-inset:none;--ambient-top:#ffffff9e;--ambient-side:#f4a2610f;--ambient-bottom:#ffffff6b;--space-xs:4px;--space-sm:8px;--space-md:14px;--space-lg:20px;--space-xl:28px;--space-2xl:40px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:26px;--radius-full:9999px;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Quicksand", "Nunito", system-ui, sans-serif;--font-serif:var(--font-display);--font-dyslexia:"Atkinson Hyperlegible", "Inter", system-ui, sans-serif;--font-numeric:"Inter", system-ui, sans-serif;--text-xs:.72rem;--text-sm:.88rem;--text-base:.96rem;--text-lg:1.02rem;--text-xl:1.18rem;--text-2xl:1.8rem;--text-3xl:2.5rem;--text-timer:3.2rem;--trans-fast:.15s ease;--trans-base:.26s cubic-bezier(.22, 1, .36, 1);--trans-slow:.42s cubic-bezier(.22, 1, .36, 1);--trans-celebrate:.54s cubic-bezier(.22, 1, .36, 1);--nav-height:82px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#1a1b23;--bg-secondary:#1f2027;--bg-tertiary:#252731;--surface:#252731;--surface-elevated:#2f313d;--border-soft:#f0ebe014;--border-strong:#f0ebe026;--text-primary:#f0ebe0;--text-muted:#b8b5ab;--text-faint:#7a7770;--brand-primary:#7ba098;--brand-primary-hover:#8ab0a7;--brand-primary-soft:#2f4540;--brand-deep:#2d3a3a;--reward-warm:#f4a261;--reward-celebrate:#f08c70;--reward-gold:#e9c46a;--state-success:#7ba098;--state-info:#6fa8dc;--state-info-soft:#3a4a5a;--state-warning:#e9c46a;--state-danger:#c58275;--timer-active:#e76f51;--timer-bg:#4a2828;--timer-track:#3a2222;--cat-morning:#c2a965;--cat-evening:#6b7da3;--cat-school:#a88b7e;--cat-home:#94a788;--cat-self-care:#b486a4;--mood-happy:#f4a261;--mood-neutral:#7a7770;--mood-sleepy:#6b7da3;--grad-primary:linear-gradient(135deg, #4a7565, #7ba098);--grad-blue:linear-gradient(135deg, #3a4a5a, #4a5a6a);--grad-green:linear-gradient(135deg, #5b8c7a, #7ba098);--grad-pink:linear-gradient(135deg, #e76f51, #f4a261);--grad-warm:linear-gradient(135deg, #f4a261, #e9c46a);--grad-surface:linear-gradient(180deg, #252731, #1f2027);--shadow-sm:0 8px 20px #00000040;--shadow-md:0 14px 28px #00000059;--shadow-lg:0 22px 44px #00000073;--shadow-clay:0 12px 20px #0000004d;--ambient-top:#7ba09814;--ambient-side:#f4a2610a;--ambient-bottom:#0003}:root[data-density=compact]{--space-md:10px;--space-lg:14px;--space-xl:20px}:root[data-font=dyslexia]{--font:var(--font-dyslexia)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{min-height:100dvh;font-family:var(--font);color:var(--clr-text);background:radial-gradient(circle at 18% 4%, var(--ambient-top), transparent 34%), radial-gradient(circle at 86% 14%, var(--ambient-side), transparent 30%), linear-gradient(180deg, var(--clr-bg), var(--clr-bg2));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{opacity:.4;background:linear-gradient(120deg,#ffffff2e,#0000 40%)}body:after{background:radial-gradient(circle at 50% 108%, var(--ambient-bottom), transparent 34%);opacity:.42}#root{isolation:isolate;min-height:100dvh;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6657412e;border-radius:999px}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.page-content{width:100%;padding-bottom:calc(var(--nav-height) + 22px + env(safe-area-inset-bottom,0));flex:1}.page-stage{width:100%;animation:.48s cubic-bezier(.22,1,.36,1) pageEnter}.page-stage--home{animation:.36s ease-out pageEnterFixedSafe}.container,.page-header,.section{width:min(100%,700px);margin-inline:auto}.container{padding-inline:20px}.page-header{z-index:1;padding:22px 20px 14px;position:relative}.page-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(1.9rem,4.6vw,2.9rem);font-weight:500;line-height:1.02}.page-subtitle{color:var(--clr-text-muted);letter-spacing:.03em;margin-top:6px;font-size:.84rem}.section{z-index:1;padding-inline:20px;position:relative}.section-title{color:var(--clr-orange);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:700}.eyebrow{color:var(--clr-text-faint);letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;font-weight:700}.card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--surface);padding:var(--space-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;position:relative;overflow:hidden}.card:after{content:none}.card-gradient{background:linear-gradient(145deg,#a9c1d93d,#d4a3731f 42%,#fff3),linear-gradient(#ffffffe6,#f7fafc94)}:root[data-theme=dark] .card-gradient{background:linear-gradient(145deg, #7ba0981f, #f4a2610f 42%, #25273166), linear-gradient(180deg, var(--surface-elevated), var(--surface))}.btn{letter-spacing:.02em;min-height:42px;transition:transform var(--trans-base), box-shadow var(--trans-base), background var(--trans-base), color var(--trans-base), border-color var(--trans-base);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{color:#f8fbfd;background:#2d3a3a;box-shadow:0 14px 24px #2d3a3a3d}.btn-secondary{border:1px solid var(--clr-border);background:#ffffff61;box-shadow:inset 0 1px #fff9}:root[data-theme=dark] .btn-secondary{background:#ffffff0a}.btn-ghost{color:var(--clr-text-muted)}.btn-sm{min-height:34px;padding:8px 12px}.btn-icon{border-radius:14px;width:34px;min-width:34px;padding-inline:0}.btn-danger{color:var(--clr-danger);background:#b56c5f14;border:1px solid #b56c5f38}.badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:22px;padding:4px 10px;font-size:.64rem;font-weight:700;display:inline-flex}.badge-purple{color:#fff;background:#d98e73;border-color:#d98e73}.badge-orange{color:var(--clr-orange-light);background:#d4a37324;border-color:#d4a37333}.badge-green{color:var(--clr-success);background:#6f8d7224;border-color:#6f8d7233}.badge-yellow{color:var(--clr-yellow);background:#d4a3731f;border-color:#d4a3732e}.badge-blue{color:var(--clr-blue-light);background:#a5a6d429;border-color:#a5a6d43d}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--clr-text-muted);font-size:.82rem;font-weight:500}.form-input,.form-select{border:1px solid var(--clr-border);width:100%;min-height:44px;transition:border-color var(--trans-fast), box-shadow var(--trans-fast), background var(--trans-fast);background:#ffffff80;border-radius:14px;padding:11px 14px}:root[data-theme=dark] .form-input,:root[data-theme=dark] .form-select{background:#ffffff0a}.form-input:focus,.form-select:focus{border-color:#a9c1d9bd;outline:none;box-shadow:0 0 0 4px #a9c1d92e}.form-input::placeholder{color:var(--clr-text-faint)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%238b7f71' d='M7 9.6 2.2 4.8h9.6z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}.progress-bar{background:#ffffff7a;border-radius:999px;width:100%;height:8px;overflow:hidden}:root[data-theme=dark] .progress-bar{background:#ffffff0f}.progress-fill{border-radius:inherit;background:var(--grad-primary);height:100%;transition:width var(--trans-slow)}.avatar{object-fit:cover;background:var(--grad-primary);color:#fffdf7;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;box-shadow:0 12px 22px #9b784f2e}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-lg{width:52px;height:52px;font-size:.96rem}.avatar-glyph{stroke:currentColor;color:#fffdf7;width:40%;height:40%}.divider{background:var(--clr-border);height:1px;margin-block:12px}.text-gradient{background:linear-gradient(135deg,#2c3e50,#a9c1d9);color:#0000;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--clr-text-muted)}.text-faint{color:var(--clr-text-faint)}.text-success{color:var(--clr-success)}.text-warning{color:var(--clr-warning)}.text-danger{color:var(--clr-danger)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.min-w-0{min-width:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blobFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-18px)scale(1.06)}}@keyframes pointsPop{0%{opacity:0;transform:translateY(10px)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-46px)scale(1.02)}}@keyframes checkBounce{0%{transform:scale(.3)}55%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pageEnter{0%{opacity:0;filter:blur(10px);transform:translateY(18px)scale(.992)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes pageEnterFixedSafe{0%{opacity:0}to{opacity:1}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes haloPulse{0%,to{box-shadow:0 0 #d4a3731f}50%{box-shadow:0 0 0 16px #d4a37300}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}.animate-fadeIn{animation:fadeIn var(--trans-base) both}.animate-slideUp{animation:.42s cubic-bezier(.22,1,.36,1) both slideUp}.animate-scaleIn{animation:.24s cubic-bezier(.22,1,.36,1) both scaleIn}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);background:#10110e8c;justify-content:center;align-items:flex-end;padding:18px 16px 0;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:min(100%,720px);max-height:92dvh;padding:18px 18px calc(24px + env(safe-area-inset-bottom,0));border:1px solid var(--border-soft);background:var(--surface);border-radius:24px 24px 0 0;animation:.32s cubic-bezier(.22,1,.36,1) slideUp;overflow-y:auto;box-shadow:0 -20px 80px #1a1c1e2e}.modal-handle{background:#7e6f594d;border-radius:999px;width:38px;height:4px;margin:0 auto 18px}.bg-blobs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.2;border-radius:50%;animation:12s ease-in-out infinite blobFloat;position:absolute}.blob-1{background:#d6b17c85;width:360px;height:360px;top:-120px;right:-80px}.blob-2{background:#98b4a26b;width:280px;height:280px;animation-delay:-4s;bottom:18%;left:-80px}.blob-3{background:#c1d3de59;width:240px;height:240px;animation-delay:-7s;top:40%;right:20%}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff4d 25%,#ffffff8c 50%,#ffffff4d 75%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.chip{border:1px solid var(--clr-border);min-height:28px;color:var(--clr-text-muted);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--trans-base), background var(--trans-base), color var(--trans-base), border-color var(--trans-base);-webkit-tap-highlight-color:transparent;background:#ffffff57;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.67rem;font-weight:700;display:inline-flex}.chip:active{transform:scale(.96)}.chip.active{color:var(--clr-text);background:#a9c1d92e;border-color:#a9c1d96b}:root[data-theme=dark] .chip{background:#ffffff0f}:root[data-theme=dark] .chip.active{background:#7ba0982e;border-color:#7ba09873}.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:10px;width:min(90%,420px);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--clr-border);background:var(--clr-surface-strong);box-shadow:var(--shadow-md);border-radius:18px;align-items:center;gap:10px;padding:12px 14px;font-size:.84rem;font-weight:700;animation:.32s cubic-bezier(.22,1,.36,1) slideUp;display:flex}.points-popup{z-index:300;pointer-events:none;color:var(--clr-yellow);text-shadow:0 8px 24px #30220d40;font-size:1.15rem;font-weight:800;animation:1.25s cubic-bezier(.22,1,.36,1) forwards pointsPop;position:fixed}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 20px;display:flex}.empty-icon{opacity:.5;font-size:2rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.page-header,.section{padding-inline:16px}.modal-content{padding-inline:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bg-blobs,.blob,body:before,body:after{display:none!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root[data-reduced-motion=true] .bg-blobs,:root[data-reduced-motion=true] .blob,:root[data-reduced-motion=true] body:before,:root[data-reduced-motion=true] body:after{display:none!important}.load-error{color:var(--clr-danger);font-size:var(--text-sm);background:#b56c5f14;border-radius:12px;margin:12px 0;padding:10px 14px;font-weight:600}