:root{font-family:Trebuchet MS,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f4f8ff;background:radial-gradient(circle at top left,rgba(255,213,74,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(66,142,255,.24),transparent 35%),linear-gradient(135deg,#0a2144,#14345f 42%,#edf5ff 160%);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:360px 1fr;min-height:100vh}.sidebar{padding:28px;border-right:1px solid rgba(255,255,255,.18);background:#081834a8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.content{padding:28px;display:grid;gap:24px}.notice-banner{border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#b40c18f5,#7a050ef5);border-radius:24px;box-shadow:0 18px 60px #5a000047;padding:22px 24px}.notice-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700;color:#fff2f2}.notice-text{margin:0;max-width:1000px;color:#fff8f8;font-size:1rem;line-height:1.7}.notice-text+.notice-text{margin-top:10px}.brand,.panel,.player-panel,.meta-panel{border:1px solid rgba(255,255,255,.18);background:#071e4494;border-radius:24px;box-shadow:0 18px 60px #06122647}.brand,.panel,.meta-panel,.player-panel{padding:22px}.brand h1,.player-head h2,.panel-head h2,.meta-card h3{margin:0}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#ffd54a}.muted,.panel-head span,.playlist-item span,.meta-empty,.video-placeholder{color:#f4f8ffc7}.panel{margin-top:18px}.status-panel{display:grid;gap:16px}.solid-button,.ghost-button,.playlist-item{border:0;border-radius:16px;transition:transform .18s ease,background .18s ease,opacity .18s ease}.solid-button,.ghost-button{padding:12px 16px}.solid-button{background:linear-gradient(135deg,#ffd54a,#ffbe1a);color:#102544;font-weight:700}.ghost-button{background:#ffffff1a;color:inherit}.solid-button:hover,.ghost-button:hover,.playlist-item:hover{transform:translateY(-1px)}.solid-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.panel-head,.player-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.player-actions{display:flex;gap:12px;flex-wrap:wrap}.playlist{display:grid;gap:10px;max-height:60vh;overflow:auto}.playlist-item{text-align:left;padding:14px;display:grid;gap:4px;background:#ffffff14;color:inherit}.playlist-item.is-active{background:#ffd54a2e;outline:1px solid rgba(255,213,74,.5)}.video-frame{margin-top:18px;border-radius:24px;overflow:hidden;background:#ffffff1f;min-height:420px;display:grid}.video-frame video,.video-placeholder{width:100%;height:100%}.video-frame video{background:#000}.video-placeholder{display:grid;place-items:center;padding:24px}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.meta-card{border-radius:18px;padding:18px;background:#ffffff17;border:1px solid rgba(255,255,255,.15)}.meta-card.wide{grid-column:1 / -1}.error-text{color:#ffe184}.empty-state,.meta-empty{margin:0}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.meta-grid{grid-template-columns:1fr}.meta-card.wide{grid-column:auto}}