:root{color-scheme:dark;--ink:#e1ebe7;--accent:#89efb5;--cold:#81d8eb;--warm:#e9bf84;--glow:rgba(102,235,167,.22);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#0b1215;color:var(--ink)}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;padding:36px 24px 48px;margin:auto}a{color:var(--accent);text-underline-offset:4px}.eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#a0b8b2;margin-top:40px}h1{font:clamp(2.8rem,8vw,5.2rem)/1.08 Georgia,serif;letter-spacing:-.04em;margin:20px 0}.intro{color:#b4c8c0;font:1.2rem/1.5 Georgia,serif;margin-bottom:36px}.console{border:1px solid #536460;border-radius:8px;overflow:hidden;background:#070d10;box-shadow:0 24px 80px #0007}.chrome{display:flex;gap:12px;align-items:center;padding:15px 22px;background:#142126;border-bottom:1px solid #34443e}.chrome h2{font-size:.9rem;font-weight:500;flex:1;margin:0;color:var(--cold)}.chrome>span:last-child{color:#afbeb8;font-size:.7rem}.lamp{height:7px;width:7px;border-radius:100%;background:var(--accent)}.screen{padding:32px 28px;min-height:330px;background:radial-gradient(ellipse at 20% 20%,var(--glow),transparent 70%);position:relative;overflow:hidden}pre{font:clamp(.86rem,1.55vw,1rem)/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.glyph{display:inline-block;white-space:pre;text-shadow:0 0 12px var(--glow);will-change:auto}.title{color:var(--cold)}.direction{color:var(--warm)}.prompt{font-size:.85rem;color:var(--accent);margin:28px 0 0;line-height:1.6}.cursor{margin-left:5px;opacity:.7}.statusbar{display:flex;justify-content:space-between;gap:14px;padding:13px 22px;border-top:1px solid #34443e;color:#b2c8bd;font-size:.62rem;letter-spacing:.06em}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.settings{display:flex;gap:26px;align-items:center;flex-wrap:wrap}button,select{font:inherit;font-size:.83rem;padding:12px 16px;color:var(--ink);background:#18282b;border:1px solid #71877d;border-radius:4px}button{cursor:pointer}button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}label{font-size:.8rem;display:flex;gap:10px;align-items:center}input{width:18px;height:18px;accent-color:var(--accent)}#notice{font-size:.8rem;color:#afc2ba;line-height:1.7;min-height:2.7em;margin:20px 0}footer{font-size:.72rem;line-height:1.8;color:#a9b9b1;border-top:1px solid #34443e;padding-top:18px;margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:pre-wrap}[data-palette=amber]{--accent:#ffcf86;--cold:#ead5a9;--warm:#ffc0a0;--glow:rgba(255,178,91,.16)}[data-palette=ice]{--accent:#a6dfff;--cold:#a2bfff;--warm:#e6c9f5;--glow:rgba(90,149,255,.18)}[data-palette=mono]{--accent:#e1ebe7;--cold:#e1ebe7;--warm:#e1ebe7;--glow:transparent}.reveal .glyph{animation:reveal .55s both;animation-delay:var(--delay)}.ripple .glyph{animation:ripple .65s both;animation-delay:var(--delay)}.glitch .glyph{animation:glitch .32s both;animation-delay:var(--delay)}@keyframes reveal{from{opacity:.1;transform:translateY(5px);filter:blur(1px)}to{opacity:1;transform:none;filter:none}}@keyframes ripple{0%,100%{transform:none}45%{transform:translateY(-5px);color:var(--cold)}}@keyframes glitch{0%,100%{transform:none}25%{transform:translateX(-2px);text-shadow:2px 0 var(--warm)}65%{transform:translateX(2px);text-shadow:-2px 0 var(--cold)}}[data-reduced=true] .glyph{animation:none!important;transform:none!important;filter:none!important}@media(prefers-reduced-motion:reduce){.glyph{animation:none!important;transform:none!important;filter:none!important}}@media(max-width:560px){main{padding:24px 16px}.screen{padding:24px 18px}.statusbar{flex-direction:column;gap:5px}.chrome{padding:14px 18px}.chrome>span:last-child{display:none}.actions button{flex:1 1 44%}}