:root{--accent:#ff0000;--bg:#f5f6f8;--card:#fff;--text:#15171a;--muted:#68707a;--line:#e4e7eb;--soft:#f0f2f4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}body{background:radial-gradient(circle at 80% 0,#fff 0,#f7f8fa 40%,#f0f2f5 100%)}a{color:inherit}.shell{max-width:880px;margin:0 auto;padding:28px 18px 60px}.shell.narrow{max-width:620px;padding-top:10vh}.header,.top,.admin-top,.admin-project-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.header{margin-bottom:18px}.brand{font-size:15px;color:var(--muted)}.badge,.active-pill{display:inline-flex;border-radius:999px;background:#fff0f0;color:var(--accent);padding:7px 12px;font-size:12px;font-weight:700;border:1px solid #ffd3d3}.card{background:rgba(255,255,255,.96);border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:30px;box-shadow:0 20px 70px rgba(17,24,39,.07);margin-bottom:20px}.center-card{text-align:center}.logo-mark{width:52px;height:52px;border-radius:16px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;margin-bottom:10px}h1{font-size:clamp(30px,5vw,54px);line-height:1.04;letter-spacing:-.04em;margin:6px 0 14px}h2{font-size:24px;margin:0 0 14px}.sub{font-size:18px;line-height:1.5;color:var(--muted);margin-bottom:24px}.small{font-size:13px;color:var(--muted)}.center{text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:12px;font-weight:800}.word-grid{display:grid;gap:12px;margin:22px 0}.word-grid input,.text-input{width:100%;font-size:18px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;outline:none}.word-grid input:focus,.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,0,0,.08)}.options{display:grid;gap:10px;margin:22px 0}.option{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.option:hover{border-color:#cfd4da}.option input{width:20px;height:20px;accent-color:var(--accent)}.actions,.phase-row,.project-actions{display:flex;gap:10px;flex-wrap:wrap}.button,button.primary,.primary{appearance:none;border:0;border-radius:12px;padding:12px 16px;font-weight:700;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#15171a;color:#fff}.button.primary,button.primary,.primary{background:var(--accent);color:#fff}.button.ghost{background:#fff;color:#15171a;border:1px solid var(--line)}.button.danger{background:#7f1d1d}.message{margin-top:14px;padding:12px 14px;border-radius:12px}.message.ok{background:#ecfdf3;color:#166534}.message.err{background:#fff1f2;color:#9f1239}.waiting{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pulse{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 0 rgba(255,0,0,.35);animation:pulse 1.5s infinite;margin-bottom:16px}@keyframes pulse{70%{box-shadow:0 0 0 18px rgba(255,0,0,0)}100%{box-shadow:0 0 0 0 rgba(255,0,0,0)}}.live{min-height:100vh;padding:5vh 6vw;background:#fff}.live h1{font-size:clamp(42px,5vw,86px);max-width:1400px}.live .sub{font-size:clamp(18px,2vw,30px)}.top{border-bottom:1px solid var(--line);padding-bottom:16px}.count{font-weight:800;font-size:18px}.live-wait{height:55vh;display:flex;align-items:center;justify-content:center;text-align:center}.big{font-size:clamp(24px,3vw,46px);font-weight:800;color:#555}.cloud{min-height:55vh;display:flex;align-content:center;justify-content:center;align-items:center;gap:24px 32px;flex-wrap:wrap;padding:30px}.cloud span{font-weight:800;line-height:1}.bars{max-width:1400px;margin-top:34px;display:grid;gap:18px}.bar-row{display:grid;grid-template-columns:minmax(220px,34%) 1fr 110px;align-items:center;gap:18px}.bar-label{font-size:clamp(18px,1.5vw,28px);font-weight:700}.bar-track{height:26px;background:#eef0f3;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .5s ease}.bar-value{text-align:right;font-size:20px;font-weight:800}.admin-shell{max-width:1100px;margin:0 auto;padding:30px 18px 70px}.admin-top{margin-bottom:20px}.project-list{display:grid;gap:12px}.project-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:16px}.note{margin-top:20px;padding:16px;border-radius:14px;background:#f8fafc;color:#475569;line-height:1.5}.breadcrumbs{margin:14px 0}.breadcrumbs a{text-decoration:none;color:var(--muted)}.question-admin-list{display:grid;gap:10px}.question-admin{margin:0}.question-admin button{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:14px;text-align:left;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:14px;cursor:pointer}.question-admin.active button{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,0,0,.06)}.question-admin small{display:block;color:var(--muted);margin-top:4px}.q-num{display:flex;width:34px;height:34px;border-radius:10px;background:var(--soft);align-items:center;justify-content:center;font-weight:800}.danger-card{border-color:#fecaca}@media(max-width:700px){.card{padding:22px}.project-item,.admin-project-head,.admin-top{align-items:flex-start;flex-direction:column}.bar-row{grid-template-columns:1fr}.bar-value{text-align:left}.live{padding:28px 20px}.project-actions{width:100%}.project-actions .button{flex:1}.question-admin button{grid-template-columns:40px 1fr}.active-pill{display:none}}
