:root{--espresso:#26180f;--espresso-2:#1a0f08;--cream:#f7f0e2;--cream-2:#efe6d2;--card:#fdf8ec;--rose:#c26d7c;--rose-deep:#a34e5d;--leaf:#5f7d5c;--ink:#2a1e14;--mid:#7a6d5e;--faint:#a99c8b;--line:#2a1e1424;--line-strong:#2a1e144d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{color:var(--ink);background:radial-gradient(800px 460px at 85% -8%, #c26d7c38, transparent 65%), radial-gradient(600px 500px at 0% 110%, #1a0f08e6, transparent 70%), var(--espresso);font-family:Inter,-apple-system,sans-serif;font-weight:400;line-height:1.5}.serif{font-family:Fraunces,Georgia,serif}.grain{z-index:40;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");position:fixed;inset:0}.stage{justify-content:center;align-items:center;min-height:100svh;padding:clamp(0px,2.5vw,36px);display:flex}.board{z-index:50;background:var(--cream);grid-template-rows:150px 1fr;grid-template-columns:1fr;width:min(980px,100%);height:min(760px,100svh);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px #0a05008c}@media (min-width:860px){.board{border-radius:18px;grid-template-rows:1fr;grid-template-columns:370px 1fr;height:min(720px,100svh - 48px)}}@media (max-width:859px){.board{border-radius:0;height:100svh}}.panel{color:var(--cream);background:linear-gradient(#1a0f084d 0%,#1a0f0873 55%,#100803eb 100%),url(/img/panel.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;padding:clamp(18px,2.6vw,30px);display:flex;position:relative}.badge{letter-spacing:.22em;text-transform:uppercase;color:var(--cream);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a0f0866;border:1px solid #f7f0e273;border-radius:30px;padding:6px 13px;font-size:.6rem;font-weight:600;display:inline-block}.brand{font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,3vw,2.5rem);font-weight:500;line-height:1}.brand em{color:var(--rose);padding:0 1px;font-style:italic}.tag{letter-spacing:.28em;text-transform:uppercase;color:#f7f0e2bf;margin-top:8px;font-size:.64rem}.orn{color:var(--rose);letter-spacing:.5em;margin:14px 0 12px;font-size:.9rem}.meta{flex-direction:column;gap:6px;display:none}@media (min-width:860px){.meta{display:flex}}.mrow{color:#f7f0e2bf;align-items:baseline;gap:8px;font-size:.76rem;display:flex}.mrow i{border-bottom:1px dotted #f7f0e259;flex:1;transform:translateY(-3px)}.mrow b{color:var(--cream);font-weight:500}@media (max-width:859px){.panel{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px}.p-top{order:2}.badge{padding:5px 10px;font-size:.52rem}.orn{display:none}}.chat{background:radial-gradient(500px 260px at 100% 0%, #c26d7c12, transparent 60%), var(--cream);flex-direction:column;min-height:0;display:flex}.c-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:clamp(16px,2.4vw,26px) clamp(18px,3vw,32px) 12px;display:flex}.c-head h1{letter-spacing:-.01em;font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:400}.c-head h1 em{color:var(--rose-deep);font-style:italic}.status{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);white-space:nowrap;align-items:center;gap:8px;font-size:.66rem;font-weight:600;display:flex}.dot{background:var(--leaf);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.stream{flex-direction:column;flex:1;gap:10px;min-height:0;padding:18px clamp(18px,3vw,32px) 8px;display:flex;overflow-y:auto}.row{display:flex}.row.user{justify-content:flex-end}.row.assistant{justify-content:flex-start}.bubble{white-space:pre-wrap;word-wrap:break-word;max-width:84%;padding:12px 15px;font-size:.95rem;line-height:1.5}.row.assistant .bubble{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:14px 14px 14px 4px}.row.user .bubble{background:var(--espresso);color:var(--cream);border-radius:14px 14px 4px}.typing{align-items:center;gap:5px;padding:14px 16px;display:flex}.typing span{background:var(--rose);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chips{flex-wrap:wrap;gap:8px;margin:8px 2px 4px;display:flex}.chip{color:var(--ink);background:var(--card);border:1px solid var(--line-strong);cursor:pointer;border-radius:30px;padding:9px 16px;font-family:Fraunces,Georgia,serif;font-size:.95rem;font-style:italic;transition:background .18s,color .18s,transform .12s}.chip:hover{background:var(--espresso);color:var(--cream)}.chip:active{transform:scale(.96)}.bar{border-top:1px solid var(--line);background:var(--cream);gap:9px;padding:12px clamp(18px,3vw,32px) 8px;display:flex}.field{border:1px solid var(--line-strong);background:var(--card);min-width:0;color:var(--ink);border-radius:30px;outline:none;flex:1;padding:13px 18px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s}.field:focus{border-color:var(--rose-deep)}.field::placeholder{color:var(--faint)}.send{background:var(--rose-deep);width:48px;height:48px;color:var(--cream);cursor:pointer;border:none;border-radius:50%;flex:none;font-size:20px;transition:transform .12s,background .2s,opacity .2s;box-shadow:0 10px 24px -10px #a34e5db3}.send:disabled{opacity:.35;cursor:default;box-shadow:none}.send:not(:disabled):hover{background:var(--espresso)}.send:not(:disabled):active{transform:scale(.92)}.footnote{text-align:center;letter-spacing:.08em;color:var(--faint);padding:4px 14px calc(10px + env(safe-area-inset-bottom));background:var(--cream);font-size:.66rem}.footnote a{color:var(--rose-deep);border-bottom:1px solid var(--rose);text-decoration:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}