:root{font-family:Segoe UI,Arial,sans-serif;color:#e7f7f5;background:#061e29;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 10%,#155267 0,transparent 55%),linear-gradient(145deg,#082a37,#051923);min-height:100dvh}main{min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) max(6vw,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(6vw,env(safe-area-inset-left));max-width:1500px;margin:auto}main:fullscreen{max-width:none;overflow:auto;background:#082a37}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:34px;font-weight:700;letter-spacing:5px;color:#e7f7f5;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#a5c5cb;margin-top:5px}.tag{color:#a5c5cb;font-size:13px}.intro{margin:70px 0 38px;max-width:700px}.eyebrow{font-size:11px;letter-spacing:3px;color:#7fd4cf}h1{font-weight:500;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-2px;margin:22px 0}.intro>p:last-child{max-width:530px;color:#b2ced4;line-height:1.7}.panel{padding:28px;border:1px solid #356070;border-radius:18px;background:#092632cc;max-width:850px}h2{font-size:20px;font-weight:500;margin-top:0}dl{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;font-size:14px}dt{color:#b2ced4}dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}button{border:1px solid #557e87;background:transparent;border-radius:8px;padding:13px 17px;color:inherit;font:inherit;cursor:pointer}button:first-child{background:#a7e3d4;border-color:#a7e3d4;color:#092c36}button:focus-visible,a:focus-visible{outline:3px solid #ffdc8b;outline-offset:5px}#message,.remote,#key,footer{font-size:12px;line-height:1.6;color:#a5c5cb}footer{max-width:740px;margin-top:28px}video{width:100%;max-height:240px;margin:10px 0} [hidden]{display:none!important}@media(max-width:600px){main{padding:24px 20px}.tag{max-width:110px;text-align:right}.intro{margin-top:48px}.panel{padding:20px}dl{grid-template-columns:1fr 1fr}.actions button{width:100%}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}} 
/* Basic layout remains usable without dvh, max(), grid or focus-visible. */
body,main{min-height:100vh}main{padding:28px 6%}dd{margin-bottom:14px}button{margin:4px}button:focus,a:focus{outline:3px solid #ffdc8b;outline-offset:3px}pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%;font:12px/1.6 Consolas,monospace;color:#c6e4e4}main:-webkit-full-screen{max-width:none;overflow:auto;background:#082a37}
@supports(min-height:100dvh){body,main{min-height:100dvh}}
@supports(padding:max(1px,2px)){main{padding:max(28px,env(safe-area-inset-top)) max(6vw,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(6vw,env(safe-area-inset-left))}}
@supports(display:grid){dd{margin-bottom:0}}
@media(max-width:600px){main{padding:24px 20px}}
#report{max-height:50vh;overflow:auto;padding:12px;border:1px solid #557e87}#report:focus{outline:3px solid #ffdc8b;outline-offset:3px}#key{position:sticky;top:0;background:#092632;padding:10px;border:1px solid #557e87;color:#e7f7f5;font-size:14px;z-index:1}