:root{color-scheme:light dark;--bg: #faf3e7;--surface: #fffdf8;--surface-2: #f3e9da;--text: #6b4a26;--text-dim: #78613c;--border: #e8dcc6;--edge: #ecdfc8;--label: #a2703a;--brand: #2a6d90;--brand-dim: #ecdcbf;--brand-on-dim: #6b4a26;--btn: #3d8cb4;--btn-edge: #2b6c8e;--accent: #eec95c;--accent-dim: #fdf0c9;--accent-ink: #7d5f0d;--on-note: #5a430b;--ok: #3f6130;--ok-dim: #e4efd6;--warn: #eec95c;--warn-dim: #fbeed5;--danger: #a3311c;--danger-solid: #a3311c;--on-danger: #ffffff;--danger-dim: #fbe6df;--danger-border: #e3b0a2;--danger-edge: #edc6b8;--toast-bg: #3a2b1f;--shot-bg: #1b140f;--shot-veil: rgba(27, 20, 15, .7);--radius: 20px;--radius-sm: 14px;--shadow: 0 3px 0 var(--edge);--shadow-brand: 0 3px 0 var(--btn-edge);--font-hand: "Bradley Hand", "Chalkboard SE", "Yuanti TC", "圓體-繁", "Hiragino Maru Gothic ProN", "Noto Sans TC", "PingFang TC", sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #2a211a;--surface: #352a20;--surface-2: #40342a;--text: #f2e8dc;--text-dim: #c3ae95;--border: #4a3c2f;--edge: #1b140f;--label: #d8b98a;--brand: #7cc8e6;--brand-dim: #4a3a2b;--brand-on-dim: #f2e8dc;--btn: #3f97c2;--btn-edge: #235a75;--accent: #e5be4c;--accent-dim: #3b3315;--accent-ink: #f2d68d;--on-note: #5a430b;--ok: #b9d69b;--ok-dim: #2e3d23;--warn: #e5be4c;--warn-dim: #3d2f16;--danger: #ff9d84;--danger-solid: #ff9d84;--on-danger: #2a211a;--danger-dim: #3a1c14;--danger-border: #b5483a;--danger-edge: #150d09}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;padding:0 16px calc(88px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 0 10px;background:var(--bg)}.topbar h1{flex:1;margin:0;font-family:var(--font-hand);font-size:1.35rem;font-weight:700;letter-spacing:.03em;color:var(--label);word-break:break-word}.topbar h1.plain{font-family:inherit;font-size:1.2rem;color:var(--text)}.icon-btn{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);width:40px;height:40px;flex:none;font-size:1.05rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-ink)}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:12px}.card.tap{cursor:pointer}.card.danger{border-color:var(--danger-border);background:var(--danger-dim);box-shadow:0 3px 0 var(--danger-edge)}.card-head{display:flex;align-items:baseline;gap:8px}.card-title{font-weight:700;flex:1;word-break:break-word}.badge{font-size:.76rem;font-weight:700;padding:3px 11px;border-radius:999px;background:var(--surface-2);color:var(--brand-on-dim);white-space:nowrap}.badge.danger{background:var(--danger-solid);color:var(--on-danger)}.badge.warn{background:var(--warn);color:var(--on-note)}.badge.ok{background:var(--ok-dim);color:var(--ok)}.muted{color:var(--text-dim);font-size:.88rem}.section-title{display:inline-block;margin:20px 0 9px;padding:3px 13px;border-radius:999px;background:var(--surface-2);color:var(--brand-on-dim);font-size:.82rem;font-weight:700}label{display:block;margin-bottom:12px;font-size:.88rem;font-weight:600;color:var(--text-dim)}input,select,textarea{width:100%;margin-top:5px;padding:11px 13px;font-size:16px;font-family:inherit;font-weight:400;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand)}input[type=file]{padding:9px 11px;font-size:.86rem}textarea{min-height:76px;resize:vertical}.ai-filled{border-color:var(--accent);background:var(--accent-dim)}.row{display:flex;flex-wrap:wrap;gap:10px}.row>*{flex:1 1 150px;min-width:0}@media (max-width: 460px){.row{flex-direction:column;gap:0}.row>*{flex:1 1 auto;width:100%}.row.inline{flex-direction:row;gap:10px}.row.inline>*{flex:1 1 0}}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;max-width:100%}button{font-family:inherit;font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;text-decoration:none;box-shadow:var(--shadow);cursor:pointer}.btn.primary{background:var(--btn);border-color:var(--btn);color:#fff;font-weight:700;box-shadow:var(--shadow-brand)}.btn.block{width:100%;padding:14px 18px;border-radius:var(--radius)}.btn.small{padding:7px 13px;font-size:.86rem;border-radius:12px}.btn.danger{color:var(--danger);border-color:var(--danger-border)}.btn.primary.danger{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--on-danger)}.btn.liff-share{margin-top:10px;background:#06c755;border-color:#06c755;color:#fff;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--surface);border-top:2px solid var(--edge);padding-bottom:env(safe-area-inset-bottom);z-index:20}.tabbar a{flex:1;padding:9px 0 7px;text-align:center;text-decoration:none;color:var(--text-dim);font-size:.72rem}.tabbar a.active{color:var(--brand);font-weight:700}.tabbar .ico{display:block;font-size:1.25rem;line-height:1.35}.person-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.person{aspect-ratio:1;border-radius:24px;border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:1.05rem;font-weight:600;cursor:pointer;color:var(--text)}.person.on{border-color:var(--brand);background:var(--brand-dim);color:var(--brand-on-dim)}.person .avatar{font-size:2.4rem}.progress{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:10px}.progress>span{display:block;height:100%;border-radius:999px;background:var(--label)}.progress.danger>span{background:var(--danger-solid)}.photo-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.photo-strip figure{margin:0;flex:0 0 auto}.photo-strip img{width:148px;height:148px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--border);display:block}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(82px + env(safe-area-inset-bottom));background:var(--toast-bg);color:#fff;padding:11px 18px;border-radius:999px;font-size:.9rem;font-weight:600;z-index:50;max-width:90vw;text-align:center;box-shadow:0 6px 18px #3a2b1f47}.toast.error{background:var(--danger-solid);color:var(--on-danger)}.empty{text-align:center;padding:40px 16px;color:var(--text-dim)}.empty .big{font-size:2.8rem;display:block;margin-bottom:10px}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px}.chip{white-space:nowrap;padding:6px 14px;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;font-size:.88rem;font-weight:600}.chip.active{background:var(--btn);border-color:var(--btn);color:#fff;font-weight:700}.spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dl.kv{display:grid;grid-template-columns:5.5rem 1fr;gap:7px 12px;margin:0}dl.kv dt{color:var(--text-dim);font-size:.88rem}dl.kv dd{margin:0;word-break:break-word}.segmented{display:flex;gap:6px;background:var(--surface-2);border-radius:999px;padding:4px;margin:8px 0}.segmented button{flex:1;min-width:0;padding:8px 4px;border:none;border-radius:999px;background:transparent;color:var(--brand-on-dim);font-size:.76rem;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented button.on{background:var(--surface);color:var(--brand);font-weight:700;box-shadow:0 2px 0 var(--edge)}.segmented button:disabled{opacity:.45;cursor:not-allowed}.segmented.three{gap:4px}.segmented.three button{padding:8px 2px;font-size:.68rem}.month-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 12px}.month-quick .muted{margin:0}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.entry-grid .btn{padding:16px 10px;border-radius:var(--radius);font-size:.95rem}.scanner{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--shot-bg);border:2px solid var(--border);box-shadow:var(--shadow);aspect-ratio:3 / 4}.scanner video{width:100%;height:100%;object-fit:cover;display:block}.scanner-frame{position:absolute;top:14%;right:8%;bottom:14%;left:8%;border:3px dashed rgba(255,255,255,.75);border-radius:var(--radius);pointer-events:none}.scanner-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:600;background:var(--shot-veil)}.pick-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;margin-top:8px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.pick-row.on{border-color:var(--brand);background:var(--brand-dim)}.pick-row input{width:20px;height:20px;accent-color:var(--brand);margin:0}.pick-name{font-weight:600;word-break:break-all}.pick-num{color:var(--brand-on-dim);font-size:.82rem;white-space:nowrap}.family-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.family-pick{display:flex;align-items:center;gap:6px;flex:1;padding:6px 10px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}.family-pick select{flex:1;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:.92rem;font-weight:600;padding:2px 0;margin:0}.family-manage{color:var(--brand);font-size:.86rem;font-weight:600;text-decoration:none;padding:6px 4px}.member-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--border)}.member-row:first-of-type{border-top:0}.member-name{flex:1;font-weight:600;word-break:break-word}.member-role{font-size:.78rem;color:var(--text-dim);white-space:nowrap}.invite-qr{display:block;margin:10px auto 4px;border-radius:var(--radius-sm);background:#fff;padding:8px}.legal-updated{margin:-4px 0 16px;font-size:.78rem;color:var(--text-dim)}.legal-section p{margin:8px 0;line-height:1.75}.legal-section code{font-size:.86em;padding:1px 5px;border-radius:6px;background:var(--surface-2);word-break:break-all}.legal-list{margin:8px 0 0;padding-left:1.15rem}.legal-list li{margin-bottom:10px;line-height:1.75}.legal-list li:last-child{margin-bottom:0}.legal-nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 8px;padding-top:16px;border-top:2px solid var(--border);font-size:.9rem}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:28px 0 8px;font-size:.78rem;color:var(--text-dim)}.legal-nav a,.legal-links a{color:var(--brand);text-decoration:none;border-bottom:1px solid var(--brand-dim)}