:root{--bg:#0a0a0a;--fg:#f5f0ea;--muted:#9a938a;--accent:#ff6a1a;--accent2:#ffb37a;--ok:#37d67a;--err:#ff5a5a}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:radial-gradient(120% 120% at 50% 0,#17120d 0,var(--bg) 55%);color:var(--fg);min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.card{width:100%;max-width:420px;text-align:center}.card.wide{max-width:760px}.badge{display:inline-block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(255,106,26,.35);border-radius:999px;padding:.35rem .8rem;margin-bottom:1.75rem}.brand{font-size:2.6rem;font-weight:800;letter-spacing:.02em;line-height:1;margin-bottom:.5rem;background:linear-gradient(180deg,#fff 0,var(--accent2) 60%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand.small{font-size:1.5rem;margin-bottom:0}.sub{color:var(--muted);font-size:.95rem;margin-bottom:2rem}.lead{font-size:1.1rem;margin-top:1rem}form{display:flex;flex-direction:column;gap:1rem}.codeinput{width:100%;text-align:center;font-size:1.8rem;letter-spacing:.5rem;padding:.8rem 1rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.04);color:var(--fg);outline:none}.codeinput:focus{border-color:var(--accent)}button.primary{padding:.85rem 1rem;border-radius:12px;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:#1a0f06;background:linear-gradient(180deg,var(--accent2),var(--accent))}button.primary:disabled{opacity:.55;cursor:default}.error{color:var(--err);font-size:.9rem;min-height:1.2rem}.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--ok);margin-right:.5rem;box-shadow:0 0 12px var(--ok)}.panel{margin-top:1.5rem;padding:1.25rem;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;background:hsla(0,0%,100%,.03);text-align:left;line-height:1.5}.linkbtn,.panel{color:var(--muted)}.linkbtn{background:none;border:1px solid hsla(0,0%,100%,.2);padding:.5rem .9rem;border-radius:10px;cursor:pointer;font-size:.85rem}code{color:var(--accent)}.board{text-align:left}.board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.board-head,.board-head .badge{margin-bottom:.5rem}.chat{display:flex;flex-direction:column;height:min(66vh,560px)}.messages{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;padding:1rem .25rem}.hint{color:var(--fg);line-height:1.55;padding:1rem}.hint .muted{color:var(--muted);font-size:.9rem}.msg{max-width:88%;padding:.75rem 1rem;border-radius:14px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.msg.user{align-self:flex-end;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#1a0f06}.msg.assistant{align-self:flex-start;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--fg)}.msg.assistant.typing{color:var(--muted);font-style:italic}.msg.assistant.typing:after{content:"▋";margin-left:.15rem;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.composer{flex-direction:row;gap:.6rem;padding-top:.75rem;border-top:1px solid hsla(0,0%,100%,.08)}.composer textarea{flex:1 1;resize:none;font:inherit;font-size:.95rem;line-height:1.4;padding:.7rem .9rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.04);color:var(--fg);outline:none}.composer textarea:focus{border-color:var(--accent)}.composer button.primary{align-self:stretch;padding:0 1.2rem}