:root{font-family:Tahoma,Arial,sans-serif;color:#18334e;background:#eff5fc;font-size:15px;line-height:1.9;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#d9eafa,transparent 60%)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:12px;padding:12px 24px;transition:background .2s,transform .2s}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #e89f26;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1000px;margin:auto;padding:32px 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-weight:bold;font-size:25px}.brand small{display:block;font-size:12px;color:#6c8096;font-weight:normal}.brand-icon{display:grid;place-items:center;width:52px;height:52px;background:#1266c9;color:white;border-radius:16px;font-size:32px}.badge{font-size:12px;color:#2b669c;border:1px solid #c6ddf0;padding:5px 13px;border-radius:24px;background:#ffffff80}.card{background:#fff;border:1px solid #e0e9f2;border-radius:24px;padding:36px;box-shadow:0 20px 70px #234e7810}.hero{text-align:center}.eyebrow{color:#3178b9;font-size:12px}h1{font-size:32px;line-height:1.6;margin:12px 0}.intro{color:#657b91;margin-bottom:24px}.orb{width:110px;height:110px;border-radius:50%;margin:28px auto 12px;display:grid;place-items:center;background:linear-gradient(135deg,#e5f3ff,#b9dbff);box-shadow:0 0 0 12px #f5faff;color:#2379d8;font-size:50px}.orb.active{animation:breathe 1.8s ease-in-out infinite;background:linear-gradient(135deg,#258cef,#104eae);color:white}.timer{font-size:30px;font-variant-numeric:tabular-nums;color:#2468ad;direction:ltr}#status{font-weight:bold;margin-bottom:0}.muted{font-size:13px;color:#72849a}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0}.primary{background:#1266c9;color:white}.secondary{background:#eaf2fc;color:#205c9d}.danger{background:#fff0ef;color:#b73e38}.link{background:transparent;color:#617b96;padding:5px;font-size:12px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.rules article{padding:5px 10px}.rules b{font-size:14px}.rules p{font-size:12px;color:#71859a;margin:6px 0}footer{text-align:center;color:#8294a7;font-size:11px;margin:28px 0}.login{max-width:360px;margin:24px auto}label{display:block;text-align:right;margin:14px 0;font-size:13px;font-weight:bold}input,textarea,select{display:block;width:100%;padding:10px 12px;border:1px solid #d3deeb;border-radius:10px;background:#fbfdff;color:#18334e}input[type=checkbox]{display:inline;width:auto}textarea{min-height:200px;resize:vertical}.login button{width:100%;margin-top:12px}.notice{padding:12px 16px;background:#eaf4ff;border-radius:12px}.error{color:#a83434;background:#fff0ef}.caption{font-size:13px;min-height:24px;color:#496782}.logout{margin-top:18px}audio{max-width:100%;margin:auto}.admin h1{font-size:24px}.admin .card{margin-bottom:24px}.admin header{margin-bottom:20px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}td,th{padding:10px;border-bottom:1px solid #e8eef5;white-space:nowrap}.table-wrap{overflow:auto}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.admin-grid h2{font-size:17px}.admin form button{margin-top:12px}@keyframes breathe{50%{box-shadow:0 0 0 18px #edf6ff}}@media(prefers-reduced-motion:reduce){.orb.active{animation:none}}@media(max-width:650px){.shell{padding:20px 14px}.card{padding:26px 18px}h1{font-size:25px}.rules,.admin-grid{grid-template-columns:1fr;gap:8px}.badge{display:none}.rules article{border-bottom:1px solid #dfe8f3}.actions button{flex:1 1 45%;padding:10px}.brand{font-size:22px}}
