:root{--desk:#f6eef2;--board:#880e4f;--board-edge:#5c0935;--foil:#f8c8dc}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#160c11;--board:#6e0c40;--board-edge:#44072a;--foil:#f8c8dc}}.sheet h1{font-size:30px}.sheet .lede{font-size:17px}.starts{gap:12px;display:grid}.open.huge{padding:20px 16px;font-size:20px}.viewer{gap:14px;display:grid}.stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;height:calc(100svh - 150px);min-height:380px;margin:0 -16px;position:relative;overflow:hidden}.stage video{object-fit:cover;transform-origin:50%;width:100%;height:100%}.stage canvas{transform-origin:0 0;position:absolute;top:0;left:0}.tint{mix-blend-mode:multiply;pointer-events:none;background:#ffe14d;position:absolute;inset:0}.badge{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0009;border-radius:999px;margin:0;padding:6px 12px;font-size:18px;font-weight:700;position:absolute;top:10px;right:12px}.controls{gap:14px;margin-top:14px;display:grid}.overlay{z-index:2;padding:36px 12px calc(12px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(#0000,#000000b8 32%);gap:10px;display:grid;position:absolute;bottom:0;left:0;right:0}.overlay .modes{grid-template-columns:repeat(4,1fr);display:grid}.overlay .modes span{text-align:center;color:#fff;background:#00000059;border-color:#ffffff80;padding:10px 4px;font-size:15px;display:block}.overlay .modes input:checked+span{color:var(--board);background:#fff;border-color:#fff}.overlay .actions .open.second{box-shadow:none;background:#ffffffeb}.fold{z-index:2;color:#fff;font:inherit;cursor:pointer;background:#0009;border:0;border-radius:999px;padding:8px 14px;font-size:16px;font-weight:700;position:absolute;top:10px;left:12px}.zoom-row{grid-template-columns:52px 1fr 52px;align-items:center;gap:12px;display:grid}.step{background:var(--board);color:#fff;height:52px;font:inherit;cursor:pointer;border:0;border-radius:14px;font-size:30px;font-weight:700;line-height:1}.step:active{background:var(--board-edge)}.controls input[type=range],.overlay input[type=range]{width:100%;height:36px;accent-color:var(--board)}.modes span{padding:10px 14px;font-size:16px}.bright-row{grid-template-columns:auto 1fr;align-items:center;gap:12px;font-size:16px;font-weight:600;display:grid}.actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.actions .open{padding:13px;font-size:18px}.hint{color:var(--ink-soft);word-break:keep-all;margin:0;font-size:15px}.howto li{font-size:15px}.tap-play{z-index:3;width:220px;height:120px;color:var(--board);cursor:pointer;background:#ffffffeb;border:0;border-radius:16px;margin:auto;font-size:20px;font-weight:700;line-height:1.4;position:absolute;inset:0}.auto-row{font-size:16px}.auto-row input{width:24px;height:24px}.overlay input[type=range]{accent-color:#fff}