@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f5f3ef;--surface:#fff;--text:#25272a;--muted:#797d83;--line:#e8e6e1;--primary:#5752d9;--primary-dark:#403bad;--soft:#efedff;--green:#418069;--radius:20px;--font:'DM Sans',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}button,textarea,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a8a4ff;outline-offset:4px}[hidden]{display:none!important}.page{max-width:1420px;margin:0 auto;padding:0 48px}.header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e0db}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Manrope',var(--font);font-size:27px;font-weight:800;letter-spacing:-1.2px}.brand-dot{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:22px}.version{font-size:11px;font-weight:650;letter-spacing:.03em;background:#eae7e1;padding:5px 9px;border-radius:6px;color:#64656a}.storage{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 34px;gap:35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}h1{font-family:'Manrope',var(--font);font-size:clamp(28px,3.1vw,43px);letter-spacing:-1.8px;line-height:1.15;margin:9px 0 11px;font-weight:800}h1 span{color:var(--primary)}.intro p{margin:0;color:var(--muted);font-size:14px}.session-stats{display:flex;gap:0;padding-top:22px}.session-stats div{padding:0 25px;border-left:1px solid #dfddd7;display:flex;flex-direction:column;gap:1px;min-width:114px}.session-stats strong{font-family:'Manrope',var(--font);font-size:25px;font-weight:750;letter-spacing:-1px}.session-stats span{font-size:10px;color:var(--muted);white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:25px;align-items:start}.watch-column{min-width:0}.player-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 18px #2a272707}.player-top{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.status-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#585c61;font-weight:550}.status-pill[data-state=playing]{color:var(--green)}.status-pill[data-state=playing] .dot{box-shadow:0 0 0 3px #41806917}.status-pill[data-state=error]{color:#b35637}.status-pill[data-state=error] .dot{background:#bc673d}.status-pill[data-state=paused] .dot,.status-pill[data-state=idle] .dot{background:#969aa0}.source-label{color:#8e9298;font-size:10px}.player-frame{aspect-ratio:16/9;min-height:200px;background:#171820;position:relative;width:100%}.player-frame iframe,.player-frame #youtube-player{height:100%;width:100%;border:0;display:block;position:absolute;inset:0}#player-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 100%,#343347 0%,#1b1c24 65%);color:#e5e5ef;padding:25px;text-align:center}.placeholder-symbol{color:#a09aea;font-size:44px;line-height:1.2}#player-placeholder p{font-weight:600;margin:12px 0 4px}#player-placeholder span{font-size:12px;color:#94949f}.now-playing{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 26px 10px}.now-playing>div{min-width:0}.now-playing .eyebrow{font-size:9px;letter-spacing:1.3px}h2{font-family:'Manrope',var(--font);font-size:17px;line-height:1.4;margin:5px 0;font-weight:750;letter-spacing:-.45px}.now-playing h2{font-size:19px;overflow-wrap:anywhere}.external-link{font-size:11px;white-space:nowrap;text-decoration:none;color:#777b82}.external-link:hover{color:var(--primary)}.transport{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 24px 22px}.button{border:1px solid transparent;border-radius:9px;padding:10px 14px;line-height:1.2;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--primary);color:#fff}.primary:hover:not(:disabled){background:var(--primary-dark)}.secondary{border-color:#dddbea;background:#faf9ff;color:#555075}.secondary:hover:not(:disabled){background:var(--soft)}.quiet{color:#6c6c78;background:transparent}.quiet:hover:not(:disabled){background:#f1f0f7}.icon-button{width:43px;height:43px;font-size:17px;background:#f4f3f7;color:#585762;border-color:#efedf2}.icon-button:hover:not(:disabled){background:#eae8f3}.play-button{min-width:184px;padding:14px 24px}.play-options{border-top:1px solid #f0eef0;margin:0 26px;display:flex;justify-content:center;gap:28px;padding:19px 0}.option{display:inline-flex;align-items:center;gap:9px;position:relative;font-size:11px;color:#5a5d65;cursor:pointer;user-select:none}.option input{position:absolute;opacity:0;width:30px;height:20px;left:0;margin:0}.switch{height:17px;width:29px;background:#dedde4;border-radius:20px;position:relative;transition:background .15s;flex-shrink:0}.switch:after{content:'';position:absolute;top:3px;left:3px;width:11px;height:11px;background:#fff;box-shadow:0 1px 3px #0002;border-radius:50%;transition:transform .15s}.option input:checked+.switch{background:var(--primary)}.option input:checked+.switch:after{transform:translateX(12px)}.option input:focus-visible+.switch{outline:3px solid #a8a4ff;outline-offset:3px}.keep-awake{display:flex;justify-content:space-between;align-items:center;margin:17px 3px 22px;gap:15px}.keep-awake>span{font-size:10px;color:#8c8c95}.test-tools{border:1px solid #e1ded8;border-radius:12px;background:#f9f7f4;color:#64666e}summary{cursor:pointer;padding:14px 17px;font-size:11px;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}summary:before{content:'+';font-size:17px;font-weight:400;color:#777080}details[open] summary:before{content:'−'}summary>span:first-child{margin-right:auto}.summary-hint{font-size:10px;font-weight:400;color:#8b8992}.test-content{border-top:1px solid var(--line);padding:15px 18px}.test-content p{font-size:12px;margin:0 0 13px;line-height:1.7}.tool-actions{display:flex;gap:9px;flex-wrap:wrap}.log-header{display:flex;justify-content:space-between;color:#8b8794;font-size:9px;letter-spacing:1px;margin:24px 0 8px}.event-log{max-height:180px;overflow:auto;font-size:11px;list-style:none;padding:0;margin:0}.event-log li{display:flex;gap:15px;padding:6px 0;border-top:1px solid #eeebe6}.event-log time{font-variant-numeric:tabular-nums;color:#aaa5af}.event-log span{overflow-wrap:anywhere}.notice{margin:10px 25px 0;padding:12px 14px;font-size:12px;border-radius:8px;background:#fff4e9;border:1px solid #f4dfc6;color:#896045;line-height:1.6}.queue-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 18px #2a272707}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 21px 11px}.queue-heading h2{font-size:17px;display:flex;gap:9px;align-items:center}.queue-heading h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:21px;border-radius:6px;background:#f1eff8;color:#7a758f;font-size:10px;font-family:var(--font);font-weight:600}.text-button{border:0;padding:5px 0;background:none;color:var(--primary);font-size:10px;font-weight:650}.text-button:hover{text-decoration:underline}.text-button.muted{color:#96929b;font-size:10px;font-weight:450}#add-form{padding:0 21px 20px}#add-form>label{display:block;font-size:11px;font-weight:550;color:#6e6b79;margin:5px 0 8px}textarea{width:100%;resize:vertical;min-height:87px;max-height:220px;border:1px solid #e3e0e9;border-radius:9px;padding:11px 12px;font-size:12px;line-height:1.65;background:#fcfbfd;color:var(--text)}textarea::placeholder{color:#aaa5b0}.add-row{display:flex;justify-content:space-between;gap:13px;align-items:center;margin-top:9px}.add-row>span{font-size:10px;color:#9b96a2;max-width:140px}.add-row .button{padding:10px 12px;font-size:11px}.input-feedback{font-size:11px;color:#7a6571;padding:8px 0 0;overflow-wrap:anywhere}.queue-list-header{display:flex;justify-content:space-between;align-items:center;padding:14px 21px 8px;border-top:1px solid #efedf1}.queue-list-header>span{font-size:8px;font-weight:650;letter-spacing:1.4px;color:#a09aa7}.queue-list{list-style:none;padding:0 10px 10px;margin:0;max-height:440px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dedbe5 transparent}.queue-item{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;position:relative;margin:2px 0}.queue-item.current{background:var(--soft)}.queue-item.failed{opacity:.7}.queue-select{border:0;background:transparent;padding:0;display:flex;gap:10px;align-items:center;text-align:left;flex:1;min-width:0}.queue-number{width:13px;flex-shrink:0;font-size:10px;color:#a49dae;font-variant-numeric:tabular-nums}.queue-item.current .queue-number{color:var(--primary);font-size:13px}.thumbnail{width:70px;height:46px;object-fit:cover;border-radius:6px;background:#efecf4;flex-shrink:0}.queue-info{min-width:0;flex:1}.queue-title{font-size:11px;font-weight:600;color:#575363;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue-item.current .queue-title{color:#4940a7}.queue-meta{font-size:9px;color:#a49aae;margin-top:4px}.remove-button{border:0;background:transparent;color:#b0aab8;font-size:17px;font-weight:400;padding:4px 5px;border-radius:6px;line-height:1;flex-shrink:0}.remove-button:hover{background:#e8e4ef;color:#655b76}.queue-footer{margin:0 20px;border-top:1px solid #eeebf1;padding:16px 0 17px;display:flex;align-items:center;gap:10px;color:#8b8398}.loop-mark{font-size:22px;color:#8880b8}.queue-footer p{font-size:10px;line-height:1.6;margin:0}.empty-queue{text-align:center;padding:25px 30px 35px;color:#a099aa}.empty-queue>span{font-size:27px;color:#b8aed4}.empty-queue p{font-size:13px;color:#71687d;margin:5px 0}.empty-queue small{font-size:11px;line-height:1.6;display:block}.footer{border-top:1px solid #dfdcd6;margin:30px 0 0;padding:18px 0 24px;display:flex;justify-content:space-between;gap:25px;color:#99939b;font-size:10px}.footer p{margin:0}.footer strong{font-weight:600;color:#807886}.footer>span{white-space:nowrap;color:#aaa1ae}
@media(min-width:1400px){.workspace{grid-template-columns:minmax(0,1fr) 390px}.queue-list{max-height:490px}}@media(max-width:1050px){.page{padding:0 28px}.workspace{grid-template-columns:minmax(0,1fr) 325px;gap:18px}.session-stats div{padding:0 18px;min-width:95px}.play-options{gap:16px;margin:0 18px}.now-playing{padding-left:20px;padding-right:20px}.now-playing h2{font-size:17px}.source-label{display:none}.summary-hint{display:none}.thumbnail{width:58px;height:40px}}@media(max-width:820px){.page{max-width:720px}.workspace{grid-template-columns:1fr}.header{height:78px}.intro{padding:31px 0 28px}.intro p{max-width:250px}.session-stats div{padding:0 13px;min-width:0}.session-stats div:last-child{display:none}.session-stats strong{font-size:23px}.header-actions{gap:12px}.storage{font-size:10px}.queue-list{max-height:390px}.queue-heading,#add-form{padding-left:23px;padding-right:23px}.thumbnail{width:80px;height:51px}.queue-title{font-size:12px}.queue-meta{font-size:10px}.keep-awake{margin-bottom:15px}.footer>span{display:none}}@media(max-width:480px){.page{padding:0 15px}.brand{font-size:24px;gap:7px}.brand img{width:31px;height:31px}.storage{display:none}.version{font-size:10px}.intro{gap:12px;align-items:center}h1{font-size:31px}.intro p{font-size:12px;max-width:230px}.eyebrow{font-size:8px;letter-spacing:1.3px}.session-stats{padding-top:15px}.session-stats div{padding:0 0 0 15px}.session-stats div:nth-child(2){display:none}.session-stats strong{font-size:24px}.session-stats span{font-size:9px}.player-top{padding:12px 16px}.now-playing{padding:20px 17px 7px;gap:12px}.now-playing h2{font-size:16px}.play-options{flex-wrap:wrap;gap:12px 19px;margin:0 17px}.option{font-size:10px}.keep-awake>span{font-size:9px;text-align:right;max-width:150px}.transport{padding-top:15px}.footer{font-size:9px;line-height:1.8}.queue-card{border-radius:16px}.notice{margin-left:16px;margin-right:16px}.header-actions .button{font-size:10px;padding:8px}.test-tools summary{font-size:10px}.play-button{min-width:165px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.channel-info{margin-top:15px;padding:12px;border-radius:8px;background:#f3f1fb;color:#79718d;font-size:10px;line-height:1.6}.channel-info p{margin:0 0 4px}.queue-meta{display:block}
.content-settings{margin:0 21px 17px;padding:11px 12px;background:var(--soft);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:9px 12px;flex-wrap:wrap}.content-settings label{font-size:11px;font-weight:600;color:#625a79}.content-settings select{min-width:0;max-width:100%;border:1px solid #d8d2ec;border-radius:7px;padding:7px 9px;background:#fff;color:#49416b;font-size:12px;cursor:pointer}.content-settings p{flex-basis:100%;margin:0;color:#79708c;font-size:10px;line-height:1.6}
.channel-cards{padding:0 21px 16px;display:grid;gap:10px}.channel-card{padding:14px;border:1px solid #e3dfed;border-radius:11px;background:linear-gradient(145deg,#faf9ff,#f5f5f9)}.channel-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-card-label{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#968ca5}.channel-card h3{font-family:'Manrope',var(--font);font-size:13px;line-height:1.4;margin:3px 0 0;color:#5e5177;overflow-wrap:anywhere}.channel-external{font-size:19px;color:#8c7ab0;text-decoration:none;padding:3px 6px}.channel-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.channel-metric{display:flex;flex-direction:column;text-align:center;padding:8px 3px;border-radius:8px;background:#fff;border:1px solid #eeebf4}.channel-metric strong{font-size:21px;line-height:1.2;color:#6752a4;font-family:'Manrope',var(--font)}.channel-metric span{font-size:9px;color:#92859f;margin-top:3px;overflow-wrap:anywhere}.channel-import-detail{display:flex;gap:7px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:9px;color:#7d6f90}.channel-added{padding:3px 7px;border-radius:20px;background:#e5f1ec;color:#4a7c67}.channel-note{font-size:9px;line-height:1.6;margin:6px 0 0;color:#94879f}.channel-limit{font-size:9px;line-height:1.6;margin:9px 0 4px;padding-top:9px;border-top:1px solid #e8e3ef;color:#91859a}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro-copy{max-width:580px}.intro-copy p{line-height:1.7}.how-it-works{border:1px solid #e1ded8;border-radius:12px;background:#f9f7f4;margin:-8px 0 23px;color:#64666e}.how-it-works summary{justify-content:flex-start}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:2px 20px 17px}.how-steps strong{font-size:12px;color:#5b5272}.how-steps p{font-size:12px;line-height:1.7;margin:5px 0 0}.playlist-section{margin:0 21px 18px;border:1px solid #e8e4f2;border-radius:10px;background:#fcfbff}.playlist-section summary{padding:12px;color:#625972}#playlist-form{padding:0 12px 13px}#playlist-input{width:100%;min-width:0;border:1px solid #e3e0e9;border-radius:7px;padding:9px;font-size:11px;background:#fff;color:var(--text)}#playlist-help,#playlist-feedback,.playlist-filter-help{font-size:10px;line-height:1.6;color:#83778f}#playlist-feedback{color:#66547d;margin:9px 0 0}.playlist-filter-help{margin:-8px 21px 14px}.playlist-active{padding:11px 24px;background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#66547d}.content-settings select:disabled{opacity:.65}.share-button{white-space:nowrap}.share-dialog{width:min(440px,calc(100vw - 30px));border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--text);background:var(--surface);box-shadow:0 20px 80px #25272a33}.share-dialog::backdrop{background:#25272a66}.share-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.share-heading h2{font-size:19px}.share-heading button{font-size:23px;padding:3px 9px}.share-dialog p{font-size:12px;line-height:1.7;color:#797080}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.social-links a{text-decoration:none;border:1px solid #ddd8e9;border-radius:8px;padding:10px 12px;color:#65528d;font-size:12px;text-align:center}.social-links a:hover{background:var(--soft)}.social-links a[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.share-copy-row{display:flex;gap:8px;margin-top:14px}.share-copy-row input{flex:1;min-width:0;border:1px solid #ded9e7;border-radius:7px;padding:9px;font-size:12px}#share-status{margin-bottom:0}
@media(max-width:820px){.how-steps{grid-template-columns:1fr;gap:14px}.intro-copy{max-width:calc(100% - 100px)}.intro-copy p{max-width:none}.playlist-section{margin-left:23px;margin-right:23px}}
@media(max-width:620px){.share-label{display:none}.header-actions .share-button{width:33px;height:33px;font-size:19px;padding:0}.intro-copy{max-width:calc(100% - 78px)}}
select{font:inherit;touch-action:manipulation}select:focus-visible{outline:3px solid #a8a4ff;outline-offset:3px}
.language-picker select{border:1px solid #ddd9e3;border-radius:8px;padding:7px 25px 7px 9px;background-color:#fcfbfd;color:#605b6d;font-size:11px;cursor:pointer}
.theme-picker select{border:1px solid #ddd9e3;border-radius:8px;padding:7px 8px;background:#fcfbfd;color:#605b6d;font-size:11px;cursor:pointer;max-width:140px}
.theme-buttons{display:flex;align-items:center;gap:2px;border:1px solid var(--line);padding:3px;border-radius:11px;background:var(--surface)}.theme-buttons button{border:0;border-radius:7px;background:transparent;width:31px;height:29px;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.theme-buttons button:hover{background:var(--soft)}.theme-buttons button[aria-pressed=true]{background:var(--soft);color:var(--primary)}.theme-buttons svg,.share-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.social-links a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;font-weight:600}.social-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.social-links #share-facebook svg{fill:currentColor;stroke:none}.social-links #share-whatsapp{color:#188a59;background:#effaf4;border-color:#c7e9d6}.social-links #share-facebook{color:#286ad6;background:#f0f5ff;border-color:#cdddf5}.social-links #share-telegram{color:#2684bb;background:#eef8ff;border-color:#cbe2f1}.footer .creator-credit{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.creator-credit a{color:var(--primary);font-weight:650;text-decoration:none}.creator-credit a:hover{text-decoration:underline}
@media(max-width:820px){.footer{flex-wrap:wrap}.footer .creator-credit{display:inline-flex}}
h1 .headline-main{color:var(--text)}.queue-heading h2 .queue-heading-title{display:inline;background:transparent;color:inherit;min-width:0;height:auto;border-radius:0;font:inherit}
.scan-settings{margin:0 21px 18px;padding:13px 14px;border:1px solid #e8e4f2;border-radius:10px;background:#faf9fe}
.scan-heading{display:flex;align-items:center;gap:10px}.scan-heading .option{font-size:11px;line-height:1.4;color:#625972;font-weight:550}.scan-frequency{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.scan-frequency label{font-size:10px;color:#83798e}.scan-frequency select{border:1px solid #dfdae9;border-radius:6px;padding:5px 8px;color:#686075;background:#fff;font-size:11px;max-width:135px}.scan-frequency select:disabled{color:#a8a0b2;background:#f4f2f7;cursor:default}.scan-help{font-size:10px;line-height:1.6;color:#98909f;margin:10px 0 0}.scan-status{font-size:10px;line-height:1.6;color:#716582;margin:9px 0 0}.scan-last-check{font-size:9px;color:#a199a9;margin:3px 0 0}.scan-status:empty,.scan-last-check:empty{display:none}
@media(max-width:1050px){.header-actions{gap:12px}.scan-settings{padding:12px}.scan-heading .option{font-size:10px}}
@media(max-width:820px){.scan-settings{margin-left:23px;margin-right:23px}.scan-heading .option{font-size:11px}}
@media(max-width:620px){.header-actions .storage{display:none}.header-actions .version{display:none}.language-picker select{max-width:112px}.header-actions{gap:9px}}
html[data-theme=dark]{--bg:#15161d;--surface:#20212c;--text:#efedf6;--muted:#b0aabb;--line:#383441;--primary:#a59bf5;--primary-dark:#b8afff;--soft:#302b46;--green:#8ccab1;color-scheme:dark}
html[data-theme=dark] .header,html[data-theme=dark] .footer{border-color:#393540}
html[data-theme=dark] .player-card,html[data-theme=dark] .queue-card,html[data-theme=dark] .share-dialog{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .primary{background:#9c8fed;color:#191427}
html[data-theme=dark] .primary:hover:not(:disabled){background:#b1a6ff}
html[data-theme=dark] .secondary,html[data-theme=dark] .icon-button{background:#302a42;border-color:#504561;color:#d3c8ee}
html[data-theme=dark] .quiet,html[data-theme=dark] .text-button{color:#c1b3f4}
html[data-theme=dark] .quiet:hover,html[data-theme=dark] .icon-button:hover:not(:disabled){background:#403551}
html[data-theme=dark] .storage,html[data-theme=dark] .source-label,html[data-theme=dark] .external-link,html[data-theme=dark] .keep-awake>span,html[data-theme=dark] .footer,html[data-theme=dark] .footer strong,html[data-theme=dark] .footer>span{color:#b0a4bd}
html[data-theme=dark] .session-stats div{border-color:#48404f}
html[data-theme=dark] .status-pill{color:#c4bace}html[data-theme=dark] .status-pill[data-state=playing]{color:#8ccab1}html[data-theme=dark] .status-pill[data-state=error]{color:#e6aa80}
html[data-theme=dark] .play-options,html[data-theme=dark] .queue-list-header,html[data-theme=dark] .queue-footer,html[data-theme=dark] .test-content,html[data-theme=dark] .event-log li{border-color:#3a3345}
html[data-theme=dark] .option{color:#c8bfd3}html[data-theme=dark] .switch{background:#585061}html[data-theme=dark] .option input:checked+.switch{background:#a193f3}
html[data-theme=dark] .queue-heading h2 #queue-count{background:#3c3152;color:#d2c4e8}
html[data-theme=dark] textarea,html[data-theme=dark] #playlist-input,html[data-theme=dark] .language-picker select,html[data-theme=dark] .theme-picker select,html[data-theme=dark] .content-settings select,html[data-theme=dark] .scan-frequency select,html[data-theme=dark] .share-copy-row input{background:#25222f;border-color:#51455f;color:#e0d6ed}
html[data-theme=dark] textarea::placeholder,html[data-theme=dark] #playlist-input::placeholder{color:#a59ab2}
html[data-theme=dark] #add-form>label,html[data-theme=dark] .add-row>span,html[data-theme=dark] .input-feedback{color:#b7a8c7}
html[data-theme=dark] .channel-info,html[data-theme=dark] .content-settings,html[data-theme=dark] .playlist-active{background:#302b42;color:#c4b1e2}
html[data-theme=dark] .content-settings label{color:#d5c4eb}
html[data-theme=dark] .scan-settings,html[data-theme=dark] .playlist-section,html[data-theme=dark] .how-it-works,html[data-theme=dark] .test-tools{background:#25222f;border-color:#453b54;color:#b9afc7}
html[data-theme=dark] .scan-heading .option,html[data-theme=dark] .scan-frequency label,html[data-theme=dark] .playlist-section summary,html[data-theme=dark] .how-steps strong{color:#d0bde7}
html[data-theme=dark] .scan-help,html[data-theme=dark] .scan-status,html[data-theme=dark] .scan-last-check,html[data-theme=dark] #playlist-help,html[data-theme=dark] #playlist-feedback,html[data-theme=dark] .playlist-filter-help,html[data-theme=dark] .summary-hint,html[data-theme=dark] .log-header,html[data-theme=dark] .event-log time{color:#b3a2c4}
html[data-theme=dark] .scan-frequency select:disabled{background:#302b3d;color:#9886ac}
html[data-theme=dark] .queue-title{color:#d7cde2}html[data-theme=dark] .queue-item.current .queue-title{color:#e0d2ff}html[data-theme=dark] .queue-meta,html[data-theme=dark] .queue-number{color:#b7a4ce}
html[data-theme=dark] .queue-list-header>span,html[data-theme=dark] .text-button.muted,html[data-theme=dark] .remove-button,html[data-theme=dark] .queue-footer,html[data-theme=dark] .loop-mark{color:#afa0c1}
html[data-theme=dark] .remove-button:hover{background:#4b3b60;color:#ecdefa}html[data-theme=dark] .queue-list{scrollbar-color:#51415f transparent}
html[data-theme=dark] .channel-card{background:linear-gradient(145deg,#2e273c,#242130);border-color:#51425e}
html[data-theme=dark] .channel-card h3{color:#e2d1f4}html[data-theme=dark] .channel-card-label,html[data-theme=dark] .channel-external{color:#beabd2}
html[data-theme=dark] .channel-metric{background:#221e2d;border-color:#463651}html[data-theme=dark] .channel-metric strong{color:#baa0ef}html[data-theme=dark] .channel-metric span,html[data-theme=dark] .channel-note,html[data-theme=dark] .channel-limit,html[data-theme=dark] .channel-import-detail{color:#c1abcd}
html[data-theme=dark] .channel-limit{border-color:#4a3a54}html[data-theme=dark] .channel-added{background:#263d37;color:#9ad4bc}
html[data-theme=dark] .notice{background:#3d2e21;border-color:#775239;color:#e6ba8f}
html[data-theme=dark] .empty-queue,html[data-theme=dark] .empty-queue p{color:#baa7cc}
html[data-theme=dark] .share-dialog p,html[data-theme=dark] .social-links a{color:#d3bce8}html[data-theme=dark] .social-links a{border-color:#594362}
html[data-theme=dark] .social-links #share-whatsapp{color:#8ed9b0;background:#233c33;border-color:#426655}html[data-theme=dark] .social-links #share-facebook{color:#9dc0ff;background:#29324c;border-color:#465b7c}html[data-theme=dark] .social-links #share-telegram{color:#8ccbe9;background:#253844;border-color:#3d5c70}
@media(max-width:620px){.header{height:auto;min-height:78px;flex-wrap:wrap;padding:17px 0;gap:12px}.header-actions{margin-left:auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}.language-picker select{max-width:103px}.theme-picker select{max-width:112px}}
.social-links button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid #ddd8e9;border-radius:8px;padding:10px 12px;color:#65528d;background:var(--surface);font:600 12px var(--font);cursor:pointer;text-align:center}.social-links button:hover{background:var(--soft)}.social-links button:disabled{opacity:.45;cursor:default}.social-links .social-copy{grid-column:1/-1;background:var(--soft);color:var(--primary);border-color:var(--primary)}.social-links .social-x{color:#34333c;background:#f2f2f5;border-color:#d5d4de}.social-links .social-instagram{color:#b3438b;background:linear-gradient(135deg,#fff7ef,#fbeffd);border-color:#eccde0}.instagram-open{display:inline-flex;margin-bottom:10px;text-decoration:none}.social-links :is(a,button):focus-visible{outline:3px solid var(--primary);outline-offset:3px}html[data-theme=dark] .social-links button{color:#d3bce8;background:#302b42;border-color:#594362}html[data-theme=dark] .social-links .social-copy{color:var(--primary);border-color:var(--primary)}html[data-theme=dark] .social-links .social-x{color:#eee7f5;background:#2e2b36;border-color:#665b71}html[data-theme=dark] .social-links .social-instagram{color:#f2acd5;background:linear-gradient(135deg,#3c2d32,#392540);border-color:#79506f}

/* Rondli's repeat-and-play mark uses the active page theme. */
.brand{flex-shrink:0;gap:10px}
.brand-symbol{width:42px;height:42px;flex-shrink:0;display:block}
.brand-tile{fill:var(--primary)}
.brand-glyph{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.brand-play{fill:#fff;stroke:none}
.brand-word{font-size:30px;font-weight:800;letter-spacing:-1.5px;color:var(--text)}
html[data-theme=dark] .brand-glyph{stroke:#191427}
html[data-theme=dark] .brand-play{fill:#191427}
.header{gap:22px}.header-actions{gap:12px}.brand-dot{margin-left:1px}
@media(max-width:1000px){.storage{display:none}.header-actions{gap:9px}}
@media(max-width:760px){.header{height:auto;min-height:86px;flex-wrap:wrap;padding:17px 0;gap:14px}.header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.brand-symbol{width:37px;height:37px}.brand-word{font-size:28px}}
@media(max-width:480px){.header-actions{width:100%;justify-content:space-between;gap:7px}.theme-buttons button{width:29px}.header-actions .share-label{display:none}.header-actions #share-site{padding:9px}.brand-symbol{width:35px;height:35px}}
@media(max-width:480px){
  .header{position:relative}.header-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px max-content;align-items:center;gap:8px;width:100%;min-width:0}
  .header-actions #share-site{position:absolute;right:0;top:18px}
  .header-actions .language-trigger{max-width:100%;width:100%;min-height:44px;gap:5px}
  .header-actions .language-picker{min-width:0;width:100%;grid-column:1;grid-row:1}
  .header-actions #install{grid-column:2;grid-row:1;width:44px;height:44px;min-height:44px;padding:10px;justify-content:center}
  .header-actions #install>span{display:none}
  .header-actions #install svg{width:21px;height:21px}
  .header-actions .theme-buttons{grid-column:3;grid-row:1;width:max-content;justify-self:end;gap:2px;padding:3px}
  .theme-buttons button{width:38px;height:38px;flex:0 0 38px}
}
.header .storage{display:none!important}
.theme-buttons{width:max-content;flex:0 0 auto}