:root{--bg:#0e0b14;--bg-elev:#1e1830;--ink:#ece8f3;--muted:#9a91ad;--faint:#6a6280;--accent:#b89cff;--accent-ink:#1a1326;--gold:#e8b455;--line:#ece8f314;--line-glow:#b89cff47;--user:#2a2138;--assistant:#171221;--font-serif:"Newsreader", Georgia, "Times New Roman", serif;--font-sans:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.75rem, 4vw, 3rem);--leading-tight:1.08;--leading-copy:1.58;--tracking-ui:.05em;--tracking-wide:.18em}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base)}button,textarea{font:inherit}main{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0b14bd;align-items:center;gap:12px;min-height:62px;padding:12px 18px;display:flex}.wordmark{font-family:var(--font-serif);font-size:var(--text-xl);letter-spacing:.06em;line-height:1}.status-dot{background:var(--accent);border-radius:999px;width:7px;height:7px;margin-left:8px;box-shadow:0 0 10px #b89cff8c}.mode{color:var(--muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ghost-button{border:1px solid var(--line);height:38px;color:var(--ink);font-size:var(--text-sm);background:#171221c2;border-radius:999px;margin-left:auto;padding:0 14px;font-weight:600}.chat-frame{flex-direction:column;flex:1;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:20px;min-height:0;padding:30px 18px 18px;display:flex;overflow:auto}.turn{gap:14px;width:min(980px,100%);margin:0 auto;display:grid}.reply-list{gap:12px;display:grid}.compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.message{border:1px solid var(--line);white-space:pre-wrap;line-height:var(--leading-copy);border-radius:20px;padding:15px 17px;animation:.15s ease-out rise}.message.assistant{background:var(--assistant);border-bottom-left-radius:5px;justify-self:start;max-width:min(760px,100%)}.message.user{background:var(--user);border-color:#3a2f50;border-bottom-right-radius:5px;justify-self:end;max-width:min(680px,82%)}.compare-grid .message.assistant{width:100%;max-width:none;min-height:100%}.model-header{gap:2px;margin-bottom:10px;display:grid}.message strong{color:var(--gold);font-size:var(--text-sm);letter-spacing:var(--tracking-ui);text-transform:uppercase;font-weight:700;display:block}.intro{text-align:center;place-items:center;gap:16px;margin:auto;padding:30px;display:grid}h1{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;line-height:var(--leading-tight);margin:0 0 8px}p{color:var(--muted);line-height:var(--leading-copy);margin:0}.model-name{color:var(--faint);font-size:var(--text-xs);overflow-wrap:anywhere}.composer{border-top:1px solid var(--line);background:#0e0b14e0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px 18px 18px;display:grid}.composer-meta{width:min(980px,100%);color:var(--faint);font-size:var(--text-xs);letter-spacing:var(--tracking-ui);text-transform:uppercase;grid-column:1/-1;justify-content:space-between;gap:12px;margin:0 auto -2px;display:flex}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:54px;max-height:150px;color:var(--ink);line-height:var(--leading-copy);background:#171221eb;border-radius:18px;outline:none;padding:14px 16px}textarea:focus{border-color:var(--line-glow)}button{background:var(--accent);height:54px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:18px;padding:0 18px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.35)}.error{color:#ffb3a8;font-size:var(--text-sm);grid-column:1/-1}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.compare-grid{grid-template-columns:1fr}.messages,.composer{padding-inline:12px}.composer-meta{display:grid}.message.user{max-width:92%}}