*{box-sizing:border-box}body,html{padding:0;margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}:root{--bg:#0f1115;--bg-elevated:#171a21;--fg:#f2f3f5;--muted:#8b909a;--border:#262a33;--accent:#2a7fff;--accent-fg:#fff;--danger:#ff5c5c}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input{font:inherit}button:disabled{opacity:.5;cursor:default}.muted{color:var(--muted)}.error-text{color:var(--danger);margin:.5rem 0}.page{display:flex;flex-direction:column;min-height:100dvh;max-width:640px;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.page-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.page-header h1{font-size:1.1rem;margin:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{background:none;border:none;color:var(--fg);font-size:1.25rem;line-height:1;padding:.4rem;border-radius:8px}.icon-button:hover{background:var(--bg-elevated)}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:320px;display:flex;flex-direction:column;gap:.5rem}.auth-card h1{text-align:center;margin:0 0 1rem}.auth-card form{display:flex;flex-direction:column;gap:.5rem}.auth-card label{font-size:.85rem;color:var(--muted)}.auth-card input{padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg)}.auth-card button{margin-top:.5rem;padding:.65rem .75rem;border-radius:8px;border:none;background:var(--accent);color:var(--accent-fg);font-weight:600}.auth-card button.secondary{background:transparent;border:1px solid var(--border);color:var(--fg);font-weight:400}.auth-alt-link{text-align:center;margin:.75rem 0 0;font-size:.85rem;color:var(--muted)}.auth-alt-link a{color:var(--accent);font-weight:600}.success-text{color:var(--accent)}.notice-text,.success-text{margin:0 0 .5rem;text-align:center;font-size:.9rem}.notice-text{color:var(--muted)}.chat-list{list-style:none;margin:0;padding:0;overflow-y:auto}.chat-row{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.chat-row:hover{background:var(--bg-elevated)}.chat-title{font-weight:600}.chat-preview{color:var(--muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:20}@media (min-width:640px){.modal-backdrop{align-items:center}}.modal{background:var(--bg-elevated);width:100%;max-width:480px;max-height:80dvh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;padding:1rem;overflow:hidden}@media (min-width:640px){.modal{border-radius:16px}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.modal-header h2{margin:0;font-size:1.05rem}.dialog-search{flex-shrink:0;margin:0 0 .5rem;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);font:inherit}.dialog-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1}.dialog-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .25rem;border-bottom:1px solid var(--border)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.75rem}.modal-actions button{padding:.55rem 1rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg)}.modal-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.chat-page{padding-bottom:0}.message-list{flex:1 1;overflow-y:auto;gap:.4rem;padding:1rem}.message,.message-list{display:flex;flex-direction:column}.message{max-width:78%;padding:.5rem .7rem;border-radius:12px;background:var(--bg-elevated);gap:.15rem}.message.incoming{align-self:flex-start;border-bottom-left-radius:2px}.message.outgoing{align-self:flex-end;background:var(--accent);color:var(--accent-fg);border-bottom-right-radius:2px}.message-text{margin:0;white-space:pre-wrap;word-break:break-word}.message-meta{display:flex;align-items:center;gap:.2rem;align-self:flex-end}.message-time{font-size:.7rem;opacity:.7}.message-ticks{opacity:.85;flex-shrink:0;vertical-align:middle;margin-right:.15rem}.composer{display:flex;gap:.5rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.composer input{flex:1 1;padding:.6rem .75rem;border-radius:20px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg)}.composer button{padding:.6rem 1.1rem;border-radius:20px;border:none;background:var(--accent);color:var(--accent-fg);font-weight:600}