:root{--primary: oklch(.34 .12 258);--primary-deep: oklch(.28 .1 258);--primary-soft: oklch(.5 .12 258);--header: var(--primary);--seg-bg: var(--primary-deep);--seg-active: #fff;--seg-active-ink: var(--primary);--seg-ink: oklch(.86 .04 250);--accent: oklch(.57 .21 27);--highlight: oklch(.86 .15 88);--green: oklch(.62 .14 150);--bg: oklch(.965 .006 250);--surface: #fff;--surface-2: oklch(.955 .006 250);--surface-3: oklch(.985 .003 250);--selected: oklch(.97 .012 255);--ink: oklch(.22 .03 258);--muted: oklch(.52 .025 258);--on-primary: #fff;--on-primary-muted: oklch(.83 .05 250);--line: oklch(.91 .008 250);--line-soft: oklch(.94 .006 250);--check-border: oklch(.78 .02 258);--check-on: var(--primary);--tab-inactive: oklch(.6 .02 258);--card-shadow: 0 1px 0 oklch(.9 .01 250);--track: oklch(.92 .01 250);--scrim: oklch(.27 .06 258 / .55);--tile-l: .94;--tile-c: .035;--bar: var(--surface);--f-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--f-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--tabbar-h: calc(64px + var(--sab));color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--header: oklch(.25 .08 258);--seg-bg: oklch(.2 .06 258);--seg-active: oklch(.4 .1 258);--seg-active-ink: #fff;--accent: oklch(.62 .19 27);--bg: oklch(.17 .02 258);--surface: oklch(.22 .025 258);--surface-2: oklch(.25 .025 258);--surface-3: oklch(.2 .022 258);--selected: oklch(.27 .05 258);--ink: oklch(.95 .008 250);--muted: oklch(.7 .02 258);--line: oklch(.27 .025 258);--line-soft: oklch(.26 .025 258);--check-border: oklch(.45 .03 258);--check-on: oklch(.5 .12 258);--primary-soft: oklch(.72 .11 255);--tab-inactive: oklch(.62 .02 258);--card-shadow: 0 1px 0 oklch(.14 .02 258);--track: oklch(.3 .025 258);--scrim: oklch(.08 .02 258 / .7);--tile-l: .32;--tile-c: .045;--bar: oklch(.2 .022 258);color-scheme:dark}}:root[data-theme=dark]{--header: oklch(.25 .08 258);--seg-bg: oklch(.2 .06 258);--seg-active: oklch(.4 .1 258);--seg-active-ink: #fff;--accent: oklch(.62 .19 27);--bg: oklch(.17 .02 258);--surface: oklch(.22 .025 258);--surface-2: oklch(.25 .025 258);--surface-3: oklch(.2 .022 258);--selected: oklch(.27 .05 258);--ink: oklch(.95 .008 250);--muted: oklch(.7 .02 258);--line: oklch(.27 .025 258);--line-soft: oklch(.26 .025 258);--check-border: oklch(.45 .03 258);--check-on: oklch(.5 .12 258);--primary-soft: oklch(.72 .11 255);--tab-inactive: oklch(.62 .02 258);--card-shadow: 0 1px 0 oklch(.14 .02 258);--track: oklch(.3 .025 258);--scrim: oklch(.08 .02 258 / .7);--tile-l: .32;--tile-c: .045;--bar: oklch(.2 .022 258);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%;background:var(--header)}body{background:var(--bg);color:var(--ink);font:400 15px/1.35 var(--f-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}input,textarea{min-width:0}:focus-visible{outline:2.5px solid var(--primary-soft);outline-offset:2px;border-radius:6px}svg{flex-shrink:0}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.disp{font-family:var(--f-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1}.label{font:700 14px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.app{min-height:100dvh;background:var(--bg)}.main{min-width:0;padding-bottom:calc(var(--tabbar-h) + 16px)}.main.no-tabs{padding-bottom:calc(86px + var(--sab))}.side{display:none}.tabbar{position:fixed;inset:auto 0 0 0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 8px calc(8px + var(--sab));background:var(--bar);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--tab-inactive);font:600 11px/1 var(--f-body);min-height:44px;justify-content:center}.tab svg{width:24px;height:24px}.tab.on{color:var(--primary);font-weight:700}:root[data-theme=dark] .tab.on{color:var(--primary-soft)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tab.on{color:var(--primary-soft)}}.hdr{background:var(--header);color:var(--on-primary);padding:calc(var(--sat) + 14px) 20px 22px}.hdr-in{max-width:1080px;margin:0 auto;display:grid;gap:10px}.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.hdr-title{font:700 36px/1 var(--f-display);text-transform:uppercase;margin:0;text-wrap:balance}.hdr-title.xl{font-size:40px;line-height:.92}.hdr-sub{color:var(--on-primary-muted);font-weight:500}.lockup{display:flex;align-items:center;gap:8px;font:700 14px/1 var(--f-body);letter-spacing:.04em}.lockup .date{color:var(--on-primary-muted);font:600 13px/1 var(--f-display);letter-spacing:.08em}.back{display:inline-flex;align-items:center;gap:4px;color:var(--on-primary-muted);font-weight:500;font-size:17px;min-height:44px}.back svg{width:22px;height:22px}.hdr-btn{color:var(--on-primary-muted);font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:6px}.hdr-btn svg{width:24px;height:24px}.plus-btn{width:40px;height:40px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center}.plus-btn svg{width:22px;height:22px}.body{max-width:1080px;margin:0 auto;padding:16px 14px 8px;display:grid;gap:18px;align-content:start}.avatars{display:flex;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 var(--f-body);color:#121b28;border:2px solid var(--header)}.avatar+.avatar{margin-left:-8px}.avatar.sm{width:28px;height:28px;font-size:12px}.avatar.lg{width:44px;height:44px;font-size:18px;border-color:var(--surface)}.avatar.c-accent,.avatar.c-primary{color:#fff}.card{background:var(--surface);border-radius:14px;box-shadow:var(--card-shadow);overflow:hidden}.rows>*+*{border-top:1px solid var(--line-soft)}.row{display:flex;align-items:center;gap:12px;padding:12px 14px;width:100%;text-align:left;min-height:64px}.row-main{flex:1;min-width:0;display:grid;gap:2px}.row-title{font-weight:600;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.row-sub{color:var(--muted);font-size:14px;line-height:1.25}.row-sub .urgent-txt{color:var(--accent);font-weight:600}.chev{width:22px;height:22px;color:var(--muted)}.tile{--h: 245;--s: 46px;width:var(--s);height:var(--s);border-radius:10px;flex-shrink:0;background:oklch(var(--tile-l) var(--tile-c) var(--h));display:grid;place-items:center}.tile svg{width:calc(var(--s) * .78);height:calc(var(--s) * .78)}.tile.big{border-radius:12px}.tile.mini{border-radius:6px}.tile.mini svg{width:80%;height:80%}.badge{background:var(--accent);color:#fff;font:700 12px/1 var(--f-display);letter-spacing:.08em;padding:6px 8px;border-radius:6px;text-transform:uppercase}.tag-urgent{display:inline-block;background:var(--accent);color:#fff;font:700 10px/1 var(--f-body);letter-spacing:.08em;padding:3px 5px;border-radius:4px;margin-right:6px;vertical-align:1px}.home-grid{display:grid;gap:18px}.feature{padding:16px;display:grid;gap:14px;width:100%;text-align:left}.feature-top{display:flex;align-items:center;gap:14px}.feature-name{font:700 24px/1 var(--f-display);text-transform:uppercase}.progress{height:8px;border-radius:99px;background:var(--track);overflow:hidden}.progress>i{display:block;height:100%;background:var(--check-on);border-radius:99px;transition:width .3s ease}.feature-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-weight:500}.feature-foot b{color:var(--ink)}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.store-cell{background:var(--surface);border-radius:14px;box-shadow:var(--card-shadow);display:grid;justify-items:center;gap:8px;padding:14px 6px 12px;text-align:center;min-height:96px}.store-cell .nm{font-weight:600;font-size:15px;line-height:1.15;overflow-wrap:anywhere}.store-cell .sub{color:var(--muted);font-size:13px}.store-cell.dashed{background:transparent;box-shadow:none;border:1.5px dashed var(--check-border);color:var(--muted);align-content:center}.store-cell.dashed svg{width:24px;height:24px}.section{display:grid;gap:10px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:0 4px}.empty{text-align:center;padding:28px 18px;display:grid;gap:8px;justify-items:center;color:var(--muted)}.empty h3{margin:0;color:var(--ink);font:700 20px/1.1 var(--f-display);text-transform:uppercase}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--seg-bg);padding:4px;border-radius:10px}.seg button{padding:9px 4px;border-radius:7px;color:var(--seg-ink);font-weight:600;font-size:15px;min-height:40px}.seg button.on{background:var(--seg-active);color:var(--seg-active-ink);font-weight:700}.seg.light{background:var(--surface-2)}.seg.light button{color:var(--muted)}.seg.light button.on{background:var(--surface);color:var(--ink);box-shadow:var(--card-shadow)}.est{text-align:right}.est small{display:block;font:700 11px/1 var(--f-display);letter-spacing:.08em;color:var(--on-primary-muted)}.est b{font:700 28px/1 var(--f-display);color:var(--highlight)}.list-layout{display:grid;gap:18px;align-items:start}.habs{padding:14px 14px 16px;display:grid;gap:12px}.habs-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.habs-head h3{margin:0;font:700 15px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase}.link{color:var(--primary);font-weight:600}:root[data-theme=dark] .link{color:var(--primary-soft)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .link{color:var(--primary-soft)}}.strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -14px;padding:0 14px 2px;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.hab{position:relative;flex:0 0 104px;scroll-snap-align:start;text-align:left;border:1px solid var(--line);background:var(--surface-3);border-radius:12px;padding:8px;display:grid;gap:8px;align-content:start;min-height:112px}.hab .nm{font-weight:600;font-size:13px;line-height:1.15;overflow-wrap:anywhere}.hab .add{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.hab .add svg{width:16px;height:16px}.all-good{color:var(--muted);font-weight:500;display:flex;gap:8px;align-items:center}.all-good svg{width:20px;height:20px;color:var(--green)}.group{display:grid;gap:8px}.group-head{display:flex;align-items:center;gap:10px;padding:4px 4px 0}.group-head h3{margin:0;font:700 15px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase}.group-head .count{color:var(--muted);font-weight:600}.group-head svg{width:22px;height:22px}.item{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:68px;animation:drop-in .2s ease-out}.item-main{flex:1;min-width:0;text-align:left;display:grid;gap:3px;padding:4px 0}.item-name{font-weight:600;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.item-det{color:var(--muted);font-size:13px;line-height:1.25;overflow-wrap:anywhere}.price{font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.check{width:30px;height:30px;border-radius:9px;border:2px solid var(--check-border);flex-shrink:0;display:grid;place-items:center;color:#fff;position:relative}.check:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.check svg{width:18px;height:18px}.check.on{background:var(--check-on);border-color:var(--check-on)}.who{font-size:12px;color:var(--muted)}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cart{background:var(--surface-3);border:1px solid var(--line);box-shadow:none}.cart .item{opacity:.6}.cart .tile{filter:grayscale(.6);--s: 40px}.cart .item-name,.cart .price{text-decoration:line-through}.finish{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:6px 0 4px}.addbar{position:fixed;inset:auto 0 0 0;z-index:20;background:var(--bar);border-top:1px solid var(--line);padding:10px 14px calc(10px + var(--sab))}.addbar-in{max-width:1080px;margin:0 auto;display:flex;gap:10px}.fake-input{flex:1;min-width:0;height:46px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted);font-size:16px;text-align:left}.fake-input svg{width:20px;height:20px}.sq-btn{width:46px;height:46px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.sq-btn svg{width:24px;height:24px}.hab-card{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;background:var(--surface);border:2px solid transparent;box-shadow:var(--card-shadow);width:100%;text-align:left}.hab-card.on{border-color:var(--primary)}:root[data-theme=dark] .hab-card.on{border-color:var(--primary-soft)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hab-card.on{border-color:var(--primary-soft)}}.ind{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;border:2px solid var(--accent);color:var(--accent);flex-shrink:0}.ind svg{width:18px;height:18px}.ind.on{background:var(--check-on);border-color:var(--check-on);color:#fff}.hint{display:flex;gap:8px;color:var(--muted);font-size:14px;padding:0 4px}.hint svg{width:16px;height:16px;margin-top:2px}.sticky-cta{position:fixed;inset:auto 0 0 0;z-index:20;padding:12px 14px calc(12px + var(--sab));background:var(--bar);border-top:1px solid var(--line)}.sticky-cta>*{max-width:1080px;margin:0 auto}.btn{height:52px;border-radius:12px;background:var(--accent);color:#fff;width:100%;font:700 18px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}.btn:disabled{opacity:.5;cursor:default}.btn.blue{background:var(--primary)}.btn.ghost{background:var(--surface-2);color:var(--ink)}.btn.sm{height:44px;font-size:16px;width:auto}.btn.danger-ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn svg{width:20px;height:20px}.txt-btn{color:var(--primary);font-weight:600;min-height:44px;padding:0 4px}:root[data-theme=dark] .txt-btn{color:var(--primary-soft)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .txt-btn{color:var(--primary-soft)}}.txt-btn.red{color:var(--accent)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease-out}.sheet{width:100%;max-height:calc(100dvh - var(--sat) - 24px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-radius:22px 22px 0 0;padding:10px 18px calc(18px + var(--sab));display:grid;gap:14px;align-content:start;animation:rise .22s ease-out}.grab{width:40px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 2px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2{margin:0;font:700 26px/1 var(--f-display);text-transform:uppercase}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(30px);opacity:.5}}.search{height:46px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 12px}.search svg{width:20px;height:20px;color:var(--muted)}.search input{flex:1;border:0;background:transparent;outline:none;font-size:16px;height:100%}.search .x{width:32px;height:32px;display:grid;place-items:center;color:var(--muted)}.search.white{background:var(--surface);height:46px}.pick{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;width:100%;text-align:left}.pick.on{border:2px solid var(--primary);background:var(--selected);padding:9px 11px}:root[data-theme=dark] .pick.on{border-color:var(--primary-soft)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pick.on{border-color:var(--primary-soft)}}.pick>svg{width:22px;height:22px;color:var(--primary-soft)}.picks{display:grid;gap:8px}.fields{border:1px solid var(--line);border-radius:12px}.fields>*+*{border-top:1px solid var(--line)}.field{display:flex;align-items:center;gap:12px;padding:0 14px;min-height:52px}.field>span{flex-shrink:0;font-weight:500}.field input,.field select,.field textarea{flex:1;min-width:0;border:0;background:transparent;outline:none;text-align:right;font-size:16px;color:var(--ink);height:50px}.field input::placeholder{color:var(--muted)}.field.col{flex-direction:column;align-items:stretch;padding:12px 14px;gap:10px}.field.col input{text-align:left;height:40px;background:var(--surface-2);border-radius:10px;padding:0 12px}.field .stack{display:flex;gap:8px;align-items:center;margin-left:auto}.field svg{width:22px;height:22px}.stepper{display:flex;align-items:center;gap:12px;margin-left:auto}.stepper button{width:36px;height:36px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center}.stepper button.plus{background:var(--primary);color:#fff}.stepper button svg{width:20px;height:20px}.stepper input{width:52px;text-align:center;font-weight:700;font-size:18px;height:36px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}.chips.scroll::-webkit-scrollbar{display:none}.chip{height:40px;padding:0 14px;border-radius:9px;background:var(--surface-2);font-weight:600;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.chip.on{background:var(--primary);color:#fff}.chip.white{background:var(--surface);box-shadow:var(--card-shadow)}.chip.white.on{background:var(--primary)}.chip .tile{--s: 26px}.switch{width:50px;height:30px;border-radius:99px;background:var(--line);position:relative;flex-shrink:0;margin-left:auto;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}.switch.on{background:var(--primary)}.switch.on:after{transform:translate(20px)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.icon-opt{border-radius:10px;padding:3px;border:2px solid transparent;display:grid;place-items:center}.icon-opt.on{border-color:var(--primary)}.hue-row{display:flex;flex-wrap:wrap;gap:8px}.hue{width:32px;height:32px;border-radius:50%;background:oklch(.75 .12 var(--h));border:3px solid transparent}.hue.on{border-color:var(--ink)}.err{color:var(--accent);font-weight:600;font-size:14px}.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcard{position:relative;background:var(--surface);border-radius:14px;box-shadow:var(--card-shadow);padding:12px;display:grid;gap:10px;text-align:left;align-content:start}.pcard .nm{font-weight:600;font-size:15px;line-height:1.2;overflow-wrap:anywhere;min-height:2.4em}.pcard .sub{color:var(--muted);font-size:13px}.pcard .add{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:9px;border:1.5px solid var(--accent);color:var(--accent);display:grid;place-items:center;background:var(--surface)}.pcard .add svg{width:18px;height:18px}.month{display:flex;align-items:center;justify-content:space-between}.month button{width:44px;height:44px;display:grid;place-items:center;color:var(--on-primary-muted)}.month button svg{width:24px;height:24px}.month b{font-size:20px;font-weight:600}.big-total{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.big-total b{font:700 44px/.9 var(--f-display);color:var(--highlight)}.stack-bar{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden;background:#ffffff1f}.stack-bar i{display:block;height:100%}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--on-primary-muted);font-weight:500;font-size:14px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px}.money-col{text-align:right;display:grid;gap:4px;justify-items:end}.money-col b{font-size:17px;font-variant-numeric:tabular-nums}.repeat{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:600;min-height:32px}:root[data-theme=dark] .repeat{color:var(--primary-soft)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .repeat{color:var(--primary-soft)}}.repeat svg{width:18px;height:18px}.timeline{display:grid}.timeline .row{min-height:52px}.auth{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.auth-hero{background:var(--header);color:#fff;padding:calc(var(--sat) + 48px) 24px 36px}.auth-hero .in{max-width:440px;margin:0 auto;display:grid;gap:14px}.auth-hero h1{margin:0;font:700 44px/.95 var(--f-display);text-transform:uppercase}.auth-hero p{margin:0;color:var(--on-primary-muted);font-size:17px}.auth-body{padding:24px 16px calc(24px + var(--sab))}.auth-body .in{max-width:440px;margin:0 auto;display:grid;gap:14px}.auth input.plain{height:50px;border-radius:12px;border:1px solid var(--line);background:var(--surface);padding:0 14px;font-size:16px;width:100%}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + 86px);z-index:80;background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:12px;font-weight:600;max-width:calc(100% - 32px);box-shadow:0 8px 24px #00000040;animation:fade .2s}.loading{min-height:60dvh;display:grid;place-items:center;color:var(--muted)}.spin{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){.body{padding:20px 20px 8px}.hdr{padding-left:24px;padding-right:24px}.store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet{max-width:560px;border-radius:22px 22px 0 0}}@media(min-width:900px){.app{display:grid;grid-template-columns:232px minmax(0,1fr)}.side{display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100dvh;background:var(--header);color:#fff;padding:calc(var(--sat) + 22px) 14px 20px}.side .lockup{font-size:18px;padding:0 10px 22px}.side-tab{display:flex;align-items:center;gap:12px;padding:0 12px;height:46px;border-radius:10px;color:var(--on-primary-muted);font-weight:600;font-size:16px}.side-tab svg{width:22px;height:22px}.side-tab:hover{background:#ffffff12}.side-tab.on{background:var(--seg-bg);color:#fff}.side-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;color:var(--on-primary-muted);text-align:left}.side-foot:hover{background:#ffffff12}.tabbar{display:none}.main,.main.no-tabs{padding-bottom:32px}.main.has-addbar{padding-bottom:100px}.addbar,.sticky-cta{left:232px}.hdr{padding:28px 32px 26px}.body{padding:24px 32px 8px}.hide-desk{display:none!important}.home-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.list-layout{grid-template-columns:minmax(0,1fr) 320px}.list-layout .habs{position:sticky;top:20px}.list-layout .strip{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.list-layout .hab{flex:1 1 128px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.scrim{align-items:center;padding:24px}.sheet{border-radius:22px;max-height:calc(100dvh - 48px);padding-bottom:20px}.grab{display:none}.toast{bottom:110px;left:calc(50% + 116px)}}@media(max-width:899px){.hide-mob{display:none!important}}.list-aside{order:-1;min-width:0}.list-col{display:grid;gap:18px;min-width:0}@media(min-width:900px){.list-aside{order:0}}@media(min-width:900px){.side-theme{margin-top:auto}.side-theme+.side-foot{margin-top:0}}.share-preview{margin:0;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border-radius:12px;padding:12px 14px;font:400 14px/1.45 var(--f-body);color:var(--ink);user-select:text;-webkit-user-select:text}.btn.wa{background:#05893e;text-decoration:none}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-row .btn{flex:1 1 140px}