@font-face{font-family:RobotoCondensed;src:url('fonts/RobotoCondensed.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:RobotoCondensed,'Arial Narrow',Arial,sans-serif;background:#000;color:#f5f5f5}body{font-size:28px}button,input{font:inherit;color:inherit;border:0;border-radius:4px}button{cursor:pointer;background:transparent}button:focus,input:focus{outline:4px solid white;outline-offset:4px}svg{width:42px;height:42px;fill:currentColor;flex:none}.stroke,.search-circle path{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}#browser{height:100%;display:flex}#sidebar{width:27%;max-width:520px;background:#191919;padding:54px 4.8% 38px 5.8%;flex:none;position:relative}.search-circle{width:100px;height:100px;border-radius:50%;background:#ed2828;display:flex;align-items:center;justify-content:center}.search-circle svg{width:50px;height:50px}nav{margin-top:94px;display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:30px;padding:15px 10px;text-align:left;color:#8f8f8f;font-size:40px;white-space:nowrap}.nav-item.active{color:white}.nav-item:focus{color:white;background:#303030}.sidebar-note{position:absolute;bottom:38px;color:#757575;font-size:20px}#content{flex:1;min-width:0;padding:52px 54px 80px 84px;overflow-y:auto;scrollbar-width:none}#content::-webkit-scrollbar{display:none}header{display:flex;justify-content:flex-end;align-items:center;height:100px;margin-bottom:58px;text-align:right}header > * + *{margin-left:40px}#wall-clock{display:block;font-size:46px;font-weight:bold}#wall-date{display:block;font-size:24px;margin-top:8px}.brand{width:100px;height:82px;background:#e82b25;border-radius:7px;text-align:center;position:relative}.brand strong{font-size:55px;font-style:italic;font-family:Georgia,serif;line-height:58px}.brand small{display:block;font-size:13px;letter-spacing:3px;background:#9e1714;line-height:24px;border-radius:0 0 7px 7px}h1{font-size:38px;font-weight:400;color:#999;margin:0 0 28px}#status{font-size:23px;color:#aaa;margin:0 0 24px;line-height:1.5}#status:empty{display:none}#results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 28px;padding:5px}#results .video-card{padding:0;text-align:left;min-width:0;overflow:hidden;background:#111;border-radius:3px;transition:transform .12s}.video-card:focus{transform:scale(1.025);background:#292929}.thumbnail{position:relative;display:block;width:100%;padding-top:56.25%;background:#202020}.thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.85);font-size:23px;padding:2px 5px}.video-card .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:29px;line-height:1.3;height:92px;padding:14px 18px 0}.video-card .author{display:block;color:#aaa;padding:10px 18px 20px;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#search-form{display:flex;margin-bottom:38px}#search{margin-left:20px}#query{background:#232323;padding:19px 22px;width:100%;min-width:0}#search{background:#e82b25;padding:15px 30px}.hidden{display:none!important}#settings-panel{max-width:1000px}#settings-panel h2{font-size:28px;font-weight:400;color:#999;margin:32px 0 16px}.setting-row{display:flex;align-items:center;justify-content:space-between;background:#202020;text-align:left;padding:24px 28px;width:100%;margin:16px 0;font-size:30px}.setting-row span{color:#aaa;font-size:26px}.settings-note{font-size:23px;color:#888;line-height:1.6;margin:30px 0}#playback,#html-player{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent}#html-player{object-fit:contain;background:#000}body.playing{background:#000}#player-info{position:fixed;left:0;right:0;bottom:0;padding:110px 70px 32px;background:linear-gradient(transparent,rgba(0,0,0,.92) 36%);transition:opacity .15s}#player-info.dim{opacity:0;pointer-events:none}#video-title{font-size:38px;margin:0 0 12px;font-weight:500}#player-status{font-size:24px;color:#ccc;min-height:30px;margin:0 0 28px}.progress{height:6px;background:#666;width:100%;margin:20px 0 25px}#progress-fill{height:100%;width:0;background:#ee2b26}.transport{display:flex;align-items:center;justify-content:space-between}#timeline{font-size:27px;white-space:nowrap}#player-controls{display:flex}#player-controls button{background:#292929;padding:15px 24px;font-size:25px}#quality-label{margin-left:14px;color:#bbb}.player-hint{color:#aaa;font-size:22px;margin-bottom:0}#modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.64);z-index:10}.dialog{width:860px;max-height:86vh;padding:42px 48px 30px;background:#242424;box-shadow:0 16px 70px #000;border-radius:4px}.dialog h2{font-size:38px;font-weight:400;margin:0 0 14px}#modal-description{font-size:23px;line-height:1.4;color:#aaa;margin:0 0 24px}#modal-options{max-height:58vh;overflow:auto;padding:8px}.format-option{display:flex;align-items:center;gap:22px;text-align:left;width:100%;padding:20px 18px;min-height:74px;font-size:27px}.format-option:focus{background:#444}.radio{width:25px;height:25px;border:3px solid #aaa;border-radius:50%;flex:none}.format-option.selected .radio{border-color:#f44336;background:#f44336;box-shadow:inset 0 0 0 4px #242424}.option-detail{display:block;font-size:21px;color:#aaa;margin-top:7px}.dialog-hint{font-size:21px;color:#999;margin:24px 0 0}@media(max-width:1400px){body{font-size:18px}#sidebar{padding:30px 24px;width:24%}.search-circle{width:60px;height:60px}.search-circle svg{width:30px;height:30px}nav{margin-top:50px}.nav-item{font-size:25px;gap:16px}.nav-item svg{width:27px;height:27px}#content{padding:30px 30px 50px}header{height:65px;margin-bottom:35px}#wall-clock{font-size:30px}#wall-date{font-size:17px}.brand{transform:scale(.7);transform-origin:right center}h1{font-size:28px}#results{gap:30px 20px}.video-card .title{font-size:20px;height:65px;padding:10px}.video-card .author{font-size:16px;padding:8px 10px 16px}.video-duration{font-size:16px}.sidebar-note{font-size:14px}.dialog{width:70%;padding:25px}.dialog h2{font-size:28px}.format-option{font-size:20px;padding:14px}.setting-row{font-size:22px}.setting-row span{font-size:19px}#player-controls button{font-size:18px;padding:12px}#timeline{font-size:20px}}

#stream-details{display:block;font-size:22px;color:#aaa;margin-bottom:8px}

.format-option.unavailable{opacity:.5}.format-option.unavailable:focus{opacity:.8}

/* Chromium 77 (older VIDAA sets) has no flex `gap`; spacing is expressed as
   margins so that both old and new engines lay out the same way. */
.nav-item + .nav-item{margin-top:14px}
#player-controls button + button{margin-left:18px}
.transport > * + *{margin-left:18px}
@media(max-width:1400px){header > * + *{margin-left:25px}.nav-item + .nav-item{margin-top:8px}#player-controls button + button{margin-left:12px}.transport > * + *{margin-left:12px}}
video::-webkit-media-controls{display:none!important}
button:focus-visible{outline:4px solid white;outline-offset:4px}

.signin-code{font-size:64px;font-weight:600;letter-spacing:10px;color:#fff;text-align:center;margin:30px 0;padding:22px;background:#111;border-radius:6px}
#signin-status{font-size:24px;color:#bbb;text-align:center;min-height:32px}