:root{font-family:system-ui,sans-serif;color:#eef5ff;background:#080e19;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{display:flex;justify-content:center;align-items:flex-start;gap:30px;padding:20px}.broadcast{width:min(100%,540px);aspect-ratio:9/16;background:radial-gradient(ellipse at 50% 45%,#182f42,#0a1020 68%);border:1px solid #243145;display:flex;flex-direction:column;text-align:center;padding:32px 16px;overflow:hidden}header p{font-size:11px;letter-spacing:4px;color:#94a8bf;margin:22px 0 5px}h1{font-size:44px;line-height:1;margin:0 0 24px;letter-spacing:-2px}em{color:#57e5d0;font-style:normal}.badge{font-size:10px;border:1px solid #3a655f;border-radius:20px;padding:6px 13px;letter-spacing:2px;color:#67e8d1}.phase{font-size:14px;letter-spacing:3px;color:#ffcd7e}.clock{font-variant-numeric:tabular-nums;font-size:20px;margin-top:8px}canvas{width:100%;min-height:0;flex:1;object-fit:contain}#result{min-height:35px;font-weight:800;color:#ffcd7e;font-size:20px}footer{padding:15px 0 5px}#votes{font-size:23px;font-weight:750}footer p{font-size:12px;color:#b4c6d8}small{font-size:9px;color:#788ca5}aside{max-width:390px;padding:25px;background:#121e2e;border-radius:15px}aside a{display:inline-block;color:#62e5d0;margin:0 12px 10px 0}label{display:block;margin:15px 0}input,button{font:inherit;border-radius:7px;border:1px solid #3f516b;padding:10px;margin:4px;background:#1a2b41;color:white}input{max-width:100%}input[type=number]{width:90px}button{cursor:pointer;background:#245e60}button:hover{background:#337f7d}aside p,pre{font-size:13px;line-height:1.7;color:#b4c6d8}body:has(aside) .broadcast{max-width:450px}body:not(:has(aside)) main{padding:0}body:not(:has(aside)) .broadcast{height:100dvh;width:auto;max-width:100vw;border:0}@media(max-width:760px){main{flex-direction:column;align-items:center}h1{font-size:36px}.broadcast{padding:22px 12px}aside{width:100%}}