:root{color-scheme:dark;--bg:#111;--text:#ececea;--muted:#969693;--faint:#6f6f6c;--line:#30302e;--sans:Inter,"Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{min-width:280px;scroll-behavior:smooth;scrollbar-color:#494946 #111;scrollbar-width:thin}
body{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 36%,#20201f 0%,#151514 42%,#101010 78%);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
body::before{content:"";position:fixed;inset:15px;border:1px solid #ffffff04;border-radius:3px;pointer-events:none;z-index:-1}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid #c4c4c0;outline-offset:5px}
button[hidden],[hidden]{display:none!important}
::selection{background:#d7d7d1;color:#111}
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.07;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='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}
.skip-link{position:fixed;top:15px;left:20px;padding:10px 15px;background:var(--text);color:#111;z-index:10;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-header{width:100%;max-width:1600px;margin-inline:auto;padding:33px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand>svg{width:29px;height:33px;fill:none;stroke:#deded9;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.brand-wordmark{display:block;width:158px;height:auto}
.stealth{font-family:var(--mono);font-size:9px;letter-spacing:1.1px;color:#a4a49e;display:flex;gap:10px;align-items:center}
.stealth i{width:5px;height:5px;background:#bdbdb5;box-shadow:0 0 9px #bdbdb52b;border-radius:50%}
.main{width:min(760px,calc(100% - 64px));margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:22px 0 68px}
.intro{text-align:center;padding-top:12px}
.signal{width:78px;height:78px;position:relative;margin:0 auto 35px;display:grid;place-items:center}
.signal svg{width:51px;height:58px;fill:none;stroke:#c5c5bf;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 13px #ffffff08)}
.signal-corner{position:absolute;width:8px;height:8px;border-color:#ffffff24;border-style:solid}
.signal-corner.a{left:0;top:0;border-width:1px 0 0 1px}.signal-corner.b{right:0;top:0;border-width:1px 1px 0 0}.signal-corner.c{left:0;bottom:0;border-width:0 0 1px 1px}.signal-corner.d{right:0;bottom:0;border-width:0 1px 1px 0}
.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:1.9px;color:#8c8c86;margin-bottom:20px}
h1{font-size:clamp(34px,4.4vw,58px);font-weight:450;line-height:1.13;letter-spacing:-2.7px}
h1>span{color:#96c1bd;background:linear-gradient(to bottom,#96c1bd,#6f9998);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{color:#9c9c96;font-size:14px;margin-top:22px;letter-spacing:-.1px}
.questions{margin-top:51px}
.questions h2{font-family:var(--mono);font-size:9px;letter-spacing:1.1px;color:#81817b;font-weight:400;margin-bottom:12px}
.prompt-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.prompt{display:flex;align-items:center;gap:10px;text-align:left;position:relative;border:1px solid #ffffff14;border-radius:8px;background:linear-gradient(135deg,#ffffff05,#ffffff02);padding:20px 16px;min-height:70px;transition:border-color .2s,background .2s,transform .2s;font-size:13px;letter-spacing:-.15px}
.prompt-number{font-family:var(--mono);font-size:8px;color:#777771;align-self:flex-start;margin-top:4px}
.prompt>svg{height:12px;width:12px;flex-shrink:0;stroke:#777772;stroke-width:1.3;fill:none;margin-left:auto;transition:stroke .2s,transform .2s}
.prompt:hover{border-color:#ffffff3d;background:#ffffff08;transform:translateY(-2px)}
.prompt:hover>svg{stroke:#eee;transform:translate(1px,-1px)}
.prompt[aria-pressed=true]{border-color:#ffffff38;background:#ffffff07}
.prompt-note{margin-top:16px;display:flex;gap:9px;align-items:center;color:#797973;font-family:var(--mono);font-size:9px;line-height:1.8}
.prompt-note>span{font-size:12px;color:#9a9a91}
.site-footer{max-width:1600px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 48px 29px;font-family:var(--mono);font-size:9px;letter-spacing:.6px;color:#777771}
.site-footer>a{color:#a6a69e;transition:color .2s;display:flex;gap:15px}
.site-footer>a:hover{color:#fff}
.footer-message{color:#8c8c84}.footer-message>span{color:#4b4b46;margin-inline:5px}
.has-messages .main{justify-content:flex-start;padding-top:25px;padding-bottom:50px}
.has-messages .intro{padding-top:0;text-align:left;border-bottom:1px solid var(--line);padding-bottom:26px}
.has-messages .intro h1{font-size:24px;letter-spacing:-.8px;line-height:1.3}.has-messages .intro h1 br{display:none}.has-messages .intro h1>span::before{content:" "}
.has-messages .signal,.has-messages .eyebrow,.has-messages .lead{display:none}
.conversation{padding-top:22px}
.conversation-tools{display:flex;justify-content:space-between;align-items:center;color:#85857e;font-family:var(--mono);font-size:8px;letter-spacing:.9px;gap:12px}
.reset{display:flex;align-items:center;gap:7px;border:0;background:none;font-size:10px;letter-spacing:0;color:#92928a;padding:5px 0}
.reset:hover{color:#e9e9df}.reset svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.2}
.messages{padding-top:20px}
.exchange+.exchange{border-top:1px solid #ffffff0b;margin-top:30px;padding-top:25px}
.user-line{display:flex;justify-content:flex-end;margin-bottom:23px}
.user-message{font-size:13px;line-height:1.5;max-width:90%;border:1px solid #ffffff14;background:#ffffff06;border-radius:11px 11px 2px 11px;padding:11px 16px;color:#d0d0c8}
.assistant-label{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:.5px;color:#96968e;margin-bottom:12px}
.assistant-label svg{fill:none;stroke:#a9a9a0;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;width:14px;height:17px}
.response{font-size:17px;font-weight:400;color:#d7d7ce;line-height:1.8;letter-spacing:-.2px;min-height:31px;max-width:650px;white-space:pre-wrap;overflow-wrap:anywhere}
.response a{display:inline;color:#f1f1e8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:#606058}
.response a:hover{text-decoration-color:#ededdf}
.response.is-streaming::after{content:"";display:inline-block;width:7px;height:17px;background:#c9c9bd;vertical-align:-2px;margin-left:5px;animation:cursor 1s steps(2,jump-none) infinite}
.stream-controls{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}
#stream-status{font-family:var(--mono);font-size:8px;letter-spacing:.8px;color:#72726c;display:flex;align-items:center;gap:7px}
#stream-status i{width:3px;height:3px;border-radius:50%;background:currentColor}
#skip{border:0;background:none;color:#a5a59a;font-family:var(--mono);font-size:9px;padding:5px 0}#skip:hover{color:#e9e9de}#skip span{margin-left:8px}
.has-messages .questions{margin-top:30px}.has-messages .prompt{min-height:57px;padding-block:14px;font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript{margin-top:20px;color:#aaa;font-size:14px}.noscript a{text-decoration:underline}
@keyframes cursor{50%{opacity:0}}
@media(min-height:900px) and (min-width:761px){.main{padding-bottom:100px}.signal{margin-bottom:45px}.questions{margin-top:62px}}
@media(max-width:760px){.site-header{padding:26px 26px}.main{width:calc(100% - 52px);padding-bottom:45px;padding-top:26px}.signal{width:65px;height:65px;margin-bottom:28px}.signal svg{width:44px;height:49px}h1{font-size:45px;letter-spacing:-2px}.lead{font-size:13px;line-height:1.7;margin-inline:auto;max-width:275px}.eyebrow{font-size:8px;letter-spacing:1.5px}.questions{margin-top:36px}.prompt-list{gap:8px}.prompt{padding:17px 12px;gap:7px;font-size:11px;min-height:65px}.prompt-number{font-size:7px}.site-footer{padding:20px 26px;font-size:8px}.stealth{font-size:8px;letter-spacing:.6px}.response{font-size:16px}.has-messages .intro h1{font-size:22px}.has-messages .intro h1 br{display:block}.has-messages .intro h1>span::before{content:""}}
@media(max-width:560px){.main{padding-top:20px;max-width:420px}.intro{padding-top:0}h1{font-size:clamp(31px,8.8vw,45px);letter-spacing:-1.7px}.prompt-list{grid-template-columns:1fr;gap:8px}.prompt{min-height:52px;font-size:13px;padding:15px 17px;gap:15px}.prompt-number{font-size:9px;margin-top:2px}.prompt>svg{width:13px;height:13px}.prompt-note{font-size:8px;max-width:295px}.site-footer{align-items:flex-end}.footer-message{display:none}.brand>span{font-size:20px}.brand>svg{width:25px;height:29px}.stealth{font-size:7px;gap:7px}.questions{margin-top:32px}.has-messages .prompt{font-size:12px;min-height:47px;padding-block:12px}.has-messages .main{padding-top:13px}.conversation-tools{font-size:7px;letter-spacing:.5px}.conversation{padding-top:17px}.user-message{font-size:12px}.response{font-size:15px;line-height:1.85}.has-messages .questions{margin-top:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.response.is-streaming::after{opacity:1}}
@media(max-width:560px){.brand{gap:8px}.brand-wordmark{width:122px}.brand>svg{width:23px;height:29px}}