:root{font-family:system-ui,sans-serif;color:#e6edf5;background:#101722;line-height:1.6;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:1.5rem}header{display:flex;justify-content:space-between;border-bottom:1px solid #354157}header a{font-weight:750;font-size:1.5rem;color:#79b8ff}a{color:#9ecbff}h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2}h2,h3{line-height:1.3}form,article{padding:1.2rem;background:#182333;border:1px solid #354157;border-radius:.6rem;margin:1rem 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:block;margin:.9rem 0}input:not([type=checkbox]){width:100%;padding:.65rem;background:#101722;border:1px solid #7687a0;border-radius:.3rem;color:inherit;font:inherit}button{padding:.65rem 1rem;background:#235caa;border:1px solid #80b1f4;border-radius:.3rem;color:white;font:inherit;cursor:pointer;margin:.4rem .4rem .4rem 0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffcf78;outline-offset:3px}.note{color:#b4c2d4;font-size:.95rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}#status:not(:empty){padding:1rem;border-left:4px solid #79b8ff;background:#182333}.error{color:#ffb6b6}.check{display:flex;gap:.7rem;align-items:baseline}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}[hidden]{display:none!important}footer{color:#b4c2d4}@media(max-width:650px){.columns{grid-template-columns:1fr}header span{display:none}.toolbar{align-items:start;flex-direction:column}}
:root{color:#f2f5fc;background:#050d14}body{background:radial-gradient(ellipse at 80% 0%,#102b3b,transparent 38rem),#050d14}header,main,footer{max-width:1100px}header{min-height:80px;align-items:center;border-color:#1b3445}header a{color:#f2f5fc;text-decoration:none;letter-spacing:-.04em}h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.04em}h1::after{content:'.';color:#ffb52e}a{color:#69cfff}form,article{background:#0b1723;border-color:#1b3445;border-radius:10px;padding:1.5rem}input:not([type=checkbox]){background:#050d14;border-color:#355269;border-radius:8px}button{background:#ffb52e;color:#10151a;border-color:#ffb52e;border-radius:8px;font-weight:700}.note,footer{color:#b2c3d4}#status:not(:empty){background:#102231;border-color:#18b9ff}