:root{color-scheme:dark;--glass:rgba(12,15,17,.72);--line:rgba(255,255,255,.12);--muted:rgba(255,255,255,.55);--accent:#9ef0ca}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#030404;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff}button,select{font:inherit}.viewer{position:relative;width:100%;height:100%;background:#000}video{display:block;width:100%;height:100%;object-fit:fill;background:#000}.panel{position:absolute;z-index:4;top:16px;right:16px;width:min(340px,calc(100vw - 32px));padding:22px;border:1px solid var(--line);border-radius:2px;background:var(--glass);box-shadow:0 24px 80px #0006;backdrop-filter:blur(22px) saturate(120%);transition:.22s}.panel.hidden{opacity:0;pointer-events:none;transform:translateX(18px)}header,section p,.date-row,footer{display:flex;align-items:center}header{justify-content:space-between;margin-bottom:26px}h1{margin:3px 0 0;font-size:19px;font-weight:560}small{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.18em}.round,.date-row button,.toggle{border:1px solid var(--line);color:#fff;background:#ffffff0f;cursor:pointer}.round{width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1}section+section{margin-top:20px}section p{justify-content:space-between;margin:0 0 8px}section label{font-size:12px;font-weight:650}section p span{color:var(--muted);font-size:11px}select{width:100%;min-width:0;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:2px;outline:none;color:#fff;background:#ffffff12}select option{color:#111;background:#fff}select:focus,button:focus-visible{border-color:#9ef0cabf;outline:2px solid #9ef0ca2e}.date-row{gap:7px}.date-row button{flex:0 0 44px;height:44px;border-radius:10px;font-size:25px}.date-row button:disabled{opacity:.28;cursor:default}.round:hover,.date-row button:hover,.toggle:hover{background:#ffffff24}footer{flex-wrap:wrap;gap:8px 14px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-right:3px;border:1px solid var(--line);border-radius:4px;color:#ffffffbf;background:#ffffff0f;font-family:inherit;font-size:9px}.toggle{position:absolute;z-index:3;top:18px;right:18px;width:44px;height:44px;border-radius:50%;opacity:0;pointer-events:none;backdrop-filter:blur(14px);transition:.2s}.toggle.visible{opacity:1;pointer-events:auto}.toggle i{display:block;width:15px;height:1px;margin:4px auto;background:#fff}.label{position:absolute;z-index:2;top:max(18px,env(safe-area-inset-top));left:20px;padding:8px 11px;border-radius:8px;color:#ffffffc7;background:#00000052;backdrop-filter:blur(10px);font-size:12px;opacity:0;transform:translateY(-5px);transition:.2s;pointer-events:none}.label.visible{opacity:1;transform:none}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.empty[hidden]{display:none}.empty b{color:#fff;font-size:19px}@media(max-width:620px){.panel{top:auto;right:12px;bottom:12px;left:12px;width:auto;padding:18px}footer{display:none}.toggle{top:12px;right:12px}.label{top:14px;left:14px}}@media(prefers-reduced-motion:reduce){*,::before,::after{transition-duration:.01ms!important}}