:root{--paper:#e9e3d7;--ink:#171714;--muted:#6f6a60;--line:#bdb5a7;--red:#ef3f27;--night:#171916;--acid:#d8ff3e;font-family:"Aptos Narrow","Bahnschrift SemiCondensed","Franklin Gothic Medium",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}body{overflow:hidden}.hidden{display:none!important}button,input,textarea{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}
.gate{height:100vh;display:grid;place-items:center;background:var(--night)}.gate-card{width:min(470px,90vw);border-top:8px solid var(--red);padding:44px;background:var(--paper);box-shadow:28px 28px 0 #050505}.kicker,.section-number,.rail-label{font-size:11px;font-weight:900;letter-spacing:.18em}.gate h1{font-family:Georgia,serif;font-size:44px;line-height:1;margin:18px 0 30px}.gate input{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:12px;text-align:center;font-size:42px;letter-spacing:.45em;outline:0}.gate button,.action{width:100%;margin-top:25px;border:0;background:var(--red);color:#fff;padding:17px 20px;display:flex;justify-content:space-between;font-weight:900;letter-spacing:.1em;cursor:pointer}.gate p{min-height:18px;color:#b62818}
.workspace{height:100vh;display:grid;grid-template-columns:290px 1fr}.rail{background:var(--night);color:#f5f2e9;padding:24px 18px;display:flex;flex-direction:column;min-height:0}.rail header{display:flex;align-items:center;gap:12px;padding-bottom:25px;border-bottom:1px solid #3a3d37}.logo{width:42px;height:42px;display:grid;place-items:center;background:var(--red);font-family:Georgia,serif;font-size:27px;font-weight:900}.rail header b{display:block;font-size:12px;letter-spacing:.12em}.rail header small{display:block;color:var(--acid);margin-top:5px;font-size:9px;letter-spacing:.18em}.new{border:1px solid #575a52;background:transparent;color:#fff;padding:13px;margin:22px 0;text-align:left;font-weight:800;cursor:pointer}.new:hover{background:var(--acid);color:#111}.rail-label{color:#777b70;margin:4px 0 10px}.chat-list{overflow:auto;display:grid;gap:2px}.chat-item{border:0;border-left:3px solid transparent;background:transparent;color:#bbbdb5;padding:12px;text-align:left;cursor:pointer}.chat-item b{display:block;color:#f1eee7;font-size:14px}.chat-item small{display:block;margin-top:5px;font-size:9px;letter-spacing:.1em}.chat-item.active{border-color:var(--red);background:#252823}.chat-item.ready-item small{color:var(--acid)}.phone-link{margin-top:auto;color:#fff;text-decoration:none;border-top:1px solid #3a3d37;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.1em}
.desk{min-width:0;height:100vh;overflow:auto;position:relative;background:linear-gradient(90deg,transparent 49.9%,rgba(0,0,0,.035) 50%,transparent 50.1%)}.empty-state{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:8vw}.empty-state>span{color:var(--red);font-size:12px;font-weight:900;letter-spacing:.16em}.empty-state h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,94px);line-height:.92;letter-spacing:-.055em;margin:22px 0 30px}.empty-state p{max-width:600px;color:var(--muted);font-family:Georgia,serif;font-size:20px;line-height:1.5}.create-form{max-width:980px;margin:0 auto;padding:55px 65px}.section-number{color:var(--red);margin-bottom:30px}.create-form label{display:grid;gap:10px;margin:22px 0;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.create-form input,.create-form textarea{border:1px solid var(--line);background:rgba(255,255,255,.28);padding:16px;outline:0;resize:vertical;font-family:Georgia,serif;font-size:18px;line-height:1.45}.create-form input:focus,.create-form textarea:focus{border-color:var(--red);box-shadow:5px 5px 0 var(--red)}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.action{max-width:320px;background:var(--night)}
.chat-view{height:100%;display:grid;grid-template-rows:auto 1fr auto}.chat-head{padding:34px 45px 24px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:25px;background:rgba(233,227,215,.94);position:sticky;top:0;z-index:2}.chat-head span{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.16em}.chat-head h1{font-family:Georgia,serif;font-size:38px;margin:7px 0 4px}.chat-head p{margin:0;color:var(--muted)}.ready{border:1px solid var(--ink);background:transparent;padding:13px 16px;font-size:11px;font-weight:900;letter-spacing:.09em;cursor:pointer}.ready:hover,.ready.is-ready{background:var(--acid)}.messages{overflow:auto;padding:34px 9vw 80px}.message{max-width:820px;margin:0 auto 28px;padding-left:25px;border-left:3px solid var(--line)}.message.user{border-color:var(--red);margin-right:4vw}.message.assistant{border-color:var(--night)}.message.context{background:#ded6c8;padding:20px 24px;border:0}.message .role{font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--muted);margin-bottom:8px}.message .text{white-space:pre-wrap;font-family:Georgia,serif;font-size:18px;line-height:1.55}.composer{margin:0 5vw 25px;padding:14px 64px 14px 18px;background:#fff;border:1px solid var(--ink);position:relative;box-shadow:9px 9px 0 var(--night)}.composer textarea{width:100%;border:0;outline:0;resize:none;font-family:Georgia,serif;font-size:17px}.composer button{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:25px;cursor:pointer}.composer small{color:var(--muted)}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.rail{display:none}.create-form{padding:30px 22px}.two{grid-template-columns:1fr}.chat-head{padding:24px 20px;align-items:flex-start}.chat-head h1{font-size:28px}.ready{font-size:9px}.messages{padding:24px 20px 70px}.composer{margin:0 15px 20px}.empty-state{padding:35px}.empty-state h1{font-size:54px}}