*{box-sizing:border-box}
body{margin:0;font:18px/1.5 -apple-system,system-ui,sans-serif;background:#1d2b3a;color:#222}
.card{max-width:640px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px 40px;background:#fffdf7;min-height:100vh}
.card.narrow{max-width:480px}.card.wide{max-width:1100px}
h1{margin:.3em 0}h2{margin-top:1.4em}
input,textarea,select,button,.btn{font:inherit;padding:.7em 1em;border-radius:12px;border:2px solid #cbd5e1;width:100%;margin:.3em 0}
button,.btn{background:#2f855a;color:#fff;border-color:#2f855a;display:inline-block;width:auto;text-decoration:none;cursor:pointer}
.btn.ghost{background:none;color:#2f855a}
.row{display:flex;gap:10px}.row select{width:40%}
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs a{padding:.5em 1em;border-radius:20px;background:#e8efe9;color:#222;text-decoration:none}
.tabs a.on{background:#2f855a;color:#fff}
.lib{padding-left:1.1em}.lib li{margin:.5em 0;font-size:1.1em}
.muted{color:#666}.err{color:#b00}.warn{background:#fff3cd;padding:.5em 1em;border-radius:10px}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;padding:.3em .5em;text-align:left}.small{font-size:.8em}
/* přehrávač */
#player{position:fixed;inset:0;background:#000;overflow:hidden}
.scene{position:absolute;inset:0;opacity:0;transition:opacity 1s;pointer-events:none}
.scene.on{opacity:1}
.img{position:absolute;inset:0;background-size:cover;background-position:center}
.scene.on .img{animation:kb var(--dur,12s) ease-out forwards}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.cap{position:absolute;left:5%;right:5%;bottom:calc(8% + env(safe-area-inset-bottom));margin:0;padding:.6em 1em;background:rgba(0,0,0,.6);color:#fff;border-radius:14px;font-size:1.3em}
#player.nocap .cap{display:none}
.end{position:absolute;inset:0;background:#fffdf7;padding:15% 10%;text-align:center;pointer-events:auto;font-size:1.4em}
.ctl{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:10px;justify-content:space-between;z-index:5}
.ctl a,.ctl button{background:rgba(0,0,0,.5);color:#fff;border:0;border-radius:20px;padding:.4em 1em;width:auto;text-decoration:none}
.start{position:absolute;inset:0;margin:auto;width:60%;height:90px;font-size:1.6em;z-index:6}