*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b1519;color:#eff4f4;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3a3d;gap:20px}.brand{color:#fff;font-size:20px;letter-spacing:.07em;font-weight:800;text-decoration:none}.brand span{color:#7ddbb3;margin-left:8px}.header-note,footer,.help{color:#a6babd;font-size:14px}main{max-width:1500px;margin:auto;padding:32px 4vw}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:clamp(28px,4vw,42px);margin:0 0 20px;line-height:1.2;font-weight:650}.eyebrow{color:#7ddbb3;font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}button{font:inherit;color:#dce6e7;background:#16282e;border:1px solid #3c5055;border-radius:6px;padding:10px 18px;cursor:pointer;min-height:44px}button:hover{background:#254148}button[aria-pressed=true]{background:#9be4bd;color:#10231d;border-color:#9be4bd}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 26px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid.single{grid-template-columns:1fr;max-width:1200px;margin:auto}.card{border:1px solid #2b4247;border-radius:8px;overflow:hidden;background:#101f25}.screen{aspect-ratio:16/9;background:#050c0f;position:relative;display:grid;place-items:center}.screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.empty{padding:24px;text-align:center;color:#b4c5c8}.empty strong{display:block;font-size:20px;color:#e5eeee;margin-bottom:8px}.bar{padding:14px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between}.bar h2{margin:0;font-size:18px;font-weight:600}.bar button{padding:6px 12px;font-size:14px}.notice{background:#362e19;border:1px solid #75663b;color:#ffe5a5;padding:14px;border-radius:6px}.help{margin-top:24px}footer{max-width:1500px;margin:auto;padding:20px 4vw 28px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #2b3a3d}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr;gap:18px}main{padding-top:24px}.header-note{display:none}.heading{align-items:flex-start}h1{margin-bottom:16px}.heading button{font-size:14px;padding:10px}footer{flex-direction:column}}