:root{--bg: #fffdf5;--surface: #ffffff;--text: #111111;--muted: #333333;--border: #111111;--primary: #ffe100;--danger: #9b0000;--focus: #005fcc;--shadow: 0 4px 0 #111111}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top right,#fff4a8,#fffdf5 45%,#fff);color:var(--text);font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:18px;line-height:1.4}body{min-height:100svh}.container{width:min(920px,100%);margin:0 auto;padding:1rem 1rem 2rem}h1,h2,h3{line-height:1.2;margin:.5rem 0}h1{font-size:1.9rem}h2{font-size:1.6rem}h3{font-size:1.3rem}p,label,input,button{font-size:1rem}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.net{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;min-height:32px}.dot{width:14px;height:14px;border-radius:999px;border:2px solid var(--border);background:#1a7f37;box-shadow:0 2px #111}.dot.offline{background:var(--danger)}.net-text{font-weight:800;color:var(--danger)}.message{margin:.75rem 0 1rem;font-weight:700}.message[data-type=error]{color:var(--danger)}.install-note{margin:.5rem 0 1rem;padding:.75rem .9rem;border:2px dashed var(--border);border-radius:12px;background:#fffef4}.install-note p{margin:.25rem 0;color:var(--muted);font-weight:700}section{border:3px solid var(--border);border-radius:.8rem;padding:1rem;background:var(--surface);box-shadow:var(--shadow);margin-bottom:1rem}video,canvas,input[type=text],input[type=range]{width:100%;border:3px solid var(--border);border-radius:.6rem;background:#fff}canvas{touch-action:none}video,canvas{min-height:220px;background:#222;margin-bottom:.8rem}input[type=text],input[type=range]{padding:.7rem;margin-bottom:.8rem}input[type=range]{padding:0}button{min-height:64px;min-width:64px;padding:.8rem 1rem;border:3px solid var(--border);border-radius:.65rem;background:#fff;color:var(--text);font-weight:800;cursor:pointer;box-shadow:0 3px #111}button:active{transform:translateY(1px)}button.primary{background:var(--primary)}button.danger{background:#ffd9d9}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.actions.grid button{flex:1 1 220px}.pages{margin-top:1rem}.page-item{border:2px solid var(--border);padding:.7rem;margin:.5rem 0;background:#fffef8}.page-item.selected{border-width:4px;background:#fff7cd}.page-select{width:100%;text-align:left}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.empty{margin:0;padding:.6rem;border:2px dashed var(--border)}.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;z-index:50}.overlay.active{display:flex}.overlay video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay-content{position:relative;z-index:1;max-width:600px;width:100%;background:#fffdf2eb;border:3px solid var(--border);border-radius:18px;padding:20px;display:grid;gap:16px;text-align:center;box-shadow:var(--shadow)}.overlay-title{font-size:30px;font-weight:800}.ad-panel{border:3px solid var(--border);border-radius:18px;background:#fff;padding:16px;display:grid;gap:12px;min-height:220px;align-items:center}.ad-panel img{width:100%;max-height:160px;object-fit:contain}.ad-button{display:inline-block;text-decoration:none;width:100%;padding:18px 20px;font-size:24px;font-weight:800;border-radius:16px;border:3px solid var(--border);background:var(--primary);color:var(--text)}@media(max-width:640px){.container{padding:.8rem}h1{font-size:1.6rem}h2{font-size:1.35rem}}