:root{color-scheme:dark;--terminal-green: #33ff66;--terminal-bright: #66ff99;--terminal-soft: rgba(51, 255, 102, .7);--terminal-dim: rgba(51, 255, 102, .35);--text-primary: #d8ffe3;--panel-bg: rgba(4, 10, 6, .88);--panel-border: rgba(51, 255, 102, .35);--panel-glow: rgba(51, 255, 102, .18)}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100%}html{background:#020403}body{margin:0;overflow:hidden;background:#020403;color:var(--text-primary);font-family:Consolas,Courier New,monospace}#app{position:relative;display:grid;place-items:center;isolation:isolate}#app.is-background-shifted{--terminal-green: #44ff77;--terminal-bright: #88ffaa;--panel-glow: rgba(68, 255, 119, .28);--panel-border: rgba(68, 255, 119, .5)}.crt-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0}.terminal{position:relative;z-index:2;width:min(94vw,1080px);height:min(84vh,640px);min-height:320px;padding:clamp(1.2rem,3.5vw,2.8rem);clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(180deg,rgba(51,255,102,.04) 0%,transparent 22%),var(--panel-bg);border:1px solid var(--panel-border);box-shadow:inset 0 0 60px #33ff660a,inset 0 0 100px #000000d9,0 0 2px var(--terminal-green),0 0 24px var(--panel-glow);transition:border-color 1.2s ease,box-shadow 1.2s ease}.terminal:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(51,255,102,.025) 2px,rgba(51,255,102,.025) 4px);opacity:.7}.terminal:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--terminal-green),var(--terminal-green)) top left / 24px 2px no-repeat,linear-gradient(var(--terminal-green),var(--terminal-green)) top left / 2px 24px no-repeat,linear-gradient(var(--terminal-green),var(--terminal-green)) top right / 24px 2px no-repeat,linear-gradient(var(--terminal-green),var(--terminal-green)) top right / 2px 24px no-repeat,linear-gradient(var(--terminal-green),var(--terminal-green)) bottom right / 24px 2px no-repeat,linear-gradient(var(--terminal-green),var(--terminal-green)) bottom right / 2px 24px no-repeat,linear-gradient(var(--terminal-green),var(--terminal-green)) bottom left / 24px 2px no-repeat,linear-gradient(var(--terminal-green),var(--terminal-green)) bottom left / 2px 24px no-repeat;opacity:.7}.terminal__content{position:relative;z-index:1;display:flex;height:100%;flex-direction:column;justify-content:flex-start;gap:clamp(.7rem,2.4vw,1.4rem)}.terminal__brand{margin:0;color:var(--terminal-soft);font-size:clamp(.72rem,1.8vw,.95rem);font-weight:700;letter-spacing:.42em;text-transform:uppercase;text-shadow:0 0 10px rgba(51,255,102,.45)}.terminal__line{display:flex;align-items:baseline;gap:.7ch;min-width:0;color:var(--terminal-bright);font-size:clamp(1rem,2.8vw,2rem);font-weight:700;line-height:1.18;word-break:break-word;text-shadow:0 0 12px rgba(51,255,102,.5)}.terminal__prompt{flex:0 0 auto;color:var(--terminal-soft)}.terminal__command{min-width:0;color:var(--terminal-bright)}.terminal__cursor{display:inline-block;width:.62ch;height:.98em;margin-left:.12ch;background:var(--terminal-green);box-shadow:0 0 14px #3f6c;transform:translateY(.13em);animation:blink .85s steps(1) infinite}.color-machine{display:grid;align-content:start;gap:.16em;max-width:100%;min-height:0;flex:1 1 auto;overflow:hidden;padding-bottom:.2rem;opacity:0;transform:translateY(.5rem);font-size:clamp(.58rem,1.35vw,.95rem);font-weight:600;line-height:1.24;letter-spacing:.05em;filter:blur(6px);transition:opacity .7s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .7s ease}.color-machine.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.color-machine span{display:block;color:var(--terminal-soft);font-family:Consolas,Courier New,monospace;white-space:pre;text-shadow:0 0 8px rgba(51,255,102,.35)}.color-machine__matrix{color:var(--terminal-bright);letter-spacing:.14em;text-shadow:0 0 10px rgba(51,255,102,.85),0 0 22px rgba(51,255,102,.4)}.terminal__status{flex:0 0 auto;min-height:1.2em;margin-top:0;color:var(--terminal-dim);font-size:clamp(.65rem,1.6vw,.85rem);letter-spacing:.28em;text-transform:uppercase}@keyframes blink{0%,48%{opacity:1}49%,to{opacity:0}}@media(max-width:560px){.terminal{width:96vw;height:80vh}.terminal__line{align-items:flex-start}}