:root{--bg: #0b0f19;--fg: #f9fafb;--muted: #9ca3af;--accent: #22d3ee;--danger: #ef4444;--ok: #22c55e}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--fg)}button,.btn{cursor:pointer;border:none;padding:14px 20px;border-radius:14px;font-size:18px;text-decoration:none}.btn{background:var(--accent);color:#001018;font-weight:700;display:flex;align-items:center;gap:8px;transition:background .2s ease}.btn:hover{background:#06b6d4}.btn.secondary{background:#374151;color:var(--fg)}.btn.secondary:hover{background:#293240}.btn.danger{background:var(--danger);color:#fff}.btn.ok{background:var(--ok);color:#02240f}button:disabled,.btn:disabled{background:#1f2937;color:var(--muted);cursor:not-allowed}.app{height:100%;display:grid;place-items:center}.card{width:min(1100px,96vw);height:min(680px,90vh);border-radius:24px;padding:24px;background:#0f1526;box-shadow:0 10px 40px #0006;display:grid;grid-template-rows:auto 1fr auto;gap:18px}.header{display:flex;justify-content:space-between;align-items:center}.title{font-size:28px;font-weight:800;letter-spacing:.2px}.muted{color:var(--muted)}.center{display:grid;place-items:center;text-align:center;padding:20px}.big{font-size:48px;font-weight:900}.hint{margin-top:12px;font-size:18px;color:var(--muted)}.row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.timer{font-variant-numeric:tabular-nums;font-size:20px}.video-wrap{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#090d17}.video-wrap video{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0000004d;pointer-events:none}.badge-info{position:absolute;top:58px;right:12px;background:#0009;padding:8px 12px;border-radius:120px;font-size:10px!important;display:flex;align-items:center;gap:16px}.badge{position:absolute;top:12px;right:12px;background:#0009;padding:8px 12px;border-radius:120px;font-weight:700;display:flex;align-items:center;gap:16px}.rec{display:flex;align-items:center;gap:6px;animation:blink 2s infinite;color:var(--danger)}.rec svg circle{fill:var(--danger)}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes semi-blink{0%,to{opacity:1}50%{opacity:.6}}.warner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;padding:8px 12px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:16px}.actions{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0009;padding:8px 12px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:16px}.actions .btn.danger{border-radius:999px}.video-wrap.blink video{animation:semi-blink 1s infinite}.warn{background:#0009;padding:8px 12px;border-radius:12px;color:#fde68a}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card-item{background:#0b1021;border:1px solid #1f2937;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}.small{color:var(--muted)}.mrA{margin-right:auto}.mlA{margin-left:auto}.zoom{animation:zoomIn 2s infinite}@keyframes zoomIn{0%,to{transform:scale(.95)}25%,75%{transform:scale(1)}}.long-blink{animation:long-blink 2.5s linear infinite alternate}@keyframes long-blink{0%,to{opacity:.4}25%,75%{opacity:1}}.languageMainSelectorButton{padding:.2rem .5rem;display:flex;align-items:center;gap:10px;margin:0}.languageSelectorButton{padding:0rem .5rem;align-items:center;display:flex;background:#5d6678;gap:10px;width:100%;transition:background .3s ease,color .2s}.languageSelectorButton:hover{background:#62799d}.languageSelectorButton h4{color:#fff;margin:0}.languageSelectorButton:disabled{background:#293240}.languageSelectorButton:disabled h4{color:#9a9999}.languageSelectorButton:disabled img{opacity:.4}.card:has(video[playsinline]),.card:has(.list){grid-template-rows:none}
