:root{color:#f7f2e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080b0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:#080b0b;min-height:100vh;overflow:hidden}button{font:inherit}.slideshow-shell{background:linear-gradient(135deg,#13433dd6,#0000 44%),radial-gradient(circle at 84% 12%,#e5a7365c,#0000 30%),#080b0b;min-height:100vh;position:relative;overflow:hidden}.slideshow-shell:before{z-index:2;pointer-events:none;content:"";background:linear-gradient(#0000,#8fd6c824,#0000);animation:5s linear infinite scan;position:absolute;inset:0}.media-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-item{object-fit:contain;width:100%;height:100%;animation:.9s both media-in,15s ease-in-out infinite alternate slow-drift}.hud{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex;position:absolute;bottom:3rem;left:3rem;right:3rem}.eyebrow{color:#8fd6c8;letter-spacing:0;text-transform:uppercase;margin:0;font-size:1rem;font-weight:800}h1{color:#fff8ea;margin:.7rem 0 0;font-size:4rem;line-height:.92}.status-cluster{gap:.75rem;display:flex}.status-cluster span,.toast,.controls button{color:#fff8ea;background:#080b0bad;border:1px solid #f7f2e833;border-radius:8px}.status-cluster span{padding:.85rem 1rem;font-size:1rem}.controls{z-index:5;gap:.75rem;display:flex;position:absolute;top:2rem;left:2rem}.controls button{cursor:pointer;min-width:6.75rem;padding:.8rem 1rem}.toast-region{z-index:6;flex-direction:column;gap:.75rem;display:flex;position:absolute;top:2rem;right:2rem}.toast{max-width:24rem;padding:.9rem 1rem;animation:.22s both toast-in;box-shadow:0 18px 50px #00000040}.empty-state{background:#080b0b94;border:1px solid #f7f2e82e;border-radius:8px;width:min(48rem,100vw - 4rem);padding:3rem}.empty-state h1{font-size:5rem}.empty-state p:last-child{color:#d8d5ca;max-width:32rem;font-size:1.35rem;line-height:1.45}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes media-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes slow-drift{0%{transform:scale(1)}to{transform:scale(1.025)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.frame-shell .controls{display:none}@media (width<=760px){.hud{display:block;bottom:1.25rem;left:1.25rem;right:1.25rem}h1{font-size:3rem}.status-cluster{margin-top:1rem}.toast-region{top:1rem;left:1rem;right:1rem}}