*{box-sizing:border-box}body{color:#eee;background:#1e1f22;margin:0;font-family:system-ui,sans-serif}a{color:inherit;text-decoration:none}.home{max-width:900px;margin:60px auto;padding:0 20px}.home h1{margin-bottom:24px}.card{background:#2b2d31;border:1px solid #3a3c42;border-radius:10px;margin-bottom:14px;padding:22px;display:block}.card:hover{background:#34373d}.viewer{flex-direction:column;height:100vh;display:flex}.bar{background:#1e1f22;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}button{color:#eee;cursor:pointer;background:#3f4249;border:0;border-radius:6px;padding:7px 16px;font-size:14px}button:hover{background:#505560}button:disabled{opacity:.4;cursor:default}#count{text-align:center;min-width:60px;font-size:14px}.stage{background:#111;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.slidebox{background:#fff;position:relative;overflow:hidden}.slidebox>.inner{transform-origin:0 0;position:absolute;top:0;left:0}.present .bar{display:none}.present .stage{z-index:10;cursor:none;position:fixed;inset:0}.msg{text-align:center;padding:40px}