html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0;font-family:Lora,Times New Roman,serif}body{background-color:#fdfdf8;transition:background-color .3s}#start-overlay{position:fixed;display:flex;text-align:center;color:#fff;cursor:pointer;z-index:100;box-sizing:border-box;background-color:#000c;justify-content:center;align-items: center;width:100%;height:100%;padding:1rem;font-family:Helvetica,sans-serif;font-size:2.5rem;top:0;left:0}#page{position:absolute;box-sizing:border-box;color:#1a202c;overflow-y:auto;width:100%;height:100%;padding:2rem;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.6;top:0;left:0}#page span{display:inline-block;opacity:0;animation:pop-in .3s ease-out forwards}@keyframes pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}#instructions{position:fixed;text-align:center;color:#a0aec0;animation:fade-in 2s ease;width:100%;font-family:Helvetica,sans-serif;font-size:1.2rem;bottom:20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#yt-player{position:fixed;z-index:50;border:none;width:320px;height:180px;transition:opacity .2s,visibility 0s linear .2s;top:8px;right:8px;box-shadow:0 2px 12px #0003}#yt-player.hidden{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,visibility linear}#yt-player.audio-only{position:fixed;opacity:0;pointer-events:none;z-index:1;box-shadow:none;top:0;left:0;width:1px!important;height:1px!important}#yt-toggle{position:fixed;display:inline-flex;color:#e5e7eb;box-shadow:none;cursor:pointer;z-index:120;background:#00000038;border:1px solid #ffffff47;border-radius:9999px;justify-content:center;align-items: center;width:40px;height:40px;transition:opacity .16s,background .16s;top:8px;right:8px}#yt-toggle:hover{opacity:.95;background:#00000040}#yt-toggle.hidden{visibility:hidden;opacity:0;pointer-events:none}#yt-toggle .icon-play{display:inline}#yt-toggle .icon-pause,#yt-toggle.playing .icon-play{display:none}#yt-toggle.playing .icon-pause{display:inline}#yt-title-mask{position:fixed;z-index:51;pointer-events:none;background:linear-gradient(#000000d9 0%,#0009 40%,#0000 100%);border-top-left-radius:4px;border-top-right-radius:4px;width:320px;height:34px;transition:opacity .2s,visibility 0s linear .2s;top:8px;right:8px}#yt-title-mask.hidden{visibility:hidden;opacity:0}