:root{color-scheme:dark;font-family:Arial,sans-serif;color:#edf4fc;background:#09192a}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4c66b}button{cursor:pointer;min-height:42px;border:1px solid #4d6c89;background:#163b60;color:white;border-radius:5px;padding:9px 16px}button:disabled{opacity:.4;cursor:default}a{color:#cfdfef;text-decoration:none}.toolbar{display:flex;align-items:center;gap:22px;padding:12px 22px;background:#10375f;min-height:66px}.toolbar h1{font-size:18px;margin:0;margin-right:auto}.toolbar a{font-size:14px;white-space:nowrap}.toolbar select{background:#163b60;color:white;border:1px solid #4d6c89;border-radius:4px;padding:8px;max-width:120px}.stage{display:flex;align-items:center;justify-content:center;position:relative;height:calc(100dvh - 233px);min-height:200px;margin:0;background:#050c14}.stage img{height:100%;width:100%;object-fit:contain;user-select:none}.controls{background:#0d2339;text-align:center;position:relative;padding:13px 18px 18px;min-height:167px}.navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.navigation label{font-size:13px}.navigation input{width:72px;color:white;background:#163b60;border:1px solid #4d6c89;border-radius:4px;padding:9px}.navigation span{font-size:13px}#slide-picker{max-width:min(650px,100%);width:100%;padding:7px;border:1px solid #34536e;background:#102d49;color:white;border-radius:4px;font-size:13px}.controls p{font-size:12px;margin:8px 0 0;color:#b0c5d9}#original-note{font-size:10px;color:#819cb6}.progress{height:3px;position:absolute;bottom:0;left:0;right:0;background:#28435d}.progress span{display:block;height:100%;background:#63b9ed;transition:width .15s}.access{width:min(460px,calc(100% - 36px));margin:60px auto;padding:28px;background:#102e4c;border-radius:8px}.access h2{font-size:24px}.access p{font-size:14px;line-height:1.6}.access form{display:grid;gap:12px}.access input{background:white;color:#13324b;border:1px solid #8da9bd;padding:13px;border-radius:4px}.access label{font-size:14px}.status{padding:22px;text-align:center;color:#c7d7e7}#image-error{position:absolute;padding:25px;background:#102e4c}#access-error{color:#ffcf92}#presentation:fullscreen{background:#050c14;height:100dvh}#presentation:fullscreen .toolbar{min-height:54px;padding-top:6px;padding-bottom:6px}#presentation:fullscreen .stage{height:calc(100dvh - 114px)}#presentation:fullscreen .controls{min-height:60px;padding:7px 18px}#presentation:fullscreen #slide-picker,#presentation:fullscreen #keyboard-hint,#presentation:fullscreen #original-note{display:none}#presentation:fullscreen .navigation{margin:0}[hidden]{display:none!important}@media(max-width:600px){.toolbar{gap:12px;padding:10px 12px;flex-wrap:wrap}.toolbar h1{font-size:15px;flex:1}.toolbar button{padding:7px 10px;font-size:12px}.toolbar select{font-size:12px;max-width:100px}.navigation{gap:7px}.navigation button{padding:8px;font-size:13px}.navigation input{width:58px}.stage{height:calc(100dvh - 270px)}.controls p{font-size:11px}}@media(prefers-reduced-motion:reduce){.progress span{transition:none}}@media print{body>*{display:none!important}}