:root{color-scheme:dark;--ink:#f3edf6;--muted:#c0b5cb;--subtle:#9d92ac;--ground:#100e14;--panel:#1b1725;--line:rgba(181,166,238,.19);--lapis:#b5a6ee;--coral:#eda18c;--gradient:linear-gradient(115deg,#efb394 0%,#e7b0c6 48%,#b5a6ee 100%)}
*{box-sizing:border-box}html{height:100%;background:var(--ground)}body{margin:0;min-height:100%;background:radial-gradient(ellipse at 10% 90%,rgba(85,50,75,.23),transparent 48%),radial-gradient(ellipse at 95% 10%,rgba(59,49,96,.25),transparent 52%),var(--ground);color:var(--ink);font:14px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.site-header{height:88px;padding:18px clamp(24px,3.5vw,60px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font:25px/1 Georgia,serif;letter-spacing:.15em;white-space:nowrap}.wordmark small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:.31em;color:var(--muted);margin-top:9px}.header-note{color:var(--subtle);font-size:9px;letter-spacing:.17em}.pill{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:45px;border:1px solid transparent;border-radius:999px;padding:11px 22px;white-space:nowrap;text-decoration:none;font:13px/1.35 Arial,sans-serif;transition:background .18s,transform .18s,box-shadow .18s}.pill.primary{background:var(--gradient);color:#241b2b;border:0;font-weight:600;box-shadow:0 3px 14px rgba(15,9,20,.12)}.pill.primary:hover:not(:disabled){box-shadow:0 5px 22px rgba(181,166,238,.19);transform:translateY(-1px)}.pill.secondary,.pill.site-link{background:rgba(181,166,238,.10);border-color:rgba(181,166,238,.16);color:#e9dff2}.pill.secondary:hover,.pill.site-link:hover{background:rgba(181,166,238,.18)}.site-link{font-size:12px;min-height:41px;padding:10px 20px}.site-link span{font-size:18px}.chat-layout{display:grid;grid-template-columns:minmax(200px,.68fr) minmax(0,1.8fr);gap:24px;max-width:1560px;margin:auto;padding:24px clamp(24px,3.5vw,60px);height:calc(100dvh - 88px);min-height:0;max-height:1120px}.art-panel{position:relative;border-radius:24px;overflow:hidden;min-width:0;background:#211b26}.art-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:47% 30%}.art-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,16,.35),transparent 25%,rgba(14,10,16,.12) 50%,rgba(14,10,16,.95) 100%)}.art-kicker{position:absolute;left:25px;top:26px;right:25px;font-size:8px;letter-spacing:.17em;color:#e8d6dd}.art-copy{position:absolute;left:28px;right:25px;bottom:30px}.art-star{font:40px/1 Georgia,serif;color:#eeb497}.art-copy p{font:clamp(25px,2.6vw,42px)/1.12 Georgia,serif;letter-spacing:-.03em;margin:19px 0 25px}.art-copy p em{font-weight:400;color:#eeb9ae}.art-copy>a{display:block;font:italic 15px/1.4 Georgia,serif;border-top:1px solid rgba(242,225,237,.25);padding-top:17px}.art-copy>a>span{display:block;font:8px/1.7 Arial,sans-serif;color:#c8b6c7;letter-spacing:.11em;margin-top:6px}.chat-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(35,29,48,.97),rgba(24,22,37,.98));box-shadow:0 20px 60px rgba(0,0,0,.14);overflow:hidden}.chat-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px 30px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--lapis);font-size:9px;font-weight:600;letter-spacing:.15em}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--coral)}h1{font:clamp(26px,2.8vw,39px)/1.16 Georgia,serif;letter-spacing:-.035em;font-weight:400;margin:0}h1 em{color:#e8bad0;font-weight:400}.chat-subtitle{font-size:12px;color:var(--muted);margin:8px 0 0}.mobile-art{display:none}.conversation{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 30px 8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#51455f transparent}#messages{display:flex;flex-direction:column;gap:23px}.message{display:grid;grid-template-columns:33px minmax(0,1fr);align-items:start;gap:12px;margin:0;max-width:92%;min-width:0}.message-avatar{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border:1px solid rgba(181,166,238,.29);border-radius:50%;color:var(--coral);font:23px/1 Georgia,serif;background:#2b2337}.message-author{display:block;margin:0 0 7px;font-size:9px;font-weight:600;letter-spacing:.11em;color:#bdb0ce}.message-text{padding:15px 18px;background:rgba(181,166,238,.075);border:1px solid rgba(181,166,238,.08);border-radius:0 18px 18px 18px;white-space:pre-wrap;overflow-wrap:anywhere;color:#e9e0f0;font-size:14px;line-height:1.75}.message-text a{color:#d5c5ff;text-decoration:underline;text-underline-offset:3px}.message.user{display:block;align-self:flex-end;max-width:85%;padding-left:45px}.message.user .message-author{text-align:right;color:#cfb5cb}.message.user .message-text{border-radius:18px 0 18px 18px;background:linear-gradient(125deg,rgba(237,161,140,.13),rgba(181,166,238,.13));border-color:rgba(237,161,140,.10)}.message-content{min-width:0}.message.pending .message-text{font-size:12px;color:var(--muted)}.thinking-dots{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}.thinking-dots i{width:4px;height:4px;border-radius:50%;background:var(--lapis);animation:pulse 1.2s infinite}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes pulse{0%,80%,100%{opacity:.35}40%{opacity:1}}.access-card{margin:18px 0 12px 45px;padding:20px 22px;border:1px solid rgba(181,166,238,.21);border-radius:18px;background:linear-gradient(125deg,rgba(181,166,238,.075),rgba(237,161,140,.035));max-width:610px}.access-card h2{font:25px/1.25 Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:0 0 9px}.access-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 17px}.access-card label{display:block;font-size:11px;color:#d6c9e2;margin-bottom:7px}.email-row{display:flex;gap:10px;align-items:stretch}.email-row input{min-width:0;flex:1;width:100%;border:1px solid rgba(181,166,238,.3);border-radius:999px;background:#181420;color:var(--ink);padding:12px 17px;font-size:13px}.email-row .pill{flex-shrink:0}.email-row input::placeholder{color:#a99cb8}.access-card .fine{font-size:10px;margin:12px 0 0;color:#a99bb7}.access-card>.pill{margin-top:5px}.card-symbol{color:var(--coral);font-size:23px;display:block;margin-bottom:10px}.preview-link{display:block;color:var(--lapis);text-decoration:underline;margin:16px 0;font-size:12px}.chat-bottom{flex-shrink:0;padding:8px 30px 16px}.starters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:3px 0 17px}.starters>span{font-size:10px;color:var(--subtle);margin-right:4px}.pill.prompt{min-height:32px;padding:7px 12px;font-size:10px;border-color:rgba(181,166,238,.19);background:rgba(181,166,238,.055);color:#d6cae3}.pill.prompt:hover{background:rgba(181,166,238,.14);border-color:rgba(181,166,238,.34)}.composer{display:flex;align-items:flex-end;gap:12px;padding:11px 12px 11px 18px;background:#16121e;border:1px solid rgba(181,166,238,.35);border-radius:23px;box-shadow:0 5px 24px rgba(0,0,0,.09)}.composer:focus-within{border-color:#b5a6ee;box-shadow:0 0 0 2px rgba(181,166,238,.08)}.composer textarea{display:block;width:100%;flex:1;min-width:0;resize:none;border:0;background:transparent;outline:none;color:var(--ink);padding:5px 0 1px;font-size:14px;line-height:1.6;min-height:45px;max-height:140px;scrollbar-width:thin}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#9e92ae}.composer textarea:disabled{opacity:.6}.composer .pill{flex-shrink:0;min-width:92px;min-height:43px;padding:11px 18px;gap:15px}.composer .pill>span{font-size:20px;line-height:1}.composer-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:var(--subtle);margin:9px 2px 0}.composer-meta #session-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.quiet-button{border:0;background:transparent;padding:3px 0;color:#c6b8d5;font-size:10px;text-underline-offset:3px}.quiet-button:hover{color:#f0d6df;text-decoration:underline}.chat-disclosure{display:flex;justify-content:space-between;align-items:start;gap:20px;border-top:1px solid var(--line);margin-top:10px;padding-top:10px;font-size:10px;line-height:1.55;color:#9e92ad}.chat-disclosure>span{max-width:440px}.chat-disclosure nav{display:flex;gap:12px;flex-shrink:0}.chat-disclosure a{color:#c4b6d3;white-space:nowrap}.chat-disclosure a:hover{text-decoration:underline}#status{font-size:12px;line-height:1.5;color:#fac0af;margin:10px 2px 0}#status:empty{display:none}.notice{font-size:11px;background:#443653;color:#f3eafa;text-align:center;padding:8px 15px;margin:0}.notice:not([hidden])+.chat-layout{height:calc(100dvh - 122px)}.trap,.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:-1px;border:0}[hidden]{display:none!important}
@media(min-width:1600px){.chat-layout{padding-top:32px;padding-bottom:32px}.chat-heading{padding:30px 40px}.conversation{padding:30px 40px 15px}.chat-bottom{padding:10px 40px 24px}}
@media(max-width:1050px){.header-note{display:none}.chat-layout{grid-template-columns:minmax(180px,.55fr) minmax(0,1.8fr);gap:18px;padding:20px}.chat-heading{padding:22px}.conversation{padding:24px 22px 10px}.chat-bottom{padding:8px 22px 18px}.access-card{padding:20px;margin-left:0}.email-row{flex-direction:column}.email-row .pill{align-self:flex-start}.chat-disclosure{display:block}.chat-disclosure nav{margin-top:8px}.art-copy{left:23px;right:20px}.art-copy p{font-size:31px}.composer-meta{font-size:8px}.message{max-width:100%}}
@media(max-width:760px){.site-header{height:76px;padding:15px 20px;gap:12px}.wordmark{font-size:21px}.wordmark small{font-size:6px;letter-spacing:.28em;margin-top:8px}.site-link{font-size:10px;min-height:35px;padding:8px 13px;gap:8px}.site-link span{font-size:15px}.chat-layout{height:calc(100dvh - 76px);min-height:550px;max-height:none;display:block;padding:12px}.art-panel{display:none}.chat-workspace{height:100%;border-radius:21px}.chat-heading{padding:19px 18px 18px}.chat-heading h1{font-size:27px;max-width:250px}.chat-heading .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:8px}.chat-subtitle{font-size:10px;max-width:240px;margin-top:7px;line-height:1.5}.mobile-art{display:block;flex-shrink:0;width:48px;height:61px;border-radius:14px;object-fit:cover;object-position:50% 34%;border:1px solid rgba(237,161,140,.2)}.conversation{padding:21px 17px 8px}.message{grid-template-columns:26px minmax(0,1fr);gap:8px;max-width:100%}.message-avatar{width:26px;height:26px;font-size:19px}.message-author{font-size:7px;letter-spacing:.08em;margin-bottom:6px}.message-text{font-size:13px;line-height:1.7;padding:13px 14px}.message.user{max-width:94%;padding-left:30px}.access-card{padding:19px 17px;margin:20px 0 10px 34px}.access-card h2{font-size:23px}.access-card p{font-size:11px}.email-row input{border-radius:24px;font-size:16px;padding:11px 14px}.email-row .pill{width:100%;font-size:12px;min-height:43px}.access-card .fine{font-size:9px}.chat-bottom{padding:8px 17px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.starters{gap:6px;margin:0 0 12px}.starters>span{display:none}.pill.prompt{font-size:9px;padding:7px 10px;min-height:31px}.composer{padding:9px 9px 9px 13px;gap:8px;border-radius:20px}.composer textarea{font-size:16px;min-height:42px;line-height:1.5;padding-top:8px}.composer .pill{min-width:69px;font-size:11px;min-height:42px;padding:11px 13px;gap:8px}.composer .pill>span{font-size:17px}.composer-meta{align-items:start;gap:8px;margin-top:7px}.composer-meta>span{max-width:155px;font-size:8px;line-height:1.5}.composer-meta #session-controls{gap:12px}.quiet-button{font-size:9px}.chat-disclosure{font-size:8px;margin-top:10px;padding-top:9px}.chat-disclosure nav{gap:17px;margin-top:7px;font-size:9px}.notice:not([hidden])+.chat-layout{height:calc(100dvh - 110px)}}
@media(max-width:370px){.site-header{padding-left:16px;padding-right:16px}.wordmark{font-size:19px}.site-link{padding:8px 10px;font-size:9px}.chat-heading h1{font-size:25px}.mobile-art{width:40px;height:54px}.access-card{margin-left:0}.chat-layout{padding:8px}.chat-heading{padding:17px 15px}.conversation{padding-left:14px;padding-right:14px}.chat-bottom{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.conversation{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(max-width:760px){.chat-layout{min-height:0}.pill.prompt{min-height:36px}.quiet-button{min-height:28px}}
@media(max-width:760px) and (max-height:650px){.site-header{height:64px;padding-top:10px;padding-bottom:10px}.chat-layout{height:calc(100dvh - 64px);padding:8px}.chat-heading{padding:12px 15px}.chat-heading h1{font-size:24px}.chat-subtitle{display:none}.mobile-art{width:36px;height:43px}.chat-heading .eyebrow{margin-bottom:5px}.chat-bottom{padding-top:5px;padding-bottom:8px}.chat-disclosure{margin-top:6px;padding-top:6px}.chat-disclosure>span{font-size:7px}.starters{display:none}.composer-meta{margin-top:4px}.notice:not([hidden])+.chat-layout{height:calc(100dvh - 98px)}}
