*{margin:0;padding:0;box-sizing:border-box}:root{--accent: #e50914}html,body,#app{width:100%;height:100%;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.stage{position:relative;width:100%;height:100%}video{width:100%;height:100%;object-fit:contain;background:#000}.title-overlay{position:absolute;top:16px;left:20px;font-size:18px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8);transition:opacity 1.2s ease;pointer-events:none}.title-overlay.faded{opacity:0}.logo{position:absolute;bottom:64px;right:16px;max-height:36px;max-width:120px;opacity:.7;pointer-events:none}.controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(transparent,#000000bf)}.controls button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px 8px}.controls button:hover{color:var(--accent)}.seek{flex:1;accent-color:var(--accent)}.volume{width:80px;accent-color:var(--accent)}.time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;text-align:center;padding:24px}.state h1{font-size:20px;font-weight:600}.state p{font-size:14px;color:#aaa;max-width:42ch}