@layer base{:root{--background0:#fff;--background1:#ddd;--background2:#bbb;--background3:#999;--foreground0:#000;--foreground1:#444;--foreground2:#888;--font-size:16px;--line-height:1.3;--font-weight-bold:700;--font-weight-normal:400;--font-family:monospace;--box-border-color:var(--foreground0);--table-border-color:var(--box-border-color);--separator-color:var(--box-border-color);--separator-background:transparent}[data-webtui-theme=dark]{--background0:#000;--background1:#222;--background2:#444;--background3:#666;--foreground0:#fff;--foreground1:#ccc;--foreground2:#999}body,html{background-color:var(--background0);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height,1.5);font-variant-ligatures:common-ligatures}*{box-sizing:border-box;outline:none;margin:0;padding:0}}@layer utils{@property --box-rounded-radius{syntax:"<length>";inherits:false;initial-value:4px}@property --box-border-width{syntax:"<length>";inherits:false;initial-value:2px}@property --box-double-border-width{syntax:"<length>";inherits:false;initial-value:1px}[box-=square],[box-=round],[box-=double]{isolation:isolate;padding:1lh 1ch;position:relative}[box-=square]:before,[box-=round]:before,[box-=double]:before{content:"";width:calc(100% - 1ch - var(--box-border-width));height:calc(100% - 1lh - var(--box-border-width));border:solid var(--box-border-width) var(--box-border-color);z-index:-1;position:absolute;top:50%;left:50%;translate:-50% -50%}[box-=square][box-=round]:before,[box-=round][box-=round]:before,[box-=double][box-=round]:before{border-radius:var(--box-rounded-radius)}[box-=square][box-=round]:after,[box-=round][box-=round]:after,[box-=double][box-=round]:after{border-radius:calc(var(--box-rounded-radius) + 2px)}[box-=square][box-=double]:before,[box-=round][box-=double]:before,[box-=double][box-=double]:before{border-width:var(--box-double-border-width)}[box-=square][box-=double]:after,[box-=round][box-=double]:after,[box-=double][box-=double]:after{content:"";width:calc(100% - 1ch + var(--box-double-border-width) * 2);height:calc(100% - 1lh + var(--box-double-border-width) * 2);border:solid var(--box-double-border-width) var(--box-border-color);z-index:-1;position:absolute;top:50%;left:50%;translate:-50% -50%}[box-=square][shear-=both],[box-=round][shear-=both],[box-=double][shear-=both]{padding-top:0;padding-bottom:0}[box-=square][shear-=top],[box-=round][shear-=top],[box-=double][shear-=top]{padding-top:0}[box-=square][shear-=bottom],[box-=round][shear-=bottom],[box-=double][shear-=bottom]{padding-bottom:0}}@layer components{h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight-bold)}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{color:inherit;background-color:var(--background1);padding:0 1ch}ol{list-style-position:inside}ol li>ol{margin-left:2ch}ul{list-style-type:none}ul li:before{color:inherit;content:"- "}ul[marker-=bullet] li:before{content:"• "}ul[marker-~=tree] li:before{content:"├ "}ul[marker-~=tree]:not([marker-^=open]) li:first-of-type:before{content:"┌ "}ul[marker-~=tree]:not([marker-$=open]) li:last-of-type:before{content:"└ "}ul li>ul{margin-left:2ch}p,blockquote,li,[is-~=typography-block]{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--foreground1)}p:is(blockquote),blockquote:is(blockquote),li:is(blockquote),[is-~=typography-block]:is(blockquote){padding-left:2ch;position:relative}p:is(blockquote):before,blockquote:is(blockquote):before,li:is(blockquote):before,[is-~=typography-block]:is(blockquote):before{content:"";width:var(--box-border-width,2px);background-color:var(--background2);height:100%;position:absolute;top:0;left:.5ch;translate:-50%}p strong,blockquote strong,li strong,[is-~=typography-block] strong{font-weight:var(--font-weight-bold);color:var(--foreground0)}p a,blockquote a,li a,[is-~=typography-block] a{color:var(--foreground2);text-decoration:underline}p code,blockquote code,li code,[is-~=typography-block] code{background-color:var(--background1);padding-left:1ch;padding-right:1ch;display:inline-block}button,input[type=button],input[type=submit],input[type=reset],[is-~=button]{--button-primary:var(--foreground0);--button-secondary:var(--background0);--mapped-primary:var(--button-primary);--mapped-secondary:var(--button-secondary);color:var(--mapped-secondary);background-color:var(--mapped-primary);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);border:none;outline:none;justify-content:center;align-items:center;padding:0 2ch;display:inline-flex}button[box-],input[type=button][box-],input[type=submit][box-],input[type=reset][box-],[is-~=button][box-]{color:var(--mapped-primary);--box-border-color:var(--mapped-primary);background-color:#0000}button:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus,[is-~=button]:focus{font-weight:700;text-decoration:underline}button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,[is-~=button]:active{--mapped-primary:var(--mapped-secondary);--mapped-secondary:var(--mapped-primary)}button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled,[is-~=button]:disabled{pointer-events:none;text-decoration:line-through}button[size-=small],input[type=button][size-=small],input[type=submit][size-=small],input[type=reset][size-=small],[is-~=button][size-=small]{height:1lh;padding:0 1ch}button:not([size-]):not([box-]),button[size-=default]:not([box-]),input[type=button]:not([size-]):not([box-]),input[type=button][size-=default]:not([box-]),input[type=submit]:not([size-]):not([box-]),input[type=submit][size-=default]:not([box-]),input[type=reset]:not([size-]):not([box-]),input[type=reset][size-=default]:not([box-]),[is-~=button]:not([size-]):not([box-]),[is-~=button][size-=default]:not([box-]){background-color:#0000;background-image:linear-gradient(to bottom,transparent 0,transparent .5lh,var(--mapped-primary) .5lh,var(--mapped-primary) calc(100% - .5lh),transparent calc(100% - .5lh),transparent)}button[size-=large],button[size-=default],button:not([size-]),input[type=button][size-=large],input[type=button][size-=default],input[type=button]:not([size-]),input[type=submit][size-=large],input[type=submit][size-=default],input[type=submit]:not([size-]),input[type=reset][size-=large],input[type=reset][size-=default],input[type=reset]:not([size-]),[is-~=button][size-=large],[is-~=button][size-=default],[is-~=button]:not([size-]){height:3lh}button[variant-=foreground0],button:not([variant-]),input[type=button][variant-=foreground0],input[type=button]:not([variant-]),input[type=submit][variant-=foreground0],input[type=submit]:not([variant-]),input[type=reset][variant-=foreground0],input[type=reset]:not([variant-]),[is-~=button][variant-=foreground0],[is-~=button]:not([variant-]){--button-primary:var(--foreground0);--button-secondary:var(--background0)}button[variant-=foreground1],input[type=button][variant-=foreground1],input[type=submit][variant-=foreground1],input[type=reset][variant-=foreground1],[is-~=button][variant-=foreground1]{--button-primary:var(--foreground1);--button-secondary:var(--background0)}button[variant-=foreground2],input[type=button][variant-=foreground2],input[type=submit][variant-=foreground2],input[type=reset][variant-=foreground2],[is-~=button][variant-=foreground2]{--button-primary:var(--foreground2);--button-secondary:var(--background0)}button[variant-=background0],input[type=button][variant-=background0],input[type=submit][variant-=background0],input[type=reset][variant-=background0],[is-~=button][variant-=background0]{--button-primary:var(--background0);--button-secondary:var(--foreground0)}button[variant-=background1],input[type=button][variant-=background1],input[type=submit][variant-=background1],input[type=reset][variant-=background1],[is-~=button][variant-=background1]{--button-primary:var(--background1);--button-secondary:var(--foreground0)}button[variant-=background2],input[type=button][variant-=background2],input[type=submit][variant-=background2],input[type=reset][variant-=background2],[is-~=button][variant-=background2]{--button-primary:var(--background2);--button-secondary:var(--foreground0)}button[variant-=background3],input[type=button][variant-=background3],input[type=submit][variant-=background3],input[type=reset][variant-=background3],[is-~=button][variant-=background3]{--button-primary:var(--background3);--button-secondary:var(--foreground0)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week],input:not([type]),[is-~=input]{background-color:var(--background1);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);border:none;outline:none;min-width:24ch}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=number]::placeholder,input[type=date]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=month]::placeholder,input[type=time]::placeholder,input[type=week]::placeholder,input:not([type])::placeholder,[is-~=input]::placeholder{color:var(--foreground2)}input[type=text]:not([size-]),input[type=email]:not([size-]),input[type=password]:not([size-]),input[type=search]:not([size-]),input[type=tel]:not([size-]),input[type=url]:not([size-]),input[type=number]:not([size-]),input[type=date]:not([size-]),input[type=datetime]:not([size-]),input[type=datetime-local]:not([size-]),input[type=month]:not([size-]),input[type=time]:not([size-]),input[type=week]:not([size-]),input:not([type]):not([size-]),[is-~=input]:not([size-]){height:1lh;padding:0 1ch}input[type=text][size-=small],input[type=email][size-=small],input[type=password][size-=small],input[type=search][size-=small],input[type=tel][size-=small],input[type=url][size-=small],input[type=number][size-=small],input[type=date][size-=small],input[type=datetime][size-=small],input[type=datetime-local][size-=small],input[type=month][size-=small],input[type=time][size-=small],input[type=week][size-=small],input:not([type])[size-=small],[is-~=input][size-=small]{height:1lh;padding:0}input[type=text][size-=large],input[type=email][size-=large],input[type=password][size-=large],input[type=search][size-=large],input[type=tel][size-=large],input[type=url][size-=large],input[type=number][size-=large],input[type=date][size-=large],input[type=datetime][size-=large],input[type=datetime-local][size-=large],input[type=month][size-=large],input[type=time][size-=large],input[type=week][size-=large],input:not([type])[size-=large],[is-~=input][size-=large]{height:3lh;padding:1lh 2ch}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--color-on-accent:#0a0a0a;--color-accent:#ec4739;--color-accent-muted:#ec473952;--color-bg:#0a0a0a;--color-bg-elevated:#0f0f0f;--color-fg:#e8e8e8;--color-muted:#888;--color-label:#666;--color-border:#272727;--color-grid:#e8e8e813;--terminal-text-size:16px;--background0:var(--color-bg);--background1:var(--color-bg-elevated);--background2:#1a1a1a;--foreground0:var(--color-fg);--foreground1:var(--color-fg);--foreground2:var(--color-muted);--font-family:var(--font-mono);--font-size:16px;--line-height:1.5;--box-border-color:var(--color-border);font-family:var(--font-mono);background:var(--color-bg);color:var(--color-fg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(90deg, var(--color-grid) 1px, transparent 1px), linear-gradient(0deg, var(--color-grid) 1px, transparent 1px), radial-gradient(circle at 20% 0%, #ec473924, transparent 28rem), var(--color-bg);background-size:48px 48px,48px 48px,auto,auto;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{place-items:center;min-height:100vh;padding:clamp(12px,3vw,36px);display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;z-index:0;background-image:url(/brand/topo-bg.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(980px,86vw);height:min(620px,68vh);position:fixed;bottom:-8vh;right:-7vw;transform:rotate(-2deg)}.terminal{z-index:1;border:1px solid var(--color-border);background:#0a0a0aeb;width:min(1120px,100%);height:min(780px,100vh - clamp(24px,6vw,72px));min-height:620px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ec473914,0 36px 120px #00000094}.terminal:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.38;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 4px);position:absolute;inset:0}.terminal-chrome{border-bottom:1px solid var(--color-border);background:#0f0f0fd1;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;height:40px;padding:0 14px;display:grid}.traffic{gap:7px;display:flex}.traffic span{border:1px solid var(--color-label);background:var(--color-bg);width:10px;height:10px}.traffic span:first-child{border-color:var(--color-accent);background:var(--color-accent)}.title{color:var(--color-muted);letter-spacing:.04em;text-transform:lowercase;justify-self:center;font-size:12px}.status{color:var(--color-label);font-size:12px}.status--ready,.status--streaming{color:var(--color-label)}.status strong{color:#cfcfcf;font-weight:500}.terminal-body{height:calc(100% - 40px);font-size:var(--terminal-text-size);scrollbar-color:var(--color-accent) transparent;--row-gap:18px;padding:clamp(16px,3vw,34px);position:relative;overflow:hidden auto;container-type:inline-size}.scrollback{z-index:1;gap:var(--row-gap);flex-direction:column;min-width:0;min-height:100%;display:flex;position:relative}.banner{color:var(--color-accent);letter-spacing:-.03em;white-space:pre;text-shadow:0 0 24px #ec473933;max-width:100%;margin:0 0 2px;font-size:clamp(6px,1.7cqw,15px);line-height:1.02;animation:.9s steps(18,end) 90ms both banner-reveal,1.3s ease-out 90ms both banner-glow;position:relative;overflow:hidden;background:0 0!important;border:0!important;padding:0!important}.banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ec473957,#0000);animation:.82s steps(14,end) .12s both banner-scan;position:absolute;inset:0;transform:translate(-120%)}.boot{color:var(--color-muted);font-size:inherit;gap:6px;line-height:1.5;display:grid}.suggestions{color:var(--color-muted);font-size:inherit;gap:4px;margin:0;line-height:1.5;display:grid}.boot-line:before{content:"[init] ";color:var(--color-label)}.boot-ok{color:var(--color-accent)}.boot-line--active{color:var(--color-muted)}.boot-line--active .cursor{margin-left:6px}.suggestions-title{color:var(--color-muted)}.suggestion-line{color:var(--color-accent);opacity:.9}.suggestion-line:before{content:"  - ";color:var(--color-label)}.prompt{--prompt-label-width:19ch;margin-top:0;line-height:1.5;display:block;position:relative}.prompt-label{color:var(--color-accent);white-space:nowrap;pointer-events:none;position:absolute;inset:0 auto auto 0}.prompt-input-slot{min-width:0;line-height:inherit;display:block;position:relative}.prompt input,.prompt textarea{width:100%;min-height:1.5em;color:var(--color-fg);font:inherit;line-height:inherit;text-indent:var(--prompt-label-width);caret-color:var(--color-accent);caret-shape:block;background:0 0;border:0;border-radius:0;outline:none;padding:0;display:block}.prompt textarea{resize:none;overflow:hidden}.prompt input::placeholder,.prompt textarea::placeholder{color:#e8e8e857;opacity:1}.prompt input:focus,.prompt textarea:focus{box-shadow:none}.utility-button{border:1px solid var(--color-accent);color:var(--color-on-accent);background:var(--color-accent);text-transform:lowercase;padding:10px 12px;transition:transform .12s steps(4,end),filter .12s steps(4,end)}.utility-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.entry{gap:8px;display:grid}.question{color:var(--color-fg)}.question:before{content:"render@localhost > ";color:var(--color-accent)}.answer{color:#9f9f9f;opacity:1;font-size:inherit;text-shadow:0 0 18px #000000e6;max-width:78ch;line-height:1.5}.answer p,.answer h1,.answer h2,.answer h3,.answer h4,.answer h5,.answer h6,.answer blockquote,.answer pre{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 .8em}.answer ul,.answer ol,.answer li,.answer code{font-size:inherit;line-height:inherit;color:inherit}.answer ul,.answer ol{gap:.45em;display:grid}.answer strong,.answer b{color:inherit;font-weight:600}.answer code,.answer a{color:var(--color-accent)}.answer a{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.thinking{color:var(--color-muted);align-items:baseline;gap:8px;display:inline-flex}.thinking:before{content:"[";color:var(--color-label)}.thinking:after{content:"]";color:var(--color-label)}.thinking-label{color:var(--color-muted)}.thinking-dots{gap:4px;display:inline-flex;transform:translateY(-.08em)}.thinking-dots span{background:var(--color-accent);opacity:.28;width:.38em;height:.38em;animation:.96s steps(4,end) infinite thinking-pulse}.thinking-dots span:nth-child(2){animation-delay:.16s}.thinking-dots span:nth-child(3){animation-delay:.32s}.cursor{background:var(--color-accent);width:.62em;height:1.05em;margin:0 4px 0 0;animation:1s step-end infinite cursor-blink;display:inline-block;transform:translateY(.18em)}@keyframes cursor-blink{0%,49%{visibility:visible}50%,to{visibility:hidden}}@keyframes banner-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.3;transform:translateY(4px)}to{clip-path:inset(0);opacity:1;transform:translateY(0)}}@keyframes banner-glow{0%{filter:brightness(.85);text-shadow:0 0 #ec473900}42%{filter:brightness(1.28);text-shadow:0 0 30px #ec47396b}to{filter:brightness();text-shadow:0 0 24px #ec473933}}@keyframes banner-scan{0%{opacity:0;transform:translate(-120%)}18%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes thinking-pulse{0%,to{opacity:.24}50%{opacity:.95}}.reward{border:1px solid var(--color-accent);background:linear-gradient(90deg,#ec47391a,#0000 52%),#0f0f0fc2;gap:12px;width:min(620px,100%);padding:14px;display:grid}.reward-title{color:var(--color-accent);text-transform:lowercase}.invite-loop{width:min(720px,100%);color:var(--color-muted);gap:6px;display:grid}.terminal-link-output{text-overflow:ellipsis;white-space:nowrap;max-width:min(78ch,100%);color:var(--color-accent);text-underline-offset:3px;text-align:left;background:0 0;border:0;justify-self:start;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;overflow:hidden}.terminal-link-output:before{content:"[link] ";color:var(--color-label);text-decoration:none}.invite-loop--expanded{gap:10px}.code{color:var(--color-accent);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 12px #ec473966;font-size:clamp(18px,2.4vw,26px);font-weight:600;line-height:1;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace!important}.redeem-link{color:var(--color-accent);text-underline-offset:3px;font-size:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.muted{color:var(--color-muted)}.command-line{color:var(--color-fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.invite-command{align-items:center;gap:10px;display:flex}.prompt-glyph,.output-prefix{color:var(--color-accent)}.terminal-output{color:var(--color-muted);grid-template-columns:auto 1fr;gap:10px;max-width:60ch;display:grid}.output-prefix:before{content:"[";color:var(--color-label)}.output-prefix:after{content:"]";color:var(--color-label)}.run-command{border:1px solid var(--color-accent);color:var(--color-accent);text-transform:lowercase;background:0 0;flex:none;padding:2px 8px;box-shadow:inset 0 0 0 1px #ec473924}.run-command:hover{background:var(--color-accent);color:var(--color-on-accent)}.run-command:disabled{opacity:.6;cursor:wait}.invite-result{gap:8px;display:grid}.invite-link{width:100%;color:var(--color-accent);text-align:left;background:0 0;border:0;gap:2px;padding:0;display:grid}.invite-link:hover .invite-url{background:var(--color-accent);color:var(--color-on-accent)}.ascii-edge{white-space:nowrap;color:var(--color-accent);opacity:.82;overflow:hidden}.invite-url{color:var(--color-fg);border-left:1px solid var(--color-accent);border-right:1px solid var(--color-accent);white-space:nowrap;text-overflow:ellipsis;background:#0a0a0ab8;padding:8px 10px;transition:color .12s steps(4,end),background .12s steps(4,end);display:block;overflow:hidden}.error{color:#ff9a90}@media (width<=720px){:root{--terminal-text-size:16px}.app-shell{padding:0}.terminal{border:0;width:100%;height:100vh;min-height:100vh}.terminal-body{padding:18px 8px 28px}.banner{font-size:clamp(6px,2.25vw,15px)}.invite-row{grid-template-columns:1fr}.prompt-label{padding-top:0}.app-shell:before{width:120vw;height:46vh;bottom:8vh;right:-34vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
