.today-page{gap:var(--space-6);align-items:start;width:min(100%,1120px);margin:0 auto;display:grid}@media (min-width:1100px){.today-page{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) 340px}.today-head{grid-column:1/-1}}.today-main,.today-side{gap:var(--space-6);min-width:0;display:grid}.today-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.today-head h1{font-size:var(--type-title-l-size);line-height:var(--type-title-l-line);font-weight:var(--type-title-l-weight);letter-spacing:-.01em;color:var(--color-text);margin:0}.today-head p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--type-body-size)}.today-head-actions{gap:var(--space-2);display:flex}.today-icon-btn{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;place-items:center;display:grid;position:relative}.today-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.today-badge{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;text-align:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}@media (min-width:769px){.today-head h1{font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight)}}@media (max-width:768px){.today-head-actions{display:none}.today-head h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.today-head p{color:var(--color-text);font-size:var(--type-title-l-size);line-height:var(--type-title-l-line);font-weight:var(--type-title-l-weight);letter-spacing:-.01em;margin:0}}.today-section-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);padding:0 var(--space-1);color:var(--color-text-muted);font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight);letter-spacing:.06em;text-transform:uppercase;display:flex}.today-count{font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.8}.today-list{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.today-row{align-items:center;column-gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);grid-template-columns:64px 24px minmax(0,1fr) auto;display:grid}.today-list>li+li{border-top:1px solid var(--color-line)}.today-row-time{color:var(--color-text-secondary);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line);font-variant-numeric:tabular-nums;font-weight:600;display:grid}.today-row-time small{color:var(--color-text-muted);font-weight:400;font-size:inherit}.today-row-time.overdue{color:var(--color-warning)}.today-row-mark{width:24px;height:24px;color:var(--color-text-muted);place-items:center;display:grid}.today-row-dot{border-radius:50%;width:10px;height:10px}.today-row-birthday .today-row-mark{color:var(--color-rose)}.today-row-main{min-width:0;padding:var(--space-2) 0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.today-row-title{font-size:var(--type-body-size);color:var(--color-text);overflow-wrap:anywhere;line-height:1.35;display:block}.today-row.done .today-row-title{color:var(--color-text-muted);text-decoration:line-through}.today-row-waiting{align-items:center;gap:var(--space-1);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line);color:var(--color-text-muted);display:flex}.today-row-waiting svg{color:var(--color-warning);flex:none}.today-row.past .today-row-title,.today-row.past .today-row-time{color:var(--color-text-muted)}.today-row .task-row-check:disabled{cursor:default;opacity:.6}.today-people{align-items:center;display:inline-flex}.today-people>*+*{box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;margin-left:-6px}.today-people-more,.today-people-all{color:var(--color-text-muted);font-size:var(--type-body-small-size);font-weight:600}.today-people-more{margin-left:var(--space-1)}.today-now{align-items:center;column-gap:var(--space-3);min-height:28px;padding:0 var(--space-4);background:var(--color-accent-soft);grid-template-columns:64px minmax(0,1fr);display:grid}.today-now .today-row-time{color:var(--color-accent)}.today-now-line{background:var(--color-accent);border-radius:2px;height:2px;position:relative}.today-now-line:before{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:0}.today-empty{justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);border:1px dashed var(--color-line);border-radius:var(--radius-card);color:var(--color-text-muted);font-size:var(--type-body-size);text-align:center;display:grid}.today-overdue summary{min-height:44px;color:var(--color-warning);cursor:pointer;margin:0;list-style:none}.today-overdue summary::-webkit-details-marker{display:none}.today-overdue summary svg{transition:transform var(--motion-standard) ease-out;margin-left:auto}.today-overdue[open] summary svg{transform:rotate(180deg)}.today-hints{gap:var(--space-2);display:grid}.today-hint{gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);display:grid}.today-hint-head{align-items:center;gap:var(--space-3);display:flex}.today-hint-icon{border-radius:var(--radius-control);background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent);flex:none;place-items:center;display:grid}.today-hint-text{min-width:0;color:var(--color-text);font-size:var(--type-body-size);flex:1;line-height:1.35}.today-hint-action{align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--color-accent);font:inherit;font-size:var(--type-body-small-size);cursor:pointer;background:0 0;border:0;flex:none;font-weight:650;display:inline-flex}.today-hint-action:hover{background:var(--color-accent-soft)}.today-hint-action svg{transition:transform var(--motion-standard) ease-out}.today-hint-action svg.open{transform:rotate(180deg)}.today-hint .activation-panel{margin:0}.today-inbox{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.today-inbox li{align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}.today-inbox-text{color:var(--color-text);font-size:var(--type-body-size);overflow-wrap:anywhere;flex:160px}.today-inbox-text small{color:var(--color-text-muted);font-size:var(--type-body-small-size);display:block}.today-inbox-actions{gap:var(--space-1);display:flex}.today-inbox-actions button{min-height:36px;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-secondary);font:inherit;font-size:var(--type-body-small-size);cursor:pointer;align-items:center;display:inline-flex}.today-week ul{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.today-week li+li{border-top:1px solid var(--color-line)}.today-week-day{column-gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:64px minmax(0,1fr);align-items:baseline;display:grid}.today-week-day:hover{background:var(--color-surface-hover)}.today-week-label{gap:var(--space-1);color:var(--color-text-muted);font-size:var(--type-body-small-size);font-variant-numeric:tabular-nums;display:flex}.today-week-label strong{color:var(--color-text-secondary);font-weight:650}.today-week-items{min-width:0;color:var(--color-text);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line)}.today-week-item+.today-week-item:before{content:" · ";color:var(--color-text-muted)}.today-week-item em{margin-left:var(--space-1);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-style:normal}.today-week-birthday{color:var(--color-rose)}.today-side .bento-card{margin:0}[data-dashboard-density=compact] .today-page,[data-dashboard-density=compact] .today-main,[data-dashboard-density=compact] .today-side{gap:var(--space-4)}[data-dashboard-density=compact] .today-row{min-height:44px;padding-block:var(--space-1)}[data-dashboard-density=compact] .today-week-day{min-height:40px;padding-block:var(--space-2)}.today-skeleton-chips{border-radius:var(--radius-pill);width:min(100%,420px);height:44px}.today-list .today-row .skeleton-text{grid-column:1/-1;width:70%;margin:0}.today-page.kids-today{grid-template-columns:minmax(0,1fr);width:min(100%,640px)}.kids-today .today-head h1{font-size:32px;line-height:1.2}.kids-main{gap:var(--space-4);min-width:0;display:grid}.kids-stars{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-amber) 35%, var(--color-line));border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-amber) 12%, var(--color-surface));color:var(--color-text);font:inherit;text-align:left;cursor:pointer;display:flex}.kids-stars>svg{color:var(--color-text-muted);flex:none;margin-left:auto}.kids-stars-icon{background:color-mix(in srgb, var(--color-amber) 25%, var(--color-surface));width:56px;height:56px;color:var(--color-amber);border-radius:50%;flex:none;place-items:center;font-size:30px;display:grid}.kids-stars-copy{gap:var(--space-1);flex:1;min-width:0;display:grid}.kids-stars-count{font-size:var(--type-body-size);color:var(--color-text-secondary)}.kids-stars-count strong{color:var(--color-text);font-variant-numeric:tabular-nums;margin-right:var(--space-1);font-size:32px;line-height:1.1}.kids-stars-goal{font-size:var(--type-body-small-size);color:var(--color-text-secondary)}.kids-stars-bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-amber) 18%, var(--color-surface));height:10px;display:block;overflow:hidden}.kids-stars-bar span{border-radius:inherit;background:var(--color-amber);height:100%;transition:width .4s;display:block}.kids-cheer-slot:empty{display:none}.kids-cheer{align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-success) 16%, var(--color-surface));color:var(--color-text);flex-wrap:wrap;margin:0;font-size:18px;animation:.45s cubic-bezier(.34,1.56,.64,1) kids-pop;display:flex}.kids-cheer strong{font-size:20px}.kids-list{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.kids-list>li+li{border-top:1px solid var(--color-line)}.kids-row{align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-3) var(--space-4);display:flex}.kids-row-copy{flex:1;gap:2px;min-width:0;display:grid}.kids-row-title{color:var(--color-text);overflow-wrap:anywhere;font-size:20px;line-height:1.3}.kids-row-time{font-size:var(--type-body-small-size);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.kids-row.done .kids-row-title{color:var(--color-text-muted);text-decoration:line-through}.kids-row-mark{width:40px;height:40px;color:var(--color-rose);flex:none;place-items:center;display:grid}.kids-row-dot{background:var(--color-accent);border-radius:50%;width:14px;height:14px}.kids-check{border:3px solid var(--color-text-muted);width:40px;height:40px;color:var(--color-text-on-accent);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.kids-check:disabled{cursor:default;opacity:.5}.kids-row.done .kids-check{border-color:var(--color-accent-fill);background:var(--color-accent-fill);animation:.45s cubic-bezier(.34,1.56,.64,1) kids-pop}.kids-row-reward{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-amber) 18%, var(--color-surface));color:var(--color-text);font-variant-numeric:tabular-nums;flex:none;font-weight:650;display:inline-flex}.kids-row-reward svg{color:var(--color-amber)}.kids-empty{padding:var(--space-6) var(--space-4);border:1px dashed var(--color-line);border-radius:var(--radius-card);color:var(--color-text-secondary);text-align:center;margin:0;font-size:18px}.kids-suggest{justify-content:center;align-items:center;gap:var(--space-2);min-height:56px;padding:0 var(--space-4);border:2px dashed color-mix(in srgb, var(--color-accent) 45%, var(--color-line));border-radius:var(--radius-card);background:var(--color-accent-soft);color:var(--color-accent);font:inherit;cursor:pointer;font-size:18px;font-weight:650;display:flex}@keyframes kids-pop{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kids-cheer,.kids-row.done .kids-check{animation:none}}
.family-hub{gap:var(--space-6);width:min(100%,1120px);margin:0 auto;display:grid}.family-section{min-width:0}@media (max-width:768px){.family-hub-header{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notifications-list-header{justify-content:flex-end}.notifications-list-header h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.family-people{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.family-person{align-items:start;column-gap:var(--space-3);width:100%;height:100%;padding:var(--space-4);border:1px solid var(--color-line);border-left:4px solid var(--person-color,var(--color-accent));border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.family-person:hover{background:var(--color-surface-hover)}.family-person:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.family-person-text{gap:var(--space-1);min-width:0;display:grid}.family-person-text>strong{font-size:var(--type-body-size);font-weight:650}.family-person-next{align-items:baseline;gap:0 var(--space-2);color:var(--color-text-secondary);font-size:var(--type-body-small-size);flex-wrap:wrap;line-height:1.4;display:flex}.family-person-next em{font-variant-numeric:tabular-nums;color:var(--color-text);font-style:normal;font-weight:650}.family-person-next small{color:var(--color-text-muted);font-size:inherit}.family-person-meta{gap:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--type-label-size);flex-wrap:wrap;display:flex}.family-person-points{align-items:center;gap:var(--space-1);display:inline-flex}.family-person-goal{gap:var(--space-1);margin-top:var(--space-1);display:grid}.family-person-goal small{color:var(--color-text-muted);font-size:var(--type-label-size)}.family-progress{background:var(--color-accent-soft);border-radius:999px;height:6px;display:block;overflow:hidden}.family-progress>span{border-radius:inherit;background:var(--person-color,var(--color-accent));height:100%;display:block}.family-person-chevron{color:var(--color-text-muted);align-self:center}.family-columns{gap:var(--space-6);align-items:start;display:grid}@media (min-width:900px){.family-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.family-birthdays{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.family-birthdays>li+li{border-top:1px solid var(--color-line)}.family-birthday{align-items:center;column-gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.family-birthday-icon{background:var(--color-accent-soft);width:32px;height:32px;color:var(--color-accent);border-radius:50%;place-items:center;display:grid}.family-birthday-text{min-width:0;display:grid}.family-birthday-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.family-birthday-text small{color:var(--color-text-muted);font-size:var(--type-body-small-size)}.family-birthday-gifts{align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-3);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--type-body-small-size);white-space:nowrap;cursor:pointer;border-radius:999px;font-weight:600;display:inline-flex}.family-birthday-gifts:hover{background:var(--color-surface-hover);color:var(--color-text)}.family-birthday-gifts.add{border-style:dashed}.family-section-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.family-link{min-height:32px;color:var(--color-accent);font:inherit;font-size:var(--type-body-small-size);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;font-weight:600;display:inline-flex}.family-empty{padding:var(--space-4);border:1px dashed var(--color-line);border-radius:var(--radius-card);color:var(--color-text-muted);margin:0}.list-header .list-header-action{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-control);background:var(--color-accent-fill);color:var(--text-on-primary);font:inherit;font-size:var(--type-body-small-size);white-space:nowrap;cursor:pointer;border:0;font-weight:650;display:inline-flex}.list-header .list-header-action:hover{filter:brightness(1.06)}.area-switches{margin:0;padding:0;list-style:none;display:grid}.area-switch{align-items:center;column-gap:var(--space-3);min-height:48px;color:var(--color-text-secondary);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.area-switches>li+li{border-top:1px solid var(--color-line)}.area-switch-label{color:var(--color-text);font-weight:500}.area-switch .ms-switch{cursor:pointer;background:#d7d2dc;border:0;border-radius:20px;width:38px;height:23px;padding:3px}.area-switch .ms-switch span{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;display:block}.area-switch .ms-switch[aria-checked=true]{background:#73518d}.area-switch .ms-switch[aria-checked=true] span{transform:translate(15px)}.area-switch .ms-switch:disabled{opacity:.6;cursor:default}.setup-areas-intro{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:.82rem;line-height:1.45}
.app-header{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);display:flex}.app-header-title{min-width:0;color:var(--color-text);font-size:var(--type-title-m-size);line-height:var(--type-title-m-line);font-weight:var(--type-title-m-weight);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;transition:font-size var(--motion-standard) ease-out;display:none;overflow:hidden}.app-header-search{align-items:center;gap:var(--space-2);width:min(100%,360px);min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--type-body-small-size);text-align:left;cursor:pointer;margin-right:auto;display:inline-flex}.app-header-search:hover{background:var(--color-surface-hover)}.app-header-search-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.app-header-search kbd{border:1px solid var(--color-line);font:inherit;border-radius:6px;padding:1px 6px;font-size:11px}.app-header-icon,.app-header-avatar{border-radius:var(--radius-control);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.app-header-icon:hover{background:var(--color-surface-hover);color:var(--color-text)}.app-header-avatar{border-radius:50%}.app-header-avatar[aria-expanded=true]{box-shadow:0 0 0 2px var(--color-accent-fill)}.app-header-badge{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;text-align:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:4px;right:3px}@media (max-width:768px){.app-shell .main-content{--page-top:12px;--page-x:16px}.app-shell:has(.shop-page) .main-content{--page-top:15px;--page-x:15px}html{scroll-padding-top:72px;scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom))}html:has(.shop-page){scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))}.app-header{z-index:30;margin:calc(-1 * var(--page-top)) calc(-1 * var(--page-x)) var(--space-2);padding:calc(8px + env(safe-area-inset-top)) 12px 8px var(--page-x);background:var(--color-bg);transition:border-color var(--motion-standard) ease-out, padding var(--motion-standard) ease-out;border-bottom:1px solid #0000;position:sticky;top:0}.app-header.scrolled{padding-top:calc(4px + env(safe-area-inset-top));border-bottom-color:var(--color-line);padding-bottom:4px}.app-header.scrolled .app-header-title{font-size:var(--type-title-s-size)}.app-header-title{flex:1;display:block}.app-header-search{width:44px;color:var(--color-text-secondary);background:0 0;border:0;justify-content:center;margin:0;padding:0}.app-header-search-text,.app-header-search kbd{display:none}}.app-subnav{gap:var(--space-2);margin:0 calc(-1 * var(--page-x,16px)) var(--space-4);padding:0 var(--page-x,16px) 2px;scrollbar-width:none;display:flex;overflow-x:auto}.app-subnav::-webkit-scrollbar{display:none}.app-subnav-chip{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--type-body-small-size);cursor:pointer;flex:none;font-weight:550;display:inline-flex}.app-subnav-chip.active{border-color:var(--color-accent-fill);background:var(--color-accent-soft);color:var(--color-text)}.app-subnav-count{border-radius:var(--radius-pill);background:var(--color-accent-fill);min-width:20px;color:var(--color-text-on-accent);text-align:center;padding:0 6px;font-size:11px;font-weight:700;line-height:20px}.account-sheet .account-sheet-person{margin-bottom:var(--space-3)}@media (min-width:769px){.ui-bottom-sheet.account-sheet{border-radius:var(--radius-sheet);width:360px;margin:72px 24px auto auto}}@media (max-width:768px){.app-shell .shop-page .shop-mobile-dock{bottom:calc(66px + env(safe-area-inset-bottom));padding-bottom:11px}.app-shell:has(.shop-page:not(.shopping-trip)) .main-content{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.app-shell .shop-page:not(.shopping-trip){padding-bottom:80px}}@media (max-width:360px){.app-shell .shop-page .shop-mobile-dock{gap:6px;padding-inline:10px}.app-shell .shop-page .shop-mobile-dock .btn{padding:0 10px}.app-shell .shop-page .shop-dock-count{gap:4px;font-size:0}.app-shell .shop-page .shop-dock-count strong{font-size:17px}}.app-header-new{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-control);background:var(--grad-primary);color:var(--color-text-on-accent);font:inherit;font-size:var(--type-body-small-size);cursor:pointer;border:0;font-weight:650;display:inline-flex}@media (max-width:768px){.app-header-new{display:none}}@media (min-width:769px){.ui-bottom-sheet.ui-new-sheet{border-radius:var(--radius-sheet);margin:auto}}
.mockup-admin-page{width:100%;min-width:0;max-width:none;font:13px/1.5 var(--font-ui);color:var(--text-secondary);--fam-line:var(--dashboard-line,#5841501a);--fam-purple:var(--dashboard-purple,#75518e);--fam-tint:var(--dashboard-purple-bg,#f3edf9);margin:0;display:block}.fam-page{margin:6px 0 20px;container-type:inline-size}.fam-page *,.admin-dialog *{min-width:0}.fam-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.fam-title{align-items:center;gap:16px;display:flex}.fam-title h1{letter-spacing:-.8px;color:var(--text-primary);margin:0;font-size:30px;font-weight:700;line-height:1.2}.fam-title p{color:var(--text-muted);margin:8px 0 0;font-size:12px}.fam-badge{background:var(--fam-tint);width:33px;height:33px;color:var(--fam-purple);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.fam-title .fam-badge{border:1px solid var(--fam-line);border-radius:18px;width:54px;height:54px}.fam-badge.blue{color:#528bd2;background:color-mix(in srgb, #528bd2 10%, var(--surface-paper))}.fam-badge.green{color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface-paper))}.fam-header-actions{align-items:center;gap:10px;display:flex}.fam-button{background:var(--surface-paper);border:1px solid var(--dashboard-line,#5841501a);color:var(--text-secondary);min-height:40px;font:600 12px/1.4 var(--font-ui);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.fam-button.primary{color:#fff;background:#75518e;border-color:#0000}.fam-button.danger{color:var(--danger)}.fam-button:hover{filter:brightness(.98)}.fam-page button:disabled,.admin-dialog button:disabled{opacity:.5;cursor:not-allowed}.fam-tabs{border:1px solid var(--fam-line);background:var(--surface-paper);border-radius:18px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:7px;display:grid;box-shadow:0 4px 18px #00000002}.fam-tab{min-height:44px;color:var(--text-muted);font:600 12px/1.4 var(--font-ui);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.fam-tab.active{background:var(--fam-tint);border-color:color-mix(in srgb, var(--fam-purple) 12%, transparent);color:var(--fam-purple)}.fam-tab em{border:1px solid var(--fam-line);border-radius:4px;padding:1px 5px;font-size:9px;font-style:normal;font-weight:400}.fam-metrics{border:1px solid var(--fam-line);background:var(--surface-paper);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:20px;display:grid;overflow:hidden}.fam-metric{border:0;border-right:1px solid var(--fam-line);text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:14px 18px;display:flex}.fam-metric:last-child{border-right:0}.fam-metric>span:last-child{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.fam-metric strong{font-size:22px;line-height:1.3}.fam-metric small{color:var(--text-muted);font-size:12px}.fam-metric:hover{background:var(--surface-raised)}.fam-members-layout{gap:18px;display:grid}.fam-panel{border:1px solid var(--fam-line);background:var(--surface-paper);border-radius:18px;overflow:hidden;box-shadow:0 4px 14px #00000002}.fam-panel-head{justify-content:space-between;align-items:center;gap:14px;padding:20px 22px 14px;display:flex}.fam-panel-head h2{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:18px}.fam-panel-head p{color:var(--text-muted);margin:6px 0 0;font-size:11px}.fam-soft-count{border:1px solid var(--fam-line);color:var(--text-muted);background:var(--surface-raised);white-space:nowrap;border-radius:30px;padding:5px 10px;font-size:10px}.fam-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 22px 18px;display:flex}.fam-search{border:1px solid var(--fam-line);height:42px;color:var(--text-muted);background:var(--surface-raised);border-radius:11px;flex:0 420px;align-items:center;gap:10px;padding:0 13px;display:flex}.fam-search input{box-shadow:none;width:100%;color:var(--text-primary);font:13px var(--font-ui);background:0 0;border:0;border-radius:0;outline:0}.fam-search:focus-within{outline:2px solid var(--fam-purple);outline-offset:2px}.fam-segmented{border:1px solid var(--fam-line);background:var(--surface-raised);border-radius:12px;gap:3px;padding:4px;display:flex}.fam-segmented button{min-height:32px;color:var(--text-muted);font:600 12px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 12px}.fam-segmented button.active{background:var(--surface-paper);color:var(--fam-purple);box-shadow:0 1px 4px #00000005}.fam-member-groups{border-top:1px solid var(--fam-line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.fam-member-groups.single{grid-template-columns:1fr}.fam-member-group+.fam-member-group{border-left:1px solid var(--fam-line)}.fam-group-label{color:var(--text-muted);background:var(--surface-raised);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:8px;margin:0;padding:12px 22px;font-size:11px;font-weight:600;display:flex}.fam-group-label span,.fam-you{border:1px solid var(--fam-line);background:var(--surface-paper);letter-spacing:0;text-transform:none;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:400;line-height:1.3}.fam-member{border-bottom:1px solid var(--fam-line);align-items:center;gap:12px;min-height:88px;padding:18px 22px;display:flex}.fam-member:last-child{border-bottom:0}.fam-member-copy{flex:1}.fam-member-name{color:var(--text-primary);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.fam-member-copy p{color:var(--text-muted);overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.6}.fam-member-actions{align-items:center;gap:8px;display:flex}.fam-member-actions .fam-button{padding:9px 11px}.fam-role{background:var(--fam-tint);color:var(--fam-purple);white-space:nowrap;border-radius:25px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:600;display:inline-flex}.fam-role.member{color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--fam-line)}.fam-member-footer{border-top:1px solid var(--fam-line);background:var(--surface-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;display:flex}.fam-member-footer>span{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:flex}.fam-member-footer>span svg,.fam-latest>svg{color:var(--success);flex:none}.fam-link{min-height:32px;font:12px/1.5 var(--font-ui);color:var(--fam-purple,var(--dashboard-purple));cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.fam-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.fam-support-card{flex-direction:column;padding:19px 22px;display:flex}.fam-support-card h3{color:var(--text-primary);align-items:center;gap:9px;margin:0;font-size:14px;line-height:1.5;display:flex}.fam-support-card h3 svg{color:var(--fam-purple);flex:none}.fam-support-card p,.fam-help{color:var(--text-muted);margin:10px 0 12px;font-size:12px;line-height:1.75}.fam-support-card>.fam-link{align-self:flex-start;min-height:36px;margin-top:auto}.fam-time-example{color:var(--text-primary);margin:12px 0;font-size:26px;line-height:1.3}.fam-time-example small{color:var(--text-muted);font-size:11px}.fam-time-card p{margin-bottom:0;font-size:11px}.fam-access-card{background:linear-gradient(120deg, var(--fam-tint), var(--surface-paper))}.fam-latest{align-items:flex-start;gap:10px;margin:12px 0 24px;display:flex}.fam-latest strong{font-size:12px;line-height:1.6;display:block}.fam-latest small{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.fam-footnote{color:var(--text-muted);align-items:center;gap:7px;margin-top:16px;font-size:11px;display:flex}.fam-empty{color:var(--text-muted);padding:20px;font-size:12px}.fam-page button:focus-visible,.admin-dialog button:focus-visible{outline:2px solid var(--dashboard-purple);outline-offset:3px}.admin-dialog{--fam-purple:var(--dashboard-purple);font:13px/1.5 var(--font-ui)}.fam-editor fieldset{border:0;margin:0;padding:0}.fam-editor-person{align-items:center;gap:16px;margin-bottom:22px;display:flex}.fam-editor-person strong{color:var(--text-primary);font-size:18px}.fam-editor-person p{color:var(--text-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.fam-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.fam-form-grid>label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:12px;display:flex}.fam-form-grid :is(input,select){border:1px solid var(--dashboard-line,#5841501a);width:100%;min-height:42px;color:var(--text-primary);background:var(--surface-raised);font:13px var(--font-ui);border-radius:10px;padding:10px}.fam-upload{align-items:center;gap:7px;display:flex}.fam-upload input{padding:7px;font-size:10px}.fam-check{align-items:flex-start;gap:10px;font-size:12px;display:flex}.fam-check input{accent-color:var(--dashboard-purple);margin-top:3px}.fam-danger-zone{border-top:1px solid var(--dashboard-line,#5841501a);flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:18px;display:flex}.fam-confirm{background:var(--surface-raised);border-radius:12px;margin-top:15px;padding:15px}.fam-confirm .fam-button{margin-right:8px}.fam-error{color:var(--danger);font-size:13px}.fam-role-guide h3{margin:20px 0 7px;font-size:16px}.fam-role-guide p{color:var(--text-muted);font-size:13px;line-height:1.8}.mockup-admin-page .admin-subpage{width:100%;max-width:none}.mockup-admin-page .admin-subpage-header{margin:0 0 14px}.mockup-admin-page .admin-subpage .view-title{letter-spacing:-.4px;font-size:22px}.mockup-admin-page .settings-section{background:var(--surface-paper);border:1px solid var(--fam-line);border-radius:18px;width:100%;max-width:none;padding:22px;box-shadow:0 4px 14px #00000002}.mockup-admin-page .form-input{border:1px solid var(--fam-line);background:var(--surface-raised);border-radius:10px;min-height:40px}.mockup-admin-page .adm-list-item{border-color:var(--fam-line);gap:15px;padding:18px 0}.mockup-admin-page .adm-list-item-meta{line-height:1.8}.mockup-admin-page .sso-section{padding:24px}.fam-invite-layout{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:20px;display:grid}.fam-invite-aside{gap:18px;display:grid}.fam-invite-aside h3{color:var(--text-primary);font-size:16px}.fam-invite-aside p{color:var(--text-muted);font-size:12px;line-height:1.8}.fam-invite-list .fam-panel-head{padding:0 0 18px}.fam-invite-list .fam-filters{padding:0 0 16px}.fam-invite-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.fam-invite-heading h2{color:var(--text-primary);margin:0 0 6px;font-size:22px}.fam-invite-heading p{color:var(--text-muted);margin:0;font-size:12px}.mockup-admin-page .admin-subpage-displays>.settings-section{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;display:grid}.mockup-admin-page .admin-subpage-displays .adm-list-item{border:1px solid var(--fam-line);background:var(--surface-paper);border-radius:18px;flex-direction:column;align-items:stretch;margin:0;padding:22px;display:flex}.mockup-admin-page .admin-subpage-displays .adm-revoke-btn{align-self:flex-start}.mockup-admin-page .display-device-compact-preview{flex-direction:column;align-items:stretch;display:flex}.mockup-admin-page .admin-subpage-backups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.mockup-admin-page .admin-subpage-backups>.admin-subpage-header,.mockup-admin-page .backup-confidence-panel{grid-column:1/-1}.mockup-admin-page .admin-subpage-backups>.settings-section{margin:0}.fam-audit-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.fam-audit-filters select{flex:0 180px}.mockup-admin-page .audit-entry{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0;display:flex}.mockup-admin-page .audit-entry .audit-time{order:5;margin-left:auto}.mockup-admin-page .audit-details{overflow-wrap:anywhere}@container (max-width:1000px){.fam-member{gap:10px;padding:16px}.fam-group-label{padding-left:16px;padding-right:16px}.fam-member-actions{flex-direction:column;align-items:flex-end;gap:6px}.fam-member-name{font-size:13px}.fam-member-copy p{font-size:11px}.fam-support-card{padding:17px}.fam-support-card h3{font-size:13px}.fam-metric{gap:8px;padding:12px}.fam-metric>span:last-child{flex-direction:column;gap:3px}.fam-metric small{font-size:11px}.fam-tab{gap:6px;font-size:11px}.fam-tab em{display:none}}@container (max-width:800px){.fam-invite-layout{grid-template-columns:1fr}.fam-invite-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:730px){.fam-member-groups{grid-template-columns:1fr}.fam-member-group+.fam-member-group{border-left:0;border-top:1px solid var(--fam-line)}.fam-member-actions{flex-direction:row;align-items:center}.fam-member{min-height:80px}.fam-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fam-support-card:last-child{grid-column:1/-1}.mockup-admin-page .admin-subpage-displays>.settings-section,.mockup-admin-page .admin-subpage-backups{grid-template-columns:1fr}}@container (max-width:590px){.fam-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:16px}.fam-title{gap:13px}.fam-title h1{font-size:26px}.fam-title p{font-size:11px}.fam-title .fam-badge{border-radius:15px;width:45px;height:45px}.fam-header-actions{width:100%}.fam-header-actions .fam-button{flex:1;min-height:44px;padding:9px}.fam-tabs{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:14px;padding:6px}.fam-tab{gap:6px;padding:8px 3px;font-size:11px}.fam-tab svg{width:16px;height:16px}.fam-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.fam-metric:nth-child(2){border-right:0}.fam-metric:nth-child(-n+2){border-bottom:1px solid var(--fam-line)}.fam-panel-head{padding:18px 16px 13px}.fam-panel-head h2{font-size:17px}.fam-filters{padding:0 16px 15px}.fam-filters .fam-search{flex-basis:100%;height:44px}.fam-filters .fam-segmented{width:100%}.fam-filters .fam-segmented button{font-size:11px}.fam-role{padding:4px 7px;font-size:9px}.fam-role svg{display:none}.fam-member-actions .fam-button{min-width:44px;min-height:44px}.fam-member-footer{padding:13px 16px}.fam-member-footer>span{font-size:10px}.fam-invite-aside{grid-template-columns:1fr}.fam-invite-heading{flex-wrap:wrap}.fam-invite-heading .fam-button{min-height:44px}}@container (max-width:500px){.fam-support-grid{grid-template-columns:1fr;gap:12px}.fam-support-card{padding:18px}.fam-support-card h3{font-size:14px}.fam-time-card{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;display:grid}.fam-time-card h3{grid-column:1/-1}.fam-time-card .fam-segmented{grid-row:2;align-self:center;margin-top:16px}.fam-time-card .fam-time-example{text-align:right;grid-area:2/2;margin-bottom:0}.fam-time-example small{margin-top:4px;display:block}.fam-time-card>p{grid-column:1/-1}}@media (max-width:768px){.mockup-admin-page{padding:0 9px}.fam-page{margin-top:14px}.fam-page input:not([type=checkbox]),.fam-page select,.admin-dialog input:not([type=checkbox]),.admin-dialog select{font-size:16px}.fam-footnote{align-items:flex-start;line-height:1.7}.fam-footnote svg{flex:none;margin-top:2px}.fam-form-grid :is(input,select),.fam-button{min-height:44px}.admin-dialog .fam-upload input{font-size:12px}.fam-segmented{flex-wrap:wrap}.fam-segmented button{min-height:36px}.mockup-admin-page .adm-banner-row{flex-wrap:wrap}.mockup-admin-page .token-display{overflow-wrap:anywhere}.fam-time-card .fam-segmented{flex-wrap:nowrap}.fam-time-card .fam-segmented button{padding:6px;font-size:11px}}@media (max-width:370px){.fam-form-grid{grid-template-columns:1fr}.fam-title h1{font-size:23px}.fam-tab{gap:4px;font-size:10px}.fam-tab svg{width:14px}.fam-member-actions{flex-direction:column;align-items:flex-end}.fam-soft-count{display:none}.fam-header-actions .fam-button{font-size:11px}}.fam-display-fields{border:0;margin:0;padding:0}.fam-invite-record{flex:1}.fam-base-field{gap:8px;display:grid}.fam-invite-aside{overflow-wrap:anywhere}.admin-dialog{--dashboard-line:var(--glass-border);--dashboard-purple:var(--amethyst)}.fam-filters .fam-segmented button{flex:1 0 auto}.fam-sso-layout{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:20px;display:grid}.fam-sso-aside{gap:18px;display:grid}.fam-login-preview{text-align:center;padding:24px}.fam-login-preview h3{color:var(--text-primary);margin:12px 0 5px;font-size:18px}.fam-login-preview p{color:var(--text-muted);font-size:12px}.fam-preview-login{background:var(--fam-tint);color:var(--fam-purple);overflow-wrap:anywhere;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:12px;display:flex}.mockup-admin-page .sso-action-row{border-top:1px solid var(--fam-line);padding-top:18px}@container (max-width:850px){.fam-sso-layout{grid-template-columns:1fr}.fam-sso-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:500px){.fam-sso-aside{grid-template-columns:1fr}.fam-metric .fam-badge{border-radius:8px;width:26px;height:26px}.fam-metric .fam-badge svg{width:17px;height:17px}.fam-metric strong{font-size:20px}.fam-metric small{font-size:10px;line-height:1.4}}.display-device-composer-shell{gap:.85rem;margin-top:1rem;display:grid}.display-config-toggle{color:var(--accent-strong,#6d28d9);background:#7c3aed14;border-radius:999px;justify-self:flex-start;padding-inline:.95rem}.display-create-form-heading{gap:.25rem;margin-bottom:.2rem;display:grid}.display-create-form-heading h2{color:var(--text-primary);margin:0;font-size:1.1rem}.display-create-form-heading p{color:var(--text-muted);margin:0;line-height:1.45}.fam-stage-editor{gap:18px;display:grid}.fam-stage-group{gap:10px;display:grid}.fam-stage-group h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.fam-stage-hint{color:var(--text-muted);margin:-4px 0 0;font-size:12.5px;line-height:1.45}.fam-stage-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.fam-stage-row .form-field,.fam-inline-field{color:var(--text-secondary);align-content:start;gap:5px;font-size:12.5px;display:grid}.fam-stage-schematic{background:var(--surface-raised);border:1px solid var(--fam-line,var(--border-subtle));border-radius:10px;grid-template:"hero a"26px"timeline b"30px"d c"24px/1fr .45fr;gap:4px;max-width:280px;padding:6px;display:grid}.fam-stage-fixed{background:color-mix(in srgb, var(--text-muted) 16%, transparent);border-radius:5px}.fam-stage-fixed--hero{grid-area:hero}.fam-stage-fixed--timeline{grid-area:timeline}.fam-stage-zone{background:var(--fam-tint,#f3edf9);min-width:0;color:var(--fam-purple,#75518e);border-radius:5px;align-items:center;gap:4px;padding:0 5px;font-size:10px;display:flex;overflow:hidden}.fam-stage-zone b{font-size:10px}.fam-stage-zone small{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.fam-stage-zone--a{grid-area:a}.fam-stage-zone--b{grid-area:b}.fam-stage-zone--c{grid-area:c}.fam-stage-zone--d{grid-area:d}.fam-stage-schematic--bottom_large{grid-template-areas:"hero a""d b""d c"}.fam-stage-schematic--right_tall{grid-template-areas:"hero a""timeline a""d c"}.fam-stage-schematic--timetable{grid-template-areas:"full full""full full""full full"}.fam-stage-zone--full{grid-area:full;justify-content:center}.fam-arrangements{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.fam-arrangement{border:1.5px solid var(--fam-line,var(--border-subtle));background:var(--surface-paper);color:var(--text-secondary);font:inherit;text-align:center;cursor:pointer;border-radius:12px;gap:6px;padding:8px 8px 7px;font-size:12px;font-weight:600;line-height:1.25;transition:border-color .15s,background .15s;display:grid}.fam-arrangement:hover{border-color:color-mix(in srgb, var(--fam-purple,#75518e) 45%, transparent)}.fam-arrangement.is-active{border-color:var(--fam-purple,#75518e);background:var(--fam-tint,#f3edf9);color:var(--fam-purple,#75518e)}.fam-mini-screen{aspect-ratio:16/10;background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--fam-line,var(--border-subtle));border-radius:6px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1.7fr 1fr;grid-template-areas:"hero a""timeline b""d c";gap:2px;padding:3px;display:grid}.fam-mini-screen--bottom_large{grid-template-areas:"hero a""d b""d c"}.fam-mini-screen--right_tall{grid-template-areas:"hero a""timeline a""d c"}.fam-mini-screen i{border-radius:2px;display:block}.fam-mini-fixed{background:color-mix(in srgb, var(--text-muted) 24%, transparent)}.fam-mini-zone,.fam-mini-full{background:color-mix(in srgb, var(--fam-purple,#75518e) 32%, transparent)}.fam-arrangement.is-active .fam-mini-zone,.fam-arrangement.is-active .fam-mini-full{background:var(--fam-purple,#75518e)}.fam-mini-hero{grid-area:hero}.fam-mini-timeline{grid-area:timeline}.fam-mini-zone--a{grid-area:a}.fam-mini-zone--b{grid-area:b}.fam-mini-zone--c{grid-area:c}.fam-mini-zone--d{grid-area:d}.fam-mini-full{grid-area:1/1/-1/-1}.fam-stage-preview{aspect-ratio:16/10;background:var(--surface-raised);border:7px solid #2c2631;border-radius:18px;grid-template:"hero a".8fr"timeline b"1.1fr"d c"1fr/1.7fr 1fr;gap:6px;max-width:560px;padding:8px;display:grid;box-shadow:0 10px 24px -14px #1e14288c}.fam-stage-preview--bottom_large{grid-template-rows:.8fr 1fr 1fr;grid-template-areas:"hero a""d b""d c"}.fam-stage-preview--right_tall{grid-template-areas:"hero a""timeline a""d c"}.fam-preview-fixed{background:color-mix(in srgb, var(--text-muted) 14%, transparent);min-width:0;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:6px 8px;font-size:10.5px;font-weight:650;overflow:hidden}.fam-preview-hero{grid-area:hero}.fam-preview-timeline{grid-area:timeline}.fam-preview-zone{background:var(--fam-tint,#f3edf9);min-width:0;min-height:0;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:9px;flex-direction:column;gap:4px;padding:5px 6px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden;container:zone/size}.fam-preview-zone:hover{border-color:color-mix(in srgb, var(--fam-purple,#75518e) 40%, transparent)}.fam-preview-zone.is-selected{border-color:var(--fam-purple,#75518e);box-shadow:0 0 0 3px color-mix(in srgb, var(--fam-purple,#75518e) 22%, transparent)}.fam-preview-zone--a{grid-area:a}.fam-preview-zone--b{grid-area:b}.fam-preview-zone--c{grid-area:c}.fam-preview-zone--d{grid-area:d}.fam-preview-zone-head{align-items:center;gap:5px;min-width:0;font-size:10.5px;font-weight:650;display:flex}.fam-preview-zone .fam-zone-letter{border-radius:6px;flex:none;width:18px;height:18px;font-size:10.5px}.fam-preview-zone-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fam-preview-cards{flex-wrap:wrap;gap:3px;min-height:0;display:flex;overflow:hidden}.fam-preview-card{background:var(--surface-paper);max-width:100%;color:var(--fam-purple,#75518e);border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.fam-preview-card svg{flex:none}.fam-preview-card span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@container zone (max-height:84px){.fam-preview-cards{flex-wrap:nowrap}.fam-preview-card{flex:none}.fam-preview-card:first-child{flex:0 auto;min-width:0}.fam-preview-card+.fam-preview-card{padding:3px}.fam-preview-card+.fam-preview-card span{display:none}}@media (max-width:520px){.fam-stage-preview{aspect-ratio:4/3}}.fam-zone-panel{border:1.5px solid var(--fam-purple,#75518e);background:var(--surface-paper);border-radius:14px;gap:10px;max-width:560px;margin-top:12px;padding:12px;display:grid}.fam-zone-panel-head{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.fam-inline-field.fam-zone-interval{align-items:center;gap:6px;margin-left:auto;display:flex}.fam-zone-interval .form-input{width:auto;min-height:34px;padding-top:4px;padding-bottom:4px}.fam-card-palette{gap:6px;display:grid}.fam-card-palette-title{color:var(--text-secondary);font-size:12px;font-weight:600}.fam-card-palette-chips{flex-wrap:wrap;gap:6px;display:flex}.fam-card-chip{border:1px dashed color-mix(in srgb, var(--fam-purple,#75518e) 50%, transparent);min-height:34px;color:var(--fam-purple,#75518e);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:0 12px 0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.fam-card-chip:hover{background:var(--fam-tint,#f3edf9);border-style:solid}.fam-stage-pin{gap:10px;margin-top:12px;display:grid}.fam-zone-letter{background:var(--fam-purple,#75518e);color:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-grid}.fam-zone-cards{gap:5px;margin:0;padding:0;list-style:none;display:grid}.fam-zone-cards li{background:var(--fam-tint,#f3edf9);min-height:36px;color:var(--text-primary);border-radius:9px;align-items:center;gap:4px;padding:2px 4px 2px 10px;font-size:13px;font-weight:600;display:flex}.fam-zone-cards li svg{color:var(--fam-purple,#75518e);flex:none}.fam-zone-card-index{width:16px;color:var(--text-muted);text-align:center;font-size:12px;font-weight:700}.fam-zone-card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fam-icon-button{width:32px;height:32px;color:var(--fam-purple,#75518e);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.fam-icon-button:hover:not(:disabled){background:color-mix(in srgb, var(--fam-purple,#75518e) 12%, transparent)}.fam-icon-button:disabled{opacity:.3;cursor:default}.fam-toggle-list{gap:6px;display:grid}.fam-toggle{background:var(--surface-raised);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:13px;display:flex}.fam-toggle input{width:18px;height:18px;accent-color:var(--fam-purple,#75518e);flex:none;margin-top:1px}.fam-toggle small{color:var(--text-muted);font-size:12px;display:block}.fam-weather-panel{border:1px solid var(--fam-line,var(--border-subtle));background:var(--surface-paper);border-radius:14px;gap:10px;margin:14px 0 6px;padding:14px 16px;display:grid}.fam-weather-missing{margin-top:var(--space-md);padding:var(--space-md);border:1px solid color-mix(in srgb, var(--warning) 45%, var(--border-subtle));background:color-mix(in srgb, var(--warning) 9%, var(--surface-paper));gap:var(--space-sm);border-radius:14px;display:grid}.fam-weather-missing>p{margin:0;font-weight:600}.fam-weather-missing-badge{color:color-mix(in srgb, var(--warning) 70%, var(--text-primary));margin:6px 0 0;font-size:.8rem}.fam-weather-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fam-weather-head h3{color:var(--text-primary);margin:0;font-size:14px}.fam-weather-head p{color:var(--text-secondary);align-items:center;gap:4px;margin:2px 0 0;display:flex}.fam-weather-icon{background:var(--fam-tint,#f3edf9);width:38px;height:38px;color:var(--fam-purple,#75518e);border-radius:11px;place-items:center;display:inline-grid}.fam-weather-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.fam-weather-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.fam-weather-search .form-field{gap:5px;font-size:12.5px;display:grid}.fam-weather-results{grid-column:1/-1;gap:4px;margin:0;padding:0;list-style:none;display:grid}.fam-weather-results button{border:1px solid var(--fam-line,var(--border-subtle));background:var(--surface-raised);width:100%;min-height:40px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.fam-weather-results span,.fam-weather-empty{color:var(--text-muted)}.fam-weather-privacy{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.fam-weather-error{color:var(--danger);margin:0}.mockup-admin-page .admin-back{align-self:flex-start;min-height:34px;margin-bottom:14px;font-size:12px}
.display-root--stage{background:#faf8f4;position:fixed;inset:0;overflow:hidden}.stage{--stage-paper:#faf8f4;--stage-surface:#fffefd;--stage-raised:#f5f1ec;--stage-line:#5841501a;--stage-ink:#151828;--stage-text:#42414c;--stage-muted:#756f79;--stage-accent:#73518d;--stage-accent-bg:#f3edf9;--stage-rain:#3f79a8;--stage-rain-bg:#e6f0f9;--stage-warm:#99702a;--stage-warm-bg:#faefd9;--stage-danger:#b94d55;box-sizing:border-box;width:100vw;height:100dvh;font-family:var(--font-ui);color:var(--stage-ink);background:var(--stage-paper);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:default;grid-template-rows:auto minmax(0,1fr);gap:1.1em;padding:1.6em 1.9em;font-size:clamp(12px,.72vw + .62vh,24px);transition:background .8s,color .8s;display:grid;position:relative}.stage *,.stage :before,.stage :after{box-sizing:border-box}.stage h1,.stage h2,.stage p,.stage ul,.stage ol{margin:0;padding:0}.stage ul,.stage ol{list-style:none}.stage svg{flex:none}.stage--dark{--stage-paper:#17141d;--stage-surface:#211d29;--stage-raised:#2a2533;--stage-line:#e6dcf01a;--stage-ink:#f3eee8;--stage-text:#cdc4d6;--stage-muted:#9a90a6;--stage-accent:#d5b8ea;--stage-accent-bg:#372d44;--stage-rain:#a9cdf0;--stage-rain-bg:#22364a;--stage-warm:#ecc98c;--stage-warm-bg:#3d3222;--stage-danger:#f0a0a8}.stage-night-veil{pointer-events:none;z-index:20;background:#08060c8c;position:fixed;inset:0}.stage-head{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1.8em;display:grid}.stage-clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:4.4em;font-weight:680;line-height:.92}.stage-date{color:var(--stage-text);margin-top:.35em;font-size:1.2em;font-weight:550}.stage-greeting{flex-direction:column;align-items:flex-start;gap:.55em;min-width:0;display:flex}.stage-greeting strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.8em;font-weight:720;overflow:hidden}.stage-mode{background:var(--stage-accent-bg);color:var(--stage-accent);border-radius:100px;align-items:center;gap:.45em;padding:.35em .75em;font-size:.85em;font-weight:650;display:inline-flex}.stage-offline{background:var(--stage-warm-bg);color:var(--stage-warm);border-radius:100px;align-items:center;gap:.4em;padding:.4em .8em;font-size:.85em;font-weight:650;display:inline-flex}.stage-weather{background:var(--stage-surface);border:1px solid var(--stage-line);color:var(--stage-warm);border-radius:1.2em;align-items:center;gap:.8em;padding:.75em 1.1em;display:flex}.stage-weather>svg{width:2.6em;height:2.6em}.stage-weather b{letter-spacing:-.03em;color:var(--stage-ink);font-size:2.4em;font-weight:650}.stage-weather span{flex-direction:column;gap:.15em;display:flex}.stage-weather small{color:var(--stage-text);font-size:.9em}.stage-weather .stage-rain,.stage-tip{color:var(--stage-rain);align-items:center;gap:.35em;font-weight:650;display:flex}.stage-grid{grid-template:"hero a"minmax(0,1fr)"timeline b"minmax(0,1.15fr)"d c"minmax(0,.8fr)/minmax(0,1fr) clamp(18em,27vw,26em);gap:1.2em;min-height:0;display:grid}.stage-grid--bottom_large{grid-template-areas:"hero a""d b""d c"}.stage-grid--right_tall{grid-template-areas:"hero a""timeline a""d c"}.stage-hero{grid-area:hero}.stage-timeline{grid-area:timeline}.stage-zone--a{grid-area:a}.stage-zone--b{grid-area:b}.stage-zone--c{grid-area:c}.stage-zone--d{grid-area:d}.stage-card{background:var(--stage-surface);border:1px solid var(--stage-line);border-radius:1.35em;min-width:0;min-height:0;padding:1.3em 1.45em;position:relative;overflow:hidden}.stage-label{letter-spacing:.09em;text-transform:uppercase;color:var(--stage-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5em;font-size:.8em;font-weight:750;display:flex;overflow:hidden}.stage-label span{text-overflow:ellipsis;overflow:hidden}.stage-empty{color:var(--stage-muted);margin-top:.9em;font-size:1em}.stage-avatar{color:#fff;object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.stage-avatar--all{background:var(--stage-accent-bg);width:1.9em;height:1.9em;color:var(--stage-accent)}.stage-hero{background:linear-gradient(120deg, var(--stage-surface) 45%, var(--stage-accent-bg));grid-template-columns:minmax(0,1fr) minmax(0,17em);gap:1.6em;display:grid}.stage-hero-main{flex-direction:column;justify-content:center;gap:.65em;min-width:0;display:flex}.stage-hero-when{color:var(--stage-accent)}.stage-hero-title{letter-spacing:-.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:3.4em;font-weight:760;line-height:1.02;display:-webkit-box;overflow:hidden}.stage-hero-title--quiet{color:var(--stage-text);font-size:2.4em}.stage-hero-meta{color:var(--stage-text);align-items:center;gap:.7em;min-width:0;font-size:1.2em;display:flex}.stage-hero-meta>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-hero-people{display:flex}.stage-hero-people .stage-avatar+.stage-avatar{box-shadow:0 0 0 3px var(--stage-surface);margin-left:-.5em}.stage-hero-hint{background:var(--stage-accent-bg);color:var(--stage-accent);border-radius:.85em;align-self:flex-start;align-items:center;gap:.5em;padding:.5em .85em;font-size:1em;font-weight:650;display:inline-flex}.stage-hero-next{border-left:1px solid var(--stage-line);flex-direction:column;justify-content:center;gap:.55em;min-width:0;padding-left:1.4em;display:flex}.stage-next-row{background:var(--stage-surface);border:1px solid var(--stage-line);border-radius:.9em;align-items:center;gap:.7em;min-width:0;padding:.55em .75em;font-size:1.05em;display:flex}.stage-next-row b{font-variant-numeric:tabular-nums;flex:none}.stage-next-row span:last-child{text-overflow:ellipsis;white-space:nowrap;color:var(--stage-text);overflow:hidden}.stage-timeline{flex-direction:column;gap:.6em;display:flex}.stage-allday{flex-wrap:wrap;gap:.4em;display:flex}.stage-allday span{background:var(--stage-accent-bg);color:var(--stage-accent);border-radius:100px;padding:.25em .7em;font-size:.85em;font-weight:650}.stage-tl{flex-direction:column;flex:1;min-height:0;padding-left:3.2em;display:flex;position:relative}.stage-tl-hours{flex:none;height:1.3em;position:relative}.stage-tl-hours span{color:var(--stage-muted);font-size:.8em;font-weight:600;position:absolute;transform:translate(-50%)}.stage-tl-body{flex-direction:column;flex:1;justify-content:space-evenly;gap:.35em;min-height:0;display:flex;position:relative}.stage-tl-grid{background:var(--stage-line);width:1px;position:absolute;top:0;bottom:0}.stage-tl-past{background:color-mix(in srgb, var(--stage-surface) 65%, transparent);z-index:2;position:absolute;top:0;bottom:0;left:0}.stage-tl-now{background:var(--stage-accent);z-index:3;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-.4em;bottom:0}.stage-lane{flex:1;align-items:center;height:2.3em;max-height:2.8em;display:flex;position:relative}.stage-lane-who{display:flex;position:absolute;left:-3.2em}.stage-lane-track{width:100%;height:100%;position:relative}.stage-block{background:var(--block-color);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:.65em;align-items:center;padding:0 .6em;font-size:.88em;font-weight:650;display:flex;position:absolute;top:8%;bottom:8%;overflow:hidden}.stage-zone{touch-action:pan-y;flex-direction:column;padding:0;display:flex}.stage-zone-card{flex-direction:column;flex:1;min-height:0;animation:.6s stage-fade;display:flex}.stage-card-body{flex-direction:column;flex:1;gap:.2em;min-height:0;padding:1.3em 1.45em 1.4em;display:flex}.stage-card-body>*,.stage-hero-main>*,.stage-timeline>.stage-label{flex-shrink:0}.stage-zone--d .stage-zone-card{padding:1.1em 1.2em 1.2em}.stage-dots{z-index:4;gap:.3em;display:flex;position:absolute;top:1.35em;right:1.3em}.stage-dots i{background:color-mix(in srgb, var(--stage-accent) 28%, transparent);border-radius:50%;width:.42em;height:.42em}.stage-dots i.is-on{background:var(--stage-accent);border-radius:.3em;width:1.1em}.stage-zone--media .stage-dots{background:color-mix(in srgb, var(--stage-surface) 85%, transparent);border-radius:100px;padding:.3em .45em;top:.8em;right:.8em}.stage-zone[data-paused] .stage-dots:after{content:"";background:var(--stage-muted);border-radius:1px;width:.42em;height:.42em;margin-left:.2em}.stage-progress{background:color-mix(in srgb, var(--stage-accent) 8%, transparent);z-index:4;height:4px;position:absolute;bottom:0;left:0;right:0}.stage-progress b{transform-origin:0;background:var(--stage-accent);opacity:.5;width:100%;height:100%;animation-name:stage-progress;animation-timing-function:linear;animation-fill-mode:forwards;display:block}@keyframes stage-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stage-fade{0%{opacity:0}to{opacity:1}}.stage-meal-photo{object-fit:cover;flex:none;width:100%;height:42%;min-height:0}.stage-zone--media .stage-card-body{padding-top:.9em}.stage-meal-name{letter-spacing:-.02em;margin-top:.3em;font-size:1.55em;font-weight:750;line-height:1.15}.stage-meal-others{color:var(--stage-text);flex-direction:column;gap:.15em;margin-top:.3em;font-size:.95em;display:flex}.stage-meal-others span{color:var(--stage-muted);margin-right:.4em}.stage-checklist{grid-template-columns:1fr 1fr;gap:.5em 1em;margin-top:.8em;font-size:1.08em;display:grid}.stage-checklist li{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.55em;min-width:0;display:flex;overflow:hidden}.stage-checklist i{border:2px solid color-mix(in srgb, var(--stage-muted) 60%, transparent);border-radius:.3em;flex:none;width:1em;height:1em}.stage-more{color:var(--stage-muted);font-size:.9em}.stage-hours{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35em;margin-top:.8em;display:grid}.stage-hours div{background:var(--stage-raised);color:var(--stage-warm);border-radius:.85em;flex-direction:column;align-items:center;gap:.35em;padding:.6em 0;font-size:.85em;display:flex}.stage-hours div span{color:var(--stage-text)}.stage-hours div b{color:var(--stage-ink);font-size:1.25em}.stage-hours div.is-rain{background:var(--stage-rain-bg);color:var(--stage-rain)}.stage-tip{margin-top:.7em;font-size:.95em}.stage-rows{flex-direction:column;gap:.65em;margin-top:.8em;display:flex}.stage-rows li{align-items:center;gap:.75em;min-width:0;font-size:1.05em;display:flex}.stage-rows li>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stage-rows small{color:var(--stage-muted);font-size:.82em;display:block}.stage-rows li.is-overdue small{color:var(--stage-danger);font-weight:650}.stage-rows svg{color:var(--stage-accent)}.stage-dot{background:var(--stage-accent);border-radius:50%;flex:none;width:.7em;height:.7em;margin:0 .55em}.stage-school-kids{color:var(--stage-text);align-items:center;gap:.4em;margin-top:.6em;font-size:1em;display:flex}.stage-lessons{flex-direction:column;gap:.15em;margin-top:.5em;font-size:1em;display:flex}.stage-lessons li{border-radius:.6em;align-items:center;gap:.75em;padding:.25em .6em;display:flex}.stage-lessons b{width:3.4em;color:var(--stage-muted);font-variant-numeric:tabular-nums;font-size:.85em}.stage-lessons li.is-now{background:var(--stage-accent-bg);font-weight:700}.stage-lessons li.is-break{color:var(--stage-muted);padding-left:4.9em;font-size:.82em}.stage-countdowns{flex-direction:column;gap:.6em;margin-top:.7em;display:flex}.stage-countdowns li{align-items:center;gap:.85em;min-width:0;display:flex}.stage-countdowns li>span:last-child{min-width:0}.stage-countdowns li>span:last-child b{white-space:nowrap;text-overflow:ellipsis;font-size:1.05em;display:block;overflow:hidden}.stage-countdowns small{color:var(--stage-text);font-size:.85em}.stage-count{background:var(--stage-rain-bg);width:3.4em;height:3.4em;color:var(--stage-rain);border-radius:1em;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.stage-count--birthday{background:color-mix(in srgb, #c26f80 16%, var(--stage-surface));color:#b25d6e}.stage-count b{font-size:1.45em;font-weight:760;line-height:1}.stage-count small{letter-spacing:.06em;text-transform:uppercase;color:inherit;font-size:.6em;font-weight:700}.stage-goals{flex-direction:column;gap:.7em;margin-top:.6em;display:flex}.stage-goals li{align-items:center;gap:.7em;display:flex}.stage-goals div{flex:1;min-width:0}.stage-goals b{font-size:1em}.stage-goals small{color:var(--stage-text);font-size:.82em;display:block}.stage-track{background:var(--stage-raised);border-radius:1em;height:.5em;margin:.25em 0 .15em;display:block;overflow:hidden}.stage-track span{background:#d4a24f;border-radius:1em;height:100%;display:block}.stage-people{grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:.8em;height:100%;display:grid}.stage-person{background:var(--stage-raised);border-radius:1.1em;flex-direction:column;gap:.55em;min-width:0;padding:.9em 1em;display:flex;overflow:hidden}.stage-person-top{align-items:center;gap:.6em;min-width:0;display:flex}.stage-person-top b{white-space:nowrap;text-overflow:ellipsis;font-size:1.15em;overflow:hidden}.stage-stars{background:var(--stage-warm-bg);color:var(--stage-warm);border-radius:100px;align-items:center;gap:.25em;margin-left:auto;padding:.2em .55em;font-size:.85em;font-weight:700;display:inline-flex}.stage-person-next{color:var(--stage-text);min-width:0;font-size:.92em;line-height:1.35}.stage-person-next span{display:block}.stage-person-next b{color:var(--stage-ink);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.stage-person-progress{color:var(--stage-accent);align-items:center;gap:.6em;margin-top:auto;display:flex}.stage-person-progress small{color:var(--stage-text);font-size:.85em}.stage-ring{width:2.5em;height:2.5em}.stage-ring circle{fill:none;stroke-width:6px;stroke-linecap:round}.stage-ring-track{stroke:var(--stage-line)}.stage-week{flex-direction:column;height:100%;display:flex}.stage-week-days{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55em;min-height:0;margin-top:.6em;display:grid}.stage-week-day{background:var(--stage-raised);border-radius:.9em;flex-direction:column;gap:.3em;min-width:0;padding:.6em .65em;display:flex;overflow:hidden}.stage-week-day.is-today{background:var(--stage-accent-bg);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--stage-accent) 35%, transparent)}.stage-week-day>b{justify-content:space-between;font-size:.95em;display:flex}.stage-week-day>b span{color:var(--stage-muted);font-weight:600}.stage-week-item{color:var(--stage-text);white-space:nowrap;align-items:center;gap:.35em;font-size:.82em;display:flex;overflow:hidden}.stage-week-item i{border-radius:50%;flex:none;width:.5em;height:.5em}.stage-updated{font-size:.75em;font-weight:650;position:absolute;bottom:.55em;right:1.9em}@media (orientation:portrait){.stage{font-size:clamp(12px,1.05vw + .45vh,24px)}.stage-head{grid-template-columns:auto minmax(0,1fr)}.stage-weather{grid-column:1/-1;justify-self:start}.stage-grid{grid-template:"hero hero"minmax(0,.8fr)"timeline timeline"minmax(0,1fr)"a b"minmax(0,.95fr)"c c"minmax(0,.6fr)"d d"minmax(0,.75fr)/minmax(0,1fr) minmax(0,1fr)}.stage-hero{grid-template-columns:1fr}.stage-hero-next{display:none}}.stage--eink{--stage-paper:#fff;--stage-surface:#fff;--stage-raised:#fff;--stage-line:#000;--stage-ink:#000;--stage-text:#000;--stage-muted:#000;--stage-accent:#000;--stage-accent-bg:#fff;--stage-rain:#000;--stage-rain-bg:#fff;--stage-warm:#000;--stage-warm-bg:#fff;--stage-danger:#000;-webkit-font-smoothing:none;transition:none}.stage--eink *,.stage--eink :before,.stage--eink :after{transition:none!important;animation:none!important}.stage--eink .stage-card{border:2px solid #000;border-radius:.7em}.stage--eink .stage-hero{background:#fff}.stage--eink .stage-avatar{color:#fff;filter:grayscale()contrast(1.4);background:#000!important}.stage--eink .stage-block{color:#fff;background:#000}.stage--eink .stage-tl-past{background:repeating-linear-gradient(0deg,#0000 0 2px,#fff 2px 4px)}.stage--eink .stage-tl-grid{background:0 0;border-left:1px dotted #000}.stage--eink .stage-meal-photo,.stage--eink .stage-progress,.stage--eink .stage-night-veil{display:none}.stage--eink .stage-mode,.stage--eink .stage-hero-hint,.stage--eink .stage-allday span,.stage--eink .stage-stars,.stage--eink .stage-count,.stage--eink .stage-hours div,.stage--eink .stage-person,.stage--eink .stage-week-day{border:1.5px solid #000}.stage--eink .stage-week-day.is-today,.stage--eink .stage-lessons li.is-now{color:#fff;box-shadow:none;background:#000}.stage--eink .stage-week-day.is-today span,.stage--eink .stage-lessons li.is-now b{color:#fff}.stage--eink .stage-track{border:1.5px solid #000}.stage--eink .stage-track span{background:#000}.stage--eink .stage-week-item i{background:#000!important}.stage--eink .stage-dots i{background:#fff;border:1.5px solid #000}.stage--eink .stage-dots i.is-on{background:#000}@media (max-width:900px) and (orientation:landscape){.stage--eink{gap:.8em;padding:1.2em 1.5em 1.6em;font-size:11px}.stage--eink .stage-grid{grid-template:"hero a"minmax(0,.8fr)"timeline b"minmax(0,1fr)/minmax(0,1.7fr) minmax(0,1fr);gap:.9em}.stage--eink .stage-zone--c,.stage--eink .stage-zone--d,.stage--eink .stage-hero-next,.stage--eink .stage-greeting .stage-mode{display:none}.stage--eink .stage-hero{grid-template-columns:1fr}.stage--eink .stage-hero-title{font-size:2.5em}.stage--eink .stage-clock{font-size:4em}}@media (prefers-reduced-motion:reduce){.stage,.stage *{transition:none!important;animation-duration:.01ms!important}.stage-progress{display:none}}.display-state{text-align:center;color:#42414c;height:100%;font-family:var(--font-ui);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;font-size:clamp(16px,1.6vw,22px);display:flex}.display-state h1{color:#151828;letter-spacing:-.02em;margin:0;font-size:2em}.display-state p{max-width:36em;margin:0;line-height:1.5}.display-state .display-state-reason{opacity:.75;margin-top:1rem;font-size:.95em}.stage--timetable .stage-head{grid-template-columns:auto minmax(0,1fr) auto}.stage-timetable-title{align-items:center;gap:.7em;min-width:0;font-size:1.5em;display:flex}.stage-timetable-title strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.stage-timetable-title span{background:var(--stage-raised);color:var(--stage-text);border-radius:999px;padding:.1em .6em;font-size:.75em;font-weight:650}.stage-timetable{gap:.3em;min-height:0;display:grid}.stage-tt-row,.stage-tt-break{display:contents}.stage-tt-day{color:var(--stage-muted);border-radius:.7em;flex-direction:column;align-items:center;padding:.35em .4em;display:flex}.stage-tt-day b{color:var(--stage-ink);font-size:1.25em}.stage-tt-day span{text-transform:uppercase;letter-spacing:.06em;font-size:.8em}.stage-tt-day.is-today{background:var(--stage-accent-bg);color:var(--stage-accent)}.stage-tt-day.is-today span{font-weight:700}.stage-tt-period,.stage-tt-time{font-variant-numeric:tabular-nums;color:var(--stage-muted);flex-direction:column;justify-content:center;padding:0 .6em;display:flex}.stage-tt-period b{color:var(--stage-ink);font-size:1.3em;line-height:1.1}.stage-tt-period span,.stage-tt-time{font-size:.85em}.stage-tt-row.is-now .stage-tt-period{box-shadow:inset .25em 0 0 var(--stage-accent)}.stage-tt-cell{--tt-bg:var(--stage-surface);--tt-fg:var(--stage-muted);border:1px solid var(--stage-line);background:var(--tt-bg);min-height:0;color:var(--tt-fg);text-align:center;border-radius:.7em;justify-content:center;align-items:center;padding:.3em .5em;font-size:1.2em;font-weight:650;display:flex;position:relative;overflow:hidden}.stage-tt-cell.is-filled{border-color:#0000}.stage-tt-cell.is-today:not(.is-filled){background:color-mix(in srgb, var(--stage-accent-bg) 55%, var(--stage-surface))}.stage-tt-cell.is-now{box-shadow:0 0 0 .18em var(--stage-accent)}.stage--dark .stage-tt-cell.is-filled{background:color-mix(in srgb, var(--tt-fg) 22%, var(--stage-surface));color:var(--stage-ink)}.stage-tt-now{background:var(--stage-accent);color:var(--stage-paper);border-radius:999px;padding:.05em .5em;font-size:.55em;font-weight:700;position:absolute;top:.3em;right:.3em}.stage-tt-break .stage-tt-time{grid-column:1}.stage-tt-break-label{background:var(--stage-warm-bg);color:var(--stage-warm);border-radius:.7em;grid-column:2/-1;justify-content:center;align-items:center;gap:.5em;font-weight:650;display:flex}.stage-tt-break.is-now .stage-tt-break-label{box-shadow:0 0 0 .18em var(--stage-accent)}.stage-timetable-empty{color:var(--stage-muted);flex-direction:column;justify-content:center;align-items:center;gap:.8em;font-size:1.3em;display:flex}@media (orientation:portrait){.stage-grid--bottom_large{grid-template-rows:minmax(0,.8fr) minmax(0,.95fr) minmax(0,.6fr) minmax(0,1.75fr);grid-template-areas:"hero hero""a b""c c""d d"}.stage-grid--right_tall{grid-template-rows:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.4fr) minmax(0,.75fr);grid-template-areas:"hero hero""timeline timeline""a c""d d"}}@media (max-width:900px) and (orientation:landscape){.stage--eink .stage-grid--bottom_large{grid-template-areas:"hero a""d b"}.stage--eink .stage-grid--bottom_large .stage-zone--d{display:flex}.stage--eink .stage-grid--right_tall{grid-template-areas:"hero a""timeline a"}}.stage-card-body.stage-timetable-card{gap:.5em}.stage-card-body.stage-timetable-card>.stage-timetable{flex:1 1 0;gap:.25em;min-height:0;font-size:.78em}.stage-timetable-card .stage-tt-cell{border-radius:.55em;font-size:1.1em}.stage-timetable-card .stage-tt-period b{font-size:1.1em}
.welcome-page{z-index:2;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.welcome-layout{flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""auth""showcase";gap:20px;width:min(100% - 32px,1120px);margin:0 auto;padding:64px 0 24px;display:grid}@media (min-width:600px) and (max-width:959px){.welcome-layout{width:min(100% - 48px,480px);padding-top:80px}}@media (min-width:960px){.welcome-layout{grid-template:"intro auth""showcase auth"1fr/minmax(0,1fr) 420px;align-content:center;gap:32px 72px;padding:88px 0 32px}.welcome-auth{align-self:center}}.welcome-intro{min-width:0;animation:authEnter .6s var(--ease-out-expo) both;grid-area:intro}.welcome-brand{align-items:center;gap:10px;display:flex}.welcome-logo{background:var(--color-accent-fill);width:40px;height:40px;color:var(--text-on-primary);box-shadow:var(--shadow-sm);border-radius:12px;flex:none;place-items:center;display:grid}.welcome-wordmark{letter-spacing:-.02em;color:var(--text-primary);font-size:1.35rem;font-weight:750}.welcome-title{letter-spacing:-.02em;max-width:18ch;color:var(--text-primary);margin:16px 0 0;font-size:1.4rem;font-weight:700;line-height:1.2}.welcome-lead{max-width:36ch;color:var(--text-secondary);margin:14px 0 0;font-size:1.08rem;line-height:1.5;display:none}@media (min-width:960px){.welcome-title{letter-spacing:-.035em;margin-top:28px;font-size:2.75rem;line-height:1.1}.welcome-lead{display:block}}.welcome-auth{min-width:0;animation:authEnter .6s var(--ease-out-expo) 80ms both;grid-area:auth;scroll-margin-top:24px}.welcome-card.auth-card--warm{box-shadow:var(--shadow-md);border-radius:24px;padding:24px}.welcome-card .auth-form{gap:14px}.welcome-card .form-field label{letter-spacing:0;text-transform:none;color:var(--text-primary);font-size:.85rem;font-weight:600}.welcome-card .auth-form .btn-primary{min-height:48px;margin-top:4px}.welcome-password{position:relative}.welcome-password .form-input{padding-right:52px}.welcome-password-toggle{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.welcome-password-toggle:hover{color:var(--text-primary);background:var(--surface-soft)}.welcome-password-toggle:focus-visible{outline:2px solid var(--amethyst);outline-offset:0}.welcome-card .auth-divider{margin-top:18px}.welcome-demo{width:100%;min-height:46px;color:var(--text-primary);background:var(--surface-paper);border-color:var(--border-subtle);justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;font-weight:600;display:flex}.welcome-demo:hover{background:var(--surface-soft)}.welcome-showcase{min-width:0;animation:authEnter .6s var(--ease-out-expo) .16s both;grid-area:showcase;align-content:start;gap:12px;display:grid}.welcome-showcase-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:12px 0 0;font-size:.75rem;font-weight:800}@media (min-width:960px){.welcome-showcase-label{display:none}}.welcome-preview{gap:12px;max-width:540px;display:grid}.welcome-preview-day{border:1px solid var(--border-subtle);background:var(--surface-paper);box-shadow:var(--shadow-md);border-radius:20px;overflow:hidden}.welcome-preview-head{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:baseline;gap:10px;padding:14px 18px 12px;display:flex}.welcome-preview-head span{letter-spacing:.08em;text-transform:uppercase;color:var(--amethyst);font-size:.72rem;font-weight:800}.welcome-preview-head strong{color:var(--text-primary);font-size:.98rem;font-weight:700}.welcome-preview-day ul{margin:0;padding:0;list-style:none}.welcome-preview-row{grid-template-columns:64px 20px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:50px;padding:6px 18px;display:grid}.welcome-preview-row+.welcome-preview-row{border-top:1px solid var(--border-subtle)}.welcome-preview-time{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.82rem;font-weight:600}.welcome-preview-mark{color:var(--text-muted);place-items:center;display:grid}.welcome-dot{border-radius:50%;width:10px;height:10px}.welcome-dot--plum{background:var(--member-1)}.welcome-dot--sky{background:var(--accent-sky)}.welcome-check{border:2px solid var(--text-muted);border-radius:5px;width:16px;height:16px}.welcome-preview-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.welcome-preview-who{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.7rem;font-weight:750;display:grid}.welcome-preview-notes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.welcome-preview-note{border:1px solid var(--border-subtle);background:var(--surface-paper);box-shadow:var(--shadow-sm);color:var(--text-primary);border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.88rem;line-height:1.35;display:flex}.welcome-preview-note svg{flex:none;margin-top:1px}.welcome-preview-note span{gap:2px;display:grid}.welcome-preview-note small{color:var(--text-secondary);font-size:.8rem}.welcome-preview-note--shopping svg{color:var(--accent-amber)}.welcome-preview-note--birthday svg{color:var(--accent-rose)}.welcome-trust{color:var(--text-secondary);flex-wrap:wrap;gap:8px 18px;margin:4px 0 0;padding:0;font-size:.85rem;font-weight:500;list-style:none;display:flex}.welcome-trust li{align-items:center;gap:6px;display:inline-flex}.welcome-trust svg{color:var(--text-muted)}.welcome-footer{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:20px 16px 28px;font-size:.82rem;display:flex}.welcome-footer-link{color:var(--text-secondary);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.welcome-footer-link:hover{color:var(--amethyst)}@media (prefers-reduced-motion:reduce){.welcome-intro,.welcome-auth,.welcome-showcase{animation:none}}
.rewards-page{--person-color:var(--amethyst);gap:16px;width:min(100%,1040px);margin:0 auto;display:grid}.rewards-page>*{min-width:0}.rewards-header{flex-wrap:wrap;gap:12px}.rewards-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rewards-currency-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-paper);min-height:40px;color:var(--text-secondary);font:inherit;align-items:center;gap:7px;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}button.rewards-currency-chip{cursor:pointer}button.rewards-currency-chip:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent-amber) 40%, var(--border-subtle))}.rewards-currency-chip svg:first-child{color:var(--accent-amber)}.rewards-tabs{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);scrollbar-width:none;border-radius:13px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.rewards-tabs::-webkit-scrollbar{display:none}.rewards-tab{min-height:40px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-size:.85rem;font-weight:800;display:inline-flex}.rewards-tab.active{background:var(--surface-paper);border-color:var(--border-subtle);color:var(--text-primary);box-shadow:var(--shadow-soft)}.rewards-tab-badge{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-rose) 18%, var(--surface-paper));min-width:20px;height:20px;color:var(--accent-rose);place-items:center;padding:0 6px;font-size:.7rem;font-weight:850;display:inline-grid}.rewards-card{border:1px solid var(--border-subtle);background:var(--surface-paper);box-shadow:var(--shadow-soft);border-radius:18px;padding:16px 18px}.rewards-section{gap:10px;min-width:0;display:grid}.rewards-section-head{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.rewards-section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:800}.rewards-section-hint{color:var(--text-secondary);margin:-4px 0 0;font-size:.86rem}.rewards-empty-note{border:1px dashed var(--border-subtle);color:var(--text-muted);text-align:center;border-radius:14px;margin:0;padding:18px;font-size:.9rem}.rewards-link{min-height:36px;color:var(--amethyst);align-items:center;gap:6px;padding:0 10px;font-size:.84rem;font-weight:700;display:inline-flex}.rewards-stars{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:800;display:inline-flex}.rewards-stars svg{color:var(--accent-amber);flex:none}.rewards-wish-emoji{font-size:1.2em;line-height:1}.rewards-bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-primary) 8%, transparent);height:10px;display:block;position:relative;overflow:hidden}.rewards-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--bar-color,var(--amethyst)), color-mix(in srgb, var(--bar-color,var(--amethyst)) 55%, var(--accent-amber)));height:100%;transition:width .7s var(--ease-out-expo);display:block}.rewards-pill{border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.rewards-pill.done{background:color-mix(in srgb, var(--success) 15%, var(--surface-paper));color:var(--success-text,var(--success))}.rewards-pill.waiting{background:color-mix(in srgb, var(--accent-amber) 16%, var(--surface-paper));color:color-mix(in srgb, var(--accent-amber) 70%, var(--text-primary))}.rewards-pill.goal{background:color-mix(in srgb, var(--amethyst) 14%, var(--surface-paper));color:var(--amethyst)}.rewards-pill.approved{background:color-mix(in srgb, var(--accent-sky) 16%, var(--surface-paper));color:color-mix(in srgb, var(--accent-sky) 70%, var(--text-primary))}.rewards-pill.rejected{background:color-mix(in srgb, var(--danger) 12%, var(--surface-paper));color:var(--danger)}.rewards-icon-btn{border:1px solid var(--border-subtle);background:var(--surface-paper);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:inline-grid}.rewards-icon-btn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-soft)}.rewards-icon-btn:disabled{opacity:.35;cursor:default}.rewards-icon-btn.yes{color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface-paper));border-color:color-mix(in srgb, var(--success) 30%, var(--border-subtle))}.rewards-icon-btn.no{color:var(--danger)}.rewards-icon-btn.subtle{width:34px;height:34px;color:var(--text-muted);background:0 0;border-color:#0000}.rewards-overview,.rewards-wishes{gap:18px;display:grid}.rewards-top{gap:16px;display:grid}@media (min-width:900px){.rewards-top.with-waiting{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch}}.rewards-hero{border:1px solid color-mix(in srgb, var(--person-color) 22%, var(--border-subtle));background:linear-gradient(135deg, color-mix(in srgb, var(--person-color) 13%, var(--surface-paper)) 0%, var(--surface-paper) 62%);box-shadow:var(--shadow-md);border-radius:24px;align-content:start;gap:18px;padding:22px 24px;display:grid;position:relative;overflow:hidden}.rewards-hero:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent-amber) 22%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:-60px}.rewards-hero.reached{border-color:color-mix(in srgb, var(--accent-amber) 45%, var(--border-subtle))}.rewards-hero-head{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.rewards-hero-kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.76rem;font-weight:800}.rewards-hero-value{letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-top:6px;font-size:3.1rem;font-weight:850;line-height:1;display:inline-flex}.rewards-hero-value svg{width:.8em;height:.8em;color:var(--accent-amber);fill:color-mix(in srgb, var(--accent-amber) 30%, transparent)}.rewards-hero-pending{color:color-mix(in srgb, var(--accent-amber) 70%, var(--text-primary));align-items:center;gap:6px;margin:8px 0 0;font-size:.82rem;font-weight:700;display:inline-flex}.rewards-hero-wish{background:var(--surface-paper);width:64px;height:64px;color:var(--person-color);box-shadow:0 10px 24px -14px var(--person-color), var(--shadow-soft);border-radius:20px;flex:none;place-items:center;display:grid}.rewards-hero-goal{z-index:1;gap:10px;display:grid;position:relative}.rewards-hero-goal-line{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.rewards-hero-goal-label{letter-spacing:.06em;text-transform:uppercase;color:var(--person-color);font-size:.74rem;font-weight:800}.rewards-hero-goal-line strong{color:var(--text-primary);font-size:1.15rem;font-weight:780}.rewards-hero-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.88rem;font-weight:750}.rewards-hero .rewards-bar{height:14px}.rewards-hero-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rewards-hero-left{color:var(--text-secondary);font-size:.9rem;font-weight:600}.rewards-hero-foot .rewards-link{margin-left:auto}.rewards-redeem{align-items:center;gap:7px;min-height:40px;padding:0 16px;display:inline-flex}.rewards-hero-empty{z-index:1;border:1px dashed color-mix(in srgb, var(--person-color) 35%, var(--border-subtle));color:var(--text-secondary);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;font-weight:600;display:flex;position:relative}.rewards-hero-empty svg{color:var(--person-color)}.rewards-hero-empty span{flex:1;min-width:180px}.rewards-link-btn{min-height:40px;padding:0 14px;font-size:.85rem;font-weight:700}.rewards-waiting{align-content:start;gap:8px;display:grid}.rewards-waiting-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rewards-waiting-row{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:6px 0;display:grid}.rewards-waiting-row+.rewards-waiting-row{border-top:1px solid var(--border-subtle)}.rewards-waiting-text{color:var(--text-primary);overflow-wrap:anywhere;gap:2px;font-size:.9rem;font-weight:650;display:grid}.rewards-waiting-text small{color:var(--text-secondary);align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:inline-flex}.rewards-waiting-actions{gap:6px;display:flex}.rewards-given-btn{align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:.84rem;font-weight:700;display:inline-flex}.rewards-family-goal{border:1px solid color-mix(in srgb, var(--accent-sky) 26%, var(--border-subtle));background:linear-gradient(120deg, color-mix(in srgb, var(--accent-sky) 11%, var(--surface-paper)) 0%, var(--surface-paper) 70%);box-shadow:var(--shadow-soft);border-radius:22px;gap:14px;padding:18px 20px;display:grid}.rewards-family-goal.reached{border-color:color-mix(in srgb, var(--success) 40%, var(--border-subtle));background:linear-gradient(120deg, color-mix(in srgb, var(--success) 12%, var(--surface-paper)) 0%, var(--surface-paper) 70%)}.rewards-family-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.rewards-family-icon{background:var(--surface-paper);width:56px;height:56px;color:color-mix(in srgb, var(--accent-sky) 80%, var(--text-primary));box-shadow:var(--shadow-soft);border-radius:18px;place-items:center;display:grid}.rewards-family-goal.compact .rewards-family-icon{border-radius:15px;width:46px;height:46px}.rewards-family-copy{gap:2px;min-width:0;display:grid}.rewards-family-kicker{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--accent-sky) 75%, var(--text-primary));align-items:center;gap:5px;font-size:.72rem;font-weight:800;display:inline-flex}.rewards-family-copy strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:1.12rem;font-weight:780}.rewards-family-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.86rem;font-weight:650;display:inline-flex}.rewards-family-bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-primary) 8%, transparent);height:16px;position:relative;overflow:hidden}.rewards-family-share{box-shadow:inset -2px 0 0 color-mix(in srgb, var(--surface-paper) 80%, transparent);transition:width .7s var(--ease-out-expo), left .7s var(--ease-out-expo);position:absolute;top:0;bottom:0}.rewards-family-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rewards-family-legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.rewards-family-legend li{align-items:center;gap:6px;display:inline-flex}.rewards-family-legend strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.rewards-legend-dot{background:var(--person-color);border-radius:50%;width:10px;height:10px}.rewards-give-btn,.rewards-celebrate,.rewards-add{align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:.86rem;font-weight:700;display:inline-flex}.rewards-family-cta{border:1.5px dashed color-mix(in srgb, var(--accent-sky) 45%, var(--border-subtle));background:color-mix(in srgb, var(--accent-sky) 5%, transparent);width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.rewards-family-cta:hover{background:color-mix(in srgb, var(--accent-sky) 10%, transparent)}.rewards-family-cta-icon{background:var(--surface-paper);width:44px;height:44px;color:color-mix(in srgb, var(--accent-sky) 80%, var(--text-primary));border-radius:14px;place-items:center;display:grid}.rewards-family-cta span:nth-child(2){gap:2px;display:grid}.rewards-family-cta small{color:var(--text-secondary);font-size:.84rem}.rewards-family-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:12px;display:grid}.rewards-achieved{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rewards-achieved li{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;display:flex}.rewards-achieved svg{color:var(--success)}.rewards-achieved strong{color:var(--text-primary)}.rewards-members{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;display:grid}.rewards-member{border:1px solid var(--border-subtle);border-left:4px solid var(--person-color);background:var(--surface-paper);min-width:0;box-shadow:var(--shadow-soft);border-radius:16px;align-content:start;gap:10px;padding:14px 14px 14px 16px;display:grid}.rewards-member-head{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.rewards-member-name{gap:1px;min-width:0;display:grid}.rewards-member-name strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;overflow:hidden}.rewards-member-name>span{color:var(--text-primary);font-size:.9rem}.rewards-member-name small{color:var(--text-muted);font-weight:600}.rewards-member-goal{gap:6px;min-width:0;display:grid}.rewards-member-goal .rewards-bar{height:8px}.rewards-member-goal-name{color:var(--text-primary);overflow-wrap:anywhere;align-items:center;gap:6px;font-size:.86rem;font-weight:650;display:inline-flex}.rewards-member-goal-name svg{color:var(--person-color);flex:none}.rewards-member-goal small,.rewards-member-nogoal{color:var(--text-muted);margin:0;font-size:.8rem;font-weight:600}.rewards-lower{gap:18px;display:grid}@media (min-width:900px){.rewards-lower:has(>:nth-child(2)){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}.rewards-praise-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rewards-praise-item{grid-template-columns:30px minmax(0,1fr) auto auto;align-items:start;gap:10px;display:grid}.rewards-praise-body{gap:4px;min-width:0;display:grid}.rewards-praise-meta{color:var(--text-muted);font-size:.78rem;font-weight:650}.rewards-praise-bubble{background:color-mix(in srgb, var(--accent-rose) 8%, var(--surface-soft));color:var(--text-primary);overflow-wrap:anywhere;border-radius:4px 16px 16px;margin:0;padding:9px 13px;font-size:.93rem;line-height:1.4}.rewards-praise-tag{border-radius:var(--radius-pill);min-height:28px;color:var(--accent-rose);align-self:center;align-items:center;padding:0 9px;font-size:.82rem;display:inline-flex}.rewards-praise-tag.stars{background:color-mix(in srgb, var(--accent-amber) 14%, var(--surface-paper));color:var(--text-primary)}.rewards-praise-item .rewards-icon-btn.subtle{opacity:0;align-self:center}.rewards-praise-item:hover .rewards-icon-btn.subtle,.rewards-praise-item .rewards-icon-btn.subtle:focus-visible{opacity:1}@media (hover:none){.rewards-praise-item .rewards-icon-btn.subtle{opacity:.7}}.rewards-earn-list{margin:0;padding:0;list-style:none;display:grid}.rewards-earn-row{min-height:46px;color:var(--text-muted);grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.rewards-earn-row+.rewards-earn-row{border-top:1px solid var(--border-subtle)}.rewards-earn-title{color:var(--text-primary);overflow-wrap:anywhere;font-size:.92rem}.rewards-plus{color:var(--text-primary);font-size:.88rem}.rewards-wish-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;display:grid}.rewards-wish{border:1px solid var(--border-subtle);background:var(--surface-paper);box-shadow:var(--shadow-soft);border-radius:18px;align-content:start;gap:8px;padding:16px;display:grid}.rewards-wish.mine{border:2px solid color-mix(in srgb, var(--amethyst) 55%, var(--border-subtle));background:linear-gradient(160deg, color-mix(in srgb, var(--amethyst) 9%, var(--surface-paper)), var(--surface-paper) 60%);padding:15px}.rewards-wish.paused{opacity:.6}.rewards-wish-top{align-items:center;gap:8px;min-height:48px;display:flex}.rewards-wish-top .rewards-icon-btn{margin-left:auto}.rewards-wish-icon{background:color-mix(in srgb, var(--amethyst) 11%, var(--surface-paper));width:48px;height:48px;color:var(--amethyst);border-radius:16px;flex:none;place-items:center;display:grid}.rewards-wish-name{color:var(--text-primary);overflow-wrap:anywhere;font-size:1rem;font-weight:750}.rewards-wish-cost{color:var(--text-primary);font-size:.92rem}.rewards-wish .rewards-bar{height:7px}.rewards-wish-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;display:flex}.rewards-goal-toggle{min-height:40px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.rewards-goal-toggle.active{color:var(--amethyst)}.rewards-redeem-btn{align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:.84rem;font-weight:700;display:inline-flex}.rewards-redeem-btn:disabled{opacity:.45;cursor:default}.rewards-preset-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rewards-preset-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-soft) 60%, var(--surface-paper));min-height:36px;color:var(--text-primary);align-items:center;gap:7px;padding:0 4px 0 12px;font-size:.86rem;font-weight:650;display:inline-flex}.rewards-preset-chip>svg{color:var(--accent-rose)}.rewards-preset-chip small{font-size:.8rem}.rewards-preset-chip button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.rewards-preset-chip button:hover{color:var(--danger);background:var(--surface-paper)}.rewards-preset-form{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.rewards-preset-form .btn-secondary{align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:.86rem;font-weight:700;display:inline-flex}.rewards-preset-amount{border:1px solid var(--border-subtle);background:var(--surface-paper);color:var(--accent-amber);border-radius:10px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.rewards-preset-amount input{width:48px;min-height:42px;color:var(--text-primary);font:inherit;text-align:center;background:0 0;border:0;outline:none;font-weight:700}.rewards-history{gap:18px;display:grid}.rewards-history-day{gap:8px;display:grid}.rewards-history-list{margin:0;padding:6px 16px;list-style:none;display:grid}.rewards-history-row{grid-template-columns:32px 24px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:58px;display:grid}.rewards-history-row+.rewards-history-row{border-top:1px solid var(--border-subtle)}.rewards-history-icon{background:color-mix(in srgb, var(--accent-amber) 14%, var(--surface-paper));width:32px;height:32px;color:color-mix(in srgb, var(--accent-amber) 80%, var(--text-primary));border-radius:10px;place-items:center;display:grid}.kind-redeem .rewards-history-icon{background:color-mix(in srgb, var(--amethyst) 12%, var(--surface-paper));color:var(--amethyst)}.kind-give .rewards-history-icon{background:color-mix(in srgb, var(--accent-sky) 14%, var(--surface-paper));color:color-mix(in srgb, var(--accent-sky) 80%, var(--text-primary))}.rewards-history-text{gap:1px;min-width:0;display:grid}.rewards-history-text strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:.92rem;font-weight:650}.rewards-history-text small{color:var(--text-muted);font-size:.78rem}.rewards-history-amount{color:var(--text-secondary);font-size:.9rem}.rewards-history-amount.plus{color:var(--text-primary)}.rewards-dialog{border:1px solid var(--border-subtle);background:var(--surface-paper);width:min(92vw,520px);max-height:92vh;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex;overflow-y:auto}.rewards-dialog-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.rewards-dialog-title{color:var(--text-primary);margin:0;font-size:1.12rem;font-weight:820}.rewards-dialog-close{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.rewards-dialog-close:hover{background:var(--surface-soft);color:var(--text-primary)}.rewards-dialog-form{flex-direction:column;gap:16px;display:flex}.rewards-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rewards-dialog-actions .rewards-delete-trigger,.rewards-dialog-actions .rewards-danger{margin-right:auto}.rewards-danger{color:var(--danger);border-color:var(--danger);align-items:center;gap:6px;display:inline-flex}.rewards-dialog-copy{color:var(--text-secondary);margin:0;line-height:1.5}.rewards-field{border:0;gap:8px;min-width:0;margin:0 0 14px;padding:0;display:grid}.rewards-field legend,.rewards-field>label,.rewards-field-label{color:var(--text-primary);margin-bottom:8px;padding:0;font-size:.85rem;font-weight:650}.rewards-field .form-input{width:100%}.rewards-field-hint{color:var(--text-muted);font-size:.8rem}.rewards-people{flex-wrap:wrap;gap:8px;display:flex}.rewards-person{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-paper);min-height:48px;color:var(--text-primary);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:.9rem;font-weight:650;display:inline-flex}.rewards-person.selected{border-color:var(--amethyst);background:color-mix(in srgb, var(--amethyst) 10%, var(--surface-paper));box-shadow:0 0 0 2px color-mix(in srgb, var(--amethyst) 25%, transparent)}.rewards-presets{flex-wrap:wrap;gap:6px;display:flex}.rewards-preset{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-soft) 60%, var(--surface-paper));min-height:36px;color:var(--text-secondary);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:.84rem;font-weight:650;display:inline-flex}.rewards-preset:hover{color:var(--text-primary)}.rewards-preset small{color:color-mix(in srgb, var(--accent-amber) 75%, var(--text-primary));font-weight:800}.rewards-stars-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rewards-stars-hint{color:var(--text-secondary);align-items:center;gap:6px;font-size:.86rem;font-weight:600;display:inline-flex}.rewards-stars-hint svg{color:var(--accent-rose)}.rewards-stars-hint svg.lucide-star,.rewards-stars-hint svg:not(.lucide-heart){color:var(--accent-amber)}.rewards-stepper{border:1px solid var(--border-subtle);background:var(--surface-paper);border-radius:12px;align-items:center;display:inline-flex;overflow:hidden}.rewards-stepper button{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.rewards-stepper button:hover:not(:disabled){background:var(--surface-soft);color:var(--text-primary)}.rewards-stepper button:disabled{opacity:.35;cursor:default}.rewards-stepper input{border:0;border-inline:1px solid var(--border-subtle);width:56px;height:44px;color:var(--text-primary);font:inherit;text-align:center;-moz-appearance:textfield;background:0 0;font-size:1rem;font-weight:750}.rewards-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rewards-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rewards-give-all{align-items:center;gap:6px;min-height:44px;display:inline-flex}.rewards-give-all svg{color:var(--accent-amber)}.rewards-icon-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;display:grid}.rewards-icon-choice{border:1px solid var(--border-subtle);background:var(--surface-paper);height:46px;color:var(--text-secondary);cursor:pointer;border-radius:12px;place-items:center;display:grid}.rewards-icon-choice:hover{color:var(--text-primary);background:var(--surface-soft)}.rewards-icon-choice.selected{border-color:var(--amethyst);background:color-mix(in srgb, var(--amethyst) 12%, var(--surface-paper));color:var(--amethyst);box-shadow:0 0 0 2px color-mix(in srgb, var(--amethyst) 22%, transparent)}.rewards-check{min-height:44px;color:var(--text-primary);align-items:center;gap:10px;font-weight:600;display:flex}.rewards-check input{width:20px;height:20px;accent-color:var(--amethyst)}@media (max-width:768px){.rewards-page{width:100%;padding-bottom:calc(106px + env(safe-area-inset-bottom));gap:14px}.rewards-tabs{width:100%}.rewards-tab{flex:1 0 auto;justify-content:center}.rewards-hero{border-radius:20px;padding:18px}.rewards-hero-value{font-size:2.6rem}.rewards-hero-wish{border-radius:16px;width:54px;height:54px}.rewards-family-goal{padding:16px}.rewards-family-icon{border-radius:15px;width:46px;height:46px}.rewards-history-list{padding:4px 12px}.rewards-history-row{grid-template-columns:32px minmax(0,1fr) auto}.rewards-history-row .rewards-history-text{grid-column:2}.rewards-history-row>:nth-child(2){display:none}.rewards-history-row .rewards-pill{grid-area:2/2;justify-self:start;margin-top:-8px;margin-bottom:8px}.rewards-preset-form{grid-template-columns:minmax(0,1fr) auto}.rewards-preset-form .btn-secondary{grid-column:1/-1;justify-content:center}}@media (prefers-reduced-motion:reduce){.rewards-bar-fill,.rewards-family-share{transition:none}}@media (max-width:768px){.rewards-dialog{gap:0;padding:0}.rewards-dialog-header{padding:14px 12px 6px 16px}}.rewards-progress-bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-primary) 8%, transparent);height:8px;overflow:hidden}.rewards-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--amethyst), var(--accent-amber));height:100%;transition:width .4s var(--ease-out-expo);display:block}.rewards-child-copy{flex:1;gap:5px;min-width:0;display:grid}.rewards-widget-pending{margin-bottom:10px}.rewards-widget-family{border:1px solid color-mix(in srgb, var(--accent-sky) 26%, var(--border-subtle));background:color-mix(in srgb, var(--accent-sky) 8%, var(--surface-paper));border-radius:11px;grid-template-columns:auto minmax(0,auto) minmax(60px,1fr) auto;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;font-size:.8rem;display:grid}.rewards-widget-family>svg{color:color-mix(in srgb, var(--accent-sky) 80%, var(--text-primary))}.rewards-widget-family-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:720;overflow:hidden}.rewards-widget-family-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}