:root{--bg:#000802;--fg:#35ff7a;--fg-dim:#1fa84f;--fg-bright:#c9ffdc;--panel:#000a03b8;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--mono);margin:0}body{place-items:center;min-height:100dvh;display:grid;overflow:hidden}#rain{z-index:0;width:100%;height:100%;position:fixed;inset:0}.panel{z-index:1;background:var(--panel);backdrop-filter:blur(2px);border:1px solid #35ff7a59;border-radius:6px;width:min(92vw,40rem);padding:clamp(1.25rem,4vw,2.25rem);position:relative;box-shadow:0 0 40px #35ff7a1f,inset 0 0 24px #35ff7a0d}h1{letter-spacing:.02em;color:var(--fg-bright);text-shadow:0 0 6px var(--fg), 0 0 22px #35ff7a8c;margin:0 0 1.25rem;font-size:clamp(2rem,8vw,3.25rem);font-weight:700}h1 .tld{color:var(--fg)}.term{text-shadow:0 0 8px #35ff7a73;margin:0;padding:0;font-size:clamp(.85rem,2.6vw,1rem);line-height:1.9;list-style:none}.term li{width:calc(var(--n) * 1ch + 2ch);white-space:nowrap;max-width:100%;animation:type calc(var(--n) * 55ms) steps(var(--n), end) var(--d,0s) both;display:block;overflow:hidden}.term li:before{content:"> ";color:var(--fg-dim)}.term li.ok span{color:var(--fg-bright)}.term li.last{box-sizing:content-box;border-right:.6em solid var(--fg);animation:type calc(var(--n) * 55ms) steps(var(--n), end) var(--d,0s) both, caret 1s steps(1) calc(var(--d,0s) + var(--n) * 55ms) infinite}@keyframes type{0%{width:2ch}to{width:calc(var(--n) * 1ch + 2ch)}}@keyframes caret{0%,to{border-right-color:var(--fg)}50%{border-right-color:#0000}}a{color:var(--fg-bright);text-underline-offset:.25em}a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}@media (prefers-reduced-motion:reduce){.term li,.term li.last{white-space:normal;width:auto;animation:none}.term li.last{border-right-color:var(--fg)}}
