:root{--bg: #0f172a;--bg-elevated: #1e293b;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #facc15;--border: #334155;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{height:100dvh;display:flex;flex-direction:column}a{color:var(--accent)}button{font-family:inherit}input,textarea{font-family:inherit;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.muted{color:var(--text-muted)}.error{color:#f87171;font-size:.9rem;margin:.25rem 0 .5rem}.send-error{flex-shrink:0;padding:.45rem .75rem;background:#f871711f;color:#f87171;font-size:.85rem;text-align:center;border-top:1px solid var(--border)}.screen{flex:1;display:flex;flex-direction:column;min-height:100dvh;padding:1.5rem 1rem}.screen-center{justify-content:center;align-items:center;text-align:center}.card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.5rem}.title{font-size:1.25rem;margin:0 0 .5rem}.field{display:flex;flex-direction:column;gap:.35rem;text-align:left;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.field input{padding:.65rem .75rem;border-radius:.5rem;font-size:1rem}.btn-primary{width:100%;padding:.75rem;border:none;border-radius:.5rem;background:var(--accent);color:#1c1917;font-weight:600;font-size:1rem;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.install-banner,.push-banner{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .85rem;padding-top:calc(.55rem + env(safe-area-inset-top));background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:.85rem;flex-shrink:0}.install-banner-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.btn-install{border:none;border-radius:.4rem;background:var(--accent);color:#1c1917;font-weight:600;font-size:.85rem;padding:.4rem .75rem;cursor:pointer;flex-shrink:0}.btn-install:disabled{opacity:.6;cursor:default}.btn-dismiss{border:none;background:transparent;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:.2rem .4rem}.chat-screen{flex:1;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1rem;padding-top:calc(.85rem + env(safe-area-inset-top));background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-name{font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.bubble-row{display:flex}.bubble-row-mine{justify-content:flex-end}.bubble-row-theirs{justify-content:flex-start}.bubble{max-width:78%;padding:.5rem .7rem;border-radius:.85rem;font-size:.95rem;line-height:1.35}.bubble-mine{background:var(--accent);color:#1c1917;border-bottom-right-radius:.2rem}.bubble-theirs{background:var(--bg-elevated);color:var(--text);border-bottom-left-radius:.2rem}.bubble-body{white-space:pre-wrap;word-break:break-word}.bubble-time{font-size:.7rem;opacity:.65;margin-top:.2rem;text-align:right}.composer{display:flex;gap:.5rem;align-items:flex-end;padding:.6rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom));background:var(--bg-elevated);border-top:1px solid var(--border);flex-shrink:0}.composer textarea{flex:1;resize:none;border-radius:1.2rem;padding:.6rem .9rem;font-size:1rem;max-height:6rem}.btn-send{border:none;border-radius:999px;background:var(--accent);color:#1c1917;font-weight:600;padding:.65rem 1.1rem;cursor:pointer;flex-shrink:0}.btn-send:disabled{opacity:.5;cursor:default}