:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10151e;color:#edf2fa;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:24px}header{margin-bottom:24px}.eyebrow{color:#91c7ff;font-size:.75rem;letter-spacing:.16em}h1{font-size:1.8rem;margin:8px 0}h1 span{font-size:1rem;font-weight:400;color:#acb9cd;margin-left:12px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}label{font-size:.9rem}input,select,button,a{font:inherit}input:not([type=range]){flex:1;min-width:150px}input,select,button{border:1px solid #42536b;border-radius:8px;background:#1a2535;color:inherit;padding:10px}button,a{cursor:pointer}button:hover{background:#2b405a}a{color:#91c7ff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91c7ff;outline-offset:3px}form{margin-bottom:18px}form>label{display:block;margin-bottom:8px}moq-watch-ui{display:block;background:#000;border-radius:12px;overflow:hidden}moq-watch{width:100%;aspect-ratio:16/9}canvas{width:100%;height:100%;object-fit:contain;display:block}section{margin-top:18px;padding:18px;background:#17202e;border:1px solid #2d3d52;border-radius:12px}.hint,footer{color:#acb9cd;font-size:.85rem;line-height:1.6}dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}dt{font-size:.75rem;color:#acb9cd}dd{margin:5px 0;font-variant-numeric:tabular-nums}#health{font-size:.9rem;color:#91c7ff}#error{padding:12px;border:1px solid #ed9b85;background:#3b2529;color:#ffd7ca}#custom-control{margin-top:16px}#custom{width:100%;padding:10px 0}output{margin-left:12px}footer{margin:18px 0}[hidden]{display:none!important}@media(max-width:540px){main{padding:14px}h1 span{display:block;margin:8px 0}dl{grid-template-columns:1fr}section{padding:14px}button{min-height:44px}}