:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #16181d);--hint: var(--tg-theme-hint-color, #8d939c);--subtitle: var(--tg-theme-subtitle-text-color, var(--hint));--link: var(--tg-theme-link-color, #2481cc);--accent: var(--tg-theme-accent-text-color, var(--link));--button: var(--tg-theme-button-color, #2481cc);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f2f3f5);--section-bg: var(--tg-theme-section-bg-color, var(--bg));--separator: var(--tg-theme-section-separator-color, rgba(0, 0, 0, .08));--danger: var(--tg-theme-destructive-text-color, #e5484d);--radius: 14px;--tabbar-h: 62px;--bottom-safe: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root{--bg: var(--tg-theme-bg-color, #17212b);--text: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #708499);--link: var(--tg-theme-link-color, #6ab3f3);--button: var(--tg-theme-button-color, #5288c1);--secondary-bg: var(--tg-theme-secondary-bg-color, #232e3c);--separator: var(--tg-theme-section-separator-color, rgba(255, 255, 255, .08))}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.app{max-width:560px;margin:0 auto;padding:12px 16px 24px}.app.with-tabbar{padding-bottom:calc(var(--tabbar-h) + var(--bottom-safe) + 24px)}.app.with-bottombar{padding-bottom:calc(84px + var(--bottom-safe))}.title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:14px 0 6px;overflow-wrap:anywhere;display:flex;align-items:center;gap:10px}.title .ic{color:var(--accent);flex-shrink:0}.lead{color:var(--hint);margin:0 0 18px;font-size:15px}.subtitle{font-size:13px;font-weight:600;color:var(--hint);margin:22px 0 4px;letter-spacing:.02em}.hint{color:var(--hint);margin:0}.center{text-align:center}.error{color:var(--danger);margin:0}.badge{position:fixed;top:2px;right:6px;z-index:20;pointer-events:none;padding:1px 6px;border-radius:999px;background:var(--secondary-bg);color:var(--hint);font-size:10px}.back-btn{display:inline-flex;align-items:center;gap:2px;margin:0 0 0 -6px;padding:6px 6px 6px 0;border:none;background:none;color:var(--link);cursor:pointer}.spaces{position:sticky;top:0;z-index:3;background:var(--bg);margin:-12px -16px 0;padding:12px 16px 8px;display:flex;gap:8px;align-items:center}.spaces-track{flex:1;min-width:0;display:flex;gap:2px;padding:3px;background:var(--secondary-bg);border-radius:12px;overflow-x:auto;scrollbar-width:none}.spaces-track::-webkit-scrollbar{display:none}.space-tab{flex:1 0 auto;min-width:84px;max-width:160px;height:34px;padding:0 12px;border:none;border-radius:9px;background:none;color:var(--hint);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.space-tab.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.space-add{flex-shrink:0;width:40px;height:40px;border:none;border-radius:12px;background:var(--secondary-bg);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--bg);border-top:.5px solid var(--separator);padding-bottom:var(--bottom-safe)}.tabbar-inner{max-width:560px;margin:0 auto;display:flex;height:var(--tabbar-h)}.tab{flex:1;border:none;background:none;color:var(--hint);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:500}.tab.active{color:var(--accent)}.rows{list-style:none;margin:0;padding:0}.row{position:relative;display:flex;align-items:center;gap:14px;min-height:58px;padding:8px 0;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.rows>li+li .row:before{content:"";position:absolute;top:0;left:40px;right:0;border-top:.5px solid var(--separator)}.rows.plain>li+li .row:before{left:0}.row:active{opacity:.6}.row-icon{width:26px;flex-shrink:0;display:flex;justify-content:center;color:var(--accent)}.row-icon.muted{color:var(--hint)}.row-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.row-title{font-size:16px;font-weight:500;overflow-wrap:anywhere}.row-sub{font-size:13px;color:var(--subtitle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-end{flex-shrink:0;color:var(--hint);display:flex;align-items:center;gap:2px}.chev{color:var(--hint);opacity:.6;flex-shrink:0}.add-row{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0;border:none;background:none;color:var(--accent);cursor:pointer;font-weight:500}.add-row .row-icon{color:var(--accent)}.more-btn{flex-shrink:0;width:40px;height:40px;margin-right:-8px;border:none;background:none;color:var(--hint);cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center}.empty{text-align:center;padding:40px 12px;color:var(--hint);display:grid;gap:10px;justify-items:center}.empty .ic{color:var(--hint);opacity:.6}.empty p{margin:0;max-width:280px}.btn{min-height:50px;padding:0 18px;border:none;border-radius:var(--radius);background:var(--button);color:var(--button-text);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5}.btn:active:not(:disabled){opacity:.85;transform:scale(.99)}.btn-wide{width:100%}.btn-secondary{background:var(--secondary-bg);color:var(--accent)}.btn-plain{background:none;color:var(--hint)}.btn-danger{background:var(--secondary-bg);color:var(--danger)}.btn-small{min-height:34px;padding:0 12px;font-size:14px;border-radius:10px;flex-shrink:0}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--bg);border-top:.5px solid var(--separator);padding:10px 16px calc(10px + var(--bottom-safe))}.bottombar-inner{max-width:528px;margin:0 auto}.input{width:100%;min-height:48px;padding:0 14px;border:1px solid transparent;border-radius:12px;background:var(--secondary-bg);color:var(--text);font:inherit}.input::placeholder{color:var(--hint)}.input:focus{outline:none;border-color:var(--button)}.field-label{display:grid;gap:6px;font-size:13px;color:var(--hint)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000059;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease-out}.sheet{width:100%;max-width:560px;max-height:85vh;overflow-y:auto;background:var(--bg);border-radius:20px 20px 0 0;padding:8px 16px calc(16px + var(--bottom-safe));animation:rise .2s ease-out}.sheet:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--separator);margin:0 auto 14px}.sheet-title{font-size:18px;font-weight:600;margin:0 0 14px;overflow-wrap:anywhere}.sheet-actions,.sheet-form{display:grid;gap:8px}.sheet-actions .btn{justify-content:flex-start;padding:0 16px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:.6}}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.icon-choice{aspect-ratio:1;border:2px solid transparent;border-radius:12px;background:var(--secondary-bg);color:var(--hint);cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-choice.selected{border-color:var(--button);color:var(--accent)}.segmented{display:flex;gap:2px;padding:3px;background:var(--secondary-bg);border-radius:12px}.segment{flex:1;min-height:40px;border:none;border-radius:9px;background:none;color:var(--hint);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.segment.selected{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.list-meta{margin:0 0 10px;color:var(--hint);font-size:14px}.progress{height:4px;border-radius:2px;background:var(--secondary-bg);margin:0 0 8px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--button);border-radius:2px;transition:width .3s}.add-form{display:flex;gap:8px}.add-text{flex:1;min-width:0}.add-qty{width:84px;flex-shrink:0;padding:0 10px}.add-btn{width:48px;padding:0;flex-shrink:0}.check{width:24px;height:24px;flex-shrink:0;border-radius:50%;border:1.8px solid var(--hint);color:var(--button-text);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.item.checked .check{background:var(--button);border-color:var(--button)}.item.checked .item-text{text-decoration:line-through;color:var(--hint)}.item .row-icon{color:inherit}.qty{flex-shrink:0;color:var(--hint);font-size:14px}.item-author{font-size:12px;color:var(--hint)}.note-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 4px}.note-status{font-size:13px}.note-title,.note-body{width:100%;border:none;background:none;color:var(--text);font:inherit;padding:6px 0}.note-title{font-size:26px;font-weight:700;letter-spacing:-.02em}.note-title::placeholder,.note-body::placeholder{color:var(--hint)}.note-body{resize:none;line-height:1.55;min-height:220px}.note-title:focus,.note-body:focus{outline:none}.pin-btn{color:var(--hint)}.pin-btn.on{color:var(--accent)}.invite{text-align:center;padding-top:40px;display:flex;flex-direction:column;gap:10px;align-items:center}.invite .title{margin:4px 0;justify-content:center}.invite .btn{margin-top:6px}.invite-icon{width:76px;height:76px;border-radius:24px;background:var(--secondary-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.role{font-size:12px;color:var(--hint)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--secondary-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0}.dev-link{color:var(--link);word-break:break-all}.section-gap{height:18px}:root{--premium: #f2a516}.premium-chip{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;padding:1px 8px 1px 6px;border-radius:999px;font-size:12px;font-weight:600;color:var(--premium);background:color-mix(in srgb,var(--premium) 14%,transparent)}.premium{display:grid;justify-items:center;text-align:center}.premium-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:4px 0 12px;color:var(--premium);background:color-mix(in srgb,var(--premium) 14%,transparent)}.premium-text{margin:0 0 18px;color:var(--hint);line-height:1.4;max-width:340px}.premium .sheet-actions{width:100%}.premium .premium-btn{justify-content:center}.readonly-banner{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 14px;padding:11px 12px;border:none;border-radius:12px;cursor:pointer;text-align:left;font:inherit;font-weight:500;color:var(--text);background:var(--secondary-bg)}.readonly-banner>svg:first-child{color:var(--hint)}.readonly-banner span{flex:1}.row-sub svg{vertical-align:-2px}.space-tab svg{vertical-align:-2px;margin-right:3px;opacity:.7}.space-add.premium-star{color:var(--premium);background:color-mix(in srgb,var(--premium) 14%,transparent)}.title .premium-ic{color:var(--premium)}.premium-status{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--premium) 12%,transparent);font-weight:500}.premium-status>svg{color:var(--premium);flex-shrink:0;margin-top:1px}.premium-status .row-sub{display:block;margin-top:4px;font-weight:400}.row-sub.wrap{white-space:normal}.plans{display:grid;gap:10px;margin:8px 0 14px}.plan{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;border:1.5px solid var(--separator);border-radius:var(--radius);background:var(--section-bg);text-align:left;cursor:pointer}.plan:active:not(:disabled){border-color:var(--premium)}.plan:disabled{opacity:.55;cursor:default}.plan-price{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:8px 12px;border-radius:10px;font-weight:700;color:#fff;background:var(--premium)}.trial-btn{justify-content:center;margin-bottom:12px}.lead.small{font-size:13px}.bottombar.over-tabbar{bottom:calc(var(--tabbar-h) + var(--bottom-safe));padding-bottom:10px;z-index:4}.addbar-space{height:72px}.title-row{display:flex;align-items:center;gap:4px}.title-row .title{flex:1;min-width:0}.title-row .more-btn{margin-top:8px}.net-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;margin:0 -16px 10px;padding:10px 16px;background:var(--secondary-bg);color:var(--danger);font-size:14px}.net-banner span{flex:1}.net-banner .btn{min-height:34px;padding:0 12px;font-size:14px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:12px;background:var(--secondary-bg)}.segmented button{min-height:40px;border:none;border-radius:9px;background:none;color:var(--text);font:inherit;font-size:15px;cursor:pointer}.segmented button.active{background:var(--section-bg);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #0000001f}.danger-zone{margin-top:28px;display:grid;gap:8px}.danger-zone .hint{font-size:13px}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;padding:24px 20px calc(20px + env(safe-area-inset-bottom))}.onb-skip{align-self:flex-end}.onb-body{flex:1;display:grid;align-content:center;justify-items:center;text-align:center;gap:14px}.onb-icon{width:96px;height:96px;border-radius:28px;display:flex;align-items:center;justify-content:center;background:var(--secondary-bg);color:var(--accent)}.onb-body h2{margin:8px 0 0;font-size:24px}.onb-body p{margin:0;color:var(--hint);max-width:320px;font-size:16px;line-height:1.45}.onb-dots{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.onb-dots span{width:8px;height:8px;border-radius:50%;background:var(--hint);opacity:.35}.onb-dots span.active{background:var(--accent);opacity:1;width:22px;border-radius:4px}.privacy{line-height:1.5}.privacy h1{font-size:24px;margin:14px 0 4px}.privacy h2{font-size:17px;margin:22px 0 6px}.privacy p,.privacy li{color:var(--text)}.privacy ul{padding-left:20px}.privacy .meta{color:var(--hint);font-size:13px}button.row{width:100%;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.row{-webkit-touch-callout:none;-webkit-user-select:none}[data-drag-id]{position:relative}[data-drag-id].dragging{z-index:6;background:var(--bg);border-radius:12px;box-shadow:0 6px 20px #0000002e}[data-drag-id].dragging .row{opacity:1}[data-drag-id].dragging .row:before{display:none}body.drag-active{cursor:grabbing}body.drag-active .row:active{opacity:1}.drag-hint{margin:0 0 6px;font-size:13px;color:var(--hint)}.dept-title{display:flex;align-items:center;gap:6px;margin-top:18px}.undo-toast{position:fixed;left:12px;right:12px;z-index:8;bottom:calc(84px + var(--bottom-safe));max-width:536px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 16px;min-height:48px;border-radius:14px;background:#2b2f36;color:#fff;box-shadow:0 6px 20px #00000040;animation:toast-in .18s ease-out}.app.with-tabbar .undo-toast{bottom:calc(var(--tabbar-h) + var(--bottom-safe) + 80px)}.undo-text{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.undo-btn{flex-shrink:0;min-height:36px;padding:0 14px;border:none;border-radius:10px;background:none;color:#7cc4ff;font-weight:600;cursor:pointer}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}}.suggest-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.suggest-row::-webkit-scrollbar{display:none}.suggest-chip{flex-shrink:0;min-height:36px;padding:0 14px;border:none;border-radius:18px;background:var(--secondary-bg);color:var(--accent);font-weight:500;cursor:pointer;white-space:nowrap}.dept-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dept-chip{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;text-align:left;border:1px solid transparent;border-radius:10px;background:var(--secondary-bg);color:var(--text);font-size:14px;cursor:pointer}.dept-chip.selected{border-color:var(--button);color:var(--accent);font-weight:600}.item-remind{font-size:12px;color:var(--accent)}.remind-current{margin:0 0 4px;font-weight:600}.remind-pick{display:grid;grid-template-columns:1fr auto;gap:8px}.remind-hint{font-size:13px;margin-top:4px}.note-status{flex:1}.remind-btn{display:inline-flex;align-items:center;gap:4px;width:auto;padding:0 8px;font-size:13px;color:var(--hint)}.remind-btn.on{color:var(--accent)}.remind-btn span[aria-hidden]{font-size:18px;opacity:.55}.remind-btn.on span[aria-hidden]{opacity:1}button.row{width:100%;border:none;background:none;text-align:left;font:inherit}button.row:disabled{cursor:default;opacity:.55}.switch{position:relative;flex-shrink:0;width:46px;height:28px;border-radius:14px;background:var(--secondary-bg);box-shadow:inset 0 0 0 1px var(--separator);transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch.on{background:var(--button);box-shadow:none}.switch.on:after{transform:translate(18px)}:root{--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #6250d6;--series-8: #e34948;--series-rest: #a3a7ad;--warn: #b26b00}@media(prefers-color-scheme:dark){:root{--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--series-rest: #6b7480;--warn: #f0a83a}}.month-nav{display:flex;align-items:center;justify-content:space-between;margin:2px -8px 6px}.month-nav .more-btn{margin:0}.month-nav .more-btn:disabled{cursor:default}.month-title{font-size:17px;font-weight:600}.money-hero{display:flex;flex-direction:column;align-items:center;gap:2px;margin:6px 0 16px}.money-total{font-size:34px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.budget{margin:0 0 18px}.budget-row{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:6px;flex-wrap:wrap}.budget-state{color:var(--hint)}.budget-state.warn,.budget-state.over{color:var(--warn);font-weight:600}.budget-state.over{color:var(--danger)}.meter{height:8px;border-radius:4px;background:var(--secondary-bg);overflow:hidden}.meter span{display:block;height:100%;border-radius:4px;background:var(--series-1)}.meter span.warn{background:var(--warn)}.meter span.over{background:var(--danger)}.breakdown{margin-bottom:8px}.stack-bar{display:flex;gap:2px;height:14px;border-radius:4px;overflow:hidden;margin-bottom:10px}.stack-bar span{min-width:3px}.cat-rows{list-style:none;margin:0;padding:0}.cat-rows li{display:flex;align-items:center;gap:8px;min-height:36px;font-size:15px}.cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cat-emoji{width:22px;text-align:center;flex-shrink:0}.cat-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-pct{color:var(--hint);font-size:13px;width:40px;text-align:right;font-variant-numeric:tabular-nums}.cat-sum{font-weight:600;font-variant-numeric:tabular-nums;min-width:84px;text-align:right}.months-toggle{margin-top:4px}.months-chart{margin:0 0 10px}.months-value{margin:0 0 6px;font-size:14px;color:var(--hint)}.months-value b{color:var(--text)}.months-svg{width:100%;height:110px;display:block}.month-bar{fill:var(--series-1);opacity:.45;cursor:pointer}.month-bar.selected{opacity:1}.months-labels{display:flex}.months-labels button{flex:1;min-width:0;border:none;background:none;padding:6px 0;font-size:11px;color:var(--hint);cursor:pointer}.months-labels button.selected{color:var(--text);font-weight:700}.day-title{display:flex;justify-content:space-between}.expense-emoji{font-size:22px}.expense-amount{font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums}.amount-field{position:relative}.amount-input{font-size:26px;font-weight:700;min-height:58px;padding-right:44px}.amount-currency{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--hint)}.currency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cat-form{display:grid;grid-template-columns:58px 1fr auto;gap:8px;margin-top:12px}.cat-emoji-input{text-align:center;font-size:20px;padding:0}[data-swatch=sunrise],body[data-bg=sunrise]{--page-bg: linear-gradient(160deg, #ffe1c6, #ffc7d1)}[data-swatch=mint],body[data-bg=mint]{--page-bg: linear-gradient(160deg, #d9f7ea, #b8ecd9)}[data-swatch=sky],body[data-bg=sky]{--page-bg: linear-gradient(160deg, #dcecff, #bcd9fb)}[data-swatch=lavender],body[data-bg=lavender]{--page-bg: linear-gradient(160deg, #ece3ff, #d6c8fb)}[data-swatch=sand],body[data-bg=sand]{--page-bg: linear-gradient(160deg, #fbf1dc, #f1dfbb)}[data-swatch=rose],body[data-bg=rose]{--page-bg: linear-gradient(160deg, #ffe4ec, #f9c9d9)}[data-swatch=grid],body[data-bg=grid]{--page-bg: linear-gradient(rgba(60, 90, 140, .12) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, rgba(60, 90, 140, .12) 1px, transparent 1px) 0 0 / 22px 22px, #fbfaf6}[data-swatch=dots],body[data-bg=dots]{--page-bg: radial-gradient(rgba(120, 90, 60, .25) 1.4px, transparent 1.7px) 0 0 / 18px 18px, #fff8ef}[data-swatch=sea],body[data-bg=sea]{--page-bg: linear-gradient(160deg, #0f3b5f, #0e6d74)}[data-swatch=night],body[data-bg=night]{--page-bg: linear-gradient(160deg, #1b1f4b, #4a2a6b)}[data-swatch=forest],body[data-bg=forest]{--page-bg: linear-gradient(160deg, #13392b, #2e5d3a)}[data-swatch=sunset],body[data-bg=sunset]{--page-bg: linear-gradient(160deg, #6a2c4a, #b4513a)}body[data-bg]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--page-bg)}.themed.tone-light{--text: #1b1d22;--hint: rgba(27, 29, 34, .62);--subtitle: rgba(27, 29, 34, .62);--separator: rgba(0, 0, 0, .1);--accent: #1d5fa8;--secondary-bg: rgba(255, 255, 255, .55);color:var(--text)}.themed.tone-dark{--text: #ffffff;--hint: rgba(255, 255, 255, .72);--subtitle: rgba(255, 255, 255, .72);--separator: rgba(255, 255, 255, .18);--accent: #cfe6ff;--secondary-bg: rgba(255, 255, 255, .14);color:var(--text)}.themed [data-drag-id].dragging{background:var(--page-bg)}.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bg-swatch{aspect-ratio:1;border-radius:14px;border:2px solid transparent;background:var(--page-bg);cursor:pointer;box-shadow:inset 0 0 0 1px #00000014}.bg-swatch.selected{border-color:var(--button)}.bg-swatch.none{background:var(--secondary-bg);color:var(--hint);font-size:12px;padding:4px}.bg-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:1px;background:var(--page-bg);box-shadow:inset 0 0 0 1px #0000001f}.share-text{margin:0;padding:12px;border-radius:12px;background:var(--secondary-bg);white-space:pre-wrap;font:inherit;font-size:15px;max-height:50vh;overflow:auto}body[data-bg]{background:transparent}.home-head{display:flex;align-items:center;gap:10px;margin:8px 0 0}.space-picker{display:flex;align-items:center;gap:4px;min-width:0;flex:1;padding:6px 0;border:none;background:none;color:var(--text);font:inherit;font-size:26px;font-weight:700;letter-spacing:-.02em;cursor:pointer;text-align:left}.space-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-picker .ic,.space-picker svg{flex-shrink:0;color:var(--hint)}.avatar-btn{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:var(--secondary-bg);color:var(--accent);font:inherit;font-size:17px;font-weight:600}.avatar-star{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--premium, #f5a623);color:#fff;box-shadow:0 0 0 2px var(--bg)}.home-meta{margin:0 0 14px;min-height:4px;color:var(--hint);font-size:14px}.picked{color:var(--accent);flex-shrink:0}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile-wrap{position:relative;border-radius:18px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tile{width:100%;min-height:108px;padding:12px 12px 11px;border:none;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit;background:var(--tile-bg);color:var(--tile-fg);-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.tile:active{transform:scale(.97)}.tile-top{display:flex;justify-content:space-between;align-items:center;opacity:.9}.tile-name{font-size:16px;font-weight:600;line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-sub{margin-top:auto;font-size:13px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-bar{height:5px;border-radius:3px;background:color-mix(in srgb,currentColor 18%,transparent);overflow:hidden;margin-top:auto}.tile-bar+.tile-sub{margin-top:0}.tile-bar span{display:block;height:100%;border-radius:3px;background:currentColor;opacity:.85}.tile.tile-bg{background:var(--page-bg);color:var(--text);box-shadow:inset 0 0 0 1px #0000000f}.tile-wrap.dragging{z-index:6;box-shadow:0 10px 28px #00000038;transform-origin:center}.tile-wrap.dragging .tile{transform:scale(1.04)}.tile-wrap.fresh .tile{animation:tile-fresh 1.4s ease-out}@keyframes tile-fresh{0%{box-shadow:0 0 0 0 var(--button);transform:scale(.9)}30%{box-shadow:0 0 0 4px var(--button);transform:scale(1.02)}to{box-shadow:0 0 0 0 transparent;transform:none}}.tile-blue{--tile-bg: #e3effd;--tile-fg: #1c4f8a}.tile-green{--tile-bg: #e0f4e5;--tile-fg: #1f6b34}.tile-violet{--tile-bg: #ece7fd;--tile-fg: #4b3a9e}.tile-orange{--tile-bg: #fde9db;--tile-fg: #8a4313}.tile-pink{--tile-bg: #fce4ee;--tile-fg: #8c2850}.tile-teal{--tile-bg: #dbf3f0;--tile-fg: #11615a}.tile-yellow{--tile-bg: #faf0cf;--tile-fg: #725406}.tile-gray{--tile-bg: #eceef1;--tile-fg: #3e4651}[data-scheme=dark] .tile-blue{--tile-bg: #1d3550;--tile-fg: #b9d8fb}[data-scheme=dark] .tile-green{--tile-bg: #1c3a27;--tile-fg: #b6e6c3}[data-scheme=dark] .tile-violet{--tile-bg: #2f2a4f;--tile-fg: #d3cbfb}[data-scheme=dark] .tile-orange{--tile-bg: #45301f;--tile-fg: #f6cfae}[data-scheme=dark] .tile-pink{--tile-bg: #452636;--tile-fg: #f7c4d7}[data-scheme=dark] .tile-teal{--tile-bg: #173c3a;--tile-fg: #a9e6df}[data-scheme=dark] .tile-yellow{--tile-bg: #423719;--tile-fg: #f2dd96}[data-scheme=dark] .tile-gray{--tile-bg: #2c323a;--tile-fg: #cfd5dd}.fab{position:fixed;z-index:5;right:max(16px,calc((100vw - 560px)/2 + 16px));bottom:calc(var(--tabbar-h) + var(--bottom-safe) + 16px);width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--button);color:var(--button-text);box-shadow:0 6px 18px #00000038}.fab:active{transform:scale(.94)}.fab-space{height:80px}.create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.create-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:108px;padding:12px;border:none;border-radius:16px;cursor:pointer;text-align:left;font:inherit;background:var(--tile-bg);color:var(--tile-fg)}.create-label{font-weight:600;font-size:15px}.create-hint{font-size:12px;opacity:.75;line-height:1.3}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.color-swatch{aspect-ratio:1;border-radius:16px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--tile-bg);color:var(--tile-fg)}.color-swatch.selected{border-color:var(--tile-fg)}.rows.card{background:var(--secondary-bg);border-radius:16px;padding:0 14px}.rows.card>li+li .row:before{left:40px}.title.small{font-size:20px;margin:4px 0 2px}.rows.card+.subtitle,.subtitle{padding-left:4px}