:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f2;background:#101220;color-scheme:dark;font-size:16px}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;background:#1b1a30;min-height:100vh}.shell{max-width:70rem;margin:auto;padding:0 1.25rem}.site-header{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #55566c}.brand{font-weight:900;letter-spacing:-.04em;font-size:1.35rem;color:#fff;text-decoration:none}.brand span{color:#b8f576}.brand-dot{margin-left:.1rem}main{max-width:44rem;margin:clamp(2rem,7vw,5rem) auto;padding:clamp(1.25rem,4vw,2.5rem);border:2px solid #aaa6c8;background:#22233a;box-shadow:8px 8px #080a13}main:before{content:"◆  SECURE TRANSMISSION";display:block;color:#c9f995;font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:1.25rem}h1,h2{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2rem,6vw,3rem);margin:0 0 1rem}h2{font-size:1.35rem;margin-top:2rem}p{line-height:1.6;color:#e0e0eb}label{display:block;font-weight:700;margin:1.3rem 0 .5rem}input,textarea{display:block;width:100%;background:#111321;color:#fff;border:2px solid #a8a7bf;border-radius:0;font:inherit;padding:.8rem;min-height:3rem}textarea{min-height:12rem;resize:vertical}input[type=number]{max-width:10rem}input[readonly]{font-family:ui-monospace,monospace;font-size:.9rem}button{font:inherit;font-weight:750;min-height:2.75rem;padding:.65rem 1rem;background:#c9f995;color:#141b18;border:2px solid #c9f995;border-radius:0;box-shadow:3px 3px #080a13;cursor:pointer;margin:.35rem .4rem .35rem 0}button:hover{background:#e2ffbd}button:disabled{opacity:.65;cursor:wait}.sound-toggle{background:transparent;color:#fff;border-color:#aaa6c8;margin:0;white-space:nowrap}.sound-toggle:hover{background:#3d3e57}:focus-visible{outline:3px solid #ffe38a;outline-offset:4px}[role=alert]{border-left:4px solid #ffc27d;background:#40303a;padding:1rem;color:#fff}[role=status]{color:#d7ffba}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#111321;border:2px solid #a8a7bf;padding:1rem;font:inherit;line-height:1.6;color:#fff}footer{text-align:center;border-top:1px solid #55566c;padding:1.5rem 0 2.5rem;color:#c8c8d6;font-size:.875rem}footer span{color:#c9f995;margin:0 .4rem}@media(max-width:480px){.shell{padding:0 1rem}.site-header{min-height:4.5rem}.brand{font-size:1.1rem}main{box-shadow:5px 5px #080a13}button{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
