:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1410;--panel:#2a201a;--line:#43342a;--text:#f3e9dc;--muted:#b8a692;--accent:#e9a23b;--accent-text:#2a1a05;--ugga:#35271e;--me:#4a3320}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}button,input,select{font:inherit;color:inherit}.app{flex-direction:column;max-width:640px;height:100%;margin:0 auto;padding:0 16px;display:flex}.top{justify-content:space-between;align-items:center;padding:14px 0 8px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand h1{margin:0;font-size:1.4rem}.logo{font-size:1.6rem}.beta{letter-spacing:.08em;background:var(--accent);color:var(--accent-text);border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:700}.left{color:var(--muted);font-size:.8rem}.profile{grid-template-columns:1fr 1fr 64px;gap:8px;padding-bottom:8px;display:grid}.profile input[placeholder^=Zone]{grid-column:1/span 2}select,.profile input,.composer input{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:9px 10px}button{background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:10px;padding:9px 14px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.ghost{color:var(--muted);border:1px solid var(--line);background:0 0;font-weight:500}.chat{flex-direction:column;flex:1;gap:10px;padding:8px 0;display:flex;overflow-y:auto}.bubble{overflow-wrap:anywhere;border-radius:14px;max-width:85%;padding:10px 12px;line-height:1.35}.bubble p{margin:0}.bubble.ugga{background:var(--ugga);border:1px solid var(--line);align-self:flex-start}.bubble.user{background:var(--me);align-self:flex-end}.thinking{color:var(--muted)}.votes{gap:6px;margin-top:8px;display:flex}.votes button{border:1px solid var(--line);background:0 0;padding:2px 8px;font-size:.9rem}.votes button.on{background:var(--line)}.chips{gap:8px;padding:6px 0;display:flex;overflow-x:auto}.chip{background:var(--panel);color:var(--text);border:1px solid var(--line);white-space:nowrap;font-size:.85rem;font-weight:500}.composer{gap:8px;padding:6px 0 4px;display:flex}.composer input{flex:1}.foot{color:var(--muted);text-align:center;padding:6px 0 12px;font-size:.7rem}
