/* Palette drawn from MeTube_Logo.jpg: white, cyan, azure and deep blue. */
:root{color-scheme:light;--bg:#f4faff;--panel:#fff;--line:#d7e8f3;--muted:#5d7b96;--text:#163a66;--green:#007fac;--accent:#00bce5;--blue:#096bc5;--bs-body-bg:#f4faff;--bs-body-color:#163a66;--bs-border-color:#d7e8f3;--bs-primary:#096bc5;--bs-link-color:#0875bd;--bs-link-hover-color:#123c87;--bs-secondary-color:#5d7b96}
body{background:linear-gradient(135deg,#f7fcff,#eef9ff);color:#163a66}aside{background:#fff;border-color:#d7e8f3;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a6dcee transparent;padding-top:18px}.brand{display:block;width:178px;height:110px;position:relative;overflow:hidden;background:#fff;border-radius:14px;margin:0 auto}.brand img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.65)}aside .category-nav{margin-top:12px}.nav{color:#4c6e90}.nav.active{background:linear-gradient(100deg,#d9f7ff,#e6f2ff);color:#075b99;box-shadow:inset 3px 0 #00bce5}.nav:hover{background:#eaf8ff;color:#085e9f}.library-nav{border-color:#dcecf6;margin-top:18px;padding-top:14px}.breadcrumb{color:#6685a2}.breadcrumb>b{color:#214e7a}.breadcrumb span{color:#8daac0}header{border-color:#d7e8f3}.language select{background:white;color:#164a7a;border-color:#c9e0ee}.language>span{color:#1681b8}.page-heading h1{color:#153e72}.btn-library{background:white;color:#0b75ad;border-color:#c5e2ef}.dropdown-menu{background:#fff;border-color:#c5e2ef;box-shadow:0 14px 35px #134e7d18}#search{background:#fff;border-color:#c0dfeF;box-shadow:0 5px 24px #2677a508}#search>span{color:#099bc8}#search:focus-within{border-color:#00bce5;box-shadow:0 0 0 3px #00bce51c}#query{color:#153e72}#query::placeholder{color:#7696af}#search button{background:linear-gradient(115deg,#007fa5,#096bc5);color:white;border:0;box-shadow:0 4px 12px #009fd623}button:hover,.button-link:hover{border-color:#00a6d1;color:#075c99;background:#e9f9ff}button.primary,.button-link.primary{background:linear-gradient(115deg,#00aeda,#096bc5);color:#fff;border-color:#0b8ec6}.feed-location{color:#68849d}.status-dot{background:#00afd1}#feed-updated{color:#587b94;border-color:#c8deeb}.btn-refresh{background:#fff;color:#2476a6;border-color:#c7e1ef}.btn-refresh:hover{background:#e4f8ff;color:#075c99}.video-cover{background:#e1f2fb;border-color:#d1e7f3;box-shadow:0 3px 10px #0f5b8c08}.video-title{color:#173c67}.video-title:hover{color:#087fc0;background:none}.video-meta-row .channel-card-link{color:#527898}.queue-add{color:#59829f}.queue-add:hover{background:#dbf6ff;color:#006eaa}.video-stats{color:#526f89}.reason-label{color:#1885af}.cover-play{background:#06397244}.cover-play i{background:#ffffffed;color:#0875bd}.duration-pill{background:#0d2e50db;color:white}.feed-skeleton .placeholder{color:#d5eaf5}.feed-skeleton:after{background:#deedf5}.feed-error{color:#507a99;border-color:#bdddeb;background:#fff}.feed-error>i{color:#138cc2}.feed-error .btn{color:#0875bd;border-color:#9ed7ed}.workspace .player-panel{background:#fff;border-color:#c9e2ef;box-shadow:0 8px 30px #236a9510}.section-heading h2,#track-title{color:#1c4873}#artist,#status,.hint,.time{color:#526f89}#stage{background:#eaf7ff}#placeholder{background:white;overflow:hidden}#placeholder>img{display:block;width:70%;height:100%;object-fit:contain;transform:scale(1.7);max-width:260px}#play{background:linear-gradient(115deg,#007fa5,#096bc5);color:#fff}.transport button{color:#416a90}.transport [aria-pressed=true]{color:#0087bd}input[type=range]{accent-color:#00a8d6}.quick-settings select,.settings select{background:#f4fbff;color:#1d4d77;border-color:#c6e0ee}.quick-settings label,.settings label{color:#5a7c99}.more-settings,.queue-heading,.queue-item{border-color:#dcecf5}.more-settings summary,.channel-link{color:#087db4}.screen-buttons button{color:#36749d;border-color:#c3e0ee}.resume-player{background:linear-gradient(115deg,#007fa5,#096bc5);color:white;border-color:#089bd0;box-shadow:0 8px 30px #0b6fae29}.resume-player:hover{background:#0875bd;color:white}#empty-state{background:#fff;border-color:#c0dfea}#empty-state h3{color:#1b4d78}#empty-state p{color:#6d8ca5}.empty-orbit span{background:linear-gradient(130deg,#daf9ff,#c8e5ff);border-color:#8fd5ed;color:#0586bd;box-shadow:0 12px 30px #1b83aa15}.empty-orbit i{color:#009dc9}.empty-orbit b{background:#d9f8ff;color:#147eae;border-color:#a2dced}.channel-tabs{border-color:#d8eaf4}.channel-tabs button{color:#6684a0}.channel-tabs .active{background:#dff7ff;color:#0775b0}.channel-banner h2{color:#1d4976}.channel-banner p{color:#66849c}#channel-avatar{background:#def5ff;color:#0c86b9;border-color:#b2dff0}.text-button{color:#087db4}.channel-actions .button-link{color:#27749e;border-color:#c5e1ef}.follow-card{background:#fff;border-color:#c8e4f0;box-shadow:0 4px 15px #12537b05}.follow-avatar{background:#dcf6ff;color:#0089b9;border-color:#a7d9ec}.follow-name{color:#164b78}.follow-toggle{color:#087eb5}.skip-link{background:#fff;color:#0875bd}.dropdown-menu .nav.active{background:#ddf7ff}.btn-outline-info{--bs-btn-color:#0875bd;--bs-btn-border-color:#7ecce7;--bs-btn-hover-bg:#d9f5ff;--bs-btn-hover-color:#075c99}
@media(max-width:991px) and (min-width:768px){aside{overflow:visible;align-items:center}aside .brand{width:125px;height:76px;margin:0;flex-shrink:0}aside .category-nav{flex:1;min-width:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:#8fd2e6 transparent}aside .category-nav .nav{flex-shrink:0}.library-nav{width:100%;justify-content:flex-end;padding-top:8px;border-top:1px solid #e4f0f7}.header-actions{pointer-events:auto}}
@media(max-width:767px){aside{padding:10px 16px;overflow:visible;min-height:78px}aside .brand{width:105px;height:60px;margin:0}header{margin-top:-75px;min-height:44px;margin-bottom:24px}.category-nav{background:#fffffff5!important;border-color:#c7e3f0!important;justify-content:flex-start!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#75cce5 transparent;gap:4px!important;padding-left:8px!important;padding-right:8px!important}.category-nav .nav{flex:0 0 76px;min-width:76px;min-height:54px}.category-nav .nav b{font-size:9px}.nav.active{background:linear-gradient(110deg,#def9ff,#e4f2ff);color:#076ca3;box-shadow:none}.nav:hover{background:#eaf8ff}.dropdown-menu .nav{min-width:0;flex:initial}.language select,.btn-library{background:#fff;border-color:#c5e0ee}.player-panel{box-shadow:0 5px 20px #226b940c}.resume-player{color:white}body{padding-bottom:calc(85px + env(safe-area-inset-bottom))}}
@media(max-width:374px){aside{padding-left:12px}.category-nav .nav{flex-basis:72px;min-width:72px}aside .brand{width:98px;height:58px}header{margin-top:-73px}}

@media(max-width:767px){aside .brand img{transform:scale(1.6)}}

.install-app{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:#087cae;border:1px solid #b4deee;background:linear-gradient(135deg,#ffffffed,#def8ffbd);box-shadow:inset 0 1px #fff,0 3px 12px #126ba112;font-size:13px;letter-spacing:0;white-space:nowrap}.install-app i{color:#009ed0}.install-dialog{width:min(420px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #b4deee;border-radius:24px;padding:26px;background:#fff;color:#173c67;box-shadow:0 20px 70px #073b6b33}.install-dialog::backdrop{background:#123e6470;backdrop-filter:blur(5px)}.install-dialog img{display:block;margin:0 auto 12px}.install-dialog h2{font-size:22px;line-height:1.4}.install-dialog p{font-size:15px;line-height:1.8}.install-dialog button{background:#e8f9ff;color:#087cae;min-height:44px;border-color:#a4ddeb}@media(max-width:680px){.install-app{width:40px;min-width:40px;height:44px;padding:8px;font-size:18px}.install-app span{display:none}}

html,body{overscroll-behavior-y:none}#pull-refresh{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:20000;padding:12px 20px;border:1px solid #a5deee;border-radius:30px;background:#ffffffed;color:#0875aa;box-shadow:0 6px 25px #134e7d26;font-size:13px;pointer-events:none;max-width:90vw;text-align:center}#pull-refresh[hidden]{display:none}