:root{font-family:Manrope,Segoe UI,sans-serif;color:#10233a;background:linear-gradient(135deg,#f5f7fb,#dae7f4)}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;padding:24px;display:grid;gap:24px}.card{background:#fff;border-radius:16px;padding:16px;border:1px solid #d7e2ef;box-shadow:0 8px 20px #10233a14}.grid{display:grid;gap:8px}.row{display:flex;gap:8px;flex-wrap:wrap}input,button,textarea{padding:10px;border-radius:10px;border:1px solid #b4cbe4;font-size:14px}button{background:#0a6dca;color:#fff;border:none;cursor:pointer}button[disabled]{opacity:.5;cursor:not-allowed}iframe{width:100%;height:480px;border:1px solid #b4cbe4;border-radius:14px}.wheel{width:220px;height:220px;border-radius:50%;margin:8px auto;background:conic-gradient(#0a6dca,#0a6dca 60deg,#4ba4f7 60deg,#4ba4f7 120deg,#1f8f2f 120deg,#1f8f2f 180deg,#ce9b16 180deg,#ce9b16 240deg,#d94f3f 240deg,#d94f3f 300deg,#7a56d4 300deg,#7a56d4 360deg);transition:transform 2.2s cubic-bezier(.2,.8,.1,1)}.pointer{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #10233a;margin:0 auto}.log{max-height:220px;overflow:auto;white-space:pre-wrap;font-family:SF Mono,monospace;font-size:12px}