:root{font-family:Inter,Arial,sans-serif;color:#172a48;background:#eef4fb}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:22px 16px}header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 24px}.brand{font-weight:900;font-size:30px;color:#2255ad}.brand span{color:#f38b36}.brand small{font-size:12px;letter-spacing:2px;margin-left:10px;color:#607592}#connection{font-size:12px;color:#607592}.panel{background:white;border-radius:22px;padding:clamp(20px,4vw,42px);box-shadow:0 12px 40px #18396b14;min-height:420px}h1{font-size:clamp(25px,4vw,38px);margin:0 0 12px}h2{font-size:23px}p{line-height:1.5;color:#566b86}.muted{color:#6d819b;font-size:14px}.buttons,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:20px 0}button,.button{font:inherit;cursor:pointer;background:#245bb4;color:white;border:0;border-radius:12px;padding:15px 19px;font-weight:700;transition:.15s}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}.outline{background:white;color:#245bb4;border:2px solid #c5d7f2}.orange{background:#f08a35;color:#132b4c}input,select{width:100%;padding:15px;border:1px solid #bfd0e6;border-radius:12px;font:inherit;margin:8px 0 14px}.code{font-size:clamp(42px,9vw,74px);font-weight:900;letter-spacing:8px;color:#245bb4}.card{background:#f3f7fc;border:1px solid #e1eaf5;border-radius:14px;padding:18px;margin:12px 0}.stats{display:flex;gap:12px;flex-wrap:wrap}.stat{flex:1;min-width:120px;background:#f0f5fc;border-radius:12px;padding:14px}.stat strong{display:block;font-size:26px;color:#245bb4}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.answer{min-height:95px;text-align:left;font-size:17px}.answer:nth-child(2){background:#e58030}.answer:nth-child(3){background:#177b9c}.answer:nth-child(4){background:#357e68}.answer.chosen{outline:5px solid #172a48}.bar{height:12px;border-radius:10px;background:#e1eaf5;overflow:hidden}.fill{height:100%;background:#f08a35;transition:width .2s}.rank{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5ecf4}.rank:first-child{font-weight:800;background:#eaf4ff;border-radius:10px}.tag{display:inline-block;background:#eaf2fc;color:#245bb4;border-radius:40px;padding:6px 12px;font-weight:700;font-size:13px}.error{background:#fff0ed;color:#9e3426;border-radius:10px;padding:12px;margin:10px 0}.success{background:#eaf8ef;color:#226a3d;border-radius:10px;padding:12px;margin:10px 0}.link{word-break:break-all;color:#245bb4}.qr{width:180px;height:180px;object-fit:contain}footer{text-align:center;color:#8090a7;font-size:12px;margin:24px}@media(max-width:560px){.answers{grid-template-columns:1fr}.panel{min-height:350px}.brand{font-size:24px}.brand small{display:block;margin:2px 0}}