:root{--bg:#0b0b10;--surface:#17171f;--fg:#f5f5f7;--muted:#8e8e99;--accent:#ff4d6d;--ok:#3ddc84;--warn:#ffc65c}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:17px}.viewer{flex-direction:column;gap:1.25rem;max-width:34rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.viewer__title{margin:.5rem 0 0;font-size:1.6rem;font-weight:800}.field{display:block;position:relative}.field__label{color:var(--muted);margin-bottom:.4rem;font-size:.9rem;display:block}.field__input{background:var(--surface);width:100%;color:var(--fg);font:inherit;border:1px solid #0000;border-radius:.9rem;padding:.9rem 1rem;font-size:1.05rem}.field__input:focus{border-color:var(--accent);outline:none}.field__input--area{resize:none;line-height:1.4}.field__counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;position:absolute;bottom:.7rem;right:.85rem}.field__counter--over{color:var(--accent);font-weight:700}.button{background:var(--accent);color:#fff;font:inherit;border:none;border-radius:.9rem;min-height:3.25rem;padding:1rem;font-size:1.05rem;font-weight:700}.button:disabled{color:var(--muted);background:#33333d}.status{background:var(--surface);border-radius:.9rem;margin:0;padding:.9rem 1rem;line-height:1.4}.status--ok{color:var(--ok)}.status--wait{color:var(--warn)}.status--bad{color:var(--accent)}.viewer__lead{color:var(--muted);margin:0;line-height:1.45}.button--vk{text-align:center;background:#07f;line-height:1.3rem;text-decoration:none;display:block}.who{background:var(--surface);border-radius:.9rem;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.who__avatar{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:2.6rem;height:2.6rem}.who__text{flex-direction:column;display:flex}.who__name{font-weight:700}.who__note{color:var(--muted);font-size:.82rem}.status a{color:inherit}.viewer__hint{color:var(--muted);margin:0 0 -.6rem;font-size:.85rem}.preview{aspect-ratio:16/9;background:#07070b;border-radius:.9rem;flex-direction:column;padding:.9rem;display:flex;container-type:inline-size}.preview__text{text-align:center;letter-spacing:-.02em;overflow-wrap:break-word;flex:1;justify-content:center;align-items:center;font-size:clamp(.95rem,8cqw,2.2rem);font-weight:800;line-height:1.05;display:flex;overflow:hidden}.preview__sign{color:var(--muted);flex:none;justify-content:center;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.preview__avatar{object-fit:cover;border:1px solid var(--accent);border-radius:50%;width:1.3rem;height:1.3rem}.rules{gap:.8rem;margin:0;padding-left:1.1rem;line-height:1.45;display:grid}.rules strong{color:var(--warn)}.strikes{color:var(--warn);background:#ffc65c1f;border-radius:.9rem;margin:0;padding:.8rem .9rem;font-size:.9rem;line-height:1.4}.viewer__event{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 -.9rem;font-size:.85rem;font-weight:700}.rules__extra{background:var(--surface);white-space:pre-wrap;border-radius:.9rem;margin:0;padding:.8rem .9rem;line-height:1.45}.preview__avatar--empty{background:#2a2a33;display:inline-block}