@layer base{[data-webtui-theme|=gruvbox-dark]{--gb-dark-bg1: #3c3836;--gb-dark-bg2: #504945;--gb-dark-bg3: #665c54;--gb-dark-bg4: #7c6f64;--gb-dark-fg0: #fbf1c7;--gb-dark-fg1: #ebdbb2;--gb-dark-fg2: #d5c4a1;--gb-dark-fg3: #bdae93;--gb-dark-fg4: #a89984;--gb-dark-gray: #928374;--gb-red: #fb4934;--gb-green: #b8bb26;--gb-yellow: #fabd2f;--gb-blue: #83a598;--gb-purple: #d3869b;--gb-aqua: #8ec07c;--gb-orange: #fe8019;--background1: var(--gb-dark-bg1);--background2: var(--gb-dark-bg2);--background3: var(--gb-dark-bg3);--foreground0: var(--gb-dark-fg1);--foreground1: var(--gb-dark-fg2);--foreground2: var(--gb-dark-fg3)}[data-webtui-theme=gruvbox-dark-hard]{--gb-dark-bg0: #1d2021;--background0: var(--gb-dark-bg0)}[data-webtui-theme=gruvbox-dark-medium],[data-webtui-theme=gruvbox-dark],[data-webtui-theme=gruvbox]{--gb-dark-bg0: #282828;--background0: var(--gb-dark-bg0)}[data-webtui-theme=gruvbox-dark-soft]{--gb-dark-bg0: #32302f;--background0: var(--gb-dark-bg0)}[data-webtui-theme|=gruvbox-light]{--gb-light-bg1: #ebdbb2;--gb-light-bg2: #d5c4a1;--gb-light-bg3: #bdae93;--gb-light-bg4: #a89984;--gb-light-fg0: #282828;--gb-light-fg1: #3c3836;--gb-light-fg2: #504945;--gb-light-fg3: #665c54;--gb-light-fg4: #7c6f64;--gb-light-gray: #a89984;--gb-red: #cc241d;--gb-green: #98971a;--gb-yellow: #d79921;--gb-blue: #458588;--gb-purple: #b16286;--gb-aqua: #689d6a;--gb-orange: #d65d0e;--background1: var(--gb-light-bg1);--background2: var(--gb-light-bg2);--background3: var(--gb-light-bg3);--foreground0: var(--gb-light-fg1);--foreground1: var(--gb-light-fg2);--foreground2: var(--gb-light-fg3)}[data-webtui-theme=gruvbox-light-hard]{--gb-light-bg0: #f9f5d7;--background0: var(--gb-light-bg0)}[data-webtui-theme=gruvbox-light-medium],[data-webtui-theme=gruvbox-light]{--gb-light-bg0: #fbf1c7;--background0: var(--gb-light-bg0)}[data-webtui-theme=gruvbox-light-soft]{--gb-light-bg0: #f2e5bc;--background0: var(--gb-light-bg0)}}@layer components{[data-webtui-theme|=gruvbox] button[variant-=red]{--button-primary: var(--gb-red);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=green]{--button-primary: var(--gb-green);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=yellow]{--button-primary: var(--gb-yellow);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=blue]{--button-primary: var(--gb-blue);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=purple]{--button-primary: var(--gb-purple);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=aqua]{--button-primary: var(--gb-aqua);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox] button[variant-=orange]{--button-primary: var(--gb-orange);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox-dark] button[variant-=gray]{--button-primary: var(--gb-dark-gray);--button-secondary: var(--background0)}[data-webtui-theme|=gruvbox-light] button[variant-=gray]{--button-primary: var(--gb-light-gray);--button-secondary: var(--background0)}}@layer components{[data-webtui-theme|=gruvbox] h1,[data-webtui-theme|=gruvbox] h2,[data-webtui-theme|=gruvbox] h3,[data-webtui-theme|=gruvbox] h4,[data-webtui-theme|=gruvbox] h5,[data-webtui-theme|=gruvbox] h6{color:var(--gb-green)}[data-webtui-theme|=gruvbox] p a,[data-webtui-theme|=gruvbox] blockquote a,[data-webtui-theme|=gruvbox] li a,[data-webtui-theme|=gruvbox] [is-~=typography-block] a{color:var(--gb-blue);text-decoration:underline}[data-webtui-theme|=gruvbox] p a:hover,[data-webtui-theme|=gruvbox] blockquote a:hover,[data-webtui-theme|=gruvbox] li a:hover,[data-webtui-theme|=gruvbox] [is-~=typography-block] a:hover{color:var(--gb-aqua)}[data-webtui-theme|=gruvbox] p code,[data-webtui-theme|=gruvbox] blockquote code,[data-webtui-theme|=gruvbox] li code,[data-webtui-theme|=gruvbox] [is-~=typography-block] code{color:var(--gb-orange)}}@layer components{[data-webtui-theme|=gruvbox] [is-~=badge][variant-=red]{--badge-color: var(--gb-red);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=green]{--badge-color: var(--gb-green);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=yellow]{--badge-color: var(--gb-yellow);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=blue]{--badge-color: var(--gb-blue);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=purple]{--badge-color: var(--gb-purple);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=aqua]{--badge-color: var(--gb-aqua);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox] [is-~=badge][variant-=orange]{--badge-color: var(--gb-orange);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox-dark] [is-~=badge][variant-=gray]{--badge-color: var(--gb-dark-gray);--badge-text: var(--background0)}[data-webtui-theme|=gruvbox-light] [is-~=badge][variant-=gray]{--badge-color: var(--gb-light-gray);--badge-text: var(--background0)}}@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.woff2) format("woff2");font-display:swap}:root{--crt-bg: #0a0800;--crt-fg: #ffb000;--crt-fg-dim: #805800;--crt-fg-bright: #ffd080;--crt-accent: #ff6600;--crt-selection: rgba(255, 176, 0, .3);--crt-border: #ffb000;--crt-window-bg: #0f0c00;--gruvbox-red: #fb4934;--gruvbox-green: #b8bb26;--gruvbox-yellow: #fabd2f;--gruvbox-blue: #83a598;--gruvbox-purple: #d3869b;--gruvbox-aqua: #8ec07c;--gruvbox-orange: #fe8019;--font-mono: "VT323", "Courier New", monospace;--font-size-base: 16px;--line-height: 1.4;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--window-min-width: 320px;--window-min-height: 200px;--titlebar-height: 28px;--taskbar-height: 36px;--z-desktop: 1;--z-window-base: 100;--z-start-menu: 1000;--z-taskbar: 900;--z-crt-overlay: 9999}[data-theme=green]{--crt-fg: #00ff41;--crt-fg-dim: #007f20;--crt-fg-bright: #80ff80;--crt-accent: #00ff7f;--crt-selection: rgba(0, 255, 65, .3);--crt-border: #00ff41}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-mono);font-size:1rem;line-height:var(--line-height);background:var(--crt-bg);color:var(--crt-fg);overflow:hidden;min-height:100vh}h1,h2,h3,[data-theme=green] h1,[data-theme=green] h2,[data-theme=green] h3{text-shadow:0 0 1px var(--crt-fg)}::selection{background:var(--crt-selection);color:var(--crt-fg-bright)}a{color:var(--gruvbox-blue);text-decoration:underline}a:hover{color:var(--gruvbox-aqua)}.persona-os{position:fixed;inset:0;overflow:hidden}.crt-overlay{pointer-events:none;position:fixed;inset:0;z-index:var(--z-crt-overlay)}.crt-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px);animation:scanline-scroll 10s linear infinite}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100%}}.crt-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none}@media(prefers-reduced-motion:reduce){.crt-scanlines{animation:none}}.desktop{position:fixed;inset:0;bottom:var(--taskbar-height);z-index:var(--z-desktop);padding:var(--spacing-md);overflow:hidden}h1{font-size:2rem;margin:0 0 var(--spacing-md);color:var(--crt-fg-bright);text-transform:uppercase;letter-spacing:.1em}h2{font-size:1.5rem;margin:0 0 var(--spacing-sm);color:var(--crt-fg);border-bottom:1px solid var(--crt-fg-dim);padding-bottom:var(--spacing-xs)}h3{font-size:1.25rem;margin:0 0 var(--spacing-sm);color:var(--crt-fg)}p{margin:0 0 var(--spacing-md)}button,.btn{font-family:var(--font-mono);font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm);background:var(--crt-bg);color:var(--crt-fg);border:1px solid var(--crt-fg);cursor:pointer;transition:all .1s ease}button:hover,.btn:hover{background:var(--crt-fg);color:var(--crt-bg)}button:active,.btn:active{transform:translateY(1px)}button:focus,.btn:focus{outline:2px solid var(--crt-fg-bright);outline-offset:2px}input,textarea{font-family:var(--font-mono);font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm);background:var(--crt-bg);color:var(--crt-fg);border:1px solid var(--crt-fg-dim);outline:none}input:focus,textarea:focus{border-color:var(--crt-fg);box-shadow:0 0 4px var(--crt-fg)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--crt-bg);border:1px solid var(--crt-fg-dim)}::-webkit-scrollbar-thumb{background:var(--crt-fg-dim);border:1px solid var(--crt-fg)}::-webkit-scrollbar-thumb:hover{background:var(--crt-fg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--crt-fg);color:var(--crt-bg);padding:var(--spacing-sm);z-index:10000}.skip-link:focus{top:0}