:root,[data-theme=light]{--bg:#f3f1ec;--ink:#1c1c1c;--muted:#6b6b6b;--accent:#e85d3b;--surface:#ede8e0;--card:#fffcf8;--button:#2a2a2a;--on-button:#fff;--on-accent:#fff;--divider:#e6e1d8;--auth-top:#f7f4ee;--tabbar-bg:color-mix(in srgb, var(--bg) 92%, white);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif;font-weight:450;line-height:1.45}[data-theme=dark]{--bg:#141210;--ink:#f3f1ec;--muted:#9a958c;--accent:#e85d3b;--surface:#2a2722;--card:#1e1c18;--button:#f3f1ec;--on-button:#141210;--on-accent:#141210;--divider:#3a3630;--auth-top:#1a1814;--tabbar-bg:color-mix(in srgb, var(--bg) 88%, black)}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);margin:0;transition:background-color .2s,color .2s}body{min-height:100dvh}button,input,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100dvh;padding-top:var(--safe-top);flex-direction:column;display:flex}.main{padding:20px 20px calc(88px + var(--safe-bottom));flex:1;width:100%;max-width:720px;margin:0 auto}.tabbar{padding:10px 8px calc(10px + var(--safe-bottom));background:var(--tabbar-bg);border-top:1px solid var(--divider);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar.tabs-5{grid-template-columns:repeat(5,1fr)}.tabbar a{text-align:center;color:var(--muted);border-radius:12px;padding:8px 2px;font-size:11px;font-weight:600;text-decoration:none}.tabbar a.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}h1,.brand{letter-spacing:-.02em;color:var(--ink);margin:8px 0 0;font-family:Literata,Georgia,serif;font-weight:700}h1{font-size:2rem;line-height:1.15}.muted{color:var(--muted)}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.field{border:1px solid var(--divider);background:var(--card);width:100%;color:var(--ink);border-radius:14px;padding:14px 16px}.password-field{position:relative}.password-field .field{padding-right:96px}.password-toggle{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:13px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.field::placeholder{color:var(--muted)}.field:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);border-color:var(--accent)}.btn{cursor:pointer;background:var(--button);color:var(--on-button);border:0;border-radius:14px;padding:14px 18px;font-weight:700}.btn.accent{background:var(--accent);color:#fff}.btn.ghost{color:var(--muted);background:0 0;padding-left:0;padding-right:0}.btn:disabled{opacity:.5;cursor:default}.theme-toggle{border:1px solid var(--divider);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.error{color:var(--accent);font-weight:600}.list-item{border-bottom:1px solid var(--divider);padding:14px 0}.list-item h3{color:var(--ink);margin:0 0 4px;font-size:1.05rem}.badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;min-width:22px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-flex}.auth-hero{min-height:100dvh;padding:calc(28px + var(--safe-top)) 24px calc(28px + var(--safe-bottom));background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--accent) 18%, transparent), transparent 45%), linear-gradient(180deg, var(--auth-top) 0%, var(--bg) 55%);flex-direction:column;justify-content:center;display:flex;position:relative}.auth-hero .theme-toggle{top:calc(16px + var(--safe-top));position:absolute;right:16px}.auth-hero .brand{margin:10px 0 8px;font-size:clamp(2.4rem,10vw,3.4rem)}.auth-hero .brand em{color:var(--accent);font-style:italic;font-weight:500}.chat-wrap{height:calc(100dvh - var(--safe-top));background:var(--bg);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow:auto}.msg{flex-direction:column;width:fit-content;max-width:min(78%,22rem);display:flex}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.theirs{align-self:flex-start;align-items:flex-start}.bubble{background:var(--surface);width:fit-content;max-width:100%;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;border-radius:16px;padding:10px 14px;display:inline-block}.bubble.mine{background:var(--button);color:var(--on-button)}.msg .tick{margin-top:2px;font-size:12px}.chat-input{padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--divider);background:var(--bg);gap:10px;display:flex}.empty{color:var(--muted);padding:28px 0}.install-hint{background:var(--surface);color:var(--ink);border-radius:16px;margin-top:16px;padding:14px 16px;font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.filters-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.filters-panel{background:var(--surface);border:1px solid var(--divider);border-radius:16px;margin-top:12px;padding:12px}.header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.icon-btn{border:1px solid var(--divider);background:var(--card);width:42px;height:42px;color:var(--muted);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-btn.on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--divider));background:color-mix(in srgb, var(--accent) 12%, var(--card))}.icon-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.filter-select{flex-direction:column;gap:4px;min-width:0;display:flex}.filter-select>span{color:var(--muted);font-size:12px;font-weight:600}.filter-select .field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:10px 28px 10px 12px}@media (width<=560px){.filters-row{grid-template-columns:1fr}}.chip{border:1px solid var(--divider);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chip.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.panel{background:var(--card);border:1px solid var(--divider);border-radius:16px;margin-top:14px;padding:14px}.thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:56px;height:56px}.avatar{object-fit:cover;border-radius:36px;width:72px;height:72px}.wrap{flex-wrap:wrap}.modal{z-index:40;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal .panel{width:min(520px,100%);max-height:85dvh;margin:0;overflow:auto}.city-wrap{position:relative}.city-hints{z-index:20;background:var(--card);border:1px solid var(--divider);border-radius:12px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.city-hints button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:10px 14px;display:block}.city-hints button:hover{background:var(--surface)}textarea.field{resize:vertical;min-height:80px}