:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#eaf2ff;background:#070d18}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0,#11375a66,transparent 65%);min-height:100vh}main{max-width:850px;margin:auto;padding:50px 28px;position:relative;z-index:1}.mark{font-size:42px;font-weight:900;letter-spacing:-3px;color:#5ae7ec;display:flex;align-items:center;gap:14px;margin-bottom:55px}.mark span{font-size:12px;letter-spacing:3px;width:100px;line-height:1.6;color:#dbe5f8}.eyebrow{color:#7adee5;font-size:11px;letter-spacing:3px}h1{font-size:clamp(36px,6vw,60px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.intro{font-size:19px;color:#9eaec8}section{margin-top:38px;padding:28px;background:#111d30dd;border:1px solid #263b56;border-radius:22px;box-shadow:0 25px 80px #0005}h2{margin-top:0;font-size:23px}p,li{line-height:1.7;color:#b6c5dc}code{overflow-wrap:anywhere;color:#c9f7f7;font-size:12px}button{border:0;background:#74e6e8;color:#08222d;font:inherit;font-weight:700;border-radius:10px;padding:13px 20px;cursor:pointer}button:disabled{opacity:.4;cursor:default}.secondary{background:#22334c;color:#eaf2ff}label{display:flex;gap:12px;align-items:flex-start;padding:18px 0;font-size:14px;line-height:1.6}input{margin-top:6px}details{margin:20px 0}summary{cursor:pointer;color:#79e1e8}li{font-size:13px}.scope{display:block;font-size:12px;margin:8px 0}.result{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #263b56;padding:12px 0;font-size:14px}.result small{color:#9eaec8}.notice{border-left:3px solid #eac279;padding-left:15px}progress{width:100%;height:12px;accent-color:#6ee5e7}footer{font-size:12px;color:#687f9e;margin:30px 0}.halo{position:fixed;right:-300px;top:-300px;width:700px;height:700px;border:1px solid #5ae7ec22;border-radius:50%;box-shadow:0 0 120px #5ae7ec0d;pointer-events:none}