@layer tokens,base,layout,controls,components,pages;@layer tokens{:root{--neutral-100: #f9f4ed;--neutral-200: #eee7db;--neutral-300: #dcd3c4;--neutral-400: #c0b6a5;--neutral-500: #a19786;--neutral-600: #82796a;--neutral-700: #645c50;--neutral-800: #474238;--neutral-900: #2e2b25;--accent-100: #fff2eb;--accent-200: #ffe1d0;--accent-300: #ffc6a5;--accent-400: #f6a06b;--accent-500: #d67f48;--accent-600: #b2622d;--accent-700: #8c491a;--accent-800: #643312;--accent-900: #402310;--sage-100: #f0fae1;--sage-200: #e1eecc;--sage-300: #ccdbb2;--sage-400: #aebf92;--sage-500: #8fa073;--sage-600: #728157;--sage-700: #56633f;--sage-800: #3d472b;--sage-900: #272e1b;--color-bg: #f5ead8;--color-surface: #ebddc5;--color-surface-translucent: rgba(249, 244, 237, .92);--color-ink: #201e1d;--color-label: var(--neutral-700);--color-muted: var(--neutral-600);--color-faint: var(--neutral-500);--color-on-accent: var(--neutral-100);--color-accent: #c67139;--color-accent-hover: var(--accent-600);--color-accent-deep: var(--accent-700);--color-accent-soft: var(--accent-200);--color-accent-softer: var(--accent-100);--color-sage: #7a8a5e;--color-sage-soft: var(--sage-200);--color-sage-softer: var(--sage-100);--color-border: rgba(32, 30, 29, .1);--color-border-strong: rgba(32, 30, 29, .16);--color-focus-ring: var(--color-accent);--color-danger: #a03a24;--color-danger-hover: #7c2b18;--color-success-soft: var(--sage-300);--color-success-strong: var(--sage-900);--color-warn-soft: var(--accent-100);--color-warn-strong: var(--accent-800);--color-danger-soft: #f9dcd7;--color-danger-strong: #7c2b18;--color-info-soft: var(--sage-100);--color-info-strong: var(--sage-800);--color-neutral-soft: var(--neutral-200);--color-neutral-strong: var(--neutral-700);--font-display: "Caprasimo", "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-sans: "Figtree", "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;--text-display: clamp(56px, 12vw, 92px);--text-h1: clamp(30px, 5vw, 44px);--text-h2: clamp(21px, 3.5vw, 26px);--text-h3: 19px;--text-body-lg: 16px;--text-body: 15px;--text-sm: 13px;--text-xs: 12px;--leading-display: .95;--leading-heading: 1.12;--leading-body: 1.7;--leading-ui: 1.4;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-display: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 28px;--radius-xl: 34px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(46, 43, 37, .1);--shadow-sm: 0 1px 2px rgba(46, 43, 37, .14);--shadow-md: 0 3px 10px rgba(46, 43, 37, .16);--shadow-lg: 0 12px 32px rgba(46, 43, 37, .22);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .26s;--duration-celebrate: .6s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--gradient-accent: linear-gradient(160deg, #d07c40 0%, var(--color-accent) 46%, var(--accent-600) 100%);--gradient-accent-capsule: linear-gradient(120deg, var(--color-accent), var(--accent-600));--gradient-accent-days: linear-gradient(150deg, #d07c40, var(--accent-600));--gradient-sage: linear-gradient(120deg, var(--color-sage), #6b7a52);--overlay-cream-weak: rgba(249, 244, 237, .1);--overlay-cream: rgba(249, 244, 237, .18);--track-on-dark: rgba(249, 244, 237, .24)}:root[data-theme=rose]{--color-bg: #f8e9ee;--color-surface: #f3dbe3;--color-surface-translucent: rgba(248, 233, 238, .92);--color-accent: #c45b7a;--color-accent-hover: #a84866;--color-accent-deep: #8a3652;--color-accent-soft: #f5c5d3;--color-accent-softer: #fbe6ed;--gradient-accent: linear-gradient(160deg, #d46b8a 0%, #c45b7a 50%, #a84866 100%)}:root[data-theme=sage]{--color-bg: #eaf0e4;--color-surface: #dde6d4;--color-surface-translucent: rgba(234, 240, 228, .92);--color-accent: #6f8a56;--color-accent-hover: #5a7245;--color-accent-deep: #455734;--color-accent-soft: #c9d9b5;--color-accent-softer: #e5efd8;--gradient-accent: linear-gradient(160deg, #86a068 0%, #6f8a56 50%, #5a7245 100%)}:root[data-theme=midnight]{--color-bg: #1a1820;--color-surface: #252230;--color-surface-translucent: rgba(37, 34, 48, .92);--color-ink: #f3eef6;--color-label: #c9c0d0;--color-muted: #9e94a8;--color-faint: #7a7088;--color-accent: #d08ab0;--color-accent-hover: #e0a4c2;--color-accent-deep: #f0c0d8;--color-accent-soft: #3d2f42;--color-accent-softer: #2e2534;--color-on-accent: #1a1820;--color-border: rgba(243, 238, 246, .12);--color-border-strong: rgba(243, 238, 246, .2);--shadow-md: 0 3px 10px rgba(0, 0, 0, .35);--gradient-accent: linear-gradient(160deg, #e0a4c2 0%, #d08ab0 50%, #b07098 100%)}}@layer base{:root{color:var(--color-ink);background:var(--color-bg);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:var(--color-bg);font-size:var(--text-body);line-height:var(--leading-body)}a{color:inherit;text-underline-offset:3px}h1{margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-display);line-height:var(--leading-heading);letter-spacing:-.015em}h2{margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-display);line-height:var(--leading-heading);letter-spacing:-.01em}h3{margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-display);line-height:1.25}p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.muted{max-width:40rem;margin:var(--space-4) 0 0;color:var(--color-label);font-size:var(--text-body-lg);line-height:var(--leading-body);text-wrap:pretty}.eyebrow{margin:0 0 var(--space-3);color:var(--color-accent-deep);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase}.tabular{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:720px){.muted{font-size:var(--text-body)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer layout{.app-shell{display:flex;align-items:stretch;min-height:100dvh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-7);align-self:flex-start;width:248px;flex:none;height:100dvh;padding:var(--space-7) var(--space-5);background:var(--neutral-100);border-right:1px solid var(--color-border)}.brand{display:inline-flex;align-items:center;gap:10px;padding:0 var(--space-2);color:var(--color-ink);font-family:var(--font-display);font-size:21px;font-weight:var(--weight-display);text-decoration:none}.brand__mark{display:grid;flex:none;place-items:center;width:34px;height:34px;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-full)}.primary-nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 16px;color:var(--neutral-700);font-size:var(--text-body);font-weight:var(--weight-bold);text-decoration:none;border-radius:var(--radius-full);transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.nav-link:hover,.nav-link:focus-visible{color:var(--color-accent-deep);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.nav-link.active{color:var(--color-on-accent);background:var(--color-accent)}.nav-link.active:hover{color:var(--color-on-accent);background:var(--color-accent-hover)}.nav-link__icon{display:inline-flex;flex-shrink:0}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;color:var(--color-on-accent);font-size:11px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;background:var(--color-accent);border-radius:var(--radius-full)}.nav-link.active .nav-badge{color:var(--color-accent-deep);background:var(--color-on-accent)}.sidebar__footer{display:grid;gap:10px;margin-top:auto}.sidebar__user{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--color-surface);border-radius:var(--radius-full)}.sidebar__user-name{overflow:hidden;font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;text-overflow:ellipsis}.sidebar__user-meta{font-size:11px;color:var(--color-muted)}.mobile-topbar{position:sticky;top:0;z-index:10;display:none;align-items:center;justify-content:space-between;min-height:48px;padding:0 8px 0 12px;background:var(--color-surface-translucent);border-bottom:1px solid var(--color-border)}.mobile-topbar .brand{padding:0;font-size:18px}.mobile-topbar .brand__mark{width:28px;height:28px}.sidebar__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-topbar__actions{display:inline-flex;align-items:center}.tab-bar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:none;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface-translucent);border-top:1px solid var(--color-border)}@supports (backdrop-filter: blur(14px)){.tab-bar,.mobile-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.tab-bar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-muted);font-size:11px;font-weight:var(--weight-bold);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}.tab-bar__item.active{color:var(--color-accent)}.tab-bar__item:focus-visible{outline-offset:-3px}.tab-bar__icon-wrap{position:relative;display:inline-flex}.tab-bar__dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;background:var(--color-accent);border:2px solid var(--color-bg);border-radius:var(--radius-full)}.main-content{flex:1;min-width:0;max-width:1440px;padding:var(--space-9) 56px 72px}.main-content--standalone{display:grid;align-content:center;width:100%;max-width:1100px;min-height:100dvh;margin-inline:auto}.page-section{padding:0 0 var(--space-7);animation:page-enter var(--duration-base) var(--ease-out)}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-6)}.page-header__titles{display:grid;gap:var(--space-2)}.page-header__subtitle{max-width:34rem;margin:0;color:var(--color-label);font-size:var(--text-body);line-height:var(--leading-body);text-wrap:pretty}.page-header__back{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-bottom:var(--space-1);padding:4px 12px 4px 6px;color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;background:none;border:0;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.page-header__back:hover{color:var(--color-accent-deep);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.page-header__actions{display:flex;gap:var(--space-2);align-items:center}.stack{display:grid;gap:var(--space-4)}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-6)}@media(max-width:720px){.app-shell{display:block;padding-bottom:calc(74px + env(safe-area-inset-bottom))}.sidebar{display:none}.mobile-topbar{display:flex}.tab-bar{display:grid}.main-content{max-width:none;padding:var(--space-6) var(--space-4) var(--space-8)}.page-section{padding:0 0 var(--space-5)}}}@layer controls{.btn{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;min-height:46px;padding:0 22px;color:var(--color-ink);font:inherit;font-size:var(--text-body);font-weight:var(--weight-bold);line-height:var(--leading-ui);text-decoration:none;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn[aria-busy=true]{cursor:wait}.btn--primary{color:var(--color-on-accent);background:var(--color-accent)}.btn--primary:hover:not(:disabled),.btn--primary:focus-visible{background:var(--color-accent-hover)}.btn--primary:active{background:var(--color-accent-deep)}.btn--secondary{color:var(--color-ink);background:transparent;border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled),.btn--secondary:focus-visible{background:color-mix(in srgb,var(--color-ink) 7%,transparent)}.btn--secondary:active{background:color-mix(in srgb,var(--color-ink) 14%,transparent)}.btn--ghost{color:var(--color-accent-deep);background:transparent}.btn--ghost:hover:not(:disabled),.btn--ghost:focus-visible{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn--ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn--danger{color:var(--color-on-accent);background:var(--color-danger)}.btn--danger:hover:not(:disabled),.btn--danger:focus-visible{background:var(--color-danger-hover)}.btn--ghost-danger{color:var(--color-danger);background:transparent}.btn--ghost-danger:hover:not(:disabled),.btn--ghost-danger:focus-visible{background:var(--color-danger-soft)}.btn--sm{min-height:36px;padding:0 16px;font-size:var(--text-sm)}.btn--lg{min-height:52px;padding:0 26px;font-size:var(--text-body-lg)}.btn--block{width:100%}.btn__spinner{width:16px;height:16px;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.field{display:grid;gap:6px;color:var(--color-label);font-size:var(--text-xs);font-weight:var(--weight-bold)}.field input,.field select{width:100%;min-height:46px;padding:6px 18px;color:var(--color-ink);font:inherit;font-size:14px;font-weight:var(--weight-medium);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-full)}.field textarea{width:100%;min-height:96px;padding:12px 18px;color:var(--color-ink);font:inherit;font-size:14px;font-weight:var(--weight-medium);line-height:var(--leading-body);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);resize:vertical}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2382796a' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.field input:hover,.field textarea:hover,.field select:hover{border-color:color-mix(in srgb,var(--color-ink) 45%,transparent)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline-offset:0;border-color:var(--color-accent)}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--color-danger)}.field input[type=date],.field input[type=datetime-local],.field input[type=number]{font-variant-numeric:tabular-nums}.field__hint{color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-regular)}.field__error{color:var(--color-danger-strong);font-size:var(--text-sm);font-weight:var(--weight-medium)}.form-error{margin:0;padding:10px 18px;color:var(--color-danger);font-size:14px;line-height:1.5;background:var(--color-danger-soft);border-radius:var(--radius-lg)}.checkbox-row{display:flex;gap:var(--space-2);align-items:center;color:var(--color-label);font-size:14px;font-weight:var(--weight-medium);cursor:pointer}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent)}.radio-row{display:flex;gap:var(--space-2);align-items:flex-start;padding:12px 18px;color:var(--color-ink);font-size:14px;font-weight:var(--weight-medium);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);cursor:pointer}.radio-row:hover{border-color:var(--color-accent)}.radio-row input[type=radio]{margin-top:3px;accent-color:var(--color-accent)}.radio-row--checked{background:var(--color-accent-softer);border-color:var(--accent-300)}.radio-row__desc{color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-regular)}.segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:4px;width:fit-content;max-width:100%;padding:4px;overflow-x:auto;background:var(--neutral-100);border-radius:var(--radius-full)}@media(max-width:720px){.segmented{display:grid;grid-auto-columns:1fr;width:100%;overflow:visible}}.segmented button{min-height:40px;padding:0 20px;overflow:hidden;color:var(--neutral-700);font:inherit;font-size:14px;font-weight:var(--weight-bold);white-space:nowrap;text-overflow:ellipsis;background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.segmented button:hover{color:var(--color-accent-deep);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.segmented button.active{color:var(--color-on-accent);background:var(--color-accent)}.segmented button.active:hover{background:var(--color-accent-hover)}.segmented button:focus-visible{outline-offset:-2px}.segmented__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;color:var(--color-on-accent);font-size:11px;font-weight:var(--weight-bold);background:var(--color-accent);border-radius:var(--radius-full)}.segmented__count--active{color:var(--color-accent);background:var(--color-on-accent)}.segmented--compact{padding:3px}.segmented--compact button{min-height:34px;padding:0 14px;font-size:var(--text-sm)}.tabs{display:flex;gap:var(--space-4);border-bottom:1px solid var(--color-border)}.tabs button{padding:10px 2px;color:var(--color-muted);font:inherit;font-size:var(--text-body);font-weight:var(--weight-medium);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.tabs button.active{color:var(--color-accent-deep);font-weight:var(--weight-bold);border-bottom-color:var(--color-accent)}}@layer components{.card{padding:var(--space-6);background:var(--color-surface);border:0;border-radius:calc(var(--radius-lg) * 1.15)}.card--clickable{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}@media(hover:hover){.card--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.card--clickable:active{box-shadow:none;transform:none}.card--light{background:var(--neutral-100);border:1px solid var(--color-border)}.card--accent{background:var(--color-accent-softer)}.card--celebrate{color:var(--color-on-accent);background:var(--color-accent)}.card--celebrate .muted{color:var(--accent-200)}.card__title{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-display);line-height:1.25}.card__meta{color:var(--color-muted);font-size:var(--text-sm)}.card--celebrate .card__meta{color:var(--accent-200)}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.badge{display:inline-flex;gap:6px;align-items:center;height:24px;padding:3px 12px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em;line-height:1;white-space:nowrap;border-radius:var(--radius-full)}.badge--success{color:var(--color-success-strong);background:var(--color-success-soft)}.badge--warn{color:var(--color-warn-strong);background:var(--color-warn-soft)}.badge--danger{color:var(--color-danger-strong);background:var(--color-danger-soft)}.badge--info{color:var(--color-info-strong);background:var(--color-info-soft)}.badge--accent{color:var(--color-accent-deep);background:transparent;border:1px solid var(--color-accent)}.badge--neutral{color:var(--color-neutral-strong);background:var(--color-neutral-soft)}.badge--faded{color:var(--color-faint);background:var(--neutral-100)}.badge--dot:before{content:"";width:6px;height:6px;background:currentColor;border-radius:var(--radius-full)}.points-chip{display:inline-flex;align-items:center;gap:2px;padding:3px 10px;color:var(--color-warn-strong);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;background:var(--color-accent-soft);border-radius:var(--radius-full)}.list{display:grid;margin:0;padding:0;list-style:none}.list-item{display:flex;gap:var(--space-3);align-items:center;min-height:56px;padding:14px 20px;color:inherit;text-decoration:none;border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:0}a.list-item:hover,a.list-item:active,button.list-item:active{background:color-mix(in srgb,var(--color-ink) 4%,transparent)}.list-item__lead{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:38px;height:38px;color:var(--color-accent-deep);background:var(--color-accent-soft);border-radius:var(--radius-full)}.list-item__body{display:grid;flex:1;gap:2px;min-width:0}.list-item__title{overflow:hidden;font-size:var(--text-body);font-weight:var(--weight-bold);white-space:nowrap;text-overflow:ellipsis}.list-item__meta{color:var(--color-muted);font-size:var(--text-sm)}.list-item__trail{display:flex;flex-shrink:0;gap:var(--space-2);align-items:center}.modal{width:min(calc(100vw - 32px),440px);max-height:85dvh;padding:var(--space-6);color:var(--color-ink);background:var(--color-surface);border:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal::backdrop{background:color-mix(in srgb,var(--neutral-900) 50%,transparent)}.modal__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:20px;font-weight:var(--weight-display)}.modal__body{color:var(--color-label);font-size:var(--text-body);line-height:var(--leading-body)}.modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-5)}@media(max-width:720px){.modal{position:fixed;right:0;bottom:0;left:0;width:100%;max-width:none;margin:0;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:modal-slide-up var(--duration-slow) var(--ease-out)}.modal__actions{flex-direction:column}.modal__actions .btn{width:100%}}@keyframes modal-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-region{position:fixed;top:calc(var(--space-4) + env(safe-area-inset-top));left:50%;z-index:60;display:grid;gap:var(--space-2);transform:translate(-50%)}@media(min-width:721px){.toast-region{top:auto;right:var(--space-6);bottom:var(--space-6);left:auto;transform:none}}.toast{display:flex;gap:var(--space-2);align-items:center;padding:12px 20px;color:var(--neutral-100);font-size:var(--text-body);font-weight:var(--weight-medium);background:color-mix(in srgb,var(--neutral-900) 94%,transparent);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);animation:toast-in .2s var(--ease-out)}.toast--success .toast__icon{color:var(--sage-300)}.toast--error .toast__icon{color:var(--accent-300)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.empty{display:grid;gap:var(--space-3);justify-items:center;padding:var(--space-9) var(--space-6);text-align:center}.empty__art{color:var(--accent-300)}.empty__title{font-family:var(--font-display);font-size:var(--text-body-lg);font-weight:var(--weight-display)}.empty__hint{max-width:26rem;margin:0;color:var(--color-muted);font-size:14px}.empty--rich{display:flex;gap:var(--space-6);align-items:center;text-align:left}.empty--rich .empty__art{flex-shrink:0;display:flex;justify-content:center;width:200px}.empty--rich .empty__content{display:grid;gap:var(--space-3);justify-items:start}@media(max-width:720px){.empty--rich{flex-direction:column;text-align:center}.empty--rich .empty__content{justify-items:center}}.loading-section{display:grid;gap:var(--space-2);justify-items:center;padding:var(--space-9) var(--space-6);color:var(--color-muted);font-size:var(--text-body)}.loading-section__spinner{width:24px;height:24px;color:var(--color-accent);animation:btn-spin .8s linear infinite}.stat{display:grid;gap:4px}.stat__label{color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.stat__value{color:var(--color-accent-deep);font-family:var(--font-display);font-size:30px;font-weight:var(--weight-display);font-variant-numeric:tabular-nums;line-height:1.1}.stat__unit{margin-left:2px;color:var(--color-muted);font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-regular)}.stat__value--pulse{animation:stat-pulse .4s var(--ease-pop)}@keyframes stat-pulse{0%{transform:scale(1)}40%{color:var(--color-accent);transform:scale(1.12)}to{transform:scale(1)}}.avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;color:var(--neutral-100);font-size:15px;font-weight:var(--weight-bold);background:var(--color-sage);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:30px;height:30px;font-size:13px}.avatar--lg{width:46px;height:46px;font-size:17px}.avatar--xl{width:64px;height:64px;font-size:24px}.avatar-pair{position:relative;display:inline-flex}.avatar-pair .avatar{border:2px solid var(--color-bg)}.avatar-pair .avatar+.avatar{margin-left:-10px;background:var(--accent-500)}.avatar-pair__heart{position:absolute;bottom:-4px;left:50%;color:var(--color-accent);transform:translate(-50%)}.countdown{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.countdown__name{font-size:var(--text-body);font-weight:var(--weight-bold)}.countdown__date{color:var(--color-muted);font-size:var(--text-sm)}.countdown__days{color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}.countdown__days strong{margin:0 2px;color:var(--color-accent-deep);font-family:var(--font-display);font-size:24px;font-weight:var(--weight-display);font-variant-numeric:tabular-nums}.card--celebrate .countdown__days,.card--celebrate .countdown__date{color:var(--accent-200)}.card--celebrate .countdown__days strong{color:var(--color-on-accent)}.timeline{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.timeline__item{position:relative;padding-left:24px}.timeline__item:before{content:"";position:absolute;top:18px;bottom:-16px;left:4px;width:2px;background:var(--neutral-300)}.timeline__item:last-child:before{display:none}.timeline__item:after{content:"";position:absolute;top:7px;left:0;width:10px;height:10px;background:var(--neutral-400);border-radius:var(--radius-full)}.timeline__item--task:after{background:var(--color-sage)}.timeline__item--points:after{background:var(--color-accent)}.timeline__item--reward:after{background:var(--accent-400)}.timeline__item--day:after{background:var(--color-accent)}.timeline__text{font-size:14px;line-height:1.6}.timeline__text strong{color:var(--color-accent-deep);font-weight:var(--weight-bold)}.timeline__time{color:var(--color-faint);font-size:var(--text-xs)}.readonly-banner{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4);padding:12px 20px;color:var(--color-warn-strong);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--color-warn-soft);border-radius:var(--radius-full)}.feedback-line{color:var(--sage-700);font-size:var(--text-sm);font-weight:var(--weight-bold)}.mood-card{display:grid;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.15)}.mood-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mood-card__title{margin:0;font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-display);line-height:1.25}.mood-card__lead{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.mood-card__form{display:grid;gap:var(--space-3)}.mood-card__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.mood-card__option{min-height:40px;color:var(--neutral-700);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);background:var(--neutral-100);border:0;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-pop),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}@media(hover:hover){.mood-card__option:hover:not(:disabled){transform:translateY(-1px)}}.mood-card__option--active{color:var(--color-on-accent);background:var(--color-accent)}.mood-card__option:disabled{cursor:wait;opacity:.6}.mood-card__note-field{margin:0}.mood-card__note{width:100%;min-height:64px;resize:vertical}.mood-card__submit{justify-self:start}.mood-card__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.mood-card__side{display:grid;gap:4px;padding:var(--space-3);background:var(--neutral-100);border-radius:var(--radius-md)}.mood-card__side-label{margin:0;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-bold)}.mood-card__side-mood{margin:0;font-size:var(--text-body);font-weight:var(--weight-bold)}.mood-card__side-note{margin:0;color:var(--color-label);font-size:var(--text-sm);line-height:1.45;word-break:break-word}.mood-card__side-empty{margin:0;color:var(--color-faint);font-size:var(--text-sm)}.mood-card__edit{justify-self:start}.mood-card__week{display:grid;gap:var(--space-2)}.mood-card__week-title{margin:0;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em}.mood-card__week-grid{display:grid;gap:var(--space-2)}.mood-card__week-row{display:grid;grid-template-columns:36px repeat(7,minmax(0,1fr));gap:4px;align-items:center}.mood-card__week-axis{overflow:hidden;color:var(--color-faint);font-size:11px;font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.mood-card__week-weekday{color:var(--color-faint);font-size:11px;text-align:center}.mood-card__week-weekday--today{color:var(--color-accent-deep);font-weight:var(--weight-bold)}.mood-card__dot{width:14px;height:14px;margin:0 auto;border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:transparent}.mood-card__dot--filled{border-color:transparent;background:var(--color-accent-soft)}.mood-card__dot--filled[data-mood=HAPPY],.mood-card__dot--filled[data-mood=ENERGETIC]{background:var(--color-accent-soft)}.mood-card__dot--filled[data-mood=CALM],.mood-card__dot--filled[data-mood=MISS_YOU]{background:var(--color-sage-soft)}.mood-card__dot--filled[data-mood=TIRED],.mood-card__dot--filled[data-mood=SAD]{background:var(--neutral-300)}.mood-card__dot--today{box-shadow:0 0 0 2px var(--color-accent-soft)}.notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text);text-decoration:none;border-radius:var(--radius-full);transition:background var(--duration-base) var(--ease-out)}.notif-bell:hover{background:var(--color-surface-muted, var(--neutral-100))}.notif-bell__badge{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;color:var(--color-on-accent);font-size:10px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:18px;text-align:center;background:var(--color-accent);border-radius:var(--radius-full)}.notif-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.notif-item{display:flex;gap:12px;align-items:flex-start;width:100%;padding:14px 16px;color:inherit;text-align:left;background:var(--color-surface);border:0;border-radius:calc(var(--radius-lg) * 1.05);cursor:pointer;transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}@media(hover:hover){.notif-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}.notif-item--unread{box-shadow:inset 3px 0 0 var(--color-accent)}.notif-item__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-accent-deep);background:var(--color-accent-soft);border-radius:var(--radius-full)}.notif-item__body{display:grid;gap:4px;min-width:0;flex:1}.notif-item__meta{display:flex;gap:8px;align-items:center}.notif-item__type{font-size:11px;font-weight:var(--weight-bold);color:var(--color-muted);letter-spacing:.02em}.notif-item__dot{width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full)}.notif-item__title{font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1.35}.notif-item__desc{font-size:12px;color:var(--color-muted)}}@layer components{@keyframes gamify-spin{to{transform:rotate(360deg)}}@keyframes gamify-burst{0%{opacity:1;transform:translateY(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:translateY(-92px) scale(1)}}@keyframes gamify-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes gamify-skel{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes gamify-stamp{0%{opacity:0;transform:rotate(-18deg) scale(1.8)}60%{opacity:1;transform:rotate(-8deg) scale(1)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.gamify-spin{animation:gamify-spin .8s linear infinite}.gamify-pop{animation:gamify-pop var(--duration-celebrate) var(--ease-pop)}.skeleton-cards{display:grid;gap:var(--space-4)}.skeleton-card{display:grid;gap:var(--space-2);padding:var(--space-5);background:var(--neutral-100);border-radius:calc(var(--radius-lg) * 1.15)}.skeleton-card__line{height:14px;background:var(--neutral-200);border-radius:var(--radius-full);animation:gamify-skel 1.2s ease-in-out infinite}.skeleton-card__line--title{width:70%}.skeleton-card__line--sub{width:45%}.skeleton-card__line--full{width:100%}.skeleton-cards__item:nth-child(2) .skeleton-card__line{animation-delay:.15s}.skeleton-cards__item:nth-child(3) .skeleton-card__line{animation-delay:.3s}.progress{position:relative;overflow:hidden;width:100%;background:var(--neutral-300);border-radius:var(--radius-full)}.progress--on-dark{background:var(--track-on-dark)}.progress--xs{height:6px}.progress--sm{height:8px}.progress--md{height:10px}.progress--lg{height:14px}.progress__fill{height:100%;border-radius:var(--radius-full);transition:width .4s var(--ease-out)}.progress__fill--accent{background:var(--color-accent)}.progress__fill--sage{background:var(--color-sage)}.progress__fill--danger{background:var(--color-danger)}.progress__fill--on-dark{background:var(--neutral-100)}.progress__fill--striped{background-image:repeating-linear-gradient(45deg,var(--color-accent) 0 6px,#d07c40 6px 12px)}.progress__fill--accent-soft{background:var(--accent-400)}.ring{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full)}.ring__center{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.streak-dots-group{display:inline-flex;width:100%}.streak-dots{display:flex;flex:1;gap:var(--space-1)}.streak-dots__dot{flex:1;height:8px;border-radius:var(--radius-full)}.streak-dots__dot--done{background:var(--color-sage)}.streak-dots--sage .streak-dots__dot--pending{background:var(--sage-300)}.streak-dots--neutral .streak-dots__dot--pending{background:var(--neutral-300)}.stamp-badge{position:relative;display:inline-flex;flex-direction:column;flex-shrink:0;align-items:center;justify-content:center;gap:2px;padding:var(--space-2);font-weight:var(--weight-bold);text-align:center;border:2px dashed;border-radius:var(--radius-full);transform:rotate(-8deg)}.stamp-badge__line{font-size:var(--text-xs);line-height:1.2}.stamp-badge--sage{color:var(--sage-700);background:color-mix(in srgb,var(--sage-200) 85%,transparent);border-color:var(--color-sage)}.stamp-badge--accent{color:var(--accent-800);background:color-mix(in srgb,var(--accent-200) 85%,transparent);border-color:var(--color-accent)}.stamp-badge--animate{animation:gamify-stamp .5s var(--ease-pop) both}.burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none}.burst__particle{position:absolute;bottom:86px;left:50%;transform-origin:50% 100%}.burst__dot{display:block;border-radius:var(--radius-full);animation:gamify-burst .9s var(--ease-out) both}.minibar{display:flex;align-items:flex-end;height:26px;gap:3px}.minibar__bar{flex:1;border-radius:3px}.minibar__bar--sage-dim{background:var(--sage-400)}.minibar__bar--sage-peak{background:var(--color-sage)}.minibar__bar--accent-dim{background:var(--accent-300)}.minibar__bar--accent-peak{background:var(--accent-400)}.achievement-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}.achievement-grid__item{display:grid;gap:var(--space-2);justify-items:center;text-align:center}.achievement-grid__badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full)}.achievement-grid__badge--unlocked{color:var(--accent-800);background:var(--accent-200)}.achievement-grid__badge--locked{color:var(--neutral-600);font-size:11px;font-weight:var(--weight-bold);border:2px dashed var(--neutral-300)}.achievement-grid__title{color:var(--neutral-600);font-size:12px;font-weight:var(--weight-bold)}.achievement-grid__title--locked{color:var(--neutral-500)}@media(max-width:720px){.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.todo-card--c{transform:none}}.todo-card{display:grid;gap:var(--space-4);padding:var(--space-5);background:var(--accent-100);border-radius:calc(var(--radius-lg) * 1.15)}.todo-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.todo-card__title{display:flex;align-items:center;gap:var(--space-2);margin:0}.todo-card__count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;color:var(--color-on-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--color-accent);border-radius:var(--radius-full)}.todo-card__hint{margin:0;color:var(--color-muted);font-size:var(--text-xs);text-align:right}.todo-card__rows{display:grid;gap:var(--space-3)}.todo-card__row{display:flex;gap:var(--space-3);align-items:center}.todo-card__count{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;color:var(--color-on-accent);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-display);background:var(--color-accent);border-radius:var(--radius-full)}.todo-card__body{display:grid;flex:1;gap:2px;min-width:0}.todo-card__row-title{margin:0;font-size:var(--text-body);font-weight:var(--weight-bold)}.todo-card__row-meta{margin:0;color:var(--color-muted);font-size:var(--text-xs)}.todo-card__cta{flex-shrink:0;padding:8px 16px;color:var(--color-on-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;background:var(--color-accent);border-radius:var(--radius-full)}.todo-card__clear{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:var(--sage-700);font-weight:var(--weight-bold)}.todo-card__bonus{color:var(--color-accent-deep)}.todo-card--b{gap:var(--space-2);padding:var(--space-4)}.todo-card--b .todo-card__rows,.todo-card--b .todo-card__row{gap:var(--space-2)}.todo-card--c{color:var(--color-on-accent);background:var(--gradient-accent);transform:rotate(-1deg)}.todo-card--c .todo-card__hint,.todo-card--c .todo-card__row-meta{color:var(--overlay-cream)}.todo-card--c .todo-card__cta{color:var(--color-accent-deep);background:var(--neutral-100)}.todo-card--c .todo-card__clear,.todo-card--c .todo-card__bonus{color:var(--neutral-100)}.task-card{position:relative;display:grid;gap:var(--space-4);overflow:hidden;padding:var(--space-5) var(--space-6);border-top:4px solid transparent}.task-card--edge-sage{border-top-color:var(--color-sage)}.task-card--edge-accent{border-top-color:var(--color-accent)}.task-card--edge-danger{border-top-color:var(--color-danger)}.task-card--done{background:var(--sage-200)}.task-card--done .card__title{color:var(--sage-900)}.task-card__head{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.task-card__titles{display:grid;gap:var(--space-1);min-width:0}.task-card--done .task-card__titles{padding-right:86px}.task-card__meta{color:var(--color-muted);font-size:var(--text-xs)}.task-card__stamp{position:absolute;top:var(--space-4);right:var(--space-4)}.task-card__block{display:grid;gap:7px}.task-card__block-head{display:flex;justify-content:space-between;color:var(--color-label);font-size:var(--text-xs);font-weight:var(--weight-bold)}.task-card__note{margin:0;padding:10px 14px;color:var(--color-label);font-size:var(--text-sm);background:var(--neutral-100);border-radius:var(--radius-md)}.task-card__quote{margin:0;color:var(--color-label);font-size:var(--text-sm);line-height:1.6}.task-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.task-card__action-end{margin-left:auto}.task-card__earned{color:var(--color-muted);font-size:var(--text-xs)}.task-card__checkin{color:var(--color-on-accent);background:var(--color-sage)}.task-card__checkin:hover:not(:disabled),.task-card__checkin:focus-visible{background:var(--sage-600)}.task-card__checkin--done:disabled{color:var(--sage-700);background:var(--color-sage-soft);opacity:1}.task-card__done-info{display:grid;gap:var(--space-1)}.task-card__done-note{color:var(--sage-700);font-size:var(--text-sm)}.reward-hero{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center;padding:var(--space-6) var(--space-7);color:var(--color-on-accent);background:var(--gradient-sage);border-radius:var(--radius-xl)}.reward-hero__balance{display:grid;gap:2px}.reward-hero__label{font-size:var(--text-sm);opacity:.9}.reward-hero__balance .stat__value,.reward-hero__balance .stat__unit{color:var(--color-on-accent)}.reward-hero__balance .stat__value{font-size:40px}.reward-hero__progress{display:grid;flex:1;gap:7px;min-width:220px}.reward-hero__progress-head{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--weight-bold);opacity:.92}.reward-hero__pill{display:inline-flex;gap:var(--space-2);align-items:center;padding:9px 16px;font-size:12.5px;font-weight:var(--weight-bold);background:var(--overlay-cream);border-radius:var(--radius-full)}@media(max-width:720px){.reward-hero{padding:var(--space-5)}}.reward-card{position:relative;display:grid;gap:var(--space-4);overflow:hidden}.reward-card__head{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.reward-card__titles{display:grid;gap:5px;min-width:0}.reward-card__price{display:grid;flex-shrink:0;place-items:center;width:60px;height:60px;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.reward-card__price strong{font-family:var(--font-display);font-size:20px;line-height:1;font-variant-numeric:tabular-nums}.reward-card__price span{font-size:10px;font-weight:var(--weight-bold);opacity:.9}.reward-card__progress{display:grid;gap:6px}.reward-card__note{margin:0;font-size:11.5px;font-weight:var(--weight-bold)}.reward-card__note--ok{color:var(--sage-700)}.reward-card__note--short{color:var(--accent-700)}.reward-card__actions{display:flex;gap:var(--space-2);align-items:center}.reward-card__cta{display:flex;flex:1;align-items:center;justify-content:center;min-height:40px;padding:0 16px;font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:center;text-decoration:none;border-radius:var(--radius-full);transition:background-color var(--duration-base) var(--ease-out)}.reward-card__cta--ready{color:var(--color-on-accent);background:var(--color-accent)}@media(hover:hover){.reward-card__cta--ready:hover{background:var(--color-accent-hover)}}.reward-card__cta--short{color:var(--neutral-500);background:var(--neutral-200);cursor:pointer}.reward-card__cta--pending{color:var(--sage-700);background:var(--color-sage-soft);cursor:pointer}.reward-card__stamp{position:absolute;top:var(--space-4);left:var(--space-4)}.error-banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) var(--space-5);background:var(--color-danger-soft);border-radius:var(--radius-lg)}.error-banner__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-danger-strong);background:color-mix(in srgb,var(--color-danger-strong) 12%,transparent);border-radius:var(--radius-full)}.error-banner__body{display:grid;flex:1;gap:2px;min-width:0}.error-banner__title{margin:0;color:var(--color-danger-strong);font-weight:var(--weight-bold)}.error-banner__note{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.error-banner__actions{display:flex;flex-shrink:0;gap:var(--space-2);align-items:center}}@layer pages{.login-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:56px;align-items:center;width:100%;max-width:960px;margin-inline:auto;padding:var(--space-8) 0}.login-intro{padding-top:0}.auth-form{display:grid;gap:18px;padding:30px;background:var(--color-surface);border:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--neutral-100);border-radius:var(--radius-full)}.auth-mode-switch button{min-height:40px;color:var(--neutral-700);font:inherit;font-size:14px;font-weight:var(--weight-bold);background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.auth-mode-switch button:hover{color:var(--color-accent-deep);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.auth-mode-switch button.active{color:var(--color-on-accent);background:var(--color-accent)}.auth-mode-switch button:focus-visible{outline-offset:-2px}.primary-button{min-height:48px;padding:0 22px;color:var(--color-on-accent);font:inherit;font-size:var(--text-body);font-weight:var(--weight-bold);background:var(--color-accent);border:0;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out)}.primary-button:hover,.primary-button:focus-visible{background:var(--color-accent-hover)}.primary-button:active{background:var(--color-accent-deep)}.primary-button:disabled{cursor:wait;opacity:.45}.space-page{display:grid;gap:var(--space-5);padding:0 0 var(--space-7);animation:page-enter var(--duration-base) var(--ease-out)}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.quick-action{display:grid;gap:8px;justify-items:center;padding:var(--space-5) var(--space-2);color:var(--neutral-700);font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:center;text-decoration:none;background:var(--neutral-100);border-radius:var(--radius-lg);transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.quick-action:hover,.quick-action:focus-visible{color:var(--color-accent-deep);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.quick-action__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-accent-deep);background:var(--color-accent-soft);border-radius:var(--radius-full)}.invite-card{text-align:center}.invite-card__code{display:block;margin:var(--space-3) 0 var(--space-4);color:var(--color-accent-deep);font-family:var(--font-display);font-size:38px;font-weight:var(--weight-display);letter-spacing:.3em;text-indent:.3em}.bind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5);align-items:stretch;margin-top:var(--space-6)}.bind-card{display:flex;flex-direction:column;gap:14px;padding:30px;background:var(--color-surface);border-radius:var(--radius-xl)}.bind-card__blurb{margin:0;font-size:14px;line-height:var(--leading-body);color:var(--color-label)}.bind-card--accent{color:var(--color-on-accent);background:var(--color-accent);box-shadow:var(--shadow-md)}.bind-card--accent h2{color:inherit}.bind-card--accent .bind-card__blurb{color:inherit;opacity:.92}.bind-card--accent .field{color:var(--color-on-accent)}.bind-card--accent .field input{color:var(--color-on-accent);caret-color:var(--color-on-accent);background:color-mix(in srgb,var(--color-bg) 18%,transparent);border-color:transparent}.bind-card--accent .field input::placeholder{color:color-mix(in srgb,var(--color-on-accent) 60%,transparent)}.bind-card--accent .field input:focus-visible{outline-color:var(--color-on-accent);border-color:transparent}.bind-card--accent .field__hint{color:color-mix(in srgb,var(--color-on-accent) 75%,transparent)}.bind-card--accent .field__error{color:#ffe1d0}.bind-card--accent .form-error{color:var(--color-danger-strong)}.btn--on-accent{color:var(--color-accent-deep);background:var(--neutral-100)}.btn--on-accent:hover:not(:disabled),.btn--on-accent:focus-visible{background:var(--color-bg)}.task-grid{display:grid;gap:var(--space-4)}@media(min-width:721px){.task-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.task-summary-ring__value{color:var(--sage-700);font-family:var(--font-display);font-size:var(--text-body);font-variant-numeric:tabular-nums}.task-detail__done{display:flex;gap:var(--space-4);align-items:center}.reward-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:721px){.reward-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.reward-card__cost{color:var(--color-accent-deep);font-family:var(--font-display);font-size:22px;font-weight:var(--weight-display);font-variant-numeric:tabular-nums}.reward-coupons__title{margin:0;padding:var(--space-5) var(--space-6) 0;font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-display)}.reward-empty__examples{display:flex;flex-wrap:wrap;gap:var(--space-2)}.reward-empty__example{padding:8px 16px;color:var(--color-accent-deep);font-size:var(--text-sm);font-weight:var(--weight-bold);background:var(--color-accent-softer);border-radius:var(--radius-full)}.records-list{display:grid}.record-amount{font-size:var(--text-body);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.record-amount--earn{color:var(--sage-700)}.record-amount--spend{color:var(--color-accent-deep)}.records-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.records-stat{display:grid;gap:8px;padding:20px 22px;border-radius:var(--radius-lg)}.records-stat__label{font-size:var(--text-xs);font-weight:var(--weight-bold)}.records-stat__value{display:flex;align-items:baseline;gap:3px}.records-stat__number{font-family:var(--font-display);font-size:30px;font-weight:var(--weight-display);font-variant-numeric:tabular-nums}.records-stat__unit{font-size:var(--text-xs)}.records-stat__hint{font-size:11.5px}.records-stat--earned{color:var(--sage-800);background:var(--sage-200)}.records-stat--earned .records-stat__unit{color:var(--sage-700)}.records-stat--spent{color:var(--accent-700);background:var(--accent-100)}.records-stat--spent .records-stat__unit{color:var(--accent-600)}.records-stat--balance{color:var(--color-ink);background:var(--color-surface)}.records-stat--balance .records-stat__label{color:var(--color-label)}.records-stat--balance .records-stat__unit,.records-stat--balance .records-stat__hint{color:var(--color-muted)}.records-stat--streak{color:var(--color-on-accent);background:var(--color-accent)}.records-stat--streak .records-stat__label,.records-stat--streak .records-stat__unit,.records-stat--streak .records-stat__hint{opacity:.9}.records-group{display:grid;gap:var(--space-3);padding:var(--space-6) 26px;background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.15)}.records-group__label{font-size:11.5px;font-weight:var(--weight-bold);letter-spacing:.1em;color:var(--color-accent-deep)}.records-group__label:not(:first-child){margin-top:var(--space-2)}.records-row{display:flex;gap:var(--space-3);align-items:center;padding:12px 16px;background:var(--neutral-100);border-radius:var(--radius-md)}.records-row__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;color:var(--color-on-accent);border-radius:var(--radius-full)}.records-row__icon--sage{background:var(--color-sage)}.records-row__icon--accent{background:var(--accent-500)}.records-row__body{display:grid;flex:1;gap:1px;min-width:0}.records-row__title{overflow:hidden;font-size:14.5px;font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap}.records-row__meta{color:var(--color-muted);font-size:var(--text-xs)}.records-row__amount{display:inline-flex;flex-shrink:0;align-items:center;padding:4px 12px;font-size:13.5px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;border-radius:var(--radius-full)}.records-row__amount--earn{color:var(--sage-700);background:var(--sage-200)}.records-row__amount--spend{color:var(--color-accent-deep);background:var(--accent-200)}.records-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.records-entry{display:flex;gap:var(--space-4);align-items:center;padding:20px 22px;color:inherit;text-decoration:none;border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}@media(hover:hover){.records-entry:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}}.records-entry__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-on-accent);border-radius:var(--radius-full)}.records-entry__body{display:grid;gap:2px;min-width:0}.records-entry__title{font-size:14.5px;font-weight:var(--weight-bold)}.records-entry__meta{color:var(--color-muted);font-size:var(--text-xs)}.records-entry--report{background:var(--accent-100)}.records-entry--report .records-entry__icon{background:var(--color-accent)}.records-entry--days{background:var(--sage-100)}.records-entry--days .records-entry__icon{background:var(--color-sage)}.records-entry--days .records-entry__meta{color:var(--sage-700)}.records-entry--settings{background:var(--color-surface)}.records-entry--settings .records-entry__icon{color:var(--neutral-700);background:var(--neutral-200)}@media(max-width:720px){.login-page{grid-template-columns:1fr;gap:26px;padding:28px 0 40px}.auth-form{padding:22px}.quick-actions,.records-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.records-entries{grid-template-columns:1fr}}}@layer pages{.days-hero{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center;overflow:hidden;padding:var(--space-7);color:var(--color-on-accent);background:var(--gradient-accent-days);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.days-hero:before{content:"";position:absolute;top:-70px;right:-40px;width:220px;height:220px;border-radius:var(--radius-full);background:var(--overlay-cream-weak)}.days-hero>*{position:relative;z-index:1}.days-hero__ring{display:grid;place-items:center;gap:1px}.days-hero__ring-value{font-family:var(--font-display);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.days-hero__ring-unit{font-size:11px;opacity:.9}.days-hero__body{display:grid;flex:1 1 220px;gap:6px;min-width:220px}.days-hero__eyebrow{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.days-hero__title{font-family:var(--font-display);font-size:30px;font-weight:var(--weight-display)}.days-hero__meta{font-size:var(--text-sm);opacity:.9}.days-hero__actions{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-3)}.days-today{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5) var(--space-6);background:var(--sage-100);border:2px solid var(--color-sage);border-radius:calc(var(--radius-lg) * 1.15)}.days-today__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:52px;height:52px;color:var(--color-on-accent);background:var(--color-sage);border-radius:var(--radius-full)}.days-today__body{display:grid;flex:1;gap:3px;min-width:0}.days-today__title{margin:0;color:var(--sage-900);font-size:var(--text-body-lg);font-weight:var(--weight-bold)}.days-today__meta{margin:0;color:var(--sage-700);font-size:12.5px}.days-today__cta{flex-shrink:0;color:var(--color-on-accent);background:var(--color-sage)}.days-today__cta:hover,.days-today__cta:focus-visible{background:var(--sage-600)}.days-group__label{padding-left:4px;color:var(--color-accent-deep);font-size:11.5px;font-weight:var(--weight-bold);letter-spacing:.1em}.days-row{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5) var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg)}.days-row__date{display:grid;flex-shrink:0;place-items:center;width:52px;height:52px;background:var(--neutral-100);border-radius:var(--radius-md)}.days-row__date-day{font-family:var(--font-display);font-size:var(--text-h3);color:var(--color-accent-deep);line-height:1}.days-row__date-month{font-size:10px;color:var(--color-muted)}.days-row__body{display:grid;flex:1;gap:2px;min-width:0}.days-row__title{font-size:var(--text-body);font-weight:var(--weight-bold)}.days-row__meta{color:var(--color-muted);font-size:12.5px}.days-row__badge{display:inline-flex;flex-shrink:0;align-items:center;height:26px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;border-radius:var(--radius-full)}.days-row__badge--soon{color:var(--accent-800);background:var(--accent-100)}.days-row__badge--far{color:var(--neutral-700);background:var(--neutral-200)}@media(max-width:720px){.days-hero{flex-direction:column;text-align:center}.days-hero__body{min-width:0;text-align:center}.days-hero__actions,.days-hero__actions .btn{width:100%}.days-today{flex-wrap:wrap}.days-today__cta{width:100%}}}@layer pages{.album-upload{display:grid;gap:var(--space-4)}.album-upload__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.album-upload__row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.album-upload__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(min-width:720px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.album-cell{position:relative;aspect-ratio:1;padding:0;overflow:hidden;cursor:pointer;background:var(--neutral-200);border:0;border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}@media(hover:hover){.album-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.album-cell:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.album-cell img{display:block;width:100%;height:100%;object-fit:cover}.album-cell__badge{position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);padding:2px 8px;overflow:hidden;color:var(--color-on-accent);font-size:11px;font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap;background:#2f29278c;border-radius:var(--radius-full)}.album-load-more{display:flex;justify-content:center;padding-top:var(--space-2)}.album-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#281c18b8}.album-lightbox__panel{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px;max-height:min(92vh,900px);padding:12px;overflow:auto;background:var(--color-surface-translucent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.album-lightbox__image{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-lg);background:var(--neutral-200)}.album-lightbox__caption{margin:0;color:var(--color-ink);font-size:var(--text-md, 15px);line-height:1.5}.album-lightbox__meta{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.album-lightbox__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.records-entry--album{background:var(--accent-100)}.records-entry--album .records-entry__icon{background:var(--color-accent)}.records-entries{grid-template-columns:repeat(2,minmax(0,1fr))}}@layer pages{.surprise-page{max-width:560px}.surprise-balance{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.05)}.surprise-balance__value{font-family:var(--font-display);font-size:28px;font-weight:var(--weight-display);font-variant-numeric:tabular-nums;line-height:1}.surprise-balance__label{font-size:12px;color:var(--color-muted)}.surprise-panel{position:relative;overflow:hidden}.surprise-panel__meta-row{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;font-size:12px;color:var(--color-muted)}.surprise-pity{display:grid;gap:6px;margin-bottom:14px}.surprise-pity__label{display:flex;justify-content:space-between;font-size:12px;color:var(--color-muted)}.surprise-pity__track{height:8px;overflow:hidden;background:var(--neutral-200);border-radius:var(--radius-full)}:root[data-theme=midnight] .surprise-pity__track{background:#f3eef61f}.surprise-pity__fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--duration-base) var(--ease-out)}.surprise-odds{display:grid;gap:6px;margin:0 0 14px;padding:0;list-style:none}.surprise-odds li{display:flex;gap:8px;justify-content:space-between;font-size:12px;color:var(--color-muted)}.surprise-odds__chance{flex-shrink:0;font-weight:var(--weight-bold);color:var(--color-accent-deep);font-variant-numeric:tabular-nums}.surprise-stage{display:grid;place-items:center;min-height:160px;margin-bottom:14px}.surprise-box{position:relative;display:grid;place-items:center;width:112px;height:112px;color:var(--color-on-accent);background:var(--gradient-accent);border-radius:28px;box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-pop)}.surprise-box--shake{animation:surprise-shake .55s var(--ease-out)}.surprise-box--open{animation:surprise-open .7s var(--ease-pop) forwards}.surprise-box__glyph{font-size:48px;line-height:1}@keyframes surprise-shake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-8deg) scale(1.04)}40%{transform:rotate(8deg) scale(1.04)}60%{transform:rotate(-6deg) scale(1.02)}80%{transform:rotate(6deg) scale(1.02)}}@keyframes surprise-open{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.surprise-result{display:grid;gap:6px;padding:14px 16px;margin-bottom:12px;background:var(--color-accent-softer);border-radius:var(--radius-md)}.surprise-result--jackpot{background:linear-gradient(135deg,var(--color-accent-soft),var(--color-accent-softer));box-shadow:var(--shadow-sm)}.surprise-result--win{background:var(--color-sage-softer)}.surprise-result__title{margin:0;font-size:15px;font-weight:var(--weight-bold)}.surprise-result__net{margin:0;font-size:13px;color:var(--color-muted);font-variant-numeric:tabular-nums}.surprise-result__badge{display:inline-flex;align-self:start;padding:2px 8px;font-size:11px;font-weight:var(--weight-bold);color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-full)}.surprise-task-preview{display:grid;gap:8px;padding:16px;margin-bottom:12px;background:var(--color-accent-softer);border-radius:var(--radius-md)}.surprise-task-preview__tag{display:inline-flex;align-self:start;padding:2px 8px;font-size:11px;font-weight:var(--weight-bold);color:var(--color-accent-deep);background:var(--color-surface);border-radius:var(--radius-full)}.surprise-task-preview__title{margin:0;font-size:18px;font-weight:var(--weight-bold)}.surprise-history{display:grid;gap:8px;margin:0;padding:0;list-style:none}.surprise-history li{display:flex;gap:10px;justify-content:space-between;align-items:baseline;padding:10px 12px;background:var(--color-surface);border-radius:var(--radius-md)}.surprise-history__title{font-size:13px;font-weight:var(--weight-bold)}.surprise-history__detail{font-size:12px;color:var(--color-muted)}.surprise-history__time{flex-shrink:0;font-size:11px;color:var(--color-faint);font-variant-numeric:tabular-nums}.surprise-actions{display:flex;flex-wrap:wrap;gap:8px}}@layer pages{.intimacy-hub{max-width:560px}.intimacy-disclaimer{padding:12px 14px;font-size:12px;line-height:1.55;color:var(--color-muted);background:var(--color-accent-softer);border-radius:var(--radius-md)}.intimacy-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:480px){.intimacy-grid{grid-template-columns:1fr 1fr}}.intimacy-tile{display:grid;gap:6px;padding:16px;color:inherit;text-decoration:none;background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.05);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}@media(hover:hover){.intimacy-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.intimacy-tile__title{margin:0;font-size:16px;font-weight:var(--weight-bold)}.intimacy-tile__meta{margin:0;font-size:12px;color:var(--color-muted);line-height:1.5}.intimacy-tile--wide{grid-column:1 / -1}.intimacy-filters{display:flex;flex-wrap:wrap;gap:8px}.intimacy-chip{padding:6px 12px;font-size:12px;font-weight:var(--weight-bold);color:var(--color-muted);background:var(--color-surface);border:0;border-radius:var(--radius-full);cursor:pointer}.intimacy-chip--on{color:var(--color-on-accent);background:var(--color-accent)}.intimacy-draw-stage{display:grid;place-items:center;min-height:120px}.intimacy-card-face{width:100%;max-width:320px;padding:20px;background:linear-gradient(160deg,var(--color-accent-soft),var(--color-surface));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:intimacy-flip .45s var(--ease-pop)}@keyframes intimacy-flip{0%{opacity:0;transform:rotateY(40deg) scale(.92)}to{opacity:1;transform:rotateY(0) scale(1)}}.intimacy-intensity{display:inline-flex;gap:4px}.intimacy-intensity span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--neutral-300)}.intimacy-intensity span.on{background:var(--color-accent)}.intimacy-lock{display:grid;gap:12px;max-width:360px;margin:40px auto;padding:24px;background:var(--color-surface);border-radius:var(--radius-lg)}.play-rps{display:flex;flex-wrap:wrap;gap:8px}.play-rps button{min-width:88px}.play-quiz-options{display:grid;gap:8px}.play-quiz-options button{justify-content:flex-start;text-align:left}:root[data-intimacy-theme="1"]{--color-bg: #1c1418;--color-surface: #2a1f26;--color-surface-translucent: rgba(42, 31, 38, .94);--color-ink: #f6eef2;--color-muted: #b9a4af;--color-accent: #d4789c;--color-accent-soft: #4a2f3c;--color-accent-softer: #35232c;--color-on-accent: #1c1418}}@layer pages{.home-header{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;justify-content:space-between}.home-header__intro{min-width:0}.home-header__subtitle{max-width:40rem;margin:var(--space-2) 0 0;color:var(--color-label);font-size:var(--text-body);line-height:var(--leading-body)}.home-header__subtitle strong{color:var(--color-accent-deep)}.home-header__pair{display:flex;gap:14px;align-items:center;padding:10px 18px 10px 12px;background:var(--neutral-100);border-radius:var(--radius-full)}.home-header__pair-text{margin:0;color:var(--color-label);font-size:var(--text-sm);font-weight:var(--weight-bold)}.home-header__pair .avatar-pair .avatar{border-color:var(--neutral-100)}.home-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-5);align-items:stretch}.home-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:22px;overflow:hidden;padding:var(--space-7);color:var(--color-on-accent);background:var(--gradient-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.home-hero:before,.home-hero:after{content:"";position:absolute;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-bg) 14%,transparent)}.home-hero:before{top:-70px;right:-50px;width:230px;height:230px}.home-hero:after{right:30px;bottom:-80px;width:170px;height:170px;background:color-mix(in srgb,var(--color-bg) 9%,transparent)}.home-hero>*:not(.burst){position:relative;z-index:1}.home-hero__top{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.home-hero__label{margin:0;font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;opacity:.85}.home-hero__level{display:inline-flex;gap:var(--space-1);align-items:center;padding:5px 12px;font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--overlay-cream);border-radius:var(--radius-full)}.home-hero__days{display:flex;gap:var(--space-3);align-items:baseline}.home-hero__days-value{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-display);line-height:var(--leading-display)}.home-hero__days-unit{font-size:20px;font-weight:var(--weight-bold);opacity:.9}.home-hero__days-note{margin-left:auto;font-size:var(--text-sm);white-space:nowrap;opacity:.85}.home-hero__milestone{display:grid;gap:var(--space-2)}.home-hero__milestone-row{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;min-height:20px;font-size:var(--text-xs);font-weight:var(--weight-bold);opacity:.9}.home-side{display:grid;gap:var(--space-4);align-content:stretch}.home-streak{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-5) 22px;background:var(--sage-100);border-radius:calc(var(--radius-lg) * 1.1)}.home-streak__head{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.home-streak__title{color:var(--sage-800);font-size:var(--text-sm);font-weight:var(--weight-bold)}.home-streak__value{display:inline-flex;gap:3px;align-items:baseline;color:var(--sage-700)}.home-streak__value strong{font-family:var(--font-display);font-size:26px;font-weight:var(--weight-display);animation:gamify-pop .4s var(--ease-pop)}.home-streak__unit{font-size:var(--text-xs);font-weight:var(--weight-bold)}.home-streak__hint{color:var(--sage-700);font-size:var(--text-xs)}.home-member{display:grid;gap:var(--space-3);align-content:center;padding:18px var(--space-5);background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.1)}.home-member__head{display:flex;gap:var(--space-3);align-items:center}.home-member__head .avatar{width:40px;height:40px}.home-member__info{flex:1;min-width:0}.home-member__name{font-size:14px;font-weight:var(--weight-bold)}.home-member__meta{color:var(--color-muted);font-size:var(--text-xs)}.home-member__points{text-align:right}.home-member__points .stat__value{font-size:28px}.home-quick .quick-action{display:flex;gap:14px;align-items:center;padding:var(--space-4) 18px;font-size:13.5px;text-align:left;border-radius:26px;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}@media(hover:hover){.home-quick .quick-action:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2e2b2524}}.home-quick__text{display:grid;gap:1px;min-width:0}.home-quick__subtitle{color:var(--color-faint);font-size:11px;font-weight:var(--weight-regular)}.home-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--space-5);align-items:start}.home-day{display:flex;gap:18px;align-items:center;padding:var(--space-6);color:inherit;text-decoration:none;background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.15);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}@media(hover:hover){.home-day:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.home-day__ring-value{color:var(--color-accent-deep);font-family:var(--font-display);font-size:24px;font-weight:var(--weight-display)}.home-day__body{display:grid;gap:3px;min-width:0}.home-day__eyebrow{color:var(--color-accent-deep);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.1em}.home-day__title{font-size:17px;font-weight:var(--weight-bold)}.home-day__meta{color:var(--color-muted);font-size:12.5px}.home-feed{padding:var(--space-6);background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.15)}.home-feed__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.home-feed__title{margin:0}.home-feed__more{color:var(--color-accent-deep);font-size:var(--text-xs);font-weight:var(--weight-bold);text-decoration:none}.home-feed__list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.home-feed__row{display:flex;gap:var(--space-3);align-items:center;padding:10px 14px;background:var(--neutral-100);border-radius:20px}.home-feed__icon{display:flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;color:var(--neutral-100);border-radius:var(--radius-full)}.home-feed__icon--sage{background:var(--color-sage)}.home-feed__icon--accent{background:var(--accent-500)}.home-feed__icon--accent-deep{background:var(--color-accent)}.home-feed__text{flex:1;min-width:0;font-size:var(--text-sm)}.home-feed__text strong{color:var(--color-accent-deep)}.home-feed__amount{display:inline-flex;align-items:center;padding:3px 10px;color:var(--sage-700);font-size:12.5px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;background:var(--sage-200);border-radius:var(--radius-full)}.home-feed__amount--spend{color:var(--color-accent-deep);background:var(--accent-200)}.home-feed__date{flex:none;width:44px;color:var(--color-faint);font-size:11.5px;text-align:right}.home-pending{padding:0}.home-reminder{margin:0;font-size:14px;font-weight:var(--weight-bold)}.home-reminder__icon{margin-right:var(--space-1);color:var(--color-accent);vertical-align:middle}.home-switcher{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center;padding-top:var(--space-2)}.home-switcher__label{color:var(--color-faint);font-size:var(--text-xs)}@media(max-width:720px){.home-main,.home-bottom{grid-template-columns:1fr}.home-header__pair{flex:1}.home-hero{gap:18px;padding:var(--space-6)}.home-hero__days-note{margin-left:0;white-space:normal}.home-day,.home-feed{padding:var(--space-5)}}}@layer pages{.home-b__capsule{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:var(--space-4) 18px var(--space-4) 28px;color:var(--color-on-accent);background:var(--gradient-accent-capsule);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.home-b__capsule-days{display:flex;gap:6px;align-items:baseline}.home-b__capsule-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.12em;opacity:.85}.home-b__capsule-value{font-family:var(--font-display);font-size:34px;font-weight:var(--weight-display);line-height:1}.home-b__capsule-unit{font-size:var(--text-sm);font-weight:var(--weight-bold);opacity:.9}.home-b__capsule-milestone{display:grid;flex:1;gap:5px;min-width:180px}.home-b__capsule-row{display:flex;justify-content:space-between;font-size:11.5px;font-weight:var(--weight-bold);opacity:.9}.home-b__capsule-level{display:inline-flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-4);font-size:12.5px;font-weight:var(--weight-bold);background:var(--overlay-cream);border-radius:var(--radius-full)}.home-b__capsule-streak{display:inline-flex;gap:6px;align-items:center;padding:var(--space-2) 14px;color:var(--color-accent-deep);font-size:12.5px;font-weight:var(--weight-bold);background:var(--neutral-100);border-radius:var(--radius-full)}.home-b__main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}.home-b__col{display:grid;gap:18px;align-content:start}.home-race{display:grid;gap:var(--space-4);padding:var(--space-6) var(--space-7);background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.15)}.home-race__head{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}.home-race__title{margin:0;font-size:20px}.home-race__note{color:var(--color-muted);font-size:var(--text-xs)}.home-race__rows{display:grid;gap:14px}.home-race__row{display:flex;gap:14px;align-items:center}.home-race__row .avatar{flex:none;width:38px;height:38px}.home-race__body{display:grid;flex:1;gap:5px;min-width:0}.home-race__line{display:flex;justify-content:space-between;font-size:12.5px;font-weight:var(--weight-bold)}.home-race__score{font-variant-numeric:tabular-nums}.home-race__score--sage{color:var(--sage-700)}.home-race__score--accent{color:var(--color-accent-deep)}.home-race__badge{display:inline-flex;flex:none;align-items:center;height:24px;padding:0 var(--space-3);color:var(--neutral-700);font-size:11.5px;font-weight:var(--weight-bold);background:var(--neutral-200);border-radius:var(--radius-full)}.home-race__badge--lead{color:var(--color-on-accent);background:var(--color-sage)}.home-race__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:14px;border-top:1px solid var(--color-border)}.home-race__chip{display:inline-flex;align-items:center;height:26px;padding:0 var(--space-3);color:var(--neutral-700);font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--neutral-200);border-radius:var(--radius-full)}.home-race__chip--sage{color:var(--sage-800);background:var(--sage-100)}.home-race__chip--accent{color:var(--accent-800);background:var(--accent-100)}.home-achievements{display:grid;gap:var(--space-4);padding:var(--space-6) var(--space-7);background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.15)}.home-achievements__head{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}.home-achievements__title{margin:0;font-size:20px}.home-achievements__count{color:var(--color-muted);font-size:var(--text-xs)}.home-chest{position:relative;display:grid;gap:var(--space-4);justify-items:center;overflow:hidden;padding:var(--space-7);color:var(--color-on-accent);background:var(--color-sage);border-radius:calc(var(--radius-lg) * 1.15)}.home-chest>*:not(.burst){position:relative;z-index:1}.home-chest__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;opacity:.85}.home-chest__ring{display:grid;gap:2px;justify-items:center}.home-chest__ring-value{font-family:var(--font-display);font-size:30px;font-weight:var(--weight-display);line-height:1}.home-chest__ring-note{font-size:11px;opacity:.85}.home-chest__ring-ready{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-display)}.home-chest__note{margin:0;font-size:12.5px;line-height:1.6;text-align:center;opacity:.92}.home-streak-hint{display:grid;gap:var(--space-3);padding:22px var(--space-6);background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.15)}.home-streak-hint__hint{color:var(--color-muted);font-size:11.5px}.home-daymini{display:grid;gap:10px;padding:22px var(--space-6);color:inherit;text-decoration:none;background:var(--color-surface);border-radius:calc(var(--radius-lg) * 1.15);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}@media(hover:hover){.home-daymini:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.home-daymini__title{font-size:var(--text-sm);font-weight:var(--weight-bold)}.home-daymini__row{display:flex;gap:14px;align-items:center}.home-daymini__ring-value{color:var(--color-accent-deep);font-family:var(--font-display);font-size:19px;font-weight:var(--weight-display)}.home-daymini__body{display:grid;gap:2px;min-width:0}.home-daymini__name{font-size:15px;font-weight:var(--weight-bold)}.home-daymini__meta{color:var(--color-muted);font-size:var(--text-xs)}@media(max-width:720px){.home-b__main{display:flex;flex-direction:column;gap:18px;align-items:stretch}.home-b__col{display:contents}.home-b__col .home-race{order:1}.home-b__col .todo-card,.home-b__col .home-pending{order:2}.home-b__col .mood-card{order:3}.home-b__col .home-chest{order:4}.home-b__col .home-streak-hint{order:5}.home-b__col .home-achievements{order:6}.home-b__col .home-daymini{order:7}.home-b__capsule{gap:var(--space-3);padding:var(--space-4) 18px;border-radius:var(--radius-lg)}.home-race,.home-achievements{padding:var(--space-5)}}}@layer pages{.home-c__header{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline;justify-content:space-between}.home-c__intro{min-width:0}.home-c__count{color:var(--color-muted);font-size:var(--text-sm)}.home-c__main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}.home-c__side{display:grid;gap:14px;align-content:start}.postcard{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:26px;overflow:hidden;padding:30px 30px 30px 34px;background:var(--neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.postcard:before{content:"";position:absolute;top:0;bottom:0;left:0;width:14px;background:radial-gradient(circle at 0 50%,var(--color-bg) 6px,transparent 6px) 0 0 / 14px 18px repeat-y}.postcard>*:not(.burst){position:relative;z-index:1}.postcard__body{display:grid;gap:var(--space-4);align-content:start;min-width:0}.postcard__since{color:var(--color-faint);font-size:11.5px;font-weight:var(--weight-bold);letter-spacing:.16em;text-transform:uppercase}.postcard__days{display:flex;gap:var(--space-3);align-items:baseline}.postcard__days-value{color:var(--color-accent-deep);font-family:var(--font-display);font-size:clamp(56px,10vw,86px);font-weight:var(--weight-display);line-height:.92}.postcard__days-unit{color:var(--color-accent);font-size:19px;font-weight:var(--weight-bold)}.postcard__note{max-width:24rem;margin:0;color:var(--color-label);font-size:14.5px;line-height:1.8}.postcard__progress{display:grid;gap:7px;max-width:22rem}.postcard__progress-row{display:flex;justify-content:space-between;color:var(--color-muted);font-size:11.5px;font-weight:var(--weight-bold)}.postcard__progress .progress{background:var(--neutral-200)}.postcard__stamps{display:grid;gap:9px;padding-top:6px}.postcard__stamps-title{color:var(--color-label);font-size:var(--text-xs);font-weight:var(--weight-bold)}.postcard__stamp-row{display:flex;flex-wrap:wrap;gap:10px}.postcard__stamp-btn{width:52px;height:52px;color:var(--color-faint);font:inherit;font-size:12.5px;font-weight:var(--weight-bold);background:transparent;border:2px dashed var(--neutral-300);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-pop)}@media(hover:hover){.postcard__stamp-btn:hover:not(:disabled){transform:rotate(-6deg) scale(1.06)}}.postcard__stamp-btn--active{color:var(--color-on-accent);background:var(--color-accent);border-style:solid;border-color:var(--color-accent)}.postcard__stamp-btn:disabled{cursor:wait;opacity:.6}.postcard__aside{display:grid;gap:14px;align-content:start}.postcard__photo{width:100%;height:150px;object-fit:cover;border:1px solid var(--color-border-strong);border-radius:6px;transform:rotate(2deg)}.postcard__photo--empty{display:grid;place-items:center;padding:var(--space-2);color:var(--color-muted);font-size:11px;text-align:center;background:repeating-linear-gradient(45deg,var(--neutral-200) 0 8px,var(--neutral-100) 8px 16px)}.postcard__stamp{justify-self:center}.postcard__stamp .stamp-badge{gap:2px;color:var(--color-accent-deep);background:transparent;border-color:var(--color-accent);opacity:.9}.postcard__stamp .stamp-badge__line:first-child{font-family:var(--font-display);font-size:26px;font-variant-numeric:tabular-nums;line-height:1}.postcard__stamp .stamp-badge__line:last-child{font-size:9.5px;letter-spacing:.14em}.passbook{position:relative;display:flex;gap:14px;align-items:center;padding:18px 22px;background:var(--neutral-100);border:1px solid var(--color-border);border-radius:var(--radius-md)}.passbook:after{content:"";position:absolute;top:50%;right:-9px;width:18px;height:18px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);transform:translateY(-50%)}.passbook .avatar{flex:none;width:42px;height:42px}.passbook__body{flex:1;min-width:0}.passbook__name{font-size:14px;font-weight:var(--weight-bold)}.passbook__ticket{color:var(--color-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}.passbook__points{flex:none;text-align:right}.passbook__value{color:var(--color-accent-deep);font-family:var(--font-display);font-size:28px;font-weight:var(--weight-display)}.passbook__unit{color:var(--color-muted);font-size:var(--text-xs)}.home-c__notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.home-note{display:grid;gap:6px;padding:var(--space-5) 22px;border-radius:14px;box-shadow:var(--shadow-md)}.home-note__date{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}.home-note__title{font-size:14.5px;font-weight:var(--weight-bold)}.home-note__meta{font-size:12.5px}.home-note--sage{background:var(--sage-100);transform:rotate(-1.2deg)}.home-note--sage .home-note__date,.home-note--sage .home-note__meta{color:var(--sage-700)}.home-note--sage .home-note__title{color:var(--sage-900)}.home-note--accent{background:var(--accent-100);transform:rotate(.8deg)}.home-note--accent .home-note__date,.home-note--accent .home-note__meta{color:var(--color-accent-deep)}.home-note--surface{background:var(--color-surface);transform:rotate(-.5deg)}.home-note--surface .home-note__date,.home-note--surface .home-note__meta{color:var(--neutral-700)}@media(max-width:720px){.home-c__main,.postcard,.home-c__notes{grid-template-columns:1fr}.postcard{padding:var(--space-5) var(--space-5) var(--space-5) 26px}.postcard__aside{grid-auto-flow:column;align-items:center;justify-content:space-between}.postcard__photo,.postcard__stamp .stamp-badge,.home-note--sage,.home-note--accent,.home-note--surface{transform:none}.postcard__photo{height:130px}}}