:root{--bg: #000;--fg: #e8e8e8;--transition: .8s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:var(--bg);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.layer-in{animation:fadeIn var(--transition) ease forwards;z-index:2}.layer-out{animation:fadeOut var(--transition) ease forwards;z-index:1}.preloader{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;z-index:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;background:var(--bg)}.slide.single .media{width:100%;height:100%}.slide.portrait-group{flex-direction:row}.portrait-cell{position:relative;flex:1 1 0;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.media{display:block;width:100%;height:100%}.media.cycling{animation:fadeIn .6s ease}.message-screen{display:flex;align-items:center;justify-content:center}.message{text-align:center;color:var(--fg);max-width:60ch;padding:2rem;font-size:clamp(1rem,2.4vw,1.6rem);line-height:1.5}.spinner{width:44px;height:44px;margin:0 auto 1.4rem;border:4px solid rgba(255,255,255,.18);border-top-color:#fffc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}