:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edf7fc;background:#091321}*{box-sizing:border-box}body{margin:0}main{max-width:920px;padding:32px 24px;margin:auto}h1{font-size:clamp(25px,4vw,38px);line-height:1.4}h2{font-size:23px}p{line-height:1.8}.eyebrow{letter-spacing:.12em;color:#8ef1d1;font-size:13px}.panel{padding:24px;background:#122338;border:1px solid #527184;border-radius:18px}button,input,textarea,select{font:inherit}button,select{padding:12px 16px;border:1px solid #84dac6;border-radius:8px;background:#1d3c47;color:#edfff8;cursor:pointer}button[aria-pressed=true]{background:#a0f0d7;color:#092e2d}input,textarea{display:block;width:100%;max-width:560px;margin:10px 0;padding:12px;border:1px solid #8baabd;border-radius:8px;background:#081b2b;color:#fff}label{display:block;line-height:1.8}a{color:#9aefdb}a,button,input,textarea,select,summary{outline-offset:5px}:focus-visible{outline:3px solid #ffd06b!important}.actions{display:flex;gap:12px;flex-wrap:wrap}.skip{display:block;margin-bottom:16px}.error{color:#ffb3af;min-height:1.8em}[aria-invalid=true]{border:2px solid #ffb3af}footer{font-size:13px;color:#b9cada;margin-top:26px}summary{cursor:pointer;padding:10px 0}#selection,#form-result,#width-result,#motion-result,#storage-result,#test-result{color:#baf4df;font-weight:600}.viewport{max-width:100%;width:320px;border:2px dashed #ffd06b;overflow:auto;margin-top:16px}.wide-card{width:520px;padding:20px;background:#234b52}.wide-card.fixed{width:100%;min-width:0;overflow-wrap:anywhere}.long-word{font-family:monospace;color:#ffdc98}.orbit{height:190px;border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#244b5c,#07182b);margin-bottom:20px}.orbit i{position:absolute;width:90%;left:5%;top:90px;border-top:1px dashed #4c829c}.orbit span{display:block;position:absolute;top:72px;left:8%;width:44px;height:44px;border-radius:50%;background:#a5f4d9;box-shadow:0 0 25px #65c9bd;animation:travel 5s ease-in-out infinite alternate}.orbit span.paused{animation-play-state:paused}@keyframes travel{to{left:82%;transform:rotate(180deg)}}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:9px;border-bottom:1px solid #406172}.pass{color:#a8f0ca}.fail{color:#ffb3af}@media(max-width:480px){main{padding:20px 16px}.panel{padding:18px}h2{font-size:20px}button{padding:10px 12px}.actions{gap:8px}}@media(prefers-reduced-motion:reduce){.orbit span{animation-play-state:paused}}