@font-face{font-family:Anybody;src:url("fonts/anybody-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("fonts/atkinson-next-latin.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("fonts/atkinson-next-italic-latin.woff2") format("woff2");font-style:italic;font-weight:200 800;font-display:swap}
@font-face{font-family:"Chivo Mono";src:url("fonts/chivo-mono-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}

:root{--bg:oklch(1 0 0);--surface:oklch(.96 .012 250);--surface-strong:oklch(.92 .022 250);--ink:oklch(.18 .025 250);--muted:oklch(.43 .035 250);--cobalt:oklch(.52 .18 250);--cobalt-dark:oklch(.34 .15 250);--signal:oklch(.86 .17 95);--teal:oklch(.69 .13 178);--machine:oklch(.18 .025 250);--machine-2:oklch(.23 .025 250);--line:oklch(.84 .025 250);--danger:oklch(.58 .2 25);--display:Anybody,"Arial Black",sans-serif;--body:"Atkinson Hyperlegible Next","Segoe UI",sans-serif;--mono:"Chivo Mono","Cascadia Mono",monospace;--z-sticky:20;--z-modal-backdrop:40;--z-modal:50}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--body);overflow:hidden}button,textarea{font:inherit}button,a,textarea{outline:none}:where(a,button,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.shell{height:100dvh;display:grid;grid-template-rows:76px minmax(0,1fr) auto;background:var(--bg)}
header{display:flex;align-items:center;gap:14px;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid var(--cobalt-dark);background:var(--cobalt);color:white;z-index:var(--z-sticky)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{position:relative;width:42px;height:30px;font-size:0}.brand-mark:before,.brand-mark:after,.brand-mark{background-image:radial-gradient(circle,var(--signal) 0 5px,transparent 5.5px),radial-gradient(circle,var(--teal) 0 5px,transparent 5.5px),radial-gradient(circle,white 0 5px,transparent 5.5px);background-position:1px 15px,15px 4px,29px 15px;background-repeat:no-repeat}.brand strong{font-family:var(--display);font-size:23px;font-variation-settings:"wdth" 110,"wght" 800;letter-spacing:-.025em}.brand small{display:block;font:650 8px/1.2 var(--mono);letter-spacing:.12em;color:oklch(.92 .035 250)}
.privacy{margin:auto;font:650 9px var(--mono);letter-spacing:.1em;color:white}.privacy span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--signal);margin-right:8px;box-shadow:0 0 0 3px oklch(.86 .17 95/.18)}
.local-tab,.clear{min-height:40px;border-radius:10px;font-weight:750;cursor:pointer;white-space:nowrap}.local-tab{color:white;text-decoration:none;border:1px solid oklch(.78 .08 250);padding:10px 14px;font-size:12px}.local-tab:hover{background:oklch(.45 .18 250)}.clear{border:0;background:var(--signal);color:var(--ink);padding:9px 15px}.clear:hover{background:oklch(.9 .17 95)}.clear:disabled{opacity:.55;cursor:not-allowed}
.chat{overflow-y:auto;padding:clamp(24px,4vw,52px) 20px 30px;background:linear-gradient(90deg,var(--surface) 0 1px,transparent 1px) 50% 0/100% 100% no-repeat}
.hero{max-width:1040px;margin:clamp(16px,5vh,62px) auto 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-template-areas:"badge badge" "title prompts" "intro prompts";column-gap:clamp(36px,7vw,100px);align-items:end;animation:instrument-in .6s cubic-bezier(.16,1,.3,1) both}.orb{grid-area:badge;width:74px;height:58px;position:relative;margin:0 0 28px;background:var(--cobalt);border-radius:12px}.orb:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--signal) 0 7px,transparent 7.5px),radial-gradient(circle,var(--teal) 0 7px,transparent 7.5px),radial-gradient(circle,white 0 7px,transparent 7.5px);background-position:13px 29px,30px 13px,48px 29px;background-repeat:no-repeat}.orb i,.orb b{display:none}.eyebrow{grid-area:badge;align-self:end;margin:0 0 6px 94px;font:700 10px var(--mono);letter-spacing:.09em;color:var(--cobalt)}
.hero h1{grid-area:title;font-family:var(--display);font-variation-settings:"wdth" 104,"wght" 800;font-size:clamp(48px,7vw,88px);line-height:.91;letter-spacing:-.035em;text-wrap:balance;margin:0;max-width:760px}.hero h1 em{display:inline-block;font-style:normal;color:var(--cobalt)}.intro{grid-area:intro;max-width:610px;margin:25px 0 0;color:var(--muted);font-size:18px;line-height:1.55;text-wrap:pretty}
.prompts{grid-area:prompts;display:flex;flex-direction:column;border-top:4px solid var(--ink);align-self:stretch}.prompts:before{content:"START WITH A JOB";font:750 10px var(--mono);letter-spacing:.1em;color:var(--muted);padding:14px 2px 10px}.prompts button{display:flex;align-items:center;text-align:left;color:var(--ink);background:transparent;border:0;border-top:1px solid var(--line);padding:17px 4px;cursor:pointer;font-weight:700;line-height:1.25}.prompts button:last-child{border-bottom:1px solid var(--line)}.prompts button:hover{color:var(--cobalt);padding-left:9px}.prompts span{display:grid;place-items:center;width:25px;height:25px;margin-right:12px;background:var(--signal);border-radius:50%;font-family:var(--mono);font-size:12px;color:var(--ink)}
.thread{max-width:920px;margin:auto;padding:8px 0 70px}.message{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:24px 0}.message+.message{border-top:1px solid var(--line)}.avatar{width:42px;height:32px;border-radius:7px;background:var(--surface-strong);display:grid;place-items:center;font:750 9px var(--mono);color:var(--muted)}.assistant .avatar{background:var(--cobalt);color:white;font-family:var(--display);font-size:15px}.message label{font:750 10px var(--mono);letter-spacing:.08em;color:var(--muted)}.message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.68;margin:8px 0 0;font-size:16px;max-width:72ch}.assistant>div:last-child{background:var(--machine);color:oklch(.94 .012 250);border-radius:12px;padding:19px 22px}.assistant label{color:var(--signal)}.message a{color:var(--signal);text-decoration-thickness:1px;text-underline-offset:3px}.cursor{display:inline-block;width:7px;height:18px;background:var(--signal);vertical-align:-3px;margin-left:4px;animation:blink .8s steps(1) infinite}
footer{padding:12px 20px 18px;background:var(--surface);border-top:1px solid var(--line)}.composer{max-width:920px;margin:auto;display:flex;align-items:flex-end;background:white;border:2px solid var(--ink);border-radius:12px;padding:8px 8px 8px 16px;transition:border-color .18s}.composer:focus-within{border-color:var(--cobalt)}.composer textarea{resize:none;max-height:150px;flex:1;border:0;background:transparent;color:var(--ink);padding:10px 6px;min-height:44px}.composer textarea::placeholder{color:oklch(.42 .03 250)}.send{border:0;width:44px;height:44px;border-radius:9px;background:var(--signal);font-size:22px;color:var(--ink);cursor:pointer;font-weight:850}.send:hover{background:oklch(.9 .17 95)}.send:disabled{opacity:.35;cursor:not-allowed}.send.stop{background:var(--danger);color:white}.meta{max-width:910px;margin:9px auto 0;display:flex;justify-content:space-between;color:var(--muted);font:650 8px var(--mono);letter-spacing:.08em}.error{max-width:920px;margin:0 auto 9px;padding:9px 12px;background:oklch(.94 .04 25);color:oklch(.42 .17 25);border-radius:8px;font-weight:700;font-size:13px}
.research-consent{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:grid;place-items:center;background:oklch(.12 .02 250/.78);padding:1rem}.research-consent section{width:min(520px,100%);padding:30px;background:white;border-radius:14px}.research-consent .kicker{display:block;font:750 10px var(--mono);letter-spacing:.09em;color:var(--cobalt)}.research-consent h2{font-family:var(--display);font-size:38px;letter-spacing:-.025em;margin:8px 0}.research-consent p{color:var(--muted);line-height:1.6}.research-consent section>div{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.research-consent button{padding:.75rem 1rem;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:750}.research-consent .allow{background:var(--signal);border-color:var(--signal)}
.loading-progress{position:absolute;display:block;width:8rem;height:8rem;inset:20vh 0 auto;margin:auto}.loading-progress circle{fill:none;stroke:var(--surface-strong);stroke-width:.6rem;transform-origin:50% 50%;transform:rotate(-90deg)}.loading-progress circle:last-child{stroke:var(--cobalt);stroke-dasharray:calc(3.141*80%);animation:spin 1s linear infinite}.loading-progress-text,#blazor-error-ui{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes instrument-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}
@media(max-width:800px){header{padding-inline:16px}.privacy{display:none}.local-tab{margin-left:auto}.hero{display:block;max-width:620px}.eyebrow{margin:-48px 0 38px 92px;min-height:42px;display:flex;align-items:center}.prompts{margin-top:36px}.hero h1{font-size:clamp(48px,13vw,76px)}.intro{font-size:16px}.chat{padding-top:26px}}
@media(max-width:560px){header{height:66px;gap:8px}.shell{grid-template-rows:66px minmax(0,1fr) auto}.brand strong{font-size:19px}.brand small,.local-tab{display:none}.clear span{display:none}.clear{padding-inline:13px;margin-left:auto}.orb{width:64px;height:50px}.eyebrow{font-size:8px;margin:-44px 0 30px 78px}.hero h1{font-size:clamp(43px,14vw,62px)}.prompts{margin-top:28px}.message{grid-template-columns:34px minmax(0,1fr);gap:9px}.avatar{width:30px;height:28px}.assistant>div:last-child{padding:15px}.meta span:nth-child(2){display:none}footer{padding-inline:10px}.chat{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Hosted chat shares the same editorial workbench language as Local Studio. */
:root{--bg:oklch(.985 .004 250);--surface:oklch(.955 .012 250);--surface-strong:oklch(.91 .024 250);--ink:oklch(.18 .025 250);--muted:oklch(.42 .035 250);--cobalt:oklch(.53 .19 250);--cobalt-dark:oklch(.29 .14 250);--signal:oklch(.86 .17 95);--teal:oklch(.69 .13 178);--machine:oklch(.16 .028 250);--line:oklch(.82 .025 250)}
.shell{grid-template-rows:86px minmax(0,1fr) auto;background:var(--bg)}
header{padding:0 clamp(18px,4vw,64px);background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.brand{gap:12px}.brand-mark{width:44px;height:34px;border-radius:9px;background:var(--signal)}.brand-mark:before,.brand-mark:after{display:none}.brand-mark:after{content:"W";display:grid;place-items:center;background:none;color:var(--cobalt-dark);font:850 18px/1 var(--display);letter-spacing:-.08em}.brand strong{color:var(--ink)}.brand small{color:var(--muted)}
.privacy{color:var(--muted);font-size:8px}.privacy span{background:var(--teal);box-shadow:0 0 0 3px oklch(.69 .13 178/.14)}
.local-tab{border:1px solid var(--ink);color:var(--ink);padding:10px 13px;border-radius:7px}.local-tab:hover{background:var(--surface)}
.clear{border-radius:7px;background:var(--signal);box-shadow:4px 4px 0 var(--ink);transition:transform 160ms ease,background 160ms ease}.clear:hover{background:oklch(.9 .17 95);transform:translate(-1px,-1px)}
.chat{padding:clamp(24px,4vw,52px) clamp(18px,4vw,64px) 30px;background:var(--bg)}
.hero{max-width:1120px;margin:clamp(30px,7vh,88px) auto 0;column-gap:clamp(42px,8vw,124px)}
.orb{width:64px;height:52px;border-radius:10px;background:var(--cobalt);box-shadow:7px 7px 0 var(--signal)}.orb:before{background-position:11px 26px,26px 11px,42px 26px}.eyebrow{color:var(--cobalt)}
.hero h1{font-size:clamp(50px,7vw,90px);letter-spacing:-.035em}.hero h1 em{color:var(--cobalt)}
.intro{color:var(--muted)}.prompts{border-top:3px solid var(--ink)}.prompts button{padding:16px 3px}.prompts button:hover{padding-left:9px}.prompts span{border-radius:7px}
.thread{padding-top:20px}.message{padding:22px 0}.avatar{border-radius:8px;background:var(--surface-strong)}.assistant>div:last-child{border-radius:10px;background:var(--machine);padding:18px 21px}
footer{padding:11px clamp(12px,4vw,64px) 18px;background:var(--surface);border-top:1px solid var(--line)}
.composer{border:1px solid var(--ink);border-radius:10px;box-shadow:5px 5px 0 var(--cobalt)}.composer:focus-within{border-color:var(--cobalt);box-shadow:5px 5px 0 var(--signal)}.send{border-radius:7px}
.research-consent section{border-radius:12px;box-shadow:7px 7px 0 var(--cobalt)}
@media(max-width:800px){header{padding-inline:16px}.hero{margin-top:34px}.chat{padding-inline:16px}}
@media(max-width:560px){header{height:66px}.clear{box-shadow:3px 3px 0 var(--ink)}.chat{padding-inline:14px}.hero h1{font-size:clamp(45px,14vw,65px)}.assistant>div:last-child{padding:14px}.composer{box-shadow:4px 4px 0 var(--cobalt)}}
@media(prefers-reduced-motion:reduce){.clear:hover,.composer:focus-within{transform:none;box-shadow:none}}