:root{color-scheme:light dark;--bg:var(--tg-theme-bg-color,#f5f6f5);--text:var(--tg-theme-text-color,#18271f);--muted:var(--tg-theme-hint-color,#67766e);--line:color-mix(in srgb,var(--text) 13%,transparent);--action:var(--tg-theme-button-color,#26644f);--action-text:var(--tg-theme-button-text-color,#fff)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{max-width:900px;margin:0 auto;padding:calc(20px + var(--tg-content-safe-area-inset-top,0px)) 20px calc(20px + var(--tg-content-safe-area-inset-bottom,0px))}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}h1{font-size:23px;line-height:1.2;font-weight:650;margin:0 0 5px}header p{margin:0;color:var(--muted);font-size:13px}#connection{font-size:12px;color:var(--muted);text-align:right;max-width:130px}.player{position:relative;background:#151c18;aspect-ratio:4/3;overflow:hidden;border-radius:10px}video,#frames{width:100%;height:100%;object-fit:contain;display:none}#cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#e8efe9;background:#151c18}#cover svg{width:48px;height:48px;fill:none;stroke:#aec1b4;stroke-width:1.5;margin-bottom:18px}h2{font-size:20px;line-height:1.3;font-weight:500;margin:0 0 9px}#description{max-width:320px;font-size:14px;color:#b8c5bc;margin:0}.controls{display:flex;gap:12px;margin-top:20px}button{appearance:none;font:inherit;font-weight:550;border:0;border-radius:8px;background:var(--action);color:var(--action-text);padding:12px 20px;min-height:48px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid var(--action);outline-offset:3px}button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.note{font-size:13px;line-height:1.65;color:var(--muted);margin:17px 0 0;max-width:590px}.error{font-size:14px;color:var(--tg-theme-destructive-text-color,#b53b31);margin:16px 0 0}footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.fullscreen{position:absolute;right:12px;bottom:12px;min-height:40px;width:40px;padding:9px;background:#0009;color:white;border-radius:7px}.fullscreen svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.player:fullscreen{border-radius:0;background:#000;aspect-ratio:auto}.player:fullscreen video,.player:fullscreen #frames{object-fit:contain}[hidden]{display:none!important}@media(max-width:480px){main{padding-left:16px;padding-right:16px}header{margin-bottom:18px}.controls button{flex:1}#connection{max-width:100px}.player{border-radius:8px}}@media(prefers-reduced-motion:no-preference){button{transition:opacity .15s ease}}@media(prefers-color-scheme:dark){:root{--bg:var(--tg-theme-bg-color,#1e2521);--text:var(--tg-theme-text-color,#e6eee8);--muted:var(--tg-theme-hint-color,#a1b1a6)}}