*,:before,:after{box-sizing:border-box;font-variant-ligatures:common-ligatures discretionary-ligatures no-historical-ligatures contextual;font-variant-numeric:oldstyle-nums tabular-nums;font-kerning:normal;font-optical-sizing:auto;text-rendering:optimizelegibility;margin:0;padding:0}:root{--ghost-pixel:#f7eae8;--phosphor-smoke:#efd5d1;--phantom-current:#e7c0ba;--corrupted-cache:#dfaba3;--copper-trace:#d7968c;--fatal-error:#cf8175;--rouge-signal:#c76c5e;--amber-alert:#bf5747;--amber-alert-text:#cb6353;--firewall-breach:#b74230;--digital-rust:#af2e1a;--kernel-panic:#9d2917;--data-rot:#8c2414;--bricked-board:#7a2012;--dark-packet:#691b0f;--daemon-blood:#57170d;--bad-sector:#46120a;--core-meltdown:#340d07;--null-pointer:#230905;--event-horizon:#110402;--memory-leek:#8fa667;--dim-memory-leek:#627247;--bright-memory-leek:#94a577;--stack-overglow:#d4a759;--dim-stack-overglow:#a07e43;--bright-stack-overglow:#d3ae6e;--blue-screen:#8791b0;--dim-blue-screen:#60677c;--bright-blue-screen:#999eaf;--fractured-shell:#ba5a7d;--dim-fractured-shell:#87405a;--bright-fractured-shell:#ba6b88;--dead-thread:#6fa5a0;--dim-dead-thread:#4c726e;--bright-dead-thread:#7fa5a1;--thermal-throttle:#d78556;--dim-thermal-throttle:#ac6d4a;--bright-thermal-throttle:#d6926b;--dr-surface-base:var(--event-horizon);--dr-surface-secondary:var(--null-pointer);--dr-surface-elevated:var(--core-meltdown);--dr-surface-highlight:var(--bad-sector);--dr-surface-active:#5a1810;--dr-text-primary:var(--ghost-pixel);--dr-text-secondary:var(--phosphor-smoke);--dr-text-link:var(--phantom-current);--dr-text-link-hover:var(--fatal-error);--dr-text-link-visited:var(--corrupted-cache);--dr-text-on-accent:var(--ghost-pixel);--dr-border:2px solid var(--dark-packet);--dr-border-thick:4px solid var(--dark-packet);--dr-border-subtle:1px solid var(--bad-sector);--dr-border-focus:2px solid var(--stack-overglow);--dr-shadow-offset-sm:2px 2px 0 0 var(--dr-surface-highlight);--dr-shadow-offset-md:3px 3px 0 0 var(--dr-surface-highlight);--dr-shadow-offset-lg:4px 4px 0 0 var(--dr-surface-highlight);--dr-shadow-hover-md:4px 4px 0 0 var(--dr-surface-highlight);--dr-shadow-active:0 0 0 0 var(--dr-surface-highlight);--dr-shadow-glow-sm:0 0 10px #af2e1a66;--dr-shadow-glow-md:0 0 20px #af2e1a66;--dr-shadow-inner-highlight:inset 0 1px 0 #ffffff1a;--dr-shadow-accent:5px 5px 0 0 var(--digital-rust);--dr-radius-sm:2px;--dr-radius:4px;--dr-radius-lg:6px;--dr-space-xs:.25rem;--dr-space-sm:.5rem;--dr-space-md:1rem;--dr-space-lg:1.5rem;--dr-space-xl:2.5rem;--dr-space-2xl:4rem;--dr-space-3xl:6rem;--dr-text-xs:.75rem;--dr-text-sm:.875rem;--dr-text-base:1rem;--dr-text-lg:1.25rem;--dr-text-xl:1.75rem;--dr-text-2xl:2.5rem;--dr-text-3xl:4rem;--dr-duration-fast:.15s;--dr-duration-normal:.25s;--dr-duration-slow:.4s;--dr-ease-default:cubic-bezier(.4, 0, .2, 1);--dr-ease-out-expo:cubic-bezier(.22, 1, .36, 1);--dr-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--dr-transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--dr-z-content:10;--dr-z-noise:1000;--dr-scanline:#af2e1a08;--dr-font-heading:"Cairo Play", system-ui, sans-serif;--dr-font-body:"iA Writer Quattro", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dr-font-mono:"MonoLisa", "MonoLisa Variable", ui-monospace, "Fira Code", "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace}body{background:var(--dr-surface-base);color:var(--dr-text-primary);font-family:var(--dr-font-body);flex-direction:column;min-height:100vh;font-weight:500;line-height:1.6;display:flex;position:relative;overflow-x:hidden}body:before{content:"";opacity:.02;pointer-events:none;z-index:var(--dr-z-noise);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--dr-scanline) 2px, var(--dr-scanline) 4px);pointer-events:none;z-index:calc(var(--dr-z-noise) - 1);position:fixed;inset:0}.container{max-width:1600px;height:100vh;padding:var(--dr-space-lg);z-index:var(--dr-z-content);flex-direction:column;margin:0 auto;display:flex;position:relative}.skip-link{z-index:calc(var(--dr-z-noise) + 1);padding:var(--dr-space-sm) var(--dr-space-lg);background:var(--digital-rust);color:var(--dr-text-on-accent);font-family:var(--dr-font-heading);text-transform:uppercase;letter-spacing:.05em;border:var(--dr-border);border-radius:0 0 var(--dr-radius) 0;box-shadow:var(--dr-shadow-offset-sm);font-weight:700;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}header{margin-bottom:var(--dr-space-lg);border-bottom:var(--dr-border-thick);padding-bottom:var(--dr-space-md);position:relative}header:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 60%,#11040266 100%);position:absolute;inset:0}h1{color:var(--fatal-error);font-family:var(--dr-font-heading);font-size:var(--dr-text-xl);letter-spacing:.15em;text-transform:uppercase;z-index:2;margin:0;font-weight:700;position:relative}@media (prefers-reduced-motion:no-preference){h1:hover{animation:.9s steps(2,end) infinite alternate glitch}h1{will-change:transform, filter, text-shadow, clip-path}}.disclaimer{margin:var(--dr-space-xs) 0 0;color:var(--copper-trace);font-size:var(--dr-text-sm);z-index:2;font-style:italic;position:relative}.controls{margin-bottom:var(--dr-space-md);background:var(--dr-surface-secondary);padding:var(--dr-space-sm) var(--dr-space-md);border:var(--dr-border);border-radius:var(--dr-radius);box-shadow:var(--dr-shadow-offset-sm), var(--dr-shadow-inner-highlight);z-index:var(--dr-z-content);justify-content:space-between;align-items:center;display:flex;position:relative}.controls-left{align-items:center;gap:var(--dr-space-sm);display:flex}.controls label{color:var(--dr-text-secondary);font-family:var(--dr-font-heading);font-size:var(--dr-text-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700}select{background-color:var(--dr-surface-elevated);color:var(--dr-text-primary);border:var(--dr-border);padding:var(--dr-space-xs) var(--dr-space-sm);border-radius:var(--dr-radius);font-family:var(--dr-font-mono);font-size:var(--dr-text-sm);cursor:pointer;box-shadow:var(--dr-shadow-offset-sm);transition:border-color var(--dr-transition-fast), box-shadow var(--dr-transition-fast), transform var(--dr-transition-fast)}select:focus{border-color:var(--stack-overglow);box-shadow:var(--dr-shadow-offset-sm), 0 0 0 1px #d4a7594d;outline:none}select:hover{box-shadow:var(--dr-shadow-hover-md);transform:translate(-1px,-1px)}select:active{box-shadow:var(--dr-shadow-active);transform:translate(1px,1px)}a{color:var(--dr-text-link);text-underline-offset:3px;transition:color var(--dr-transition-fast), text-decoration-thickness var(--dr-transition-fast);text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--dr-text-link-hover);text-decoration-thickness:2px}a:visited{color:var(--dr-text-link-visited)}a:active{color:var(--digital-rust)}.back-button{font-family:var(--dr-font-heading);font-size:var(--dr-text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--dr-space-xs) var(--dr-space-md);border:var(--dr-border);border-radius:var(--dr-radius);box-shadow:var(--dr-shadow-offset-sm);transition:transform var(--dr-transition-fast), box-shadow var(--dr-transition-fast), background var(--dr-transition-fast), color var(--dr-transition-fast);color:var(--dr-text-secondary);background:0 0;font-weight:600;text-decoration:none}.back-button:hover{background:var(--dr-surface-highlight);color:var(--dr-text-primary);box-shadow:var(--dr-shadow-hover-md);text-decoration:none;transform:translate(-2px,-2px)}.back-button:active{box-shadow:var(--dr-shadow-active);transform:translate(2px,2px)}.editor-container{gap:var(--dr-space-md);flex:1;min-height:0;display:flex}.input-panel,.output-panel{background:var(--dr-surface-elevated);border:var(--dr-border);border-radius:var(--dr-radius);box-shadow:var(--dr-shadow-offset-md), var(--dr-shadow-inner-highlight);transition:border-color var(--dr-transition-normal);flex-direction:column;flex:1;display:flex;overflow:hidden}.input-panel:hover,.output-panel:hover{border-color:var(--daemon-blood)}h2{padding:var(--dr-space-sm) var(--dr-space-md);background:var(--dr-surface-highlight);color:var(--phosphor-smoke);font-size:var(--dr-text-sm);font-family:var(--dr-font-heading);text-transform:uppercase;letter-spacing:.08em;border-bottom:var(--dr-border);margin:0;font-weight:700}.title-bracket{color:var(--dark-packet);opacity:.5;font-weight:400}textarea{background-color:var(--dr-surface-base);color:var(--dr-text-primary);padding:var(--dr-space-md);font-family:var(--dr-font-mono);font-size:var(--dr-text-sm);resize:none;tab-size:4;-webkit-hyphens:none;hyphens:none;border:none;flex:1;line-height:1.6}textarea::placeholder{color:var(--copper-trace);font-style:italic}textarea:focus{outline:none;box-shadow:inset 0 0 0 2px #d4a75933}.code-output{background-color:var(--dr-surface-base);padding:var(--dr-space-md);font-family:var(--dr-font-mono);font-size:var(--dr-text-sm);scrollbar-width:thin;scrollbar-color:var(--bad-sector) transparent;flex:1;line-height:1.6;overflow:auto}.code-output:hover{scrollbar-color:var(--dark-packet) transparent}.code-output pre{margin:0}.code-output .shiki{background-color:#0000!important}.loading{color:var(--stack-overglow);font-style:italic}.status{margin-top:var(--dr-space-md);padding:var(--dr-space-sm) var(--dr-space-md);background:var(--dr-surface-secondary);color:var(--dr-text-secondary);border:var(--dr-border);border-radius:var(--dr-radius);box-shadow:var(--dr-shadow-offset-sm), var(--dr-shadow-inner-highlight);font-family:var(--dr-font-mono);font-size:var(--dr-text-sm);align-items:center;gap:var(--dr-space-sm);display:flex}#status-indicator{color:var(--stack-overglow);font-weight:700}#status-indicator.ready{color:var(--memory-leek)}.status-separator{color:var(--dark-packet);-webkit-user-select:none;user-select:none}.status-tagline{color:var(--copper-trace);font-style:italic;font-family:var(--dr-font-body)}:focus-visible{outline:2px solid var(--stack-overglow);outline-offset:2px}::selection{background:var(--digital-rust);color:var(--dr-text-on-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--dark-packet);border:2px solid var(--dr-surface-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--digital-rust)}*{scrollbar-width:thin;scrollbar-color:var(--dark-packet) transparent}@keyframes glitch{0%{text-shadow:0 0 24px #af2e1ab3, -1px -1px var(--digital-rust), 1px 1px var(--dead-thread);filter:hue-rotate()saturate(130%);clip-path:inset(0);transform:translate(0,0)}4%{text-shadow:4px -2px var(--fractured-shell), -4px 2px var(--dead-thread), 0 0 32px #af2e1acc;filter:hue-rotate(-6deg)saturate(160%);clip-path:inset(12% 0 28%);transform:translate(-2px,1px)skew(1deg)}9%{text-shadow:-6px 0 var(--memory-leek), 6px 0 var(--thermal-throttle), 0 0 18px #af2e1a99;filter:hue-rotate(12deg)saturate(140%);clip-path:inset(0 0 8%);transform:translate(2px,-3px)skewY(-1.5deg)}15%{text-shadow:-2px 2px var(--digital-rust), 3px -3px var(--dead-thread), -1px -1px var(--fractured-shell);filter:hue-rotate(-18deg)saturate(180%);clip-path:inset(32% 0 6%);transform:translate(-1px,2px)scale(1.01)}24%{text-shadow:8px 2px var(--amber-alert), -8px -2px var(--dead-thread);filter:hue-rotate(25deg)saturate(150%);clip-path:inset(6% 0 40%);transform:translate(3px,-2px)skew(-1.2deg)}38%{text-shadow:-3px 0 var(--fractured-shell), 3px 0 #8fa66799, 0 0 26px #af2e1ae6;filter:hue-rotate(-32deg)saturate(170%);clip-path:inset(18% 0 20%);transform:translate(-4px,1px)skewY(2deg)}52%{text-shadow:10px -3px var(--dead-thread), -10px 3px var(--thermal-throttle), 0 0 16px #af2e1a66;filter:hue-rotate(38deg)saturate(150%);clip-path:inset(0);transform:translate(5px,-4px)skew(2deg)skewY(-1deg)}67%{text-shadow:-5px -1px #cf8175e6,5px 1px #6fa5a0e6;filter:hue-rotate(-48deg)saturate(175%)contrast(115%);clip-path:inset(14% 0);transform:translate(-3px,4px)scale(1.015)}82%{text-shadow:12px 0 #af2e1ae6,-12px 0 #8fa667b3,0 0 40px #af2e1ae6;filter:hue-rotate(54deg)saturate(210%);clip-path:inset(48% 0 4%);transform:translate(6px,-2px)skew(-2deg)skewY(2deg)}to{text-shadow:0 0 24px #af2e1abf, -1px 1px var(--digital-rust), 1px -1px var(--dead-thread);filter:hue-rotate()saturate(130%);clip-path:inset(0);transform:translate(0,0)}}@media (width<=768px){.container{padding:var(--dr-space-sm)}h1{font-size:var(--dr-text-lg);letter-spacing:.08em}.editor-container{flex-direction:column}.controls{gap:var(--dr-space-sm);flex-direction:column}.back-button{align-self:flex-start}textarea,.code-output{font-size:var(--dr-text-xs)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}