@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@500;700;900&display=swap";:root{color:#2d302b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#2d302b;--muted:#75766f;--paper:#fbf8f1;--cream:#f4f0e7;--line:#ded8cc;--coral:#e96f51;--coral-dark:#bd4f36;--sage:#6f8b6b;--sage-light:#e5ede1;--honey:#e8b85f;--blue:#668da0;--shadow:0 18px 45px #43362214;background:#f4f0e7;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{background:var(--cream)}body{background:radial-gradient(circle at 12% 4%, #e8b85f2e, transparent 28rem), radial-gradient(circle at 95% 18%, #6f8b6b24, transparent 24rem), var(--cream);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e96f5159}body.sheet-open{overflow:hidden}#root{min-height:100vh}.app-shell{min-height:100vh;position:relative}.app-shell:before{content:"";pointer-events:none;opacity:.34;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.065'/%3E%3C/svg%3E");position:fixed;inset:0}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:10px 15px;text-decoration:none;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.topbar{border-bottom:1px solid #75766f2e;justify-content:space-between;align-items:center;max-width:1240px;height:76px;margin:0 auto;padding:0 30px;display:flex}.brand-lockup,.topbar-actions,.home-switcher,.relay-identity,.category-line,.relay-meta span,.primary-add,.claim-button,.complete-button,.done-note,.empty-state button{align-items:center;display:flex}.brand-lockup{gap:10px}.brand-mark{color:#fff8ed;background:var(--coral);border-radius:13px 13px 13px 4px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 18px #bd4f3633}.brand-name,h1,h2,h3{font-family:Zen Maru Gothic,Microsoft JhengHei,sans-serif}.brand-name{letter-spacing:.04em;font-size:22px;font-weight:900}.beta-tag{letter-spacing:.08em;color:var(--coral-dark);border:1px solid #bd4f3647;border-radius:999px;padding:2px 6px 3px;font-size:10px}.topbar-actions{gap:10px}.home-switcher,.icon-button{cursor:pointer;background:0 0;border:0}.home-switcher{gap:8px;padding:9px 12px;font-size:13px;font-weight:600}.home-switcher:hover,.icon-button:hover{background:#ffffff8c}.home-dot{background:var(--sage);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #6f8b6b1f}.icon-button{border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button.subtle{border:1px solid var(--line)}.notification-dot{background:var(--coral);width:6px;height:6px;box-shadow:0 0 0 2px var(--cream);border-radius:50%;position:absolute;top:8px;right:8px}.avatar{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;font-family:Zen Maru Gothic,sans-serif;font-weight:700;display:grid}.dashboard{grid-template-columns:minmax(0,1fr) 310px;gap:44px;max-width:1180px;margin:0 auto;padding:54px 30px 90px;display:grid}.welcome-row,.list-heading,.panel-heading,.relay-card-top,.relay-footer,.sheet-header,.sheet-actions{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:var(--coral-dark);letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:5px;font-size:clamp(32px,4vw,46px);line-height:1.18}h2{letter-spacing:-.025em;margin-bottom:0;font-size:22px}.welcome-copy{color:var(--muted);margin-bottom:0;font-size:15px}.welcome-copy strong{color:var(--coral-dark);font-size:17px}.primary-add,.secondary-button,.claim-button,.complete-button,.empty-state button{cursor:pointer;border:0;justify-content:center;gap:8px;font-weight:700}.primary-add{color:#fff;background:var(--coral);border-radius:14px 14px 14px 5px;min-height:44px;padding:0 17px;transition:transform .16s,background .16s;box-shadow:0 9px 22px #bd4f3633}.primary-add:hover{background:var(--coral-dark);transform:translateY(-2px)}.status-strip{border:1px solid var(--line);background:#fbf8f1b8;grid-template-columns:repeat(3,1fr);margin:34px 0 45px;display:grid;box-shadow:0 16px 36px #4336220d}.status-block{grid-template-columns:1fr auto;align-items:center;min-height:120px;padding:20px 22px;display:grid;position:relative}.status-block+.status-block{border-left:1px solid var(--line)}.status-block:before{content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:25px;right:24px}.waiting-block:before{background:var(--coral)}.claimed-block:before{background:var(--honey)}.done-block:before{background:var(--sage)}.status-block span{color:var(--muted);font-size:12px;font-weight:700}.status-block strong{grid-area:1/2/span 2;padding-right:17px;font:900 38px/1 Zen Maru Gothic,sans-serif}.status-block small{color:#99978f;align-self:start;font-size:11px}.list-heading{align-items:flex-end;gap:18px;margin-bottom:18px}.filter-tabs{border:1px solid var(--line);background:#ffffff5c;border-radius:12px;gap:3px;padding:3px;display:flex}.filter-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:11px}.filter-tab.active{color:var(--ink);background:var(--paper);font-weight:700;box-shadow:0 3px 9px #43362214}.relay-list{gap:14px;display:grid}.relay-card{--category:var(--blue);border:1px solid var(--line);border-left:5px solid var(--category);animation:.44s ease-out both card-arrive;animation-delay:var(--card-delay);background:#fbf8f1e6;padding:22px;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 30px #4336220a}.relay-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.relay-card.category-laundry{--category:#668da0}.relay-card.category-trash{--category:#bd765d}.relay-card.category-supply{--category:#c49543}.relay-card.category-package{--category:#7c776f}.relay-card.category-other{--category:#8b729a}.relay-card.status-done{opacity:.66}@keyframes card-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.relay-card-top{align-items:flex-start;gap:12px}.relay-identity{gap:12px}.category-icon{width:43px;height:43px;color:var(--category);background:color-mix(in srgb, var(--category) 12%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.category-line{color:var(--muted);letter-spacing:.08em;gap:8px;margin:1px 0 3px;font-size:10px}.category-line em{color:var(--coral-dark);letter-spacing:0;background:#e96f511c;border-radius:999px;padding:2px 6px;font-style:normal}.relay-card h3{margin:0;font-size:18px}.state-badge{color:var(--coral-dark);background:#e96f5117;border-radius:7px;flex:none;padding:5px 8px;font-size:10px;font-weight:700}.state-badge.claimed{color:#81601f;background:#e8b85f2b}.state-badge.done{color:#536b50;background:var(--sage-light)}.state-flow{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;margin:20px 0 18px 55px;padding:14px 16px;display:grid}.state-cell span{color:#97948c;margin-bottom:4px;font-size:10px;display:block}.state-cell strong{font-size:13px;line-height:1.45}.next-state strong{color:var(--coral-dark)}.flow-arrow{color:#aaa69c}.relay-footer{gap:16px}.relay-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px 13px;display:flex}.relay-meta span{gap:4px;font-size:11px}.relay-meta small{color:#a19e96;width:100%;font-size:9px}.claim-button,.complete-button{color:#fff;background:var(--ink);border-radius:11px;min-width:110px;min-height:38px;padding:0 13px;font-size:11px;transition:transform .16s}.claim-button:hover,.complete-button:hover{transform:translateY(-1px)}.complete-button{background:var(--sage)}.complete-button.quiet{color:#536b50;background:var(--sage-light)}.done-note{color:var(--sage);gap:5px;font-size:11px;font-weight:700}.house-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbf8f1c2;align-self:start;padding:24px;position:sticky;top:26px}.house-panel h2{font-size:20px}.home-illustration{background:linear-gradient(#e8eee6 0 68%,#d8dfce 68%);height:150px;margin:24px 0;position:relative;overflow:hidden}.sun{background:var(--honey);border-radius:50%;width:28px;height:28px;position:absolute;top:20px;right:25px;box-shadow:0 0 0 9px #e8b85f24}.roof{background:#c35f48;border-radius:4px 14px 3px;width:120px;height:85px;position:absolute;top:33px;left:50%;transform:translate(-50%)rotate(45deg)}.house-body{background:#f7edda;border:2px solid #2d302b24;width:136px;height:82px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.window,.door{background:#9bb6bf;border:3px solid #fff8e9;width:23px;height:22px;position:absolute;bottom:33px}.window.one{left:19px}.window.two{right:19px}.door{background:#72675b;border-bottom:0;width:26px;height:43px;bottom:0;left:55px}.plant{background:var(--sage);border-radius:80% 10% 70%;width:24px;height:42px;position:absolute;bottom:10px}.plant.left{left:22px;transform:rotate(-15deg)}.plant.right{right:18px;transform:scaleX(-1)rotate(-9deg)}.member-list{gap:4px;display:grid}.member-row{border-bottom:1px solid #ded8ccb8;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.member-avatar{color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font:700 12px Zen Maru Gothic,sans-serif;display:grid}.member-avatar.coral{background:var(--coral)}.member-avatar.sage{background:var(--sage)}.member-avatar.honey{background:var(--honey);color:#6e501b}.member-row strong,.member-row small{display:block}.member-row strong{font-size:12px}.member-row small{color:var(--muted);margin-top:1px;font-size:9px}.online-mark,.away-mark{color:var(--sage);font-size:9px}.away-mark{color:#99978f}.relay-tip{border-top:1px dashed var(--line);grid-template-columns:32px 1fr;gap:9px;margin-top:22px;padding-top:18px;display:grid}.relay-tip>span{width:30px;height:30px;color:var(--sage);background:var(--sage-light);border-radius:9px;place-items:center;display:grid}.relay-tip p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.relay-tip strong{color:var(--ink)}.empty-state{text-align:center;background:#fbf8f185;border:1px dashed #cfc7b9;padding:56px 24px}.empty-icon{width:50px;height:50px;color:var(--sage);background:var(--sage-light);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.empty-state h3{margin-bottom:6px}.empty-state p{max-width:360px;color:var(--muted);margin:0 auto 18px;font-size:12px}.empty-state button{border:1px solid var(--line);background:var(--paper);border-radius:10px;margin:0 auto;padding:9px 13px}.sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#23231f7a;place-items:center;padding:22px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.quick-sheet{background:var(--paper);border:1px solid #fffc;width:min(680px,100%);max-height:calc(100vh - 44px);padding:28px;animation:.22s ease-out sheet-in;overflow-y:auto;box-shadow:0 28px 80px #211f1a3d}.sheet-handle{display:none}.sheet-header{margin-bottom:24px}.sheet-header h2{font-size:27px}.quick-sheet form{gap:18px;display:grid}.quick-sheet label,.category-picker legend{color:var(--ink);font-size:11px;font-weight:700}.quick-sheet label>span{margin-bottom:7px;display:block}.quick-sheet input,.quick-sheet select{width:100%;height:45px;color:var(--ink);background:#ffffffad;border:1px solid #d7d0c4;border-radius:10px;padding:0 12px;font-size:13px}.quick-sheet input::placeholder{color:#aaa69d}.quick-sheet input:focus,.quick-sheet select:focus{border-color:var(--coral)}.category-picker{border:0;margin:0;padding:0}.category-picker legend{margin-bottom:8px}.category-picker>div{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.category-picker button{min-height:58px;color:var(--muted);cursor:pointer;background:#ffffff8c;border:1px solid #d7d0c4;border-radius:10px;place-items:center;gap:3px;font-size:10px;display:grid}.category-picker button.selected{color:var(--coral-dark);background:#e96f5114;border-color:#e96f51b3}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid.compact{grid-template-columns:1.1fr .9fr}.sheet-actions{justify-content:flex-end;gap:9px;margin-top:5px}.secondary-button{border:1px solid var(--line);background:0 0;border-radius:12px;min-height:44px;padding:0 17px}.toast{z-index:60;color:#fff;background:var(--ink);border-radius:10px;padding:11px 17px;font-size:12px;animation:.22s ease-out toast-in;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000038}.undo-toast{align-items:center;gap:14px;padding:8px 9px 8px 16px;display:flex}.undo-toast button{min-height:32px;color:var(--ink);background:var(--honey-light);cursor:pointer;border:0;border-radius:7px;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.security-backdrop{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#25231e6b;justify-content:flex-end;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.security-center{width:min(680px,100% - 42px);height:100%;color:var(--ink);background:linear-gradient(90deg, #e96f5114 0, #e96f5114 5px, transparent 5px), var(--paper);border-left:1px solid #ffffffc7;grid-template-rows:auto auto 1fr;animation:.26s cubic-bezier(.2,.8,.2,1) security-in;display:grid;overflow:hidden;box-shadow:-26px 0 80px #241f1833}.security-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 0,#f2c9793d,#0000 34%),#fffdf7d1;grid-template-columns:48px 1fr 38px;align-items:center;gap:14px;min-height:118px;padding:25px 30px 20px 35px;display:grid}.security-title-mark{color:#fdf8ed;background:var(--sage);border-radius:16px 16px 16px 5px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #4a654833}.security-header .eyebrow{color:#5f765c;margin-bottom:3px}.security-header h2{font-size:28px}.security-header p:last-child{color:var(--muted);margin:3px 0 0;font-size:10px}.security-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff80;border-radius:50%;place-items:center;display:grid}.security-close:hover{color:var(--ink);background:#fff}.security-tabs{border-bottom:1px solid var(--line);background:#f4efe5c7;grid-template-columns:repeat(3,1fr);gap:5px;min-height:55px;padding:9px 30px 9px 35px;display:grid}.security-tabs button{color:#8e8a81;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.security-tabs button.active{color:var(--ink);background:var(--paper);box-shadow:0 4px 12px #45382714}.security-content{padding:27px 30px 44px 35px;overflow-y:auto}.security-section{gap:18px;animation:.22s ease-out section-rise;display:grid}.section-intro{grid-template-columns:40px 1fr;align-items:center;gap:12px;display:grid}.section-intro>span{width:38px;height:38px;color:var(--coral-dark);background:#e96f511a;border-radius:12px 12px 12px 4px;place-items:center;display:grid}.section-intro h3{margin-bottom:3px;font-size:19px}.section-intro p{color:var(--muted);margin:0;font-size:10px}.security-notice{color:#4f684c;background:var(--sage-light);margin:0 0 18px;padding:10px 12px;font-size:10px;line-height:1.5}.security-notice.error{color:#973e2f;background:#e96f511a}.invite-ledger{color:#fffaf1;background:repeating-linear-gradient(135deg,#0000 0 12px,#ffffff06 12px 13px),#30342e;border-radius:2px;grid-template-columns:1fr auto;align-items:end;min-height:198px;padding:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 36px #2d2d262b}.invite-ledger:after{content:"";border:1px solid #f2c9793d;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-84px;right:-64px;box-shadow:0 0 0 24px #f2c97909,0 0 0 47px #f2c97906}.invite-ledger>span{color:#c4c7bd;letter-spacing:.16em;grid-column:1/-1;align-self:start;font-size:9px}.invite-ledger>strong{letter-spacing:.16em;grid-column:1/-1;align-self:center;font:800 clamp(28px,6vw,42px)/1 ui-monospace,Consolas,monospace}.invite-ledger>p{color:#c4c7bd;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.invite-ledger>button{z-index:1;color:#fffaf1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.invite-ledger>button:disabled{opacity:.45;cursor:not-allowed}.invite-stamp{border:2px solid var(--honey);width:53px;height:53px;color:var(--honey);border-radius:50%;place-items:center;font:800 10px/1 Zen Maru Gothic,sans-serif;display:grid;position:absolute;top:20px;right:24px;transform:rotate(8deg)}.invite-ledger.expired{filter:saturate(.45)}.security-action-card,.leave-household-card{border:1px solid var(--line);background:#fff6;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;display:flex}.security-action-card h4,.leave-household-card h4{margin:0 0 4px;font:800 12px/1.4 Zen Maru Gothic,sans-serif}.security-action-card p,.leave-household-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.security-action-card button,.leave-household-card button{color:#fff;background:var(--coral);cursor:pointer;border:0;flex:none;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex}.security-action-card button:disabled,.leave-household-card button:disabled{opacity:.48;cursor:wait}.security-explainer{border-left:3px solid var(--honey);background:var(--honey-light);padding:15px 17px}.security-explainer strong{margin-bottom:4px;font-size:10px;display:block}.security-explainer p{color:#6f6655;margin:0;font-size:9px;line-height:1.65}.security-readonly{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.security-member-list{border-top:1px solid var(--line);display:grid}.security-member{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(100px,1fr) auto;align-items:center;gap:11px;min-height:78px;display:grid}.security-member>div:nth-child(2){gap:4px;display:grid}.security-member>div:nth-child(2) strong{font-size:11px}.security-member>div:nth-child(2) small{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:inline-flex}.member-actions{gap:6px;display:flex}.member-actions button{border:1px solid var(--line);min-height:31px;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.member-actions button.danger{color:#a34837;border-color:#c14f393d}.member-actions button:disabled{opacity:.45;cursor:wait}.leave-household-card{background:#e96f510a;border-color:#c14f3933;margin-top:8px}.leave-household-card button{color:#9e4434;background:0 0;border:1px solid #c14f3940}.history-empty{min-height:180px;color:var(--muted);border:1px dashed var(--line);justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.history-empty.error{color:#973e2f}.event-ledger{gap:24px;display:grid}.event-ledger section>h4{color:var(--muted);letter-spacing:.08em;margin:0 0 8px;font-size:9px}.event-row{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr auto 38px;align-items:center;gap:10px;min-height:62px;display:grid}.event-icon{width:30px;height:30px;color:var(--sage);background:var(--sage-light);border-radius:50%;place-items:center;display:grid}.event-claimed .event-icon{color:#8d671d;background:var(--honey-light)}.event-completed .event-icon{color:#4f684c}.event-restored .event-icon{color:var(--coral-dark);background:#e96f511a}.event-row p{color:var(--muted);margin:0 0 3px;font-size:9px}.event-row p strong{color:var(--ink);margin-right:4px}.event-row div>span{font-size:11px;font-weight:700}.event-row time{color:#98948a;font-size:8px}.event-row em{color:var(--muted);border:1px solid var(--line);text-align:center;padding:3px 6px;font-size:8px;font-style:normal}@keyframes security-in{0%{opacity:0;transform:translate(28px)}}@keyframes section-rise{0%{opacity:0;transform:translateY(7px)}}.sync-chip{border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.sync-chip.cloud{color:#526b50;background:var(--sage-light)}.sync-chip.local{color:#8a6729;background:#e8b85f29}.local-mode-banner{color:#745a28;background:#fff4d59e;border:1px solid #c4954359;grid-template-columns:34px 1fr;align-items:center;gap:10px;margin:-18px 0 30px;padding:12px 14px;display:grid}.local-mode-banner>span{color:#8b6722;background:#e8b85f33;place-items:center;width:32px;height:32px;display:grid}.local-mode-banner p{margin:0;font-size:10px;line-height:1.55}.local-mode-banner strong{color:#654b18;font-size:11px;display:block}.invite-panel{color:#5c584f;background:#ffffff61;border:1px dashed #cfc6b7;justify-content:space-between;align-items:center;margin:-8px 0 15px;padding:11px 12px;display:flex}.invite-panel span,.invite-panel strong{display:block}.invite-panel span{color:var(--muted);margin-bottom:2px;font-size:8px}.invite-panel strong{letter-spacing:.12em;font:700 13px/1.3 ui-monospace,Consolas,monospace}.invite-panel button{border:1px solid var(--line);width:34px;height:34px;color:var(--coral-dark);background:var(--paper);cursor:pointer;border-radius:9px;place-items:center;display:grid}.inline-loading,.inline-error{border:1px dashed var(--line);text-align:center;background:#fbf8f18c;align-content:center;place-items:center;gap:10px;min-height:160px;display:grid}.inline-loading span{border:3px solid #6f8b6b33;border-top-color:var(--sage);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}.inline-loading p,.inline-error p{color:var(--muted);margin:0;font-size:11px}.inline-error strong{color:var(--coral-dark)}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{background:var(--paper);grid-template-columns:minmax(420px,.95fr) minmax(460px,1.05fr);min-height:100vh;display:grid}.auth-story{color:#fffaf0;background:radial-gradient(circle at 75% 15%,#e8b85f42,#0000 17rem),linear-gradient(145deg,#3e493d 0%,#566653 52%,#6d7f68 100%);flex-direction:column;min-height:100vh;padding:42px clamp(42px,6vw,90px);display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";border:70px solid #fff8ed0f;width:300px;height:300px;position:absolute;bottom:-80px;right:-100px;transform:rotate(24deg)}.auth-brand{color:#fff;z-index:1;align-items:center;gap:11px;display:flex;position:relative}.auth-story-copy{z-index:1;margin:auto 0 38px;position:relative}.auth-story-copy .eyebrow{color:#f2c979}.auth-story-copy h1{color:#fffaf0;max-width:600px;margin-bottom:18px;font-size:clamp(43px,5.5vw,72px);line-height:1.13}.auth-story-copy>p:last-child{color:#fffaf0c2;max-width:430px;font-size:15px;line-height:1.8}.auth-preview{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:min(440px,100%);min-height:104px;padding:18px;display:grid;position:relative}.preview-person{grid-template-columns:34px 1fr;align-items:center;gap:8px;display:grid}.preview-person span{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.preview-person.active span{color:#59400d;background:var(--honey)}.preview-person small{color:#fffaf0bf;font-size:10px;line-height:1.4}.auth-assurances{z-index:1;flex-wrap:wrap;gap:18px;margin-top:24px;display:flex;position:relative}.auth-assurances span{color:#fffaf0ad;align-items:center;gap:6px;font-size:9px;display:inline-flex}.auth-form-panel{place-items:center;min-height:100vh;padding:60px clamp(35px,7vw,110px);display:grid}.auth-form-wrap{width:min(420px,100%)}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:48px;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 6px;font-size:12px}.auth-tabs button.active{color:var(--coral-dark);border-bottom-color:var(--coral);font-weight:700}.auth-heading{grid-template-columns:44px 1fr;align-items:center;gap:12px;margin-bottom:28px;display:grid}.auth-heading-icon{width:42px;height:42px;color:var(--coral-dark);background:#e96f511a;border-radius:12px 12px 12px 4px;place-items:center;display:grid}.auth-heading h2{font-size:27px}.auth-form,.setup-form{gap:17px;display:grid}.auth-form label>span,.setup-form label>span{color:var(--ink);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.input-with-icon{color:#9b978f;background:#ffffffbf;border:1px solid #d7d0c4;grid-template-columns:38px 1fr;align-items:center;height:48px;display:grid}.input-with-icon>svg{justify-self:center}.input-with-icon input{width:100%;height:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.input-with-icon:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px #e96f5117}.auth-field-hint{color:#7f7a72;margin-top:6px;font-size:10px;line-height:1.5;display:block}.auth-submit{color:#fff;background:var(--coral);cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;min-height:49px;font-weight:700;display:flex;box-shadow:0 10px 24px #bd4f3633}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-submit .spinning{animation:.9s linear infinite spin}.form-message{margin:-4px 0 0;padding:9px 11px;font-size:10px;line-height:1.5}.form-message.error{color:#9e3f2e;background:#e96f5117}.form-message.success{color:#4e674b;background:var(--sage-light)}.confirmation-card{background:radial-gradient(circle at 100% 0,#f2c97942,#0000 34%),#fffdf7e6;border:1px solid #5666532e;gap:17px;padding:28px;display:grid;box-shadow:0 22px 50px #3e493d1a}.confirmation-icon{color:#4f624c;background:var(--sage-light);border-radius:18px 18px 18px 5px;place-items:center;width:54px;height:54px;display:grid}.confirmation-copy{gap:7px;display:grid}.confirmation-copy .eyebrow{color:var(--coral-dark)}.confirmation-copy h3{font-size:23px}.confirmation-copy p{color:var(--muted);font-size:11px;line-height:1.65}.confirmation-copy strong{overflow-wrap:anywhere;color:var(--ink);font-size:13px}.auth-text-button{min-height:38px;color:var(--coral-dark);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.confirmation-hint{color:#96928a;text-align:center;margin:-4px 0 0;font-size:9px;line-height:1.55}.auth-footnote{color:#96928a;text-align:center;margin:18px 0 0;font-size:9px}.setup-page{min-height:100vh;padding-bottom:70px}.setup-topbar{justify-content:space-between;align-items:center;max-width:1050px;height:76px;margin:0 auto;padding:0 25px;display:flex}.setup-signout,.cloud-error-page button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:inline-flex}.setup-card{border:1px solid var(--line);width:min(720px,100% - 34px);box-shadow:var(--shadow);background:#fbf8f1e6;margin:45px auto 0;padding:38px 44px 44px}.setup-progress{color:#a29e95;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;max-width:400px;margin:0 auto 45px;font-size:9px;display:grid}.setup-progress i{background:var(--line);height:1px}.setup-progress span.active{color:var(--coral-dark);font-weight:700}.setup-progress span.done{color:var(--sage)}.setup-heading{max-width:560px;margin-bottom:28px}.setup-heading h1{margin-bottom:10px;font-size:37px}.setup-heading>p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.setup-mode-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.setup-mode-grid button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff73;grid-template-rows:auto auto;grid-template-columns:38px 1fr;column-gap:10px;padding:16px;display:grid}.setup-mode-grid button>span{width:36px;height:36px;color:var(--muted);background:#f0ece4;grid-row:1/span 2;place-items:center;display:grid}.setup-mode-grid button strong{font-size:11px}.setup-mode-grid button small{color:var(--muted);font-size:9px}.setup-mode-grid button.active{background:#e96f510f;border-color:#e96f51a6}.setup-mode-grid button.active>span{color:var(--coral-dark);background:#e96f511c}.setup-form{max-width:470px}.code-input input{letter-spacing:.18em;text-transform:uppercase;font-family:ui-monospace,Consolas,monospace}.loading-screen,.cloud-error-page{text-align:center;align-content:center;place-items:center;gap:14px;min-height:100vh;padding:28px;display:grid}.loading-home{color:#fff;background:var(--coral);border-radius:19px 19px 19px 6px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 28px #bd4f363d}.loading-screen strong{font-family:Zen Maru Gothic,sans-serif}.loading-line{background:#ddd6ca;width:130px;height:3px;overflow:hidden}.loading-line i{background:var(--sage);width:45%;height:100%;animation:1.2s ease-in-out infinite alternate loading-slide;display:block}@keyframes loading-slide{to{transform:translate(125%)}}.cloud-error-page h1{max-width:650px;margin:0}.cloud-error-page>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:12px}.cloud-error-page code{overflow-wrap:anywhere;color:#8c3f31;background:#e96f5114;max-width:760px;padding:10px 13px;font-size:10px}.cloud-error-page button{border:1px solid var(--line);background:var(--paper);padding:9px 13px}.mobile-nav,.floating-add{display:none}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)scale(.99)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (width<=920px){.dashboard{grid-template-columns:1fr}.house-panel{display:none}.auth-page{grid-template-columns:1fr}.auth-story{min-height:520px;padding:34px 40px}.auth-story-copy{margin-top:90px}.auth-story-copy h1{font-size:52px}.auth-form-panel{min-height:auto;padding:65px 35px 90px}}@media (width<=680px){.topbar{height:66px;padding:0 17px}.brand-name{font-size:19px}.brand-mark{width:34px;height:34px}.beta-tag,.home-switcher,.desktop-signout{display:none}.sync-chip{padding:5px 7px}.sync-chip.local,.sync-chip.cloud{gap:0;font-size:0}.sync-chip svg{width:15px;height:15px}.dashboard{padding:32px 15px 112px}.local-mode-banner{margin:-8px 0 25px}.desktop-add{display:none}h1{font-size:35px}.status-strip{margin:28px 0 38px}.status-block{min-height:97px;padding:14px 12px}.status-block strong{padding-right:8px;font-size:30px}.status-block small{font-size:8px}.status-block:before{top:17px;right:15px}.list-heading{flex-direction:column;align-items:flex-start}.filter-tabs{width:100%;overflow-x:auto}.filter-tab{flex:none}.relay-card{padding:17px 15px}.relay-card h3{font-size:16px}.state-flow{grid-template-columns:1fr 23px 1fr;margin:16px 0;padding:12px 2px}.state-cell strong{font-size:12px}.relay-footer{align-items:flex-end}.relay-meta{gap:4px 9px}.claim-button,.complete-button{min-width:104px;padding:0 10px}.mobile-nav{z-index:20;height:76px;padding:7px 20px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf8f1f0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#99968e;background:0 0;border:0;align-content:center;place-items:center;gap:2px;font-size:9px;display:grid}.mobile-nav button.active{color:var(--coral-dark)}.floating-add{z-index:19;color:#fff;background:var(--coral);border:0;border-radius:17px 17px 17px 6px;place-items:center;width:52px;height:52px;display:grid;position:fixed;bottom:88px;right:18px;box-shadow:0 12px 28px #bd4f364d}.sheet-backdrop{place-items:end center;padding:0}.quick-sheet{border-radius:22px 22px 0 0;width:100%;max-height:92vh;padding:14px 18px 24px}.sheet-handle{background:#d3ccc0;border-radius:999px;width:40px;height:4px;margin:0 auto 15px;display:block}.sheet-header h2{font-size:24px}.category-picker>div{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.form-grid,.form-grid.compact{grid-template-columns:1fr}.sheet-actions{background:var(--paper);padding:12px 0 4px;position:sticky;bottom:-24px}.sheet-actions .primary-add{flex:1}.toast{text-align:center;white-space:nowrap;max-width:calc(100% - 36px);bottom:90px}.undo-toast{white-space:normal;justify-content:space-between;width:calc(100% - 28px)}.security-center{width:100%}.security-header{grid-template-columns:42px 1fr 34px;gap:10px;min-height:102px;padding:19px 17px 16px 22px}.security-title-mark{border-radius:14px 14px 14px 4px;width:40px;height:40px}.security-header h2{font-size:24px}.security-header p:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.security-close{width:32px;height:32px}.security-tabs{padding:8px 14px 8px 19px}.security-content{padding:23px 16px 105px 21px}.invite-ledger{min-height:188px;padding:23px 19px}.invite-ledger>strong{font-size:28px}.invite-ledger>p{font-size:9px}.security-action-card,.leave-household-card{flex-direction:column;align-items:flex-start;gap:12px}.security-action-card button,.leave-household-card button{justify-content:center;width:100%}.security-member{grid-template-columns:42px 1fr;padding:12px 0}.member-actions{grid-column:1/-1;padding-left:53px}.member-actions button{flex:1;justify-content:center}.event-row{grid-template-columns:32px 1fr auto}.event-row em{display:none}.auth-story{min-height:460px;padding:25px 20px 30px}.auth-story-copy{margin:65px 0 26px}.auth-story-copy h1{font-size:42px}.auth-story-copy>p:last-child{font-size:12px}.auth-preview{gap:7px;min-height:88px;padding:13px}.preview-person{grid-template-columns:29px 1fr;gap:6px}.preview-person span{width:29px;height:29px;font-size:10px}.preview-person small{font-size:8px}.auth-assurances{margin-top:17px}.auth-form-panel{padding:45px 20px 70px}.auth-tabs{margin-bottom:35px}.setup-topbar{height:66px;padding:0 17px}.setup-card{width:calc(100% - 28px);margin-top:25px;padding:28px 18px 32px}.setup-progress{margin-bottom:34px}.setup-heading h1{font-size:31px}.setup-mode-grid{grid-template-columns:1fr}.cloud-error-page h1{font-size:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}