:root{--ink:#0b0c0a;--paper:#151712;--panel:#1c1f18;--line:#2c3126;--text:#f3efe4;--muted:#9a9584;--copper:#d7a15f;--copper-dim:#8a6430;--moss:#8fbe7a;--danger:#d37a6a;--own:#2a261c;--theirs:#181c16;--shadow:0 24px 60px rgba(0,0,0,0.35);--font:"Source Serif 4","Iowan Old Style","Palatino Linotype",serif;--ui:"Figtree","Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#2a2418 0,var(--ink) 45%);color:var(--text);font-family:var(--ui);letter-spacing:.01em}a{color:var(--copper);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}.shell{min-height:100%;display:grid;place-items:center;padding:32px 16px}.card{width:min(460px,100%);background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font-family:var(--font);font-weight:600;font-size:28px;margin:0 0 6px}.brand span{color:var(--copper)}.lede{margin:0 0 28px;line-height:1.5}.lede,label{color:var(--muted)}label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:14px 0 6px}input,textarea{width:100%;background:var(--ink);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}input:focus,textarea:focus{border-color:var(--copper-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;background:var(--copper);color:#1a1308;font-weight:650;cursor:pointer}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--muted);padding:8px 10px}.btn.danger{background:var(--danger);color:#1a0b09}.btn:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap}.err{color:var(--danger)}.err,.ok{font-size:14px;margin-top:12px}.ok{color:var(--moss)}.app{height:100vh;display:grid;grid-template-columns:320px 1fr;background:var(--ink)}.sidebar{border-right:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;min-width:0}.side-head{padding:18px 16px 10px;display:flex;align-items:center;justify-content:space-between}.side-head h1{font-family:var(--font);font-size:22px;margin:0}.search{margin:0 16px 12px}.convo-list{overflow:auto;flex:1 1}.convo{width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:12px 16px;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.convo.active{background:color-mix(in srgb,var(--copper) 12%,transparent)}.convo .name{font-weight:650;display:flex;justify-content:space-between;gap:8px}.convo .preview{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:8px;height:8px;border-radius:50%;background:var(--line);display:inline-block}.dot.on{background:var(--moss)}.me{padding:12px 16px;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:13px}.chat,.me{display:flex}.chat{flex-direction:column;min-width:0}.chat-head{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:color-mix(in srgb,var(--paper) 80%,transparent)}.messages{flex:1 1;overflow:auto;padding:24px 18px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:min(68%,640px);padding:10px 14px;border-radius:16px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.bubble.own{margin-left:auto;background:var(--own);border:1px solid #3b3324}.bubble.theirs{background:var(--theirs);border:1px solid var(--line)}.meta{font-size:11px;color:var(--muted);margin-top:4px;font-family:var(--mono)}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);background:var(--paper)}.composer textarea{min-height:48px;max-height:160px;resize:vertical}.empty{height:100%;display:grid;place-items:center;color:var(--muted);padding:40px}.banner,.empty{text-align:center}.banner{background:#3a2a12;color:#f0d7a8;padding:8px 16px;font-size:13px}.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:20}.modal{width:min(520px,calc(100% - 24px));background:var(--paper);padding:22px}.call-stage,.modal{border:1px solid var(--line);border-radius:18px}.call-stage{position:fixed;inset:18px;z-index:30;background:#070806;overflow:hidden;display:grid;grid-template-rows:1fr auto}.call-stage video{width:100%;height:100%;object-fit:cover;background:#000}.call-actions{display:flex;justify-content:center;gap:10px;padding:12px}.hero{width:min(920px,100%);display:grid;grid-template-columns:1.2fr .8fr;grid-gap:36px;gap:36px;align-items:center}.hero h1{font-family:var(--font);font-size:clamp(40px,6vw,72px);line-height:.95;margin:0 0 16px}.hero p{color:var(--muted);font-size:18px;line-height:1.5}.kicker{color:var(--copper);text-transform:uppercase;letter-spacing:.18em;font-size:12px;margin-bottom:12px}@media (max-width:840px){.app{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex;position:absolute;inset:0;z-index:5}.hero{grid-template-columns:1fr}}