*{box-sizing:border-box}body{margin:0;background:#101019;color:#fff;font-family:Arial,sans-serif}header{padding:30px;text-align:center;background:#191929;border-bottom:1px solid #38384d}header h1{letter-spacing:3px}header p{color:#aaa}main{max-width:850px;margin:30px auto;padding:15px}.auth-panel{max-width:500px;margin:30px auto}.auth-panel p{color:#aaa}.panel{background:#1c1c2b;padding:22px;margin-bottom:20px;border:1px solid #38384d;border-radius:12px}input,select{display:block;width:100%;padding:13px;margin:10px 0;background:#101019;color:#fff;border:1px solid #44445a;border-radius:7px}.folder-select-row{display:flex;align-items:center;gap:8px}.folder-select-row select{min-width:0;flex:1}.folder-select-row button{flex-shrink:0;margin-top:0}button{padding:12px 18px;background:#a52c48;color:#fff;border:0;border-radius:7px;cursor:pointer;margin-top:8px}button:hover{background:#d13d5f}button:disabled{opacity:.5;cursor:not-allowed}.media-item{padding:14px;margin:10px 0;background:#29293b;border-radius:8px}.media-item button{margin-right:6px}audio,video{width:100%;margin-top:15px}video{max-height:420px;background:#000}#player{color:#ccc}