.video-room{min-height:100svh;background:radial-gradient(ellipse at 50% 0,#19394d,transparent 65%),#101923;color:#e8f1f6;color-scheme:dark;font-family:Inter,sans-serif;padding:0 22px 60px}.video-room-header{max-width:1020px;margin:auto;display:flex;justify-content:space-between;gap:16px;padding:22px 0}.video-room-header a{display:flex;gap:9px;align-items:center;min-height:44px;color:#bdcfdc;font-size:13px}.video-room-header a:hover{color:#80ece0}.video-room-content{max-width:660px;margin:40px auto 0}.video-panel{padding:34px;border:1px solid #526776;border-top:3px solid #73ddd4;background:#182630;border-radius:4px;box-shadow:0 16px 50px #020b1838}.video-eyebrow{font:11px/1.6 Michroma,sans-serif;color:#86e5dd;letter-spacing:.4px}.video-panel h1{font:400 clamp(26px,5vw,36px)/1.35 Russo One,sans-serif;letter-spacing:-.5px;margin:20px 0 12px}.video-panel p{font-size:14px;line-height:1.65;color:#afc1ce;margin:0}.video-status{display:flex;align-items:center;gap:13px}.video-status-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #458b8d;background:#1c4147;border-radius:3px;color:#8ae4d7;flex-shrink:0}.video-status-icon svg{width:21px}.video-price{margin-left:auto;font-size:14px;color:#d3e4ec;white-space:nowrap}.video-recipient{display:flex;gap:18px;align-items:baseline;padding:19px 0;margin-top:24px;border-block:1px solid #354b58;overflow-wrap:anywhere}.video-recipient span{font:10px/1.5 Michroma,sans-serif;color:#92acba}.video-recipient strong{font-size:17px;font-weight:500}.video-primary{display:flex;gap:10px;align-items:center;justify-content:center;min-height:48px;margin-top:24px;padding:11px 18px;border:1px solid #7fece0;border-radius:3px;background:#a0ece2;color:#122c34;font-size:14px;font-weight:650;box-shadow:0 3px 0 #376e76;cursor:pointer}.video-primary:hover{background:#c0fff3}.video-refresh{display:flex;align-items:center;gap:9px;min-height:44px;margin-top:12px;color:#9fc6d3;font-size:12px;cursor:pointer}.video-refresh:disabled{opacity:.65;cursor:wait}.video-keep{border-top:1px solid #354b58;margin-top:25px;padding-top:23px}.video-keep h2{font-size:15px;font-weight:600;margin:0 0 6px}.video-keep>p{font-size:12px}.video-link-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 11px}.video-link-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid #4b6676;border-radius:3px;background:#223744;color:#d8e7ee;font-size:12px;cursor:pointer}.video-link-actions button:hover{border-color:#78d4ca;background:#2b4351}.video-panel .video-small{font-size:11px;color:#91adbd;min-height:19px}.video-player{margin-top:24px}.video-player video{width:100%;max-height:70svh;border:1px solid #354b58;background:#07121a;border-radius:3px}.video-player .video-primary{margin-top:15px;margin-bottom:14px}.video-panel .video-error{color:#ffb3bd;margin-top:14px;font-size:12px}.video-room :is(a,button,input,summary):focus-visible{outline:2px solid #8befdc;outline-offset:4px}.saved-video-list{list-style:none;margin:26px 0;padding:0;border-top:1px solid #354b58}.saved-video-list li{display:flex;align-items:center;gap:10px;border-bottom:1px solid #354b58}.saved-video-list li>a{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;padding:20px 0;gap:12px}.saved-video-list strong{display:block;font-size:15px;font-weight:500;overflow-wrap:anywhere}.saved-video-list small{display:block;font-size:11px;color:#92acba;margin-top:5px}.saved-video-list button{padding:12px;color:#9bb4c1;cursor:pointer}.saved-video-list button:hover{color:#ffaab7}.video-panel .video-empty{margin:30px 0;padding:25px 0;border-block:1px solid #354b58;font-size:13px}.video-restore{margin-top:25px;font-size:13px;color:#c5d8e3}.video-restore summary{cursor:pointer;min-height:36px}.video-restore form{padding:10px 0 0}.video-restore label{display:block;font-size:12px;margin-bottom:9px}.video-restore input{width:100%;min-height:46px;padding:10px 12px;background:#111e28;border:1px solid #4c6474;border-radius:3px;color:#e6f3fa;font:16px/1.5 Inter,sans-serif}.video-restore .video-primary{margin-top:15px;width:100%}@media(max-width:560px){.video-room{padding:0 16px 40px}.video-room-header{padding:12px 0}.video-room-content{margin-top:20px}.video-panel{padding:24px 20px}.video-status{gap:9px}.video-eyebrow{font-size:9px}.video-price{font-size:12px}.video-status-icon{width:34px;height:34px}.video-link-actions{gap:8px}.video-link-actions button{flex:1;padding-inline:9px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.video-room .spin{animation:none}}