:root{font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,sans-serif;color-scheme:light dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#111;color:#eee}.centered-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{display:flex;flex-direction:column;gap:1rem;width:min(360px,90vw);padding:2rem;background:#1c1c1c;border-radius:12px}.login-card h1{margin:0 0 .5rem;font-size:1.25rem;text-align:center}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.login-card input{padding:.6rem;font-size:1rem;border:1px solid #444;border-radius:6px;background:#222;color:#eee}.login-card button{padding:.7rem;font-size:1rem;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-error{margin:0;color:#f87171;font-size:.85rem}.admin-shell{min-height:100vh}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #333}.admin-header h1{margin:0;font-size:1.1rem}.admin-header button{padding:.4rem .9rem;border:1px solid #444;border-radius:6px;background:transparent;color:#eee;cursor:pointer}.admin-body{padding:1.5rem 1.5rem 4rem;color:#eee;max-width:880px;margin:0 auto}.admin-section{margin-bottom:2.5rem}.admin-section h2{font-size:1rem;margin:0 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid #333}.dropzone{border:2px dashed #444;border-radius:10px;padding:2rem;text-align:center;color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none}.dropzone--active{border-color:#2563eb;background:#2563eb14}.dropzone--busy{cursor:progress;opacity:.7}.upload-errors{margin-top:.8rem;color:#f87171;font-size:.85rem}.upload-errors ul{margin:.3rem 0 0;padding-left:1.2rem}.settings-panel{display:flex;flex-direction:column;gap:.9rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem}.settings-row--check{justify-content:flex-start;gap:.5rem}.settings-row input[type=number],.settings-row select{width:180px;padding:.45rem;background:#222;color:#eee;border:1px solid #444;border-radius:6px}.settings-loading,.media-empty{color:#999}.media-list{display:flex;flex-direction:column;gap:.5rem}.media-item{display:flex;align-items:center;gap:.8rem;padding:.5rem .7rem;background:#1c1c1c;border:1px solid #333;border-radius:8px}.media-handle{cursor:grab;font-size:1.2rem;color:#888;touch-action:none;padding:0 .2rem}.media-thumb{width:72px;height:54px;object-fit:cover;border-radius:4px;background:#000;flex-shrink:0}.media-meta{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.media-title-input{padding:.35rem .5rem;background:#222;color:#eee;border:1px solid #444;border-radius:6px;font-size:.9rem}.media-filename{font-size:.75rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-visible{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#ccc;flex-shrink:0}.media-delete{padding:.4rem .7rem;background:transparent;color:#f87171;border:1px solid #5b2a2a;border-radius:6px;cursor:pointer;flex-shrink:0}.slideshow{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.slide-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.slide-layer--current{z-index:2}.slide-layer--previous{z-index:1}.slide-img{max-width:100%;max-height:100%;object-fit:contain}.slideshow-empty{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.1rem}.enter-fade{animation:enter-fade .8s ease both}.leave-fade{animation:leave-fade .8s ease both}.enter-slide-left{animation:enter-slide-left .8s ease both}.leave-slide-left{animation:leave-slide-left .8s ease both}.enter-slide-right{animation:enter-slide-right .8s ease both}.leave-slide-right{animation:leave-slide-right .8s ease both}.enter-zoom-in{animation:enter-zoom-in .8s ease both}.leave-zoom-in{animation:leave-zoom-in .8s ease both}.enter-zoom-out{animation:enter-zoom-out .8s ease both}.leave-zoom-out{animation:leave-zoom-out .8s ease both}@keyframes enter-fade{0%{opacity:0}to{opacity:1}}@keyframes leave-fade{0%{opacity:1}to{opacity:0}}@keyframes enter-slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes leave-slide-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes enter-slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes leave-slide-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes enter-zoom-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes leave-zoom-in{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes enter-zoom-out{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes leave-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.slide-img--kenburns{animation-name:kenburns;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-2%,-2%)}}.slide-img--kenburns-hold{transform:scale(1.08) translate(-2%,-2%)}.clock-overlay{position:fixed;top:2vh;right:3vw;z-index:10;color:#fff;font-family:Playfair Display,serif;font-weight:600;letter-spacing:.04em;font-size:4vw;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.6)}.title-overlay{position:fixed;bottom:4vh;left:0;right:0;z-index:10;text-align:center;color:#fff;font-size:2.4vw;text-shadow:0 2px 8px rgba(0,0,0,.7);padding:0 5vw}