@layer base,utils,components;@layer base,utils,components;@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;margin:0;padding:0;outline:none}}@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]{position:relative;isolation:isolate;padding:1lh 1ch}[box-=square]:before,[box-=round]:before,[box-=double]:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;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}[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:"";position:absolute;top:50%;left:50%;translate:-50% -50%;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}[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{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);display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 2ch;outline:none}button[box-],input[type=button][box-],input[type=submit][box-],input[type=reset][box-],[is-~=button][box-]{color:var(--mapped-primary);background-color:transparent;--box-border-color: var(--mapped-primary)}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{text-decoration:line-through;pointer-events:none}button[size-=small],input[type=button][size-=small],input[type=submit][size-=small],input[type=reset][size-=small],[is-~=button][size-=small]{padding:0 1ch;height:1lh}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:transparent;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)}}@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:"";position:absolute;top:0;left:.5ch;width:var(--box-border-width, 2px);height:100%;translate:-50%;background-color:var(--background2)}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{text-decoration:underline;color:var(--foreground2)}p code,blockquote code,li code,[is-~=typography-block] code{display:inline-block;background-color:var(--background1);padding-left:1ch;padding-right:1ch}}@layer components{[is-~=badge]{color:var(--badge-text);background-image:linear-gradient(90deg,transparent 0,transparent calc(1ch - 1px),var(--badge-color) calc(1ch - 1px),var(--badge-color) calc(100% - 1ch + 1px),transparent calc(100% - 1ch + 1px),transparent);display:inline-flex;vertical-align:top;white-space:nowrap;height:1lh;line-height:1lh}[is-~=badge][variant-=foreground0],[is-~=badge]:not([variant-]){--badge-color: var(--foreground0);--badge-text: var(--background0)}[is-~=badge][variant-=foreground1]{--badge-color: var(--foreground1);--badge-text: var(--background0)}[is-~=badge][variant-=foreground2]{--badge-color: var(--foreground2);--badge-text: var(--background0)}[is-~=badge][variant-=background0]{--badge-color: var(--background0);--badge-text: var(--foreground0)}[is-~=badge][variant-=background1]{--badge-color: var(--background1);--badge-text: var(--foreground0)}[is-~=badge][variant-=background2]{--badge-color: var(--background2);--badge-text: var(--foreground0)}[is-~=badge][variant-=background3]{--badge-color: var(--background3);--badge-text: var(--foreground0)}[is-~=badge]:before,[is-~=badge]:after{content:"";width:1ch;height:1lh;display:inline-block;vertical-align:middle;background-color:var(--badge-color);overflow:hidden}[is-~=badge][cap-^=round]:before{border-top-left-radius:1lh;border-bottom-left-radius:1lh}[is-~=badge][cap-$=round]:after{border-top-right-radius:1lh;border-bottom-right-radius:1lh}[is-~=badge][cap-^=triangle]:before{clip-path:polygon(100% 0,100% 100%,0 50%)}[is-~=badge][cap-$=triangle]:after{clip-path:polygon(0 0,0 100%,100% 50%)}[is-~=badge][cap-^=slant-top]:before{clip-path:polygon(0 0,100% 0,100% 100%)}[is-~=badge][cap-$=slant-top]:after{clip-path:polygon(0 0,100% 0,0 100%)}[is-~=badge][cap-^=slant-bottom]:before{clip-path:polygon(100% 0,100% 100%,0 100%)}[is-~=badge][cap-$=slant-bottom]:after{clip-path:polygon(0 0,100% 100%,0 100%)}[is-~=badge][cap-^=ribbon]:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,100% 50%)}[is-~=badge][cap-$=ribbon]:after{clip-path:polygon(0 0,100% 0,0% 50%,100% 100%,0% 100%)}}@layer components{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);outline:none;border: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}}@layer components{textarea,[is-~=textarea]{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);outline:none;border:none;resize:vertical;min-width:24ch}textarea::placeholder,[is-~=textarea]::placeholder{color:var(--foreground2)}textarea:not([size-]),[is-~=textarea]:not([size-]){min-height:2lh;padding:0 1ch}textarea[size-=small],[is-~=textarea][size-=small]{min-height:2lh;padding:0}textarea[size-=large],[is-~=textarea][size-=large]{min-height:4lh;padding:1lh 2ch}}@layer components{@property --popover-offset-x{syntax: "<length>"; inherits: true; initial-value: 0;}@property --popover-offset-y{syntax: "<length>"; inherits: true; initial-value: 0;}details[is-~=popover]{--popover-backdrop-color: transparent;position:relative}details[is-~=popover] summary:focus{text-decoration:underline}details[is-~=popover] summary::-webkit-details-marker{display:none}details[is-~=popover] summary::marker{content:"";display:none}details[is-~=popover][open] summary:before{content:"";display:block;width:100vw;height:100vh;position:fixed;inset:0;z-index:1;background-color:var(--popover-backdrop-color)}details[is-~=popover][open] summary+*{position:absolute;z-index:2}details[is-~=popover][open][position-~=baseline-left] summary+*,details[is-~=popover][open]:not([position-]) summary+*{left:0%}details[is-~=popover][open][position-~=baseline-right] summary+*{left:100%;translate:-100%}details[is-~=popover][open][position-~=left] summary+*{left:calc(var(--popover-offset-x) * -1);translate:-100%}details[is-~=popover][open][position-~=right] summary+*{left:calc(100% + var(--popover-offset-x))}details[is-~=popover][open][position-~=baseline-top] summary+*{top:0%}details[is-~=popover][open][position-~=baseline-bottom] summary+*{top:100%;transform:translateY(-100%)}details[is-~=popover][open][position-~=top] summary+*{top:calc(var(--popover-offset-y) * -1);transform:translateY(-100%)}details[is-~=popover][open][position-~=bottom] summary+*,details[is-~=popover][open]:not([position-]) summary+*{top:calc(100% + var(--popover-offset-y))}}@layer components{input[type=checkbox]:not([is-=switch]){appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;position:relative;width:3ch;min-width:initial;vertical-align:text-top;color:var(--foreground2);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);outline:none}input[type=checkbox]:not([is-=switch]):before{content:"";position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;width:3ch;height:1lh;background:var(--background1)}input[type=checkbox]:not([is-=switch]):checked:before{content:"X"}label:has(input[type=checkbox]:not([is-=switch])){display:inline-flex;align-items:flex-start;gap:1ch;max-width:fit-content}label:has(input[type=checkbox]:not([is-=switch]):focus){font-weight:700;text-decoration:underline}input[type=checkbox]:not([is-=switch]):disabled{color:var(--foreground2);pointer-events:none}label:has(input[type=checkbox]:not([is-=switch]):disabled){color:var(--foreground2);text-decoration:line-through}}@layer components{@property --separator-width{syntax: "<length>"; inherits: true; initial-value: 2px;}[is-~=separator]{--separator-bg-fallback: var(--separator-background, transparent);display:inline-flex;position:relative}[is-~=separator][direction-=x],[is-~=separator][direction-=horizontal],[is-~=separator]:not([direction-]){height:1lh;background-image:linear-gradient(0deg,var(--separator-bg-fallback) 0,var(--separator-bg-fallback) calc(.5lh - var(--separator-width) / 2),var(--separator-color) calc(.5lh - (var(--separator-width) / 2)),var(--separator-color) calc(.5lh + (var(--separator-width) / 2)),var(--separator-bg-fallback) calc(.5lh + (var(--separator-width) / 2)),var(--separator-bg-fallback))}[is-~=separator][direction-=x][cap-^=bisect]:before,[is-~=separator][direction-=horizontal][cap-^=bisect]:before,[is-~=separator]:not([direction-])[cap-^=bisect]:before{left:-.5ch}[is-~=separator][direction-=x][cap-$=bisect]:after,[is-~=separator][direction-=horizontal][cap-$=bisect]:after,[is-~=separator]:not([direction-])[cap-$=bisect]:after{right:-.5ch}[is-~=separator][direction-=x][cap-^=edge]:not([cap-=edge]),[is-~=separator][direction-=horizontal][cap-^=edge]:not([cap-=edge]),[is-~=separator]:not([direction-])[cap-^=edge]:not([cap-=edge]){clip-path:inset(0 -.5ch 0 .5ch)}[is-~=separator][direction-=x][cap-$=edge]:not([cap-=edge]),[is-~=separator][direction-=horizontal][cap-$=edge]:not([cap-=edge]),[is-~=separator]:not([direction-])[cap-$=edge]:not([cap-=edge]){clip-path:inset(0 .5ch 0 -.5ch)}[is-~=separator][direction-=x][cap-=edge],[is-~=separator][direction-=horizontal][cap-=edge],[is-~=separator]:not([direction-])[cap-=edge]{clip-path:inset(0 .5ch)}[is-~=separator][direction-=y],[is-~=separator][direction-=vertical]{width:1ch;background-image:linear-gradient(to right,var(--separator-bg-fallback) 0,var(--separator-bg-fallback) calc(.5ch - (var(--separator-width) / 2)),var(--separator-color) calc(.5ch - (var(--separator-width) / 2)),var(--separator-color) calc(.5ch + (var(--separator-width) / 2)),var(--separator-bg-fallback) calc(.5ch + (var(--separator-width) / 2)),var(--separator-bg-fallback))}[is-~=separator][direction-=y][cap-^=bisect]:before,[is-~=separator][direction-=vertical][cap-^=bisect]:before{top:-.5lh}[is-~=separator][direction-=y][cap-$=bisect]:after,[is-~=separator][direction-=vertical][cap-$=bisect]:after{bottom:-.5lh}[is-~=separator][direction-=y][cap-^=edge]:not([cap-=edge]),[is-~=separator][direction-=vertical][cap-^=edge]:not([cap-=edge]){clip-path:inset(.5lh 0 -.5lh 0)}[is-~=separator][direction-=y][cap-$=edge]:not([cap-=edge]),[is-~=separator][direction-=vertical][cap-$=edge]:not([cap-=edge]){clip-path:inset(-.5lh 0 .5lh 0)}[is-~=separator][direction-=y][cap-=edge],[is-~=separator][direction-=vertical][cap-=edge]{clip-path:inset(.5lh 0)}[is-~=separator][cap-]:before,[is-~=separator][cap-]:after{content:"";position:absolute;width:1ch;height:1lh;background-image:inherit}}@layer components{input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;position:relative;width:3ch;min-width:initial;vertical-align:text-top;color:var(--foreground2);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);outline:none}input[type=radio]:before{content:"( )";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:3ch;height:1lh;background:var(--background1)}input[type=radio]:checked:before{content:"(*)"}input[type=radio]:disabled{color:var(--foreground2);pointer-events:none}label:has(input[type=radio]){display:inline-flex;align-items:flex-start;gap:1ch;max-width:fit-content}label:has(input[type=radio]:focus){font-weight:700;text-decoration:underline}label:has(input[type=radio]:disabled){color:var(--foreground2);text-decoration:line-through}}@layer components{pre,[is-~=pre]{--pre-background: var(--background1);background-color:var(--pre-background);white-space:pre-wrap;color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);outline:none;border:none;padding:1lh 1ch}pre[size-=small],[is-~=pre][size-=small]{padding:0 1ch}pre:not([size-]),[is-~=pre]:not([size-]){background-color:transparent;background-image:linear-gradient(to bottom,transparent,transparent .5lh,var(--pre-background) .5lh,var(--pre-background) calc(100% - .5lh),transparent calc(100% - .5lh),transparent)}}@layer components{@property --tooltip-offset-x{syntax: "<length>"; inherits: true; initial-value: 0;}@property --tooltip-offset-y{syntax: "<length>"; inherits: true; initial-value: 0;}@property --tooltip-delay{syntax: "<time>"; inherits: true; initial-value: .5s;}[is-~=tooltip]{position:relative}[is-~=tooltip] [is-~=tooltip-content]{opacity:0;transition:all 0s linear 0s;transform:scale(0);overflow:hidden;position:absolute}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content]{opacity:1;z-index:2;transform:scale(1);transition-delay:var(--tooltip-delay)}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=baseline-left],[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content]:not([position-]),[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=baseline-left],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content]:not([position-]),[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=baseline-left],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content]:not([position-]){left:0%}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=baseline-right],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=baseline-right],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=baseline-right]{left:100%;translate:-100%}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=left],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=left],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=left]{left:calc(var(--tooltip-offset-x) * -1);translate:-100%}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=right],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=right],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=right]{left:calc(100% + var(--tooltip-offset-x))}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=baseline-top],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=baseline-top],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=baseline-top]{top:0%}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=baseline-bottom],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=baseline-bottom],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=baseline-bottom]{top:100%;transform:translateY(-100%)}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=top],[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content]:not([position-]),[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=top],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content]:not([position-]),[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=top],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content]:not([position-]){top:calc(var(--tooltip-offset-y) * -1);transform:translateY(-100%)}[is-~=tooltip]:has([is-~=tooltip-trigger]:hover)>[is-~=tooltip-content][position-~=bottom],[is-~=tooltip]:has([is-~=tooltip-trigger]:focus)>[is-~=tooltip-content][position-~=bottom],[is-~=tooltip]:has([is-~=tooltip-content]:hover)>[is-~=tooltip-content][position-~=bottom]{top:calc(100% + var(--tooltip-offset-y))}}@layer components{@property --table-border-width{syntax: "<length>"; inherits: true; initial-value: 2px;}table{border:none;outline:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);text-align:left;position:relative;border-spacing:0 0}table:before{content:"";position:absolute;top:calc(.5lh - (var(--table-border-width) / 2));left:calc(.5ch - (var(--table-border-width) / 2));width:calc(100% - 1ch - var(--table-border-width));height:calc(100% - 1lh - var(--table-border-width));border:solid var(--table-border-width) var(--table-border-color)}table :first-child>tr:first-child>td,table :first-child>tr:first-child>th{padding-top:1lh}table :first-child>tr:first-child>td:before,table :first-child>tr:first-child>th:before{height:calc(100% - 1lh)}table :last-child>tr:last-child>td:before,table :last-child>tr:last-child>th:before{height:calc(100% + 1lh)}table tr th{font-weight:var(--font-weight-bold)}table tr th,table tr td{position:relative;padding-right:1ch;padding-bottom:1lh}table tr th:first-of-type,table tr td:first-of-type{padding-left:1ch}table tr th:before,table tr td:before{content:"";position:absolute;right:calc(.5ch - var(--table-border-width) / 2);bottom:calc(.5lh - var(--table-border-width) / 2);border-left:solid var(--table-border-width) var(--table-border-color);height:100%}table tr th:after,table tr td:after{content:"";position:absolute;left:calc(.5ch + var(--table-border-width) / 2);bottom:calc(.5lh - var(--table-border-width) / 2);width:100%;border-top:solid var(--table-border-width) var(--table-border-color)}table tr th:last-of-type:after,table tr td:last-of-type:after{width:calc(100% - 1ch)}table thead+tbody tr:first-of-type td,table thead+tbody tr:first-of-type th,table tbody+tfoot tr:first-of-type td,table tbody+tfoot tr:first-of-type th{padding-top:0}}@layer components{input[type=checkbox][is-=switch]{--switch-thumb-color: var(--foreground2);--switch-track-color: var(--background1);--switch-thin-track-width: 2px;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;position:relative;width:4ch;height:1lh;min-width:initial;vertical-align:text-top;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);background-color:transparent;outline:none}input[type=checkbox][is-=switch]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4ch;height:1lh;background:var(--switch-track-color)}input[type=checkbox][is-=switch]:after{content:"";position:absolute;left:0;width:2ch;height:1lh;background:var(--switch-thumb-color)}input[type=checkbox][is-=switch]:checked:after{left:unset;right:0;--switch-thumb-color: var(--foreground0)}input[type=checkbox][is-=switch]:disabled{--switch-thumb-color: var(--background2);pointer-events:none}input[type=checkbox][is-=switch]:disabled:checked:after{--switch-thumb-color: var(--background2)}input[type=checkbox][is-=switch][size-=small]{width:2ch}input[type=checkbox][is-=switch][size-=small]:before{width:2ch}input[type=checkbox][is-=switch][size-=small]:after{width:1ch}input[type=checkbox][is-=switch][bar-=thin]:before{height:.5lh}input[type=checkbox][is-=switch][bar-=line]:before{height:var(--switch-thin-track-width)}label:has(input[type=checkbox][is-=switch]){display:inline-flex;align-items:flex-start;gap:1ch;max-width:fit-content}label:has(input[type=checkbox][is-=switch]:focus){font-weight:700;text-decoration:underline}label:has(input[type=checkbox][is-=switch]:disabled){color:var(--foreground2);text-decoration:line-through}}@layer components{input[type=range]{--range-track-color: var(--background1);--range-thumb-color: var(--foreground2);--range-thumb-color-focus: var(--foreground0);--range-track-height: 2px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;outline:none;min-width:20ch;height:1lh;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);position:relative}input[type=range]::-webkit-slider-runnable-track{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:var(--range-track-height);background:var(--range-track-color);border:none;outline:none}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1ch;height:1lh;background:transparent;border:1px solid var(--range-thumb-color);border-radius:0;box-sizing:border-box;position:relative;top:50%;transform:translateY(-50%)}input[type=range]:not(:disabled):focus::-webkit-slider-thumb,input[type=range]:not(:disabled):active::-webkit-slider-thumb{background:var(--range-thumb-color-focus);border:none}input[type=range]::-moz-range-track{width:100%;height:var(--range-track-height);background:var(--range-track-color);border:none;outline:none}input[type=range]::-moz-range-thumb{width:1ch;height:1lh;background:transparent;border:1px solid var(--range-thumb-color);border-radius:0;box-sizing:border-box}input[type=range]:not(:disabled):focus::-moz-range-thumb,input[type=range]:not(:disabled):active::-moz-range-thumb{background:var(--range-thumb-color-focus);border:none}input[type=range]:disabled{--range-track-color: var(--background2);--range-thumb-color: var(--foreground2);pointer-events:none;opacity:.6}input[type=range][bar-=thick]{--range-track-height: 1lh}input[type=range][bar-=thick]::-webkit-slider-thumb{height:1lh}input[type=range][bar-=thick]::-moz-range-thumb{height:1lh}input[type=range][bar-=line]{--range-track-height: 1px}label:has(input[type=range]){display:inline-flex;align-items:center;gap:1ch;max-width:fit-content}label:has(input[type=range]:focus){font-weight:700;text-decoration:underline}label:has(input[type=range]:disabled){color:var(--foreground2);text-decoration:line-through}}@layer components{@property --dialog-offset-x{syntax: "<length>"; inherits: true; initial-value: 0;}@property --dialog-offset-y{syntax: "<length>"; inherits: true; initial-value: 0;}@property --dialog-max-width{syntax: "<length>"; inherits: true; initial-value: 0;}@property --dialog-max-height{syntax: "<length>"; inherits: true; initial-value: 0;}dialog{--dialog-offset-top: auto;--dialog-offset-right: auto;--dialog-offset-bottom: auto;--dialog-offset-left: auto;background-color:var(--background0);color:var(--foreground0);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);border:none;outline:none;position:absolute;max-width:var(--dialog-max-width);max-height:var(--dialog-max-height);overflow:hidden;inset:var(--dialog-offset-top) var(--dialog-offset-right) var(--dialog-offset-bottom) var(--dialog-offset-left)}dialog[open],dialog:popover-open{display:flex;flex-direction:column}dialog[size-=full]{--dialog-max-width: 100vw;--dialog-max-height: 100vh}dialog[size-=default],dialog:not([size-]){--dialog-max-width: 64ch;--dialog-max-height: 24lh}dialog[size-=small]{--dialog-max-width: 48ch;--dialog-max-height: 16lh}dialog[container-^=auto],dialog:not([container-]){width:auto}dialog[container-^=fill]{width:calc(100% - var(--dialog-offset-x) * 2)}dialog[container-$=auto],dialog:not([container-]){height:auto}dialog[container-$=fill]{height:calc(100% - var(--dialog-offset-y) * 2)}dialog[position-^=start]{--dialog-offset-left: var(--dialog-offset-x);--dialog-offset-right: auto}dialog[position-^=end]{--dialog-offset-left: auto;--dialog-offset-right: var(--dialog-offset-x)}dialog[position-^=center],dialog:not([position-]){--dialog-offset-left: 50%;translate:-50%}dialog[position-$=start]{--dialog-offset-top: var(--dialog-offset-y);--dialog-offset-bottom: auto}dialog[position-$=end]{--dialog-offset-top: auto;--dialog-offset-bottom: var(--dialog-offset-y)}dialog[position-$=center],dialog:not([position-]){--dialog-offset-top: 50%;transform:translateY(-50%)}}@layer components{[is-=spinner]{--spinner-steps: 4;--spinner-chars: "/-\\|";--spinner-duration: 1s;width:1ch;height:1lh;overflow:hidden;position:relative;display:inline-block;vertical-align:top}[is-=spinner][variant-=dots]{--spinner-steps: 8;--spinner-chars: "⣷⣯⣟⡿⢿⣻⣽⣾"}[is-=spinner][variant-=arrows]{--spinner-steps: 8;--spinner-chars: "←↖↑↗→↘↓↙"}[is-=spinner][variant-=cross]{--spinner-steps: 2;--spinner-chars: "+x"}[is-=spinner][variant-=square]{--spinner-steps: 4;--spinner-chars: "◰◳◲◱"}[is-=spinner][variant-=pie]{--spinner-steps: 4;--spinner-chars: "◴◷◶◵"}[is-=spinner][variant-=half]{--spinner-steps: 4;--spinner-chars: "◐◓◑◒"}[is-=spinner][variant-=bar-vertical]{--spinner-steps: 12;--spinner-chars: "▁▃▄▅▆▇█▇▆▅▄▃"}[is-=spinner][variant-=bar-horizontal]{--spinner-steps: 13;--spinner-chars: "▉▊▋▌▍▎▏▎▍▌▋▊▉"}[is-=spinner][speed-=slow]{--spinner-duration: 2s}[is-=spinner][speed-=medium],[is-=spinner][speed-=default],[is-=spinner]:not([speed-]){--spinner-duration: 1s}[is-=spinner][speed-=fast]{--spinner-duration: .5s}[is-=spinner]:before{content:var(--spinner-chars);position:absolute;top:0;left:0;color:inherit;white-space:nowrap;height:1lh;animation:spinner-pan var(--spinner-duration) steps(var(--spinner-steps)) infinite}[is-=spinner][direction-=reverse]:before{animation-direction:reverse}@keyframes spinner-pan{0%{translate:0ch}to{translate:-100%}}}@layer components{@property --progress-value{syntax: "<number>"; inherits: false;}@property --progress-max{syntax: "<number>"; inherits: false;}[is-~=progress]{--progress-value: 0;--progress-max: 100;--progress-value-background: var(--foreground0);--progress-value-color: var(--foreground0);--progress-value-content: "";--progress-empty-background: var(--background1);--progress-empty-color: var(--foreground0);--progress-empty-content: "";width:round(down,100%,1ch);height:1lh;margin:0;background-color:var(--progress-background-empty);color:var(--progress-color-empty);color:transparent;position:relative;vertical-align:top;display:inline-flex}[is-~=progress]:before{content:var(--progress-value-content);position:absolute;top:0;left:0;height:1lh;vertical-align:top;color:var(--progress-value-color);width:round(nearest,calc((var(--progress-value) / var(--progress-max)) * 100%),1ch);overflow:hidden;white-space:nowrap;background-color:var(--progress-value-background);z-index:1}[is-~=progress]:after{content:var(--progress-empty-content);position:absolute;top:0;right:0;height:1lh;vertical-align:top;color:var(--progress-empty-color);overflow:hidden;width:round(up,calc(100% - (var(--progress-value) / var(--progress-max) * 100%)),1ch);white-space:nowrap;background-color:var(--progress-empty-background);z-index:0}}@layer components{details[is-~=accordion][open]::details-content{padding-left:2ch}details[is-~=accordion]>summary:before{content:"˃ "}details[is-~=accordion]>summary::-webkit-details-marker{display:none}details[is-~=accordion]>summary::marker{content:"";display:none}details[is-~=accordion]>summary:focus{text-decoration:underline}details[is-~=accordion][open] summary:before{content:"˅ "}}@layer base{:root{--background0: #050505;--background1: #0b0f14;--background2: #111827;--background3: #1f2937;--foreground0: #d1d5db;--foreground1: #9ca3af;--foreground2: #6b7280;--font-size: 14px;--line-height: 1.55;--font-family: "JetBrains Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;--box-border-color: #1f2937;--green: #22c55e;--blue: #38bdf8;--yellow: #eab308;--red: #ef4444;--purple: #a78bfa;--claude-bg: #0a0a0a;--claude-panel: #111;--claude-highlight: #1a1a1a;--claude-text: #e8e6e0;--claude-muted: #888;--claude-accent: #c9b8ff;--claude-tool: #5c8fbd;--claude-success: #4caf6e;--claude-warning: #e0a84a;--claude-error: #e05c5c}body{min-width:320px}body[data-page=home],body[data-page=about],body[data-page=disclaimer]{opacity:0;transition:opacity .2s ease-out}body[data-mounted]{opacity:1}a{color:inherit;text-decoration:none;transition:opacity .16s ease-out}@media(hover:hover)and (pointer:fine){.nav-links a:hover,.site-footer a:hover{opacity:.7}}}@layer components{.site-header,.site-footer,main{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2ch;padding:2lh 0}.brand{display:inline-flex;align-items:center;gap:1ch}.brand-mark{display:grid;place-items:center;width:5ch;height:2lh;color:var(--green);background:var(--background1);border:1px solid var(--background3)}.brand strong,.brand small{display:block}.brand small,.nav-links,.site-footer{color:var(--foreground1)}.nav-links{display:flex;align-items:center;gap:2ch;font-weight:var(--font-weight-bold)}.hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:4ch;min-height:calc(100vh - 8lh);padding:4lh 0 6lh}.hero-copy{max-width:48ch}.eyebrow{color:var(--green);font-weight:var(--font-weight-bold);text-transform:uppercase}h1{margin:1lh 0;max-width:12ch;color:var(--foreground0);font-size:clamp(42px,6vw,82px);line-height:1}h2{margin-bottom:1lh;font-size:1rem}.hero-subtitle,.seo-section p,.mode-grid p,.legal-copy p{color:var(--foreground1);font-size:1rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:1ch;margin-top:2lh}.primary-button,.mode-grid a,.site-footer a{color:var(--green);font-weight:var(--font-weight-bold);text-decoration:underline}.primary-button{display:inline-block;padding:.55lh 2.5ch;background:var(--background1);border:1px solid var(--background3);color:var(--foreground0);font-weight:var(--font-weight-bold);text-decoration:none;text-align:center;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .16s ease-out}@media(hover:hover)and (pointer:fine){.primary-button:hover{border-color:var(--foreground2)}}.primary-button:active{transform:scale(.97)}.coffee-button{color:var(--yellow);border-color:var(--yellow)}.claude-button{color:var(--claude-accent);border-color:var(--claude-accent)}.codex-button{color:var(--claude-tool);border-color:var(--claude-tool)}.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2ch}.mode-card{position:relative;box-sizing:border-box;display:flex;width:100%;min-height:27lh;overflow:hidden;flex-direction:column;justify-content:space-between;padding:2lh 2.4ch;background:linear-gradient(180deg,rgb(255 255 255 / .035),transparent 38%),var(--background1);border:1px solid var(--background3);transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s cubic-bezier(.23,1,.32,1);will-change:transform}.mode-card:focus-visible{outline:2px solid var(--green);outline-offset:4px}.mode-card:active{transform:scale(.97) translateY(-.12lh)}.mode-card:before{content:"";position:absolute;inset:1ch;pointer-events:none;border:1px solid rgb(255 255 255 / .05)}@media(hover:hover)and (pointer:fine){.mode-card:hover{transform:translateY(-.25lh)}}.mode-card h2{margin:1.2lh 0 0;max-width:13ch;color:var(--foreground0);font-size:clamp(24px,3vw,42px);line-height:1}.mode-card p{color:var(--foreground1);line-height:1.65}.mode-kicker,.mode-command,.mode-cta{position:relative;z-index:1;font-weight:var(--font-weight-bold)}.mode-kicker{text-transform:uppercase}.mode-command{display:block;margin-top:2lh;padding:.65lh 1.2ch;overflow:hidden;background:var(--background0);border:1px solid rgb(255 255 255 / .08);color:var(--foreground0);text-overflow:ellipsis;white-space:nowrap}.mode-cta{display:inline-block;margin-top:1lh;text-decoration:underline;transition:transform .16s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.mode-card:hover .mode-cta{transform:translate(2px)}}.mode-card-claude{border-color:color-mix(in srgb,var(--claude-accent) 55%,var(--background3))}.mode-card-claude .mode-kicker,.mode-card-claude .mode-cta{color:var(--claude-accent)}.mode-card-codex{border-color:color-mix(in srgb,var(--claude-tool) 55%,var(--background3))}.mode-card-codex .mode-kicker,.mode-card-codex .mode-cta{color:var(--claude-tool)}.preview-panel,.mode-grid article{background:var(--background1);border:1px solid var(--background3)}.preview-title{padding:1lh 2ch;color:var(--foreground0);border-bottom:1px solid var(--background3);font-weight:var(--font-weight-bold)}.preview-panel pre{min-height:24lh;overflow:auto;padding:1lh 2ch;color:var(--green);background:var(--background0)}.seo-section,.mode-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(32ch,.72fr);gap:4ch;padding:3lh 0;border-top:1px solid var(--background3)}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-grid article{padding:2lh 2ch}.behavior-grid p{display:flex;justify-content:space-between;gap:2ch;padding-block:.5lh;border-bottom:1px solid var(--background3)}.site-footer{display:flex;justify-content:space-between;gap:2ch;padding:2lh 0;border-top:1px solid var(--background3)}.footer-links{display:flex;gap:3ch}.legal-copy{width:min(82ch,calc(100% - 36px));padding:5lh 0}.about-copy h1{max-width:12ch}.about-actions{display:flex;flex-wrap:wrap;gap:1ch;margin:2lh 0}.contact-card{margin-top:3lh;padding:2lh 2ch;background:var(--background1);border:1px solid var(--background3)}.contact-card p{display:flex;justify-content:space-between;gap:2ch;padding-block:.5lh;border-bottom:1px solid var(--background3)}.contact-card p:last-child{border-bottom:0}.contact-card span{color:var(--foreground2)}}@layer components{body[data-page=simulator]{overflow:hidden;background:var(--background0)}.simulator-shell{position:fixed;inset:0;width:auto;padding:1ch;background:var(--background0)}.terminal{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;padding:0;overflow:auto;background:var(--background0);--box-border-color: #202020;scrollbar-width:none}.terminal::-webkit-scrollbar{display:none}.terminal:before{border-radius:0}.terminal-header{display:grid;grid-template-columns:9ch minmax(0,1fr) 9ch;align-items:center;min-height:2lh;padding:0 2ch;color:var(--foreground1);background:var(--background1);border-bottom:1px solid var(--background3)}.terminal-header h1,.terminal-title{max-width:none;margin:0;overflow:hidden;color:var(--foreground1);font-size:.85rem;line-height:inherit;text-align:center;text-overflow:ellipsis;white-space:nowrap}.terminal-header p{display:none}.terminal-header .terminal-title{display:block}.window-dots{display:flex;gap:1ch}.window-dots span{display:block;width:1ch;height:1lh;color:var(--foreground2)}.window-dots span:before{content:"●"}.window-dots span:nth-child(1){color:var(--red)}.window-dots span:nth-child(2){color:var(--yellow)}.window-dots span:nth-child(3){color:var(--green)}.terminal-body{padding:1lh 2ch;color:var(--foreground0);background:var(--background0)}.terminal-claude{background:var(--claude-bg);--box-border-color: #242424}.terminal-claude .terminal-header{display:none}.terminal-claude .terminal-header h1,.terminal-claude .terminal-title{color:var(--claude-text)}.terminal-claude .terminal-body{background:var(--claude-bg);color:var(--claude-text);font-size:13px;line-height:1.6}.claude-composer{padding:0 2ch .35lh;color:var(--claude-text);background:var(--claude-bg);font-size:13px;line-height:1.35}.claude-working-line{min-height:1lh;color:#d16c4d;line-height:1.45}.claude-working-line[hidden]{display:none}.claude-working-message{color:#d16c4d}.claude-working-kind,.claude-working-tip{color:var(--claude-muted)}.claude-composer-rule{height:1px;margin-block:.2lh;background:#343434}.claude-prompt-row,.claude-status-row{display:flex;align-items:baseline}.claude-prompt-row{min-height:1.35lh;gap:1ch}.claude-prompt{color:var(--claude-accent);font-weight:var(--font-weight-bold)}.composer-input{display:inline;flex:0 1 auto;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:transparent;outline:none}.composer-input:after{content:"_";margin-left:.1ch;color:var(--claude-accent);font-weight:var(--font-weight-bold);animation:blink 1s step-end infinite}.claude-status-row{justify-content:space-between;gap:2ch;color:var(--claude-muted);font-size:12px}.terminal-claude .terminal-line{grid-template-columns:2ch minmax(0,1fr);gap:1ch;padding-block:.15lh}.terminal-claude .line-claude-intro{grid-template-columns:minmax(0,1fr);padding:.65lh 0 1lh}.terminal-claude .line-claude-intro .line-text{grid-column:1 / -1}.terminal-claude .line-permission{grid-template-columns:minmax(0,1fr);padding-block:.55lh}.terminal-claude .line-permission .line-text{grid-column:1 / -1}.claude-intro{color:var(--claude-text);line-height:1.35;white-space:pre}.claude-mark{color:#d16c4d}.claude-intro-title{color:var(--claude-text);font-weight:var(--font-weight-bold)}.claude-intro-notice{color:var(--claude-muted)}.terminal-claude .line-symbol{color:var(--claude-muted);font-weight:var(--font-weight-bold)}.terminal-claude .line-command .line-text{color:var(--claude-text)}.terminal-claude .line-command .line-text:first-line{color:var(--claude-tool)}.terminal-claude .line-thinking .line-symbol,.terminal-claude .line-progress .line-symbol,.terminal-claude .line-thinking .line-text{color:var(--claude-accent)}.terminal-claude .line-tool .line-symbol,.terminal-claude .line-diff .line-symbol,.terminal-claude .line-read .line-symbol,.terminal-claude .line-run .line-symbol{color:var(--claude-tool)}.terminal-claude .line-success .line-symbol,.terminal-claude .line-success .line-text{color:var(--claude-success)}.terminal-claude .line-warning .line-symbol,.terminal-claude .line-permission .line-symbol{color:var(--claude-warning)}.terminal-claude .line-error .line-symbol,.terminal-claude .line-error .line-text{color:var(--claude-error)}.terminal-claude .line-summary .line-symbol,.terminal-claude .line-idle .line-symbol,.terminal-claude .line-summary .line-text,.terminal-claude .line-idle .line-text{color:var(--claude-muted)}.claude-tool-line{color:var(--claude-tool)}.tool-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.25lh 2ch}.tool-key{color:var(--claude-muted)}.tool-string{color:var(--claude-success)}.tool-number{color:var(--claude-warning)}.claude-permission{display:block;color:var(--claude-text)}.claude-permission-rule{height:1lh;overflow:hidden;color:var(--claude-muted);white-space:nowrap}.claude-permission-rule:before{content:"╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌"}.claude-permission-question{padding:1lh 0 .85lh;color:var(--claude-text)}.claude-permission-options{color:var(--claude-text);line-height:1.7}.claude-permission-options .selected{color:var(--claude-accent)}.permission-hint{color:var(--claude-muted)}.claude-diff{display:block;margin:0;padding:0;background:transparent;color:var(--claude-text);line-height:1.05;white-space:pre-wrap}.claude-diff span{display:block;min-height:0;padding-inline:.5ch;line-height:1.05}.claude-diff b{display:inline-block;width:4ch;margin-right:1ch;color:inherit;font-weight:var(--font-weight-normal)}.diff-add{color:var(--claude-success);background:#003f13}.diff-remove{color:var(--claude-error);background:#4a0000}.diff-context{color:var(--claude-muted);background:transparent}.claude-progress span{display:block;margin-bottom:.25lh;color:var(--claude-accent)}.progress-track{height:3px;background:var(--claude-highlight)}.progress-track i{display:block;height:3px;background:var(--claude-accent)}.terminal-line{display:grid;grid-template-columns:3ch minmax(0,1fr);gap:1ch;min-height:1lh;white-space:pre-wrap;word-break:break-word}.line-symbol,.entry-label{color:var(--foreground2);-webkit-user-select:none;user-select:none}.line-command .line-text{color:var(--foreground0)}.line-thinking .line-text,.line-edit .line-text,.entry-edit .entry-label,.entry-card .entry-label,.entry-patch .entry-label{color:var(--purple)}.line-read .line-text,.line-run .line-text,.entry-plan .entry-label,.entry-read .entry-label,.entry-search .entry-label,.entry-run .entry-label,.patch-neutral{color:var(--blue)}.line-success .line-text,.entry-stdout .entry-label,.entry-success .entry-label,.patch-add{color:var(--green)}.line-warning .line-text{color:var(--yellow)}.line-error .line-text,.entry-stderr .entry-label,.entry-error .entry-label,.patch-remove{color:var(--red)}.line-idle .line-text,.entry-idle .entry-label,.entry-idle .entry-body{color:var(--foreground2)}.caret{animation:blink 1s step-end infinite}.terminal-claude .line-codex-intro{grid-template-columns:minmax(0,1fr);padding:.65lh 0 1lh}.terminal-claude .line-codex-intro .line-text{grid-column:1 / -1}.codex-intro{color:var(--claude-text);line-height:1.35;white-space:pre}.codex-mark{color:var(--claude-tool)}}@layer components{.screen-reader-seo{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.noscript-copy{padding:3lh 4ch}@keyframes blink{50%{opacity:0}}@keyframes claude-working-pulse{0%,to{opacity:1}50%{opacity:.42}}}@media(prefers-reduced-motion:reduce){.mode-card,.mode-cta,.primary-button,.nav-links a,.site-footer a{transition-duration:0ms}.mode-card:active,.primary-button:active{transform:none}.caret,.composer-input:after{animation:none}.claude-working-line{animation:none;opacity:.7}}@media(max-width:860px){.hero,.mode-picker,.seo-section,.mode-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:3lh 0}.mode-card{min-height:auto}}@media(max-width:620px){.site-header,.site-footer,.nav-links{align-items:flex-start;flex-direction:column}.simulator-shell{padding:0}.terminal{border:0}.terminal-header{border-left:0;border-right:0}.claude-status-row{align-items:flex-start;flex-direction:column;gap:0}}