:root{--bg: #fbf7ee;--bg-2: #f4eee0;--surface: #ffffff;--surface-2: #faf6ec;--ink: #221f2b;--muted: #6d6879;--line: #ebe3d2;--accent: #f2b705;--accent-soft: #fff1bf;--accent-ink: #3a2c00;--user: #2b2838;--user-ink: #ffffff;--anon: #3160e8;--anon-soft: #e7eeff;--sealed: #0f9d63;--sealed-soft: #e2f6ec;--local: #6d6879;--local-soft: #efedf3;--danger: #d14343;--warn: #a86400;--shadow: 0 10px 30px rgba(60, 44, 10, .09), 0 2px 6px rgba(60, 44, 10, .06);--radius: 18px;--font: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--stage-top: #fffdf8;--stage-bottom: #f6eedb;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16151c;--bg-2: #1c1a24;--surface: #211f2a;--surface-2: #272430;--ink: #f4f1ea;--muted: #a7a2b3;--line: #34303f;--accent: #f6c62e;--accent-soft: #3b3217;--accent-ink: #1d1600;--user: #f4f1ea;--user-ink: #1d1b24;--anon: #8aa8ff;--anon-soft: #222b46;--sealed: #4fd39a;--sealed-soft: #193527;--local: #b3aec0;--local-soft: #2b2835;--danger: #ff7b7b;--warn: #f0b35a;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--stage-top: #24212e;--stage-bottom: #16151c;color-scheme:dark}}:root[data-theme=dark]{--bg: #16151c;--bg-2: #1c1a24;--surface: #211f2a;--surface-2: #272430;--ink: #f4f1ea;--muted: #a7a2b3;--line: #34303f;--accent: #f6c62e;--accent-soft: #3b3217;--accent-ink: #1d1600;--user: #f4f1ea;--user-ink: #1d1b24;--anon: #8aa8ff;--anon-soft: #222b46;--sealed: #4fd39a;--sealed-soft: #193527;--local: #b3aec0;--local-soft: #2b2835;--danger: #ff7b7b;--warn: #f0b35a;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--stage-top: #24212e;--stage-bottom: #16151c;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.82rem}.warn{color:var(--warn)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.row input{flex:1 1 180px;min-width:0}.loading{height:100%;display:grid;place-items:center;animation:bob 1.4s ease-in-out infinite}.lock-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;text-align:center}.lock-screen h1{margin:8px 0 0;font-size:1.5rem}.lock-screen p{margin:0;max-width:34ch}.lock-screen .btn.big{align-self:center}.lock-error{color:var(--danger)}@keyframes bob{50%{transform:translateY(-8px)}}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-name{font-weight:800;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;align-items:center;gap:4px}.credit-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:800;margin-right:4px;white-space:nowrap;flex:none}@media(max-width:420px){.credit-chip{padding:4px 7px;margin-right:0}}.big-number{font-size:1.4rem}.pill{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--local-soft);color:var(--local);white-space:nowrap}.pill-live{background:var(--sealed-soft);color:var(--sealed)}.pill-demo{background:var(--accent-soft);color:var(--warn)}.pill-offline{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.icon-btn{position:relative;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:8px;border-radius:12px;color:var(--ink)}.icon-btn:hover{background:var(--surface-2)}.icon-btn.small{padding:6px;color:var(--muted)}.icon-btn.on{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.icon-btn.labeled span{font-size:.9rem;font-weight:600}.badge{font-size:.68rem;min-width:18px;height:18px;display:inline-grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-ink);padding:0 5px}.main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(360px,6fr)}.stage{position:relative;min-height:0;background:radial-gradient(ellipse at 50% 35%,var(--stage-top) 0%,var(--stage-bottom) 75%);border-right:1px solid var(--line)}.stage-canvas-wrap{position:absolute;inset:0}.stage-canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.stage-canvas:active{cursor:grabbing}.stage-flat{height:100%;display:grid;place-items:center}.stage-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;animation:stage-loading 1.6s ease-in-out infinite}@keyframes stage-loading{50%{opacity:.55;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.stage-loading{animation:none}}.stage-status{position:absolute;left:50%;top:18px;transform:translate(-50%);max-width:calc(100% - 32px);display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow);font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dots,.typing{display:inline-flex;gap:3px}.dots i,.typing i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 1.2s infinite ease-in-out}.dots i:nth-child(2),.typing i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3),.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat{min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.messages{flex:1;min-height:0;overflow-y:auto;padding:20px 20px 8px;display:flex;flex-direction:column;gap:14px}.empty{margin:auto 0;padding:8px 4px}.empty-title{font-size:1.5rem;font-weight:800;margin:0 0 4px}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:.9rem;text-align:left}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent-soft);border-color:var(--accent);font-weight:700}.msg{display:flex;gap:8px;max-width:100%}.msg.user{justify-content:flex-end}.msg.user .bubble{background:var(--user);color:var(--user-ink);border-radius:var(--radius) var(--radius) 6px var(--radius);padding:10px 14px;max-width:min(85%,560px);white-space:pre-wrap;overflow-wrap:anywhere}.agent-dot{flex:none;width:28px;display:flex;justify-content:center;padding-top:2px}.agent-body{min-width:0;max-width:min(92%,640px);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.msg.agent .bubble{background:var(--surface);border:1px solid var(--line);border-radius:6px var(--radius) var(--radius) var(--radius);padding:10px 14px;box-shadow:0 1px 2px #00000008;overflow-wrap:anywhere;max-width:100%}.caret{display:inline-block;width:7px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--accent);border-radius:2px;animation:blink 1s infinite}.md p{margin:0 0 .6em}.md p:last-child,.md ul:last-child,.md ol:last-child{margin-bottom:0}.md ul,.md ol{margin:0 0 .6em;padding-left:1.3em}.md-h{font-weight:800}.md-h1{font-size:1.2em}.md blockquote{margin:0 0 .6em;padding:4px 12px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 8px 8px 0}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--surface-2);padding:1px 5px;border-radius:6px}.md-code{background:#1e1d26;color:#f2efe6;padding:12px;border-radius:12px;overflow-x:auto;font-size:.85rem}.md-code code{background:none;padding:0;color:inherit}.md a{color:var(--anon)}.route-chip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;border:0;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700;background:var(--local-soft);color:var(--local);max-width:100%;text-align:left}.route-chip:disabled{opacity:1;cursor:default}.route-anonymous{background:var(--anon-soft);color:var(--anon)}.route-sealed{background:var(--sealed-soft);color:var(--sealed)}.route-failed{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.route-facts{font-weight:500;opacity:.85}.chev{transition:transform .15s}.chev.open{transform:rotate(90deg)}.demo-tag{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:999px;background:var(--accent-soft);color:var(--warn);margin-left:4px}.receipt{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:.9rem}.receipt h4{margin:12px 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.receipt-reason{margin:0 0 8px;font-weight:600}.receipt-seal{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:var(--sealed-soft)}.receipt-seal svg{flex:none;color:var(--sealed);margin-top:3px}.receipt-seal.anon{background:var(--anon-soft)}.receipt-seal.anon svg{color:var(--anon)}.fact-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.fact-list li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;padding:5px 8px;background:var(--surface-2);border-radius:8px}.fact-list.kept li{flex-direction:column;gap:0}.form-tag{font-size:.7rem;font-weight:700;padding:0 6px;border-radius:999px;background:var(--anon-soft);color:var(--anon)}.link-btn{border:0;background:none;padding:0;color:var(--anon);font-weight:700;text-decoration:underline;text-underline-offset:3px}.raw{margin-top:8px;display:grid;gap:6px}.raw-msg{border:1px dashed var(--line);border-radius:8px;overflow:hidden}.raw-role{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;background:var(--surface-2);color:var(--muted)}.raw pre{margin:0;padding:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.composer{padding:8px 16px 16px;border-top:1px solid var(--line);background:var(--bg)}.mode-toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px;margin-bottom:8px}.mode-toggle button{border:0;background:transparent;border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:700;color:var(--muted)}.mode-toggle button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.composer-row{display:flex;align-items:flex-end;gap:8px;background:var(--surface);border:1.5px solid var(--line);border-radius:22px;padding:6px 6px 6px 16px;box-shadow:var(--shadow)}.composer-row:focus-within{border-color:var(--accent)}.composer textarea{flex:1;border:0;outline:none;resize:none;background:transparent;padding:8px 0;max-height:160px;line-height:1.4}.optimize-btn{flex:none;width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;background:transparent;color:var(--warn)}.optimize-btn:hover:not(:disabled){background:var(--accent-soft)}.optimize-btn:disabled{color:var(--muted);opacity:.45}.optimize{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:8px;max-height:60vh;overflow-y:auto;margin-bottom:10px;padding:12px 14px;background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow)}.optimize-head{display:flex;align-items:center;gap:8px;min-width:0;color:var(--warn)}.optimize-head strong{color:var(--ink);white-space:nowrap}.optimize-head>svg,.optimize-head .icon-btn{flex:none}.optimize-head .icon-btn{margin-left:auto}.optimize-route{flex:0 1 auto;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.optimize-text{width:100%;resize:none;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;line-height:1.45;background:var(--surface-2);color:var(--ink);max-height:220px}.optimize-text:focus-visible{outline:none;border-color:var(--accent)}.optimize-text.streaming{color:var(--muted)}.optimize-note{margin:0;font-size:.8rem;color:var(--muted)}.optimize-note details{margin-top:4px}.optimize-note summary{cursor:pointer;font-weight:700}.optimize-sent{display:block;margin-top:4px;padding:6px 10px;border-radius:8px;background:var(--surface-2);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.optimize-error{margin:0;color:var(--danger);font-size:.85rem}.optimize-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:480px){.optimize{padding:10px 12px}.optimize-actions .btn{padding:6px 12px;font-size:.88rem}}.send{flex:none;width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}.send.stop{background:var(--user);color:var(--user-ink)}.onboarding{min-height:0;overflow-y:auto;padding:28px 24px;display:flex;flex-direction:column;gap:16px}.progress{display:flex;gap:6px}.progress i{height:5px;flex:1;border-radius:999px;background:var(--line)}.progress i.on{background:var(--accent)}.ob-card{display:flex;flex-direction:column;gap:14px;max-width:560px}.ob-card h1{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin:8px 0 0;font-weight:800}.ob-points{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ob-points li{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.ob-points svg{flex:none;color:var(--accent);margin-top:2px}.big-input{font-size:1.6rem;font-weight:800;padding:10px 16px;border-radius:14px;border:2px solid var(--line);background:var(--surface)}.big-input:focus{border-color:var(--accent);outline:none}.how{display:grid;grid-template-columns:1fr 1fr;gap:10px}.how-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:var(--anon-soft)}.how-card svg{color:var(--anon)}.how-card.sealed{background:var(--sealed-soft)}.how-card.sealed svg{color:var(--sealed)}.how-card span{font-size:.9rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px;font-weight:700}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.big{padding:12px 22px;font-size:1.05rem;align-self:flex-start}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.field{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.92rem}.field input,.row input,.add-memory input{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px;font-weight:400}.field input:focus,.row input:focus,.add-memory input:focus{border-color:var(--accent);outline:none}.toggle{display:flex;align-items:center;gap:10px;font-weight:600;margin:10px 0 4px}.toggle input{width:20px;height:20px;accent-color:var(--accent)}.wardrobe h4{margin:14px 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.character-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;padding:8px 6px 10px;font:inherit;cursor:pointer}.character-card:hover{border-color:var(--accent)}.character-card.on{border-color:var(--accent);background:var(--accent-soft)}.character-card img{flex:none;border-radius:12px;object-fit:cover;background:var(--stage-bottom)}.character-text{display:grid;gap:2px;min-width:0}.character-text span{color:var(--muted);font-size:.8rem;line-height:1.3}.characters.compact .character-text span{font-size:.74rem}.presets{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.preset{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:8px 10px 6px;font-size:.78rem;font-weight:700}.preset:hover{border-color:var(--accent)}.preset-icon{height:57px;display:grid;place-items:center;color:var(--accent)}.wardrobe.compact .preset-icon{height:47px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(0,0,0,.08);padding:0}.swatch.on{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--ink)}.swatch.custom{position:relative;overflow:hidden;background:conic-gradient(#f66,#fd6,#6f6,#6ff,#66f,#f6f,#f66);cursor:pointer}.swatch.custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.choices{display:flex;flex-wrap:wrap;gap:6px}.drawer-backdrop{position:fixed;inset:0;background:#14101e47;z-index:20;display:flex;justify-content:flex-end;animation:fade .15s ease-out}@keyframes fade{0%{opacity:0}}.drawer{width:min(460px,100%);height:100%;background:var(--bg);box-shadow:var(--shadow);display:flex;flex-direction:column;outline:none;animation:slide .2s ease-out}@keyframes slide{0%{transform:translate(30px);opacity:0}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-size:1.2rem;font-weight:800}.drawer-body{flex:1;overflow-y:auto;padding:16px 20px 28px}.lead{display:flex;gap:8px;align-items:flex-start;margin-top:0;color:var(--muted)}.lead svg{flex:none;margin-top:3px;color:var(--sealed)}.add-memory{display:flex;gap:8px;margin-bottom:12px}.add-memory input{flex:1;min-width:0}.mem-group h4{margin:16px 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.mem-group ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.mem{display:flex;gap:8px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 12px}.mem.locked{border-style:dashed}.mem-text{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.mem-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.mem-actions{display:flex;flex:none}.sens{font-size:.72rem;font-weight:700;border-radius:999px;border:0;padding:1px 6px}.sens-0{background:var(--local-soft);color:var(--local)}.sens-1{background:var(--anon-soft);color:var(--anon)}.sens-2{background:var(--accent-soft);color:var(--warn)}.sens-3{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.sens-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.tag{font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.tag.lock{color:var(--danger)}.legend{margin-top:20px;display:grid;gap:4px;font-size:.82rem;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.stats div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column}.stats strong{font-size:1.4rem;font-weight:800}.stats span{font-size:.72rem;color:var(--muted)}.ledger-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}.ledger-list li{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;overflow-wrap:anywhere}.route-dot{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.settings-section{margin-bottom:22px}.settings-section h3{margin:0 0 8px;font-size:1rem;font-weight:800}.radio-cards{display:grid;gap:8px}.radio-cards label{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface);cursor:pointer}.radio-cards label.on{border-color:var(--accent)}.radio-cards input{grid-row:span 2;accent-color:var(--accent)}.radio-cards span{font-size:.86rem;color:var(--muted)}.models{margin-top:10px;font-size:.85rem;border-collapse:collapse;width:100%}.models th{text-align:left;padding:4px 10px 4px 0;color:var(--muted);font-weight:700;vertical-align:top}.toasts{position:fixed;left:50%;bottom:96px;transform:translate(-50%);display:grid;gap:8px;z-index:30;width:min(520px,calc(100% - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:14px;background:var(--user);color:var(--user-ink);box-shadow:var(--shadow);font-size:.9rem;animation:pop .2s ease-out}.toast span{flex:1}.toast-learn{background:var(--accent);color:var(--accent-ink)}.toast-error{background:var(--danger);color:#fff}.toast .link-btn{color:inherit}.toast-x{border:0;background:none;color:inherit;font-size:1.2rem;line-height:1;opacity:.7}@keyframes pop{0%{transform:translateY(8px);opacity:0}}@media(max-width:820px){.main{grid-template-columns:1fr;grid-template-rows:34vh minmax(0,1fr)}.is-onboarding .main{grid-template-rows:30vh minmax(0,1fr)}.stage{border-right:0;border-bottom:1px solid var(--line)}.icon-btn.labeled span{display:none}.topbar{padding:8px 12px}.messages{padding:14px 16px 8px}.composer{padding:8px 12px 12px}.onboarding{padding:18px 16px}.how{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.drawer{width:100%}.toasts{top:60px;bottom:auto}.icon-btn{padding:7px}.actions{gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dropzone{border:1.5px dashed var(--line);border-radius:14px;padding:10px 12px 12px;transition:border-color .15s,background .15s}.dropzone.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.dropzone p{margin-top:0}.confirm-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#14100a59}.confirm{width:min(420px,100%);background:var(--surface);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:grid;gap:16px}.confirm p{margin:0;line-height:1.45}.confirm-actions{justify-content:flex-end}.room-bar{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px 6px;border-bottom:1px solid var(--line)}.room-tabs{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.room-chip{flex:none;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 12px;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.room-chip.on{border-color:var(--accent);background:var(--accent-soft)}.room-chip.add{padding:5px 8px;color:var(--muted)}.room-chip:disabled{opacity:.5;cursor:default}.room-off{font-size:.7rem;font-weight:600;color:var(--muted)}.room-add input{width:180px;max-width:50vw;border:1.5px solid var(--accent);border-radius:999px;padding:5px 12px;font:inherit;font-size:.85rem;background:var(--surface);color:var(--ink)}.room-add input:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--accent)}.room-menu{position:absolute;top:calc(100% + 4px);right:12px;z-index:15;width:min(340px,calc(100vw - 32px));display:grid;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.room-menu p{margin:0}.mem-filter{margin:4px 0 10px}.mem-room{font:inherit;font-size:.72rem;border:1px solid var(--line);border-radius:999px;padding:1px 6px;background:var(--surface-2);color:var(--muted)}.tag.pin{background:var(--accent-soft);color:var(--accent-ink)}.row.wrap{flex-wrap:wrap}.btn.small{padding:3px 10px;font-size:.8rem}.buy{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.buy h5{margin:0;font-size:.95rem}.buy>.btn{justify-self:start}.buy-amounts{display:flex;flex-wrap:wrap;gap:6px}.pay-card{display:grid;gap:8px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface)}.pay-card.waiting{border-color:var(--accent)}.pay-card.done{border-color:color-mix(in srgb,var(--sealed) 45%,var(--line))}.pay-card p{margin:0}.pay-status{font-weight:700}.pay-fields{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0;align-items:center}.pay-fields dt{color:var(--muted);font-size:.85rem}.pay-fields dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.pay-fields code{font-size:.95rem;font-variant-numeric:tabular-nums}a.btn{color:var(--ink);text-decoration:none}.holder-manual summary{cursor:pointer;font-weight:700;font-size:.9rem}.holder-message{margin:0;padding:10px 12px;border-radius:10px;background:var(--surface-2);font-size:.78rem;white-space:pre-wrap;overflow-wrap:anywhere}.ob-more{display:block;margin-top:14px;text-align:center;color:var(--muted);font-weight:700;font-size:.92rem;text-decoration:none}.ob-more:hover{color:var(--ink);text-decoration:underline}.how-link{margin-left:auto;text-decoration:none;color:var(--muted)}.how-link:hover{color:var(--ink)}.topbar .how-link+.actions{margin-left:0}@media(max-width:720px){.how-link{background:var(--accent-soft);color:var(--accent-ink)}}@media(max-width:480px){.topbar{gap:6px}.topbar .icon-btn{padding:6px}.topbar .actions{gap:0}.topbar .brand .pill{display:none}}