:root{--cyan:#00f0ff;--cyan-dim:#0aa7b3;--amber:#ffb347;--magenta:#ff3bd4;--lime:#9eff7a;--red:#ff3860;--bg-0:#05050f;--bg-1:#0a0a23;--bg-2:#111133;--panel:rgba(6, 10, 28, 0.72);--panel-edge:rgba(0, 240, 255, 0.35);--mono:'IBM Plex Mono','JetBrains Mono','Fira Code','Courier New',monospace}*{margin:0;padding:0;box-sizing:border-box}::selection{background:rgba(51,255,102,.3);color:#3f6}::-moz-selection{background:rgba(51,255,102,.3);color:#3f6}body,html{width:100%;min-height:100%;background:radial-gradient(ellipse at 50% 30%,var(--bg-2) 0,var(--bg-1) 45%,var(--bg-0) 100%);font-family:var(--mono);color:var(--cyan);overflow-x:hidden}#led-matrix{position:fixed;inset:0;width:100%;height:100%;z-index:0}.scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.18) 3px,rgba(0,0,0,0) 4px);mix-blend-mode:multiply;animation:scan-drift 8s linear infinite}@keyframes scan-drift{from{background-position:0 0}to{background-position:0 120px}}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.65) 100%)}.deck{position:relative;z-index:3;max-width:980px;margin:0 auto;padding:3vh 4vw 6vh}.deck-header{border:1px solid var(--panel-edge);background:var(--panel);backdrop-filter:blur(2px);padding:1rem 1.25rem 1.5rem;box-shadow:0 0 40px rgba(0,240,255,.12),inset 0 0 30px rgba(0,240,255,.05)}.status-bar{display:flex;align-items:center;gap:.6rem;font-size:.75rem;letter-spacing:.12em;color:var(--cyan-dim);border-bottom:1px dashed rgba(0,240,255,.25);padding-bottom:.6rem;margin-bottom:.8rem}.led{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.led-green{background:var(--lime);color:var(--lime);animation:blink 2.3s infinite}.led-amber{background:var(--amber);color:var(--amber);animation:blink 1.7s infinite}.led-red{background:var(--red);color:var(--red);animation:blink 3.1s infinite}@keyframes blink{0%,100%,70%{opacity:1}80%{opacity:.25}}.status-text{margin-left:.2rem;color:var(--cyan)}.status-clock{margin-left:auto;color:var(--amber)}.ascii-logo{color:var(--cyan);text-shadow:0 0 8px var(--cyan),0 0 22px rgba(0,240,255,.4);font-size:clamp(.55rem, 1.4vw, .9rem);line-height:1.05;white-space:pre;user-select:none;cursor:pointer;transition:filter .2s}.ascii-logo:hover{filter:hue-rotate(35deg)}.ascii-logo.glitch{animation:logo-glitch .35s steps(2) 3}@keyframes logo-glitch{0%{transform:translate(0,0);filter:none}25%{transform:translate(-2px,1px);filter:hue-rotate(120deg)}50%{transform:translate(2px,-1px);filter:hue-rotate(-60deg) invert(.1)}75%{transform:translate(-1px,2px);filter:hue-rotate(200deg)}100%{transform:translate(0,0);filter:none}}.tagline{margin-top:.9rem;font-size:.95rem;color:var(--amber);text-shadow:0 0 4px rgba(255,179,71,.5)}.prompt{color:var(--lime);margin-right:.5rem}.cursor{display:inline-block;margin-left:2px;animation:cursor-blink 1s steps(1) infinite;color:var(--amber)}@keyframes cursor-blink{50%{opacity:0}}.boot-log{margin-top:1rem;padding:.8rem 1rem;border:1px solid rgba(0,240,255,.18);background:rgba(0,8,20,.55);font-size:.78rem;line-height:1.55;color:var(--cyan-dim);min-height:6rem;max-height:11rem;overflow:hidden}.boot-log .ok{color:var(--lime)}.boot-log .warn{color:var(--amber)}.boot-log .err{color:var(--red)}.boot-log .dim{color:#4a7078}.cards{margin-top:1.25rem}.card{display:block;width:100%;text-decoration:none;color:inherit;border:1px solid var(--panel-edge);background:linear-gradient(160deg,rgba(0,20,40,.85),rgba(10,0,30,.85));transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.card::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(0,240,255,.04) 14px 15px);pointer-events:none}.card:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 24px rgba(0,240,255,.25)}.card-tindie{background:linear-gradient(160deg,rgba(40,10,30,.85),rgba(60,20,10,.85))}.card-tindie:hover{border-color:var(--magenta);box-shadow:0 0 24px rgba(255,59,212,.3)}.card-chrome{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:rgba(0,0,0,.4);border-bottom:1px dashed rgba(0,240,255,.2);font-size:.7rem;color:var(--cyan-dim)}.card-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,240,255,.5)}.card-dot:nth-child(2){background:rgba(255,179,71,.6)}.card-dot:nth-child(3){background:rgba(255,59,96,.6)}.card-path{margin-left:auto;letter-spacing:.12em}.card-body{padding:1.1rem 1.2rem 1.3rem}.card-body h2{font-size:1.6rem;letter-spacing:.18em;color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.5);margin-bottom:.4rem}.card-tindie .card-body h2{color:var(--magenta);text-shadow:0 0 10px rgba(255,59,212,.5)}.card-body p{color:#c9e9ef;font-size:.85rem;margin-bottom:.8rem}.card-cta{color:var(--amber);font-size:.8rem;letter-spacing:.1em}.deck-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;font-size:.72rem;color:var(--cyan-dim);letter-spacing:.08em}.deck-footer kbd{background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.35);padding:0 .35rem;font-family:var(--mono);color:var(--cyan);font-size:.75rem}.uptime{color:var(--amber)}.console{--con-bright:#33ff66;--con-mid:#22cc55;--con-dim:#0f7a32;--con-faint:#094d1e;--con-bg:rgba(2, 10, 4, 0.96);--con-glow:rgba(51, 255, 102, 0.25);position:fixed;left:0;right:0;top:0;height:55vh;max-height:55vh;z-index:50;background:var(--con-bg);border-bottom:1px solid var(--con-mid);box-shadow:0 10px 40px var(--con-glow),inset 0 0 60px rgba(51,255,102,.04);font-size:.85rem;display:flex;flex-direction:column;animation:console-in .22s ease-out}.console[hidden]{display:none!important}@keyframes console-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}.console-output{padding:.8rem 1rem;overflow-y:auto;flex:1;color:var(--con-mid);line-height:1.5;white-space:pre-wrap;text-shadow:0 0 4px var(--con-glow)}.console-output .dim{color:var(--con-dim);text-shadow:none}.console-output .ok{color:var(--con-bright)}.console-output .warn{color:#8c4}.console-output .err{color:#f44;text-shadow:0 0 6px rgba(255,68,68,.4)}.console-input-row{display:flex;align-items:center;padding:.5rem 1rem .8rem;border-top:1px dashed var(--con-faint);gap:.5rem}.console-input-row .prompt{color:var(--con-bright);text-shadow:0 0 6px var(--con-glow)}.console-input-row input{flex:1;background:0 0;border:none;outline:0;color:var(--con-bright);font-family:var(--mono);font-size:.9rem;caret-color:var(--con-bright);text-shadow:0 0 4px var(--con-glow)}.toast{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);z-index:6;background:rgba(0,0,0,.85);border:1px solid var(--magenta);color:var(--magenta);padding:.5rem 1rem;font-size:.85rem;letter-spacing:.1em;text-shadow:0 0 6px var(--magenta);box-shadow:0 0 24px rgba(255,59,212,.4);animation:toast-in .3s ease-out}@keyframes toast-in{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}.demo-label{margin-top:1rem;font-size:.72rem;letter-spacing:.14em;color:var(--cyan-dim);text-align:right}.demo-label-prefix{color:#4a7078;margin-right:.4rem}.demo-label #demo-name{color:var(--amber);text-shadow:0 0 6px rgba(255,179,71,.5);text-transform:uppercase}body.glitch-once{animation:page-glitch .15s steps(2) 8}@keyframes page-glitch{0%{filter:none;transform:none}25%{filter:hue-rotate(90deg) invert(.05);transform:translate(-2px,1px)}50%{filter:hue-rotate(-60deg);transform:translate(2px,-1px)}75%{filter:hue-rotate(180deg) saturate(2);transform:translate(-1px,-2px)}100%{filter:none;transform:none}}body.rainbow #led-matrix{filter:hue-rotate(0deg);animation:rainbow-cycle 4s linear infinite}@keyframes rainbow-cycle{0%{filter:hue-rotate(0deg) saturate(1.4)}100%{filter:hue-rotate(360deg) saturate(1.4)}}