:root{--canvas:#050806;--canvas-raised:#07120b;--canvas-card:#ffffff0d;--text:#f4fff8;--muted:#f4fff89e;--quiet:#f4fff875;--line:#ffffff1a;--emerald:#34d399;--emerald-soft:#a7f3d0;--cyan:#67e8f9;--amber:#fbbf24}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0,#22c55e29,#0000 26rem),linear-gradient(135deg,#050806 0%,#07120b 44%,#0d1511 100%);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit}.workspace{min-height:100vh}.topline{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050806e6;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:14px max(20px,50vw - 640px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#04120a;background:var(--emerald);letter-spacing:-.05em;border-radius:9px;place-items:center;width:40px;height:40px;font-size:.67rem;font-weight:900;display:grid}.brand strong{font-size:.95rem;font-weight:800;display:block}.eyebrow,.status-pill,.message-meta,.widget-label,.composer-label{letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700}.eyebrow{color:var(--emerald-soft);margin:0 0 3px}.header-actions{justify-content:flex-end;align-items:center;gap:15px;min-width:0;display:flex}.header-links{white-space:nowrap;align-items:center;gap:10px;display:flex}.header-links a{color:var(--muted);font-size:.72rem;font-weight:700;text-decoration:none}.header-links a:hover,.header-links a:focus-visible{color:var(--emerald-soft);text-underline-offset:3px;text-decoration:underline}.header-context{justify-content:flex-end;align-items:center;gap:11px;min-width:0;display:flex}.header-context>p{border-left:1px solid var(--line);min-width:0;color:var(--quiet);gap:2px;margin:0;padding-left:11px;font-size:.69rem;line-height:1.25;display:grid}.header-context strong,.header-context time,.header-context span:not(.status-pill){display:block}.header-context strong{color:var(--text);font-size:.72rem}.header-context time{color:var(--cyan);font-style:normal}.status-pill{color:var(--emerald-soft);background:#34d3991a;border:1px solid #34d39940;border-radius:999px;padding:7px 10px}.chat-frame{border:1px solid var(--line);background:#07110ddb;border-radius:10px;width:min(1050px,100% - 40px);min-height:calc(100dvh - 106px);margin:16px auto;display:grid;overflow:hidden;box-shadow:0 24px 80px #0000005c,0 0 60px #10b9810d}.thread{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;flex-direction:column;gap:18px;padding:clamp(24px,4vw,56px) clamp(19px,6vw,68px);display:flex}.opening{max-width:650px}.opening h1{max-width:600px;color:var(--text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.25rem);font-weight:900;line-height:.96}.opening>p:last-child{max-width:570px;color:var(--muted);margin:12px 0 0;font-size:.95rem;line-height:1.5}.message-row{align-items:flex-start;gap:12px;display:flex}.message-avatar{color:#06140c;background:var(--emerald);border:1px solid #34d39947;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:.62rem;font-weight:900;display:grid}.message-content{max-width:min(680px,100% - 44px)}.message-meta{color:var(--quiet);margin:1px 0 6px}.bubble{border:1px solid var(--line);background:#ffffff0e;border-radius:8px;padding:13px 16px;font-size:.98rem;line-height:1.5}.inline-widget{border:1px solid var(--line);background:#00000040;border-radius:8px;overflow:hidden}.widget-label{border-bottom:1px solid var(--line);color:var(--emerald-soft);background:#34d39914;margin:0;padding:9px 12px}.widget-body{padding:16px}.widget-body h2{margin:0;font-size:1.12rem}.widget-body>p{color:var(--muted);margin:8px 0 0;line-height:1.5}.checklist{color:var(--muted);gap:8px;margin:15px 0 0;padding:0;line-height:1.4;list-style:none;display:grid}.checklist li{gap:8px;display:flex}.checklist li:before{content:"->";color:var(--amber);font-weight:900}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stage-card{border:1px solid var(--line);background:var(--canvas-card);border-radius:9px;min-height:155px;padding:16px}.stage-card span{color:var(--cyan);letter-spacing:.12em;font-size:.72rem;font-weight:800}.stage-card h2{margin:11px 0 5px;font-size:1rem}.stage-card p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.45}.safety-note{color:#fde68a;background:#fbbf241a;border:1px dashed #fbbf2499;border-radius:8px;margin:0;padding:13px 15px;font-size:.9rem;line-height:1.45}.conversation-dock{border-top:1px solid var(--line);background:#050806f0;padding:15px clamp(18px,5vw,52px)}.composer-label{color:var(--emerald-soft);margin:0}.conversation-dock>p:not(.composer-label){color:var(--muted);margin:7px 0 0;font-size:.86rem;line-height:1.45}.conversation-dock button{border:1px solid var(--line);min-height:42px;color:var(--quiet);letter-spacing:.04em;text-transform:uppercase;cursor:not-allowed;background:#ffffff0a;border-radius:8px;margin-top:13px;padding:0 15px;font-size:.73rem;font-weight:800}@media (max-width:800px){.topline{flex-wrap:wrap;min-height:68px;padding-inline:16px}.header-actions{justify-content:space-between;width:100%}.header-context>p:last-child{display:none}}@media (max-width:640px){.header-links{gap:8px}.header-links a{font-size:.67rem}.chat-frame{width:min(100% - 24px,1050px);margin:12px auto}.thread{padding:24px 17px}.stage-grid{grid-template-columns:1fr}.opening h1{font-size:2.15rem}}