@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"Iosevka", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-bold:700;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.left-1\/2{left:50%}.z-10{z-index:10}.z-30{z-index:30}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[570px\]{height:570px}.h-dvh{height:100dvh}.h-full{height:100%}.min-h-0{min-height:0}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[calc\(100svh-64px\)\]{min-height:calc(100svh - 64px)}.min-h-\[calc\(100svh-96px\)\]{min-height:calc(100svh - 96px)}.w-24{width:calc(var(--spacing) * 24)}.w-\[292px\]{width:292px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-3{rotate:-3deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.grid-cols-\[1fr_34px\]{grid-template-columns:1fr 34px}.grid-cols-\[44px_1fr\]{grid-template-columns:44px 1fr}.grid-cols-\[minmax\(0\,1fr\)_48px_48px\]{grid-template-columns:minmax(0,1fr) 48px 48px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-px{gap:1px}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[25px\]{border-radius:25px}.rounded-\[38px\]{border-radius:38px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[10px\]{border-style:var(--tw-border-style);border-width:10px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-\[\#2b5551\]{border-color:#2b5551}.border-\[\#3a4140\]{border-color:#3a4140}.border-\[\#42e8d4\]{border-color:#42e8d4}.border-\[\#42e8d455\]{border-color:#42e8d455}.border-\[\#292d2d\]{border-color:#292d2d}.border-\[\#202526\]{border-color:#202526}.border-\[\#d8ff3e33\]{border-color:#d8ff3e33}.border-\[\#d8ff3e\]{border-color:#d8ff3e}.border-\[\#efff91\]{border-color:#efff91}.border-\[\#ff635d\]{border-color:#ff635d}.bg-\[\#0b0d0e\]{background-color:#0b0d0e}.bg-\[\#0b1514\]{background-color:#0b1514}.bg-\[\#0c0e0f\]{background-color:#0c0e0f}.bg-\[\#0c0f10\]{background-color:#0c0f10}.bg-\[\#0d0f10\]{background-color:#0d0f10}.bg-\[\#0d1011\]{background-color:#0d1011}.bg-\[\#0e1011\]{background-color:#0e1011}.bg-\[\#090a0b\]{background-color:#090a0b}.bg-\[\#090a0bf2\]{background-color:#090a0bf2}.bg-\[\#171a1b\]{background-color:#171a1b}.bg-\[\#292d2d\]{background-color:#292d2d}.bg-\[\#071817\]{background-color:#071817}.bg-\[\#101213\]{background-color:#101213}.bg-\[\#111415\]{background-color:#111415}.bg-\[\#121609\]{background-color:#121609}.bg-\[\#131617\]{background-color:#131617}.bg-\[\#141718\]{background-color:#141718}.bg-\[\#151819\]{background-color:#151819}.bg-\[\#181415\]{background-color:#181415}.bg-\[\#202526\]{background-color:#202526}.bg-\[\#d8ff3e\]{background-color:#d8ff3e}.bg-\[\#ffbd4a\]{background-color:#ffbd4a}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1{padding-top:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-\[\#8d9692\]{color:#8d9692}.text-\[\#9eb8b4\]{color:#9eb8b4}.text-\[\#42e8d4\]{color:#42e8d4}.text-\[\#73e08c\]{color:#73e08c}.text-\[\#68706d\]{color:#68706d}.text-\[\#080909\]{color:#080909}.text-\[\#b5bdb9\]{color:#b5bdb9}.text-\[\#d8ff3e\]{color:#d8ff3e}.text-\[\#dfe6e2\]{color:#dfe6e2}.text-\[\#f4f2eb\]{color:#f4f2eb}.text-\[\#ff635d\]{color:#ff635d}.text-\[\#ffbd4a\]{color:#ffbd4a}.text-\[\#ffecea\]{color:#ffecea}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.shadow-\[3px_3px_0_\#42e8d4\]{--tw-shadow:3px 3px 0 var(--tw-shadow-color,#42e8d4);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[4px_4px_0_\#42e8d4\]{--tw-shadow:4px 4px 0 var(--tw-shadow-color,#42e8d4);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[18px_22px_0_\#00000080\]{--tw-shadow:18px 22px 0 var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-none{--tw-outline-style:none;outline-style:none}.\[text-shadow\:4px_4px_0_\#42e8d4\]{text-shadow:4px 4px #42e8d4}.selection\:bg-\[\#d8ff3e\] ::selection{background-color:#d8ff3e}.selection\:bg-\[\#d8ff3e\]::selection{background-color:#d8ff3e}.selection\:text-\[\#090a0b\] ::selection{color:#090a0b}.selection\:text-\[\#090a0b\]::selection{color:#090a0b}@media(hover:hover){.hover\:translate-x-px:hover{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-y-px:hover{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#42e8d4\]:hover{border-color:#42e8d4}.hover\:bg-\[\#42e8d4\]:hover{background-color:#42e8d4}.hover\:text-\[\#42e8d4\]:hover{color:#42e8d4}.hover\:text-\[\#071817\]:hover{color:#071817}.hover\:shadow-\[2px_2px_0_\#42e8d4\]:hover{--tw-shadow:2px 2px 0 var(--tw-shadow-color,#42e8d4);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[\#d8ff3e\]:focus{border-color:#d8ff3e}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#d8ff3e26\]:focus{--tw-ring-color:#d8ff3e26}@media(min-width:40rem){.sm\:grid{display:grid}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:pr-8{padding-right:calc(var(--spacing) * 8)}.md\:pl-8{padding-left:calc(var(--spacing) * 8)}}@media(min-width:64rem){.lg\:absolute{position:absolute}.lg\:right-16{right:calc(var(--spacing) * 16)}.lg\:bottom-7{bottom:calc(var(--spacing) * 7)}.lg\:mt-0{margin-top:0}.lg\:flex{display:flex}.lg\:min-h-\[760px\]{min-height:760px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[\.75fr_1\.25fr\]{grid-template-columns:.75fr 1.25fr}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(400px\,\.85fr\)\]{grid-template-columns:minmax(0,1fr) minmax(400px,.85fr)}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:pr-\[410px\]{padding-right:410px}.lg\:text-left{text-align:left}}@media(min-width:80rem){.xl\:right-24{right:calc(var(--spacing) * 24)}.xl\:text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}}}:root{color:#f4f2eb;font-synthesis:none;--ink:#f4f2eb;--muted:#8d9692;--dim:#5f6764;--line:#292d2d;--line-bright:#3a4140;--void:#090a0b;--panel:#0e1011;--surface:#141718;--raised:#1b1f20;--acid:#d8ff3e;--coral:#ff635d;--cyan:#42e8d4;--amber:#ffbd4a;--red:#ff4d58;--green:#73e08c;--opencode-agent-secondary:#5c9cf5;--opencode-agent-accent:#9d7cd8;--opencode-agent-success:#7fd88f;--opencode-agent-warning:#f5a742;--opencode-agent-primary:#fab283;--opencode-agent-error:#e06c75;--opencode-agent-info:#56b6c2;--mono:"Iosevka", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;background:#090a0b;font-family:Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}html{color-scheme:dark;width:100%;height:100%;overflow:hidden}body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--void);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}.ui-button{min-height:40px;font-family:var(--mono);text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.ui-button__icon{flex:0 0 17px;place-items:center;width:17px;height:17px;display:inline-grid}.ui-button__icon>svg{display:block}.ui-button--loading:not(.ui-button--icon){position:relative}.ui-button--loading-no-start-icon:not(.ui-button--icon)>.ui-button__icon{position:absolute;left:15px}.ui-button--secondary{color:var(--muted);border:1px solid var(--line-bright);background:0 0}.ui-button--secondary:not(:disabled):hover{color:var(--ink);border-color:var(--muted);background:var(--raised)}.ui-button--primary{color:#080909;background:var(--acid);box-shadow:3px 3px 0 var(--cyan);border:1px solid #efff91}.ui-button--primary:not(:disabled):hover{box-shadow:2px 2px 0 var(--cyan);border-color:#fff;transform:translate(1px,1px)}.ui-button--danger{color:#fff;border:1px solid var(--coral);background:#33191a;height:38px;min-height:38px;padding:0 12px}.ui-button--danger:not(:disabled):hover{color:#110909;background:var(--coral)}.ui-button--permission{color:#ffe8bb;background:#38270c;border:1px solid #8f6828;font-size:10px}.ui-button--permission:not(:disabled):hover{color:#171006;background:var(--amber)}.ui-button--sm{gap:5px;height:34px;min-height:34px;padding:0 10px;font-size:10px}.ui-button--icon{width:36px;height:36px;min-height:36px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.ui-button--icon:not(:disabled):hover{color:var(--ink);border-color:var(--line-bright);background:var(--raised)}.ui-button--icon.ui-button--primary{color:#080909;background:var(--acid);box-shadow:3px 3px 0 var(--cyan);border-color:#efff91}.ui-button--icon.ui-button--primary:not(:disabled):hover{background:var(--acid);box-shadow:2px 2px 0 var(--cyan);border-color:#fff}.ui-button--icon.ui-button--permission{color:#ffe8bb;background:#38270c;border-color:#8f6828}.ui-button--icon.ui-button--permission:not(:disabled):hover{color:#171006;background:var(--amber);border-color:#8f6828}.ui-button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.text-\[7px\]{font-size:8px}.text-\[8px\]{font-size:9px}.text-\[9px\]{font-size:10px}.text-\[10px\]{font-size:11px}.text-\[11px\]{font-size:12px}.app-shell{grid-template-rows:calc(64px + env(safe-area-inset-top)) minmax(0,1fr);background:var(--void);display:grid;position:fixed;inset:0;overflow:hidden}.topbar{min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 24px 0;color:var(--ink);border-bottom:1px solid var(--line-bright);background:#0b0d0e;justify-content:space-between;align-items:center;display:flex;position:relative}.topbar:after{content:"";background:var(--acid);height:2px;position:absolute;bottom:-1px;left:0;right:0}.brand-lockup{font-family:var(--mono);align-items:center;gap:13px;font-size:13px;display:flex}.brand-mark{color:#080909;background:var(--acid);width:34px;height:34px;box-shadow:4px 4px 0 var(--cyan);border:1px solid #f2ff9b;border-radius:4px;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-3deg)}.brand-mark.large{width:54px;height:54px;box-shadow:6px 6px 0 var(--coral);border-radius:5px}.connection-state{min-width:70px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;display:flex}.connection-state.online{color:var(--acid)}.connection-state.unstable{color:var(--amber)}.connection-button{color:inherit;font:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.connection-button:hover{color:var(--ink)}.connection-overlay{z-index:50;background:#0009;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.connection-dialog{border:1px solid var(--line-bright);background:var(--panel);border-radius:5px;flex-direction:column;width:min(460px,100%);max-height:calc(100dvh - 36px);display:flex;box-shadow:8px 8px #0009}.connection-dialog>header,.connection-dialog>footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.connection-dialog>header h2{font-family:var(--mono);margin:0;font-size:14px}.connection-dialog>footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:8px}.connection-dialog-body{min-height:0;overflow-y:auto}.connection-dialog>footer>.ui-button{border-radius:6px;min-width:112px;height:40px;padding:0 18px}.connection-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;font-size:13px;display:grid}.connection-row span,.connection-row b{flex-direction:column;gap:4px;min-width:0;display:flex}.connection-row b{color:var(--acid);font-family:var(--mono);text-align:right;font-size:11px}.connection-row.unstable b,.connection-row.unstable b small{color:var(--amber)}.connection-row small{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.connection-row code{font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection-row>span,.connection-row>b{overflow:hidden}.new-session-body{flex-direction:column;gap:8px;padding:18px 16px 20px;display:flex}.new-session-body label{color:var(--cyan);font-family:var(--mono);text-transform:uppercase;font-size:10px;font-weight:700}.new-session-body select{width:100%;height:42px;color:var(--ink);border:1px solid var(--line-bright);background:var(--surface);font-family:var(--mono);border-radius:4px;outline:none;padding:0 36px 0 12px;font-size:12px}.new-session-body select:focus{border-color:var(--acid);box-shadow:0 0 0 2px #d8ff3e26}.new-session-body>small{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.new-session-body .form-error{margin-bottom:0;line-height:1.5}.notification-button{width:30px;height:30px;color:var(--muted);border:1px solid var(--line-bright);background:var(--surface);border-radius:4px;place-items:center;margin-left:7px;padding:0;display:grid}.notification-button.enabled{color:#080909;border-color:var(--acid);background:var(--acid)}.workspace-layout{grid-template-columns:minmax(320px,400px) minmax(0,1fr);min-height:0;display:grid}.session-panel{border-right:1px solid var(--line-bright);background:#0c0e0f;min-width:0;overflow:auto}.relay-summary{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:112px;padding:21px 20px;display:grid}.relay-summary h1{font-family:var(--mono);letter-spacing:0;margin:0 0 7px;font-size:18px}.relay-summary p{max-width:240px;color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.machine-icon{width:43px;height:43px;color:var(--acid);border:1px solid var(--line-bright);box-shadow:inset 3px 0 0 var(--acid);background:#151819;border-radius:5px;place-items:center;display:grid}.section-heading{height:48px;color:var(--acid);border-bottom:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;background:#111415;justify-content:space-between;align-items:center;padding:0 15px 0 20px;font-size:11px;display:flex}.section-actions{align-items:center;gap:2px;display:flex}.session-legend{min-height:58px;color:var(--muted);border-bottom:1px solid var(--line);font-family:var(--mono);background:#0d1011;flex-wrap:wrap;align-content:center;gap:7px 13px;padding:8px 16px;font-size:10px;display:flex}.session-legend>span{align-items:center;gap:6px;display:inline-flex}.session-legend .status-dot{width:7px;height:7px}.session-list{min-height:calc(100% - 218px)}.workspace-group,.session-row{content-visibility:auto;contain-intrinsic-size:auto 84px}.workspace-group{border-bottom:1px solid var(--line-bright)}.workspace-heading{width:100%;min-height:52px;color:var(--cyan);text-align:left;border:0;border-bottom:1px solid var(--line);background:#111516;grid-template-columns:18px minmax(0,1fr) auto 18px;align-items:center;gap:9px;padding:8px 15px 8px 20px;display:grid}.workspace-heading:hover{background:#171b1c}.workspace-heading>span{flex-direction:column;gap:3px;min-width:0;display:flex}.workspace-heading strong,.workspace-heading small{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-heading strong{color:var(--ink);font-size:12px}.workspace-heading small{color:var(--muted);font-size:10px}.workspace-heading>b{color:#080909;background:var(--cyan);min-width:22px;font-family:var(--mono);text-align:center;border-radius:8px;padding:3px 6px;font-size:10px}.workspace-heading>svg:last-child{transition:transform .15s}.workspace-heading>svg:last-child.collapsed{transform:rotate(-90deg)}.session-row{width:100%;min-height:84px;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:10px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:14px 15px 14px 20px;display:grid;position:relative}.session-row:before{content:"";background:0 0;width:3px;position:absolute;top:0;bottom:0;left:0}.session-row:hover{background:#151819}.session-row.selected{background:#1a1e1e}.session-row.selected:before{background:var(--acid)}.status-dot{background:var(--dim);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.idle{background:var(--muted);box-shadow:0 0 0 3px #8d96921c}.status-dot.busy,.status-dot.retry{background:var(--amber);box-shadow:0 0 0 4px #ffbd4a24}.status-dot.error{background:var(--red)}.status-dot.needs-input{background:var(--cyan);animation:1.15s ease-in-out infinite attention-pulse}@keyframes attention-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px #42e8d426}50%{transform:scale(1.18);box-shadow:0 0 0 7px #42e8d40d}}.session-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.session-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.session-copy>span{color:var(--muted);font-family:var(--mono);align-items:center;gap:6px;font-size:11px;display:flex}.session-copy>span svg{flex:none}.session-copy>span i{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.session-meta{color:var(--muted);font-family:var(--mono);flex-direction:column;align-items:flex-end;gap:9px;font-size:11px;display:flex}.diff-count{font-style:normal}.diff-count b,.change-row b{color:var(--green)}.diff-count i,.change-row i{color:var(--coral);margin-left:6px;font-style:normal}.detail-panel{background-color:var(--void);background-image:linear-gradient(#1b20201f 1px,#0000 1px),linear-gradient(90deg,#1b20201f 1px,#0000 1px);background-size:28px 28px;min-width:0;overflow:hidden}.detail-placeholder{height:100%;color:var(--dim);text-align:center;place-content:center;justify-items:center;display:grid}.detail-placeholder svg{color:var(--acid);filter:drop-shadow(5px 5px #42e8d444)}.detail-placeholder h2{color:var(--ink);font-family:var(--mono);margin:18px 0 6px;font-size:16px}.detail-placeholder p{color:var(--muted);margin:0;font-size:12px}.session-detail{background:#090a0be8;flex-direction:column;height:100%;display:flex}.detail-header{border-bottom:1px solid var(--line);background:#101213f5;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:14px 24px;display:grid}.detail-header h2{max-width:700px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.detail-header p{max-width:700px;color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:11px;overflow:hidden}.title-line{align-items:center;gap:11px;display:flex}.back-button{display:none}.detail-actions{align-items:center;gap:9px;display:flex}.agent-control{position:relative}.agent-picker{width:200px;height:38px;color:var(--agent-color,var(--cyan));text-align:left;border:1px solid var(--line-bright);border-left:3px solid var(--agent-color,var(--cyan));background:var(--surface);border-radius:4px;grid-template-columns:6px 16px minmax(0,1fr) 14px;align-items:center;gap:7px;padding:0 9px;display:grid}.agent-picker:hover,.agent-picker[aria-expanded=true]{border-color:var(--agent-color,var(--cyan));background:var(--raised)}.agent-picker>span:not(.agent-picker-color){color:var(--ink);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.agent-picker-color{background:var(--agent-color,var(--cyan));border-radius:2px;width:6px;height:22px}.agent-menu{z-index:20;border:1px solid var(--cyan);background:#111516;border-radius:5px;width:min(320px,100vw - 24px);max-height:min(420px,60vh);padding:5px;position:absolute;top:42px;right:0;overflow:auto;box-shadow:8px 8px #0009}.agent-menu>button{width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:3px;grid-template-columns:9px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:8px 10px;display:grid}.agent-menu>button:hover,.agent-menu>button.selected{border-color:var(--line-bright);background:var(--raised)}.agent-menu>button.selected{color:var(--agent-color,var(--acid));border-color:var(--agent-color,var(--line-bright))}.agent-menu>button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.agent-menu strong{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.agent-menu small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.agent-color{border-radius:2px;width:7px;height:26px}.tabs{border-bottom:1px solid var(--line);background:#0e1011f5;flex:none;gap:6px;height:46px;padding:6px 20px 0;display:flex;overflow-x:auto}.tabs button{min-width:90px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:4px 4px 0 0;flex:none;padding:0 14px;font-size:11px;position:relative}.tabs button.active{color:#080909;border-color:var(--acid);background:var(--acid)}.tabs span{min-width:18px;color:var(--ink);background:#ffffff20;border-radius:8px;margin-left:5px;padding:2px 5px;font-size:10px;display:inline-block}.tabs button.active span{color:#080909;background:#0809091c}.work-strip{height:36px;color:var(--acid);font-family:var(--mono);text-transform:uppercase;background:#121609;border-bottom:1px solid #d8ff3e30;align-items:center;gap:10px;padding:0 24px;font-size:11px;display:flex}.work-pulse{align-items:flex-end;gap:3px;height:14px;display:flex}.work-pulse i{background:var(--acid);width:3px;height:5px;animation:.9s ease-in-out infinite alternate work-pulse;display:block}.work-pulse i:nth-child(2){height:10px;animation-delay:.18s}.work-pulse i:nth-child(3){height:7px;animation-delay:.36s}@keyframes work-pulse{to{background:var(--cyan);height:14px}}.detail-content{scrollbar-color:var(--line-bright) transparent;flex:1;min-height:0;overflow:auto}.detail-content.subagent-content{min-height:0;overflow:hidden}.subagent-view{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(190px,280px) minmax(0,1fr);height:100%;min-height:0;display:grid}.subagent-list{min-height:0;overflow-y:auto}.subagent-messages{flex-direction:column;min-height:0;display:flex;overflow:hidden}.subagent-messages>.work-strip{flex:none}.subagent-message-scroll{scrollbar-color:var(--line-bright) transparent;flex:auto;min-height:0;overflow-y:auto}.subagent-list{border-right:1px solid var(--line)}.subagent-list button{width:100%;min-height:72px;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:10px minmax(0,1fr);gap:8px;padding:12px;display:grid}.subagent-list button.selected{background:var(--raised)}.subagent-list strong,.subagent-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.subagent-list small{color:var(--muted);font-family:var(--mono);grid-column:2;font-size:10px}@media(max-width:640px){.subagent-view{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.subagent-list{border-right:0;border-bottom:1px solid var(--line);max-height:132px}}.message-list{width:100%;min-width:0;max-width:920px;margin:0 auto;padding:24px 30px 48px}.subagent-message-scroll>.message-list{width:100%;min-width:0;overflow:visible}.message{width:100%;min-width:0;max-width:100%;margin:0 0 22px;display:flex}.message-frame{grid-template-columns:34px minmax(0,1fr);gap:13px;width:100%;min-width:0;max-width:100%;display:grid}.message-sigil{border-radius:4px;place-items:center;width:31px;height:31px;display:grid}.message-body{width:100%;min-width:0;max-width:100%}.message-time{color:var(--muted);font-family:var(--mono);margin-bottom:7px;font-size:10px;display:block}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;font-size:13px;line-height:1.68}.message p:last-child{margin-bottom:0}.markdown{width:100%;min-width:0;max-width:100%}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.message .markdown p{white-space:normal}.markdown :where(p,h1,h2,h3,h4,ul,ol,li,blockquote,a,code){overflow-wrap:anywhere;word-break:break-word}.markdown h1,.markdown h2,.markdown h3,.markdown h4{max-width:100%;color:var(--ink);font-family:var(--mono);letter-spacing:0;margin:20px 0 9px;line-height:1.25}.markdown h1{font-size:18px}.markdown h2{font-size:16px}.markdown h3,.markdown h4{font-size:14px}.markdown ul,.markdown ol{max-width:100%;margin:10px 0 14px;padding-left:24px;font-size:13px;line-height:1.65}.markdown li+li{margin-top:4px}.markdown a{max-width:100%;color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.markdown blockquote{color:#b9c6c1;border-left:3px solid var(--cyan);background:#091817;max-width:100%;margin:14px 0;padding:8px 13px}.markdown code{color:#baf6ef;font-family:var(--mono);background:#071817;border-radius:3px;padding:2px 5px;font-size:.9em}.markdown pre{white-space:pre;background:#070b0c;border:1px solid #42e8d440;border-radius:4px;width:100%;min-width:0;max-width:100%;margin:14px 0;padding:13px;overflow:auto}.markdown pre code{overflow-wrap:normal;color:#d8e4df;white-space:pre;word-break:normal;background:0 0;padding:0;font-size:12px;line-height:1.6}.markdown table{border-collapse:collapse;width:100%;min-width:0;max-width:100%;margin:14px 0;font-size:12px;display:block;overflow:auto hidden}.markdown th,.markdown td{border:1px solid var(--line-bright);text-align:left;padding:7px 9px}.markdown th{color:var(--acid);font-family:var(--mono);background:#171b19}.markdown hr{background:var(--line-bright);border:0;height:1px;margin:18px 0}.message.assistant,.message.system{justify-content:flex-start}.message.assistant .message-frame,.message.system .message-frame{color:#e8ece7;border:1px solid var(--line-bright);border-left:4px solid var(--acid);background:#131617f5;border-radius:0 6px 6px 0;width:min(100%,820px);padding:18px 20px 18px 15px;box-shadow:7px 7px #0005}.message.assistant .message-sigil,.message.system .message-sigil{color:#080909;background:var(--acid)}.message.user{justify-content:flex-end}.message.user .message-frame{max-width:min(76%,650px);color:var(--ink);border:1px solid #4a3435;border-right:4px solid var(--coral);background:#181415f5;border-radius:6px 0 0 6px;grid-template-columns:minmax(0,1fr) 34px;padding:14px 10px 14px 18px;box-shadow:-6px 6px #ff635d1c}.message.user .message-sigil{color:#180b0b;background:var(--coral);grid-area:1/2}.message.user .message-body{grid-area:1/1}.message.user p{color:#ffecea;font-weight:620}.delivery-flag{color:var(--amber);font-family:var(--mono);text-transform:uppercase;background:#291c08;border:1px solid #ffbd4a55;border-radius:3px;align-items:center;gap:5px;margin:0 0 8px;padding:3px 6px;font-size:10px;display:inline-flex}.tool-line{min-height:40px;color:var(--cyan);border:1px solid #42e8d440;border-left:2px solid var(--cyan);font-family:var(--mono);background:#071817;align-items:center;gap:10px;margin:8px 0;padding:9px 11px;font-size:12px;display:flex}.tool-line span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tool-line small{color:var(--muted);text-transform:uppercase}.tool-details{width:100%;min-width:0;max-width:100%;margin:8px 0}.tool-details>summary{cursor:pointer;list-style:none}.tool-details>summary::-webkit-details-marker{display:none}.tool-details[open]>summary{border-color:var(--cyan);margin-bottom:0}.tool-chevron{flex:none;transition:transform .15s}.tool-details[open] .tool-chevron{transform:rotate(180deg)}.tool-line .diff-available{color:#080909;background:var(--acid);border-radius:3px;padding:2px 5px}.tool-content{background:#090d0e;border:1px solid #42e8d440;border-top:0;width:100%;min-width:0;max-width:100%;overflow:hidden}.tool-content section{border-bottom:1px solid var(--line);width:100%;min-width:0;max-width:100%;padding:11px}.tool-content section:last-child{border-bottom:0}.tool-content section>strong{color:var(--acid);font-family:var(--mono);text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.tool-content pre{color:#cbd7d2;width:100%;min-width:0;max-width:100%;max-height:360px;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#050809;border-radius:3px;margin:0;padding:10px;font-size:12px;line-height:1.55;overflow:auto}.tool-content code{font:inherit}.tool-diff pre{white-space:pre}.tool-diff code{width:max-content;min-width:100%;display:block}.tool-diff code>span{min-height:1.55em;display:block}.tool-diff .added{color:#b7f8c5;background:#17351f}.tool-diff .removed{color:#ffb6b1;background:#3b191a}.tool-diff .hunk{color:#9ceee5;background:#0b2927}.change-list{max-width:920px;margin:0 auto;padding:16px 24px 40px}.change-entry{border-bottom:1px solid var(--line);background:#111415c9}.change-entry>summary{list-style:none}.change-entry>summary::-webkit-details-marker{display:none}.change-row{cursor:pointer;grid-template-columns:72px minmax(0,1fr) auto 16px;align-items:center;gap:12px;min-height:52px;padding:0 13px;display:grid}.change-row:hover{background:var(--raised)}.change-row code{min-width:0;color:var(--cyan);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.change-row span{font-family:var(--mono);flex:none;font-size:12px}.change-row>svg{color:var(--muted);transition:transform .15s}.change-entry[open] .change-row>svg{transform:rotate(180deg)}.change-status{color:var(--muted);border:1px solid var(--line-bright);font-family:var(--mono);text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:3px 5px;font-size:9px;overflow:hidden}.change-status.added{color:var(--green);border-color:#73e08c66}.change-status.deleted{color:var(--coral);border-color:#ff635d66}.change-status.untracked{color:var(--amber);border-color:#ffbd4a66}.change-patch{border-top:1px solid var(--line);background:#080b0c;overflow:hidden}.change-patch pre{color:#cbd7d2;max-height:520px;font-family:var(--mono);white-space:pre;margin:0;padding:14px;font-size:11px;line-height:1.55;overflow:auto}.change-patch p,.change-notice{color:var(--muted);font-family:var(--mono);margin:0;padding:14px;font-size:11px;line-height:1.5}.change-patch p{align-items:center;gap:8px;display:flex}.change-notice{color:var(--amber);background:#211707;border:1px solid #ffbd4a55}.todo-list{max-width:920px;margin:0 auto;padding:16px 24px 40px}.todo-row{border-bottom:1px solid var(--line);background:#111415c9;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:8px 13px;font-size:12px;display:grid}.todo-row.in_progress{border-left:3px solid var(--cyan)}.todo-row.completed{color:var(--muted)}.todo-row.cancelled{color:var(--dim);text-decoration:line-through}.todo-mark{width:22px;height:22px;color:var(--cyan);border:1px solid var(--line-bright);border-radius:3px;place-items:center;display:grid}.todo-row.completed .todo-mark{color:#08100a;border-color:var(--green);background:var(--green)}.todo-row small{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:10px}.input-dock{border-top:1px solid var(--line-bright);background:#0d0f10f7;flex:none;position:relative}.input-dock.subagent-dock{min-height:0;max-height:min(52dvh,max(0px,calc(100dvh - 356px - env(safe-area-inset-top))));overscroll-behavior:contain;overflow:hidden auto}.subagent-dock .permission-panel,.subagent-dock .question-panel{max-height:none}.subagent-dock .permission-panel,.subagent-dock .question-panel:not(.collapsed){overflow:visible}.composer{padding:13px 22px calc(14px + env(safe-area-inset-bottom));background:#0d0f10f7;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:10px;display:grid}.composer textarea{resize:none;width:100%;height:42px;min-height:42px;max-height:82px;color:var(--ink);caret-color:var(--acid);border:1px solid var(--line-bright);font-family:var(--mono);background:#171a1b;border-radius:4px;outline:none;padding:10px 13px;font-size:12px;line-height:20px;overflow-y:hidden}.composer textarea::placeholder{color:#68706d}.composer textarea:focus,.question-block input:focus{border-color:var(--acid);box-shadow:0 0 0 2px #d8ff3e26}.composer .ui-button--icon{width:42px;height:42px;min-height:42px}.permission-panel{color:#fff3da;background:#2b200d;border-bottom:1px solid #ffbd4a75;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;max-height:38vh;padding:14px 22px;display:grid;overflow:auto}.permission-panel>div{flex-direction:column;gap:4px;min-width:0;display:flex}.permission-panel>svg{color:var(--amber)}.permission-panel strong{font-size:12px}.permission-copy{align-self:stretch}.permission-patterns{flex-direction:column;gap:4px;display:flex}.permission-panel code{overflow-wrap:anywhere;color:#ffd98e;font-family:var(--mono);white-space:pre-wrap;font-size:11px;display:block}.permission-description{color:#bda16c;font-size:11px}.permission-actions{flex-direction:row!important}.question-panel{background:#08201e;border-bottom:1px solid #42e8d475;max-height:48vh;padding:15px 22px;overflow:auto}.question-panel.collapsed{padding-top:0;padding-bottom:0;overflow:hidden}.question-title{width:100%;min-height:36px;color:var(--cyan);text-align:left;font-family:var(--mono);text-transform:uppercase;background:0 0;border:0;grid-template-columns:22px minmax(0,1fr) 20px;align-items:center;gap:9px;margin:0 0 12px;padding:0;font-size:12px;display:grid}.question-title>svg:last-child{transition:transform .15s}.question-panel.collapsed .question-title{min-height:52px;margin:0}.question-panel.collapsed .question-title>svg:last-child{transform:rotate(-90deg)}.question-block{border-top:1px solid #2c5551;padding:11px 0}.question-block>span{color:#79bbb3;font-family:var(--mono);text-transform:uppercase;font-size:11px}.question-block p{margin:5px 0 11px;font-size:13px}.option-list{flex-wrap:wrap;gap:7px;display:flex}.option-list button{color:#a8ddd7;background:#102c29;border:1px solid #3e7771;border-radius:4px;align-items:center;gap:5px;min-height:34px;padding:0 10px;font-size:12px;display:inline-flex}.option-list button.selected{color:#07100f;border-color:var(--cyan);background:var(--cyan)}.question-block input{width:min(100%,430px);height:38px;color:var(--ink);font-family:var(--mono);background:#102321;border:1px solid #3e7771;border-radius:4px;outline:none;margin-top:9px;padding:0 10px;font-size:12px}.question-actions{justify-content:flex-end;gap:8px;padding-top:11px;display:flex}.question-actions button{color:#a8ddd7;height:36px;font-family:var(--mono);text-transform:uppercase;background:0 0;border:1px solid #3e7771;border-radius:4px;align-items:center;gap:5px;padding:0 11px;font-size:10px;display:inline-flex}.question-actions button.confirm{color:#07100f;border-color:var(--cyan);background:var(--cyan)}.empty-state{min-height:170px;color:var(--muted);font-family:var(--mono);text-align:center;place-content:center;justify-items:center;padding:30px;font-size:11px;display:grid}.toast{z-index:30;color:#fff;border:1px solid var(--coral);background:#2c1213;border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;max-width:min(420px,100vw - 36px);padding:11px 11px 11px 14px;font-size:12px;display:grid;position:fixed;top:80px;right:18px;box-shadow:6px 6px #000}.toast>span{overflow-wrap:anywhere}.toast>.toast-dismiss{width:28px;height:28px;min-height:28px;color:var(--coral);border:0}.notification-prompt-overlay{z-index:90;background:#050607d9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.notification-prompt{border:1px solid var(--acid);background:#101314;border-radius:6px;width:min(440px,100%);padding:32px;position:relative;box-shadow:10px 10px #0009}.notification-prompt-close{position:absolute;top:10px;right:10px}.notification-prompt-icon{color:#080909;background:var(--acid);width:48px;height:48px;box-shadow:4px 4px 0 var(--cyan);border-radius:4px;place-items:center;display:grid}.notification-prompt>p{color:var(--cyan);font-family:var(--mono);text-transform:uppercase;margin:25px 0 8px;font-size:11px;font-weight:700}.notification-prompt h2{font-family:var(--mono);margin:0;font-size:24px;line-height:1.3}.notification-prompt>span:not(.notification-prompt-icon){color:#b5bdb9;margin-top:14px;font-size:14px;line-height:1.7;display:block}.update-prompt>strong{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin-top:18px;font-size:9px;display:block}.update-prompt>code{color:var(--cyan);border-left:2px solid var(--cyan);font-family:var(--mono);white-space:nowrap;background:#071817;margin-top:8px;padding:11px 12px;font-size:10px;display:block;overflow-x:auto}.notification-prompt>div{justify-content:flex-end;gap:9px;margin-top:26px;display:flex}.pwa-update-affordance{top:calc(14px + env(safe-area-inset-top));z-index:40;color:#080909;background:var(--acid);min-height:36px;box-shadow:3px 3px 0 var(--cyan);font-family:var(--mono);text-transform:uppercase;border:1px solid #efff91;border-radius:6px;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex;position:fixed;left:50%;right:auto;transform:translate(-50%)}.pwa-update-affordance:hover{box-shadow:2px 2px 0 var(--cyan);transform:translate(-50%,1px)}.pwa-update-affordance:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.form-error{color:var(--coral);font-family:var(--mono);margin:10px 0 0;font-size:11px}.scanner-overlay{z-index:100;background:#050607e8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.scanner-panel{border:1px solid var(--cyan);background:#0d1011;border-radius:6px;width:min(520px,100%);overflow:hidden;box-shadow:10px 10px #0009}.scanner-panel>header{border-bottom:1px solid var(--line-bright);justify-content:space-between;align-items:center;height:52px;padding:0 10px 0 16px;display:flex}.scanner-panel>header>span{color:var(--cyan);font-family:var(--mono);text-transform:uppercase;align-items:center;gap:9px;font-size:11px;display:flex}.scanner-panel>.form-error{padding:0 16px 16px}.scanner-view{aspect-ratio:4/3;background:#050607;width:100%;position:relative;overflow:hidden}.scanner-view video{object-fit:contain;width:100%;height:100%;display:block}.scanner-frame{border:2px solid var(--acid);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 24px #d8ff3e33}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.app-shell{grid-template-rows:calc(56px + env(safe-area-inset-top)) minmax(0,1fr)}.topbar{min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0}.brand-lockup{gap:11px;font-size:12px}.brand-mark{width:31px;height:31px}.workspace-layout{height:100%;display:block}.session-panel,.detail-panel{border:0;width:100%;height:100%}.mobile-hidden{display:none}.relay-summary{min-height:98px;padding:16px}.session-row{min-height:84px;padding-left:16px}.back-button{display:inline-grid}.detail-header{grid-template-columns:36px minmax(0,1fr) auto;min-height:76px;padding:10px 12px}.detail-header h2{max-width:46vw;font-size:13px}.detail-header p{max-width:50vw}.detail-actions{gap:5px}.agent-picker{grid-template-columns:5px 15px minmax(0,1fr) 13px;max-width:146px;padding:0 7px}.agent-menu{position:fixed;top:61px;right:8px}.ui-button--danger{justify-content:center;gap:0;width:38px;padding:0;font-size:0}.tabs{padding-left:12px;padding-right:12px}.tabs button{min-width:82px;padding:0 10px}.input-dock.subagent-dock{max-height:min(52dvh,max(0px,calc(100dvh - 422px - env(safe-area-inset-top))))}.message-list{padding:18px 12px 32px}.message{margin-bottom:16px}.message.assistant .message-frame,.message.system .message-frame{width:96%;padding:14px 13px 14px 10px}.message.user .message-frame{max-width:88%;padding:12px}.message-frame{grid-template-columns:29px minmax(0,1fr);gap:9px}.message-sigil{width:28px;height:28px}.message p{font-size:12px;line-height:1.62}.composer{padding:10px 11px clamp(8px,env(safe-area-inset-bottom),20px)}.permission-panel{grid-template-columns:auto minmax(0,1fr);max-height:45vh;padding:11px 14px}.permission-actions{grid-column:1/-1;grid-template-columns:36px 1fr 1fr;display:grid!important}.permission-actions .ui-button{justify-content:center}.question-panel{padding-left:14px;padding-right:14px}.notification-prompt{padding:28px 22px 22px}.notification-prompt>div{grid-template-columns:1fr 1fr;display:grid}.pwa-update-affordance{top:calc(10px + env(safe-area-inset-top));justify-content:center;width:36px;height:36px;min-height:36px;padding:0}.pwa-update-affordance span{display:none}.scanner-overlay{place-items:stretch stretch;padding:0}.scanner-panel{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex}.scanner-panel>header{flex:0 0 58px;padding-left:18px;padding-right:12px}.scanner-view{aspect-ratio:auto;flex:1;min-height:0}}@media(max-width:640px){.pwa-update-affordance{top:auto;bottom:calc(126px + env(safe-area-inset-bottom));left:12px;right:auto;transform:none}.pwa-update-affordance:hover{transform:translate(1px,1px)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes pulse{50%{opacity:.5}}
