html[data-den-shell]{--header-h:76px;--den-beta-h:58px;--den-shell-h:calc(var(--header-h) + var(--den-beta-h));scroll-padding-top:calc(var(--den-shell-h) + 16px)}
.den-shell-top{position:sticky;top:0;z-index:150}
.den-beta-banner,.den-header,.den-mobile-quick-nav,.den-search-dialog,.den-support-fab,.den-support-dialog{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45;box-sizing:border-box}
.den-beta-banner *,.den-header *,.den-mobile-quick-nav *,.den-search-dialog *,.den-support-fab *,.den-support-dialog *{box-sizing:border-box}
.den-beta-banner{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,46px);min-height:var(--den-beta-h);padding:9px clamp(14px,4vw,76px);background:#991923;color:#fff;border-bottom:1px solid #f3b0b733;box-shadow:0 2px 12px #25030633}
.den-beta-banner strong{flex:none;padding:4px 10px;border:1px solid #ffffffcc;border-radius:6px;font-size:12px;line-height:1.15;letter-spacing:.08em;white-space:nowrap}
.den-beta-banner p{max-width:1060px;margin:0;text-align:center;font-size:13px;line-height:1.45}
.den-beta-banner a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.den-beta-banner a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.den-header .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.den-header{position:relative;display:flex;align-items:center;gap:28px;height:var(--header-h);padding:0 clamp(12px,2vw,28px);background:#183e32;color:#f4ecd9;border-bottom:1px solid #d4b77766;box-shadow:0 3px 16px #05140c18}
.den-header svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.den-header-brand,.den-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.den-home{display:flex;align-items:center;gap:10px;color:#f4ecd9;text-decoration:none}
.den-home img{display:block;width:44px;height:44px;object-fit:contain}
.den-home strong{display:block;font:700 25px/1 Georgia,serif;letter-spacing:.1em}.den-home small{display:block;margin-top:5px;font-size:8px;letter-spacing:.1em;white-space:nowrap;color:#d3c6aa}
.den-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;font:inherit}
.den-header button:hover,.den-profile:hover{background:#ffffff10;color:#fff}.den-header :focus-visible{outline:2px solid #e4c98a;outline-offset:3px}
.den-search-open{display:flex;align-items:center;gap:12px;width:min(100%,530px);min-width:0;height:44px;margin:auto;padding:0 15px;border:1px solid #d4b77740;border-radius:13px;background:#09291f66;color:#e1ddce;cursor:pointer;text-align:left;font:inherit}
.den-search-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.den-search-open kbd{margin-left:auto;border:1px solid #ffffff30;border-radius:5px;padding:0 6px;font-size:12px}
.den-header-actions{margin-left:auto;gap:7px}.den-language{font-size:12px;color:#d9ceaf}.den-language select{width:100px;max-width:100px;height:38px;border:1px solid #d4b77766;border-radius:8px;background:#183e32;color:#fff;padding:4px;font:inherit}
.den-profile{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 15px;border:1px solid #d4b77788;border-radius:24px;color:#f4ecd9;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:600}
.den-mobile-quick-nav{display:none}
.den-search-dialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #ba9c5e66;border-radius:22px;background:#122a21;color:#f4ecd9;box-shadow:0 25px 100px #0007;margin:auto}
.den-search-dialog::backdrop{background:#04170dbb;backdrop-filter:blur(5px)}.den-search-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.den-search-heading p{margin:0 0 8px;color:#d0b681;font-size:10px;letter-spacing:.13em}.den-search-heading h2{margin:0 0 26px;font:normal 30px/1.2 Georgia,serif}.den-search-heading button{font-size:28px}
.den-search-dialog form{display:grid;gap:18px}.den-search-dialog label{display:grid;gap:8px;font-weight:600}.den-search-dialog input,.den-search-dialog select{width:100%;min-height:48px;padding:11px 13px;border:1px solid #b9a37266;border-radius:10px;background:#0a1e17;color:#f4ecd9;font:inherit}.den-search-dialog input::placeholder{color:#b2b9ad}.den-search-dialog :focus-visible{outline:2px solid #caa567;outline-offset:3px}.den-search-dialog p#den-search-note{margin:0;color:#b6c4b8;font-size:13px}.den-search-submit{min-height:46px;padding:10px 20px;border:0;border-radius:10px;background:#d3b678;color:#132c22;font:600 14px/1.4 system-ui;cursor:pointer}.den-search-submit:disabled{opacity:.5;cursor:default}
.den-support-fab{position:fixed;z-index:145;right:clamp(14px,2vw,28px);bottom:calc(18px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:11px 18px;border:1px solid #ff7780;border-radius:999px;background:linear-gradient(145deg,#c51f2b,#98141e);color:#fff;box-shadow:0 13px 34px #35000666,0 2px 0 #ffffff24 inset;cursor:pointer;font:800 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.den-support-fab svg{width:21px;height:21px;fill:currentColor;stroke:none;filter:drop-shadow(0 1px 1px #630710)}.den-support-fab:hover{transform:translateY(-2px);background:linear-gradient(145deg,#dc2836,#a41621);box-shadow:0 16px 38px #35000680,0 2px 0 #ffffff2b inset}.den-support-fab:focus-visible{outline:3px solid #f2d38a;outline-offset:3px}.den-support-fab:active{transform:translateY(0)}body.den-has-players .den-support-fab{bottom:calc(60px + env(safe-area-inset-bottom))}
.den-support-dialog{width:min(480px,calc(100vw - 24px));height:min(780px,calc(100dvh - 24px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #d7b86a80;border-radius:20px;background:#0d211b;color:#f7f0df;box-shadow:0 28px 100px #020b087d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.den-support-dialog::backdrop{background:#03100ccc;backdrop-filter:blur(6px)}.den-support-card{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.den-support-heading{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 38px;gap:12px;align-items:start;padding:19px 18px 15px;background:linear-gradient(135deg,#173d31,#102b23);border-bottom:1px solid #d5b66c3d}.den-support-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#a71924;color:#fff;box-shadow:0 8px 20px #3500064d}.den-support-mark svg{width:23px;height:23px;fill:currentColor}.den-support-heading h2{margin:1px 0 7px;color:#fff;font:700 clamp(23px,5vw,30px)/1.08 Georgia,"Times New Roman",serif}.den-support-heading p{margin:0;color:#d8ded8;font-size:12.5px;line-height:1.48}.den-support-close{display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:1px solid #e9d9aa47;border-radius:11px;background:#ffffff0a;color:#fff;cursor:pointer;font:300 27px/1 system-ui}.den-support-close:hover{border-color:#ff7d85;background:#a71924}.den-support-close:focus-visible{outline:3px solid #f2d38a;outline-offset:2px}.den-support-amount{flex:none;margin:0;padding:10px 18px;border-bottom:1px solid #d5b66c38;background:#081914;color:#f2d38a;text-align:center;font-size:12.5px;font-weight:800;letter-spacing:.01em}.den-support-frame-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}.den-support-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff;opacity:0;transition:opacity .18s ease}.den-support-frame-wrap.is-ready iframe{opacity:1}.den-support-loading{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:24px;background:#fff;color:#34483f;text-align:center;font-size:13px}.den-support-loading[hidden]{display:none}.den-support-loading>span{width:20px;height:20px;border:2px solid #b7c2bc;border-top-color:#a71924;border-radius:50%;animation:den-support-spin .8s linear infinite}.den-support-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#0a1b16;color:#b8c5bd;font-size:10.5px;line-height:1.35}.den-support-footer a{flex:none;color:#f2d38a;font-weight:750;text-underline-offset:3px}.den-support-footer a:focus-visible{outline:2px solid #f2d38a;outline-offset:3px}@keyframes den-support-spin{to{transform:rotate(1turn)}}
#den-menu-shade{position:fixed;inset:var(--den-shell-h) 0 0;z-index:130;border:0;background:#04140db3;width:100%;height:calc(100dvh - var(--den-shell-h));padding:0}#den-menu-shade[hidden]{display:none!important}
body[data-den-area] :is(#sidebar,#left-rail,.den-cinema-side-rail){top:var(--den-shell-h)}body[data-den-area] .den-cinema-side-rail{height:calc(100dvh - var(--den-shell-h))}body[data-den-area] .den-cinema-subnav{top:var(--den-shell-h)}
.den-country{display:grid!important;gap:6px;margin:8px 0 18px;padding:8px;font-size:12px}.den-country select{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--line);background:var(--ink-2);color:var(--paper);padding:7px}
body.library-reading .den-header{visibility:hidden}
html[data-den-cinema-fullscreen="1"] .den-beta-banner,html[data-den-media-fullscreen="1"] .den-beta-banner{display:none}html[data-den-media-fullscreen="1"] :is(.den-support-fab,.den-mobile-quick-nav){display:none!important}html[data-den-embedded] :is(.den-support-fab,.den-support-dialog,.den-mobile-quick-nav){display:none!important}body.library-reading .den-mobile-quick-nav{display:none!important}
html[data-theme=light] .den-search-dialog{background:#faf7ee;color:#203e30}html[data-theme=light] .den-search-dialog input,html[data-theme=light] .den-search-dialog select{background:#fffdf7;color:#203e30}html[data-theme=light] .den-search-dialog p#den-search-note{color:#586457}html[data-theme=light] .den-search-heading p{color:#806332}
/* Area palettes deliberately keep image overlays and media players dark. */
html[data-den-shell][data-theme=light]:has(body:is([data-den-area=music],[data-den-area=library],[data-den-area=audio],[data-den-area=compass])){color-scheme:light;--ink:#f3f1e8;--ink-2:#fbf9f1;--ink-3:#e8eee3;--surface:#fffdf6;--surface-strong:#f8f5ec;--paper:#203e30;--muted:#58685a;--muted-2:#667563;--line:#b9c6ae;--line-strong:#a4b094;--gold:#80622c;--gold-2:#70521f;--shadow:0 20px 60px #233b2318}
html[data-theme=light] body:is([data-den-area=music],[data-den-area=library],[data-den-area=audio],[data-den-area=compass]){background:#f3f1e8;color:#203e30}
html[data-theme=light] body[data-den-area] :is(.left-rail,.right-rail,.compass-card,.compass-search,.library-card,.library-search,.advanced-search,.atlas-view .profile-card,.compass-dialog,.library-dialog,.editorial-hero,.profile-modal,.library-empty){background:#fbf9f1;color:#203e30}
html[data-theme=light] body[data-den-area] :is(.rail-field,.rail-heading,.rail-menu a,.rail-menu button,.library-card h3,.compass-card h3){color:#203e30}
html[data-theme=light] .den-cinema-standalone-frame{--cinema-shell-bg:#f3f1e8;--cinema-shell-panel:#fffaf0;--cinema-shell-line:#c8d0be;--cinema-shell-muted:#58645b;--cinema-shell-green:#245b43;--cinema-shell-gold:#846322;color:#203e30;background:#f3f1e8}
html[data-theme=light] :is(.den-cinema-v2,.den-cinema-detail,.den-cinema-creator-page,.den-cinema-people-page,.den-cinema-person-profile){--cinema-bg:#f3f1e8;--cinema-panel:#fffaf0;--cinema-panel-strong:#edeede;--cinema-line:#c8d0be;--cinema-muted:#58645b;--cinema-green:#245b43;--cinema-green-bright:#245b43;--cinema-gold:#846322;--cinema-white:#203e30}
html[data-theme=light] :is(.den-cinema-side-rail,.den-cinema-subnav,.den-cinema-search,.den-cinema-advanced-search){background:#fbf9f1;color:#203e30}
@media(max-width:1180px){
 .den-home small{display:none}.den-header{gap:16px}.den-home strong{font-size:24px}
 body[data-den-area] .desktop-shell{grid-template-columns:minmax(0,1fr)}body[data-den-area] .den-cinema-workspace{grid-template-columns:minmax(0,1fr)}body[data-den-area] #main{margin-left:0}
 body[data-den-area] :is(#sidebar,#left-rail,.den-cinema-side-rail){display:block!important;position:fixed!important;left:0;top:var(--den-shell-h);bottom:0;height:calc(100dvh - var(--den-shell-h));width:min(320px,88vw)!important;z-index:140!important;visibility:hidden;transform:translateX(-105%);overflow:auto;transition:transform .18s ease,visibility .18s}
 body.den-menu-open :is(#sidebar,#left-rail,.den-cinema-side-rail){visibility:visible;transform:translateX(0);box-shadow:12px 0 50px #0006}
 body.den-menu-open #sidebar :is(.nav-item span,.nav-label,.sidebar-bottom>p,.side-edition),body.den-menu-open #left-rail :is(.rail-heading>span,.rail-field-title,.rail-menu a span,.rail-menu button span,.feedback-intro,.feedback-address,.feedback-privacy,.feedback-email-button span),body.den-menu-open .den-cinema-side-rail :is(a span,nav>p,.den-cinema-rail-collapse span){display:block!important;opacity:1!important;width:auto!important;max-width:none!important;visibility:visible!important}
 body.den-menu-open #sidebar .nav-item,body.den-menu-open #left-rail .rail-menu :is(a,button),body.den-menu-open .den-cinema-side-rail a{justify-content:flex-start!important;gap:12px}
 body.den-menu-open #left-rail .rail-inner{padding:14px}body.den-menu-open #left-rail .rail-field{padding:8px}
}
@media(max-width:700px){html[data-den-shell]{--den-beta-h:102px}.den-beta-banner{flex-direction:column;gap:5px;padding:7px 12px}.den-beta-banner strong{padding:3px 8px;font-size:10px}.den-beta-banner p{font-size:10.5px;line-height:1.32}.den-header{gap:7px;padding-inline:8px}.den-header-brand{gap:1px}.den-home{gap:5px}.den-home img{width:36px;height:36px}.den-home strong{font-size:21px}.den-header-actions{gap:1px}.den-profile{width:44px;padding:0;justify-content:center;border:0}.den-profile span,.den-search-open span,.den-search-open kbd{display:none}.den-search-open{width:44px;min-width:44px;padding:0;justify-content:center;border:0;margin-left:auto;margin-right:0;background:transparent}.den-header-actions{margin-left:0}.den-language:empty{display:none}.den-language select{max-width:66px;width:66px;font-size:11px}.den-search-dialog{padding:23px}.den-language{font-size:10px}}
@media(max-width:560px){.den-support-fab{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));min-height:46px;padding:10px 14px;font-size:12px}.den-support-fab svg{width:19px;height:19px}body.den-has-players .den-support-fab{bottom:calc(56px + env(safe-area-inset-bottom))}.den-support-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:15px}.den-support-heading{grid-template-columns:38px minmax(0,1fr) 34px;gap:9px;padding:14px 12px 12px}.den-support-mark{width:38px;height:38px;border-radius:12px}.den-support-heading h2{font-size:22px}.den-support-heading p{font-size:11.5px}.den-support-close{width:34px;height:34px}.den-support-amount{padding:8px 12px;font-size:11.5px}.den-support-footer{align-items:flex-start;flex-direction:column;padding:8px 12px}.den-support-footer a{align-self:flex-end}}
/* Keep the host-level support action clear of the in-pane mobile navigation.
   Its rightmost item is the profile entry, so any overlap blocks sign-in. */
@media(max-width:760px){
 body[data-den-area] :is(.mobile-nav,.den-cinema-mobile-nav){display:none!important}
 .den-mobile-quick-nav{position:fixed;z-index:125;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:68px;padding:5px 4px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #d6b77866;background:rgba(11,29,22,.98);color:#d8e0d8;box-shadow:0 -8px 24px #020b0738;backdrop-filter:blur(18px)}
 .den-mobile-quick-nav a{display:flex;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px 1px;border-radius:8px;color:#abb9af;text-decoration:none;font:700 11px/1.1 Inter,ui-sans-serif,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .den-mobile-quick-nav a:hover{background:#ffffff0d;color:#f4ecd9}.den-mobile-quick-nav a.is-active{background:#e6bd7318;color:#f2d38a}.den-mobile-quick-nav a:focus-visible{outline:3px solid #f2d38a;outline-offset:-2px}
 .den-mobile-quick-nav svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
 .den-mobile-quick-nav span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:760px){.den-support-fab{right:10px;bottom:calc(78px + env(safe-area-inset-bottom));width:46px;min-width:46px;min-height:46px;padding:0;justify-content:center}.den-support-fab span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.den-has-players .den-support-fab{bottom:calc(122px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){body[data-den-area] :is(#sidebar,#left-rail,.den-cinema-side-rail){transition:none}.den-support-fab,.den-support-frame-wrap iframe{transition:none}.den-support-loading>span{animation:none}}

@media(max-width:400px){.den-home strong{display:none}.den-language select{max-width:60px;width:60px}}
@media(max-width:1180px){body[data-den-area=cinema] .den-cinema-standalone-frame .den-cinema-workspace{grid-template-columns:minmax(0,1fr)}body.den-menu-open .den-cinema-side-rail a{grid-template-columns:1.2rem minmax(0,1fr) auto!important;justify-items:stretch!important}}
.den-language-content-notice{display:flex;align-items:center;gap:11px;width:min(1120px,calc(100% - 32px));margin:16px auto 0;padding:11px 15px;border:1px solid #d4b77766;border-radius:12px;background:#183e32;color:#f4ecd9;box-shadow:0 5px 18px #06140d1f;font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.den-language-content-notice span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#d3b678;color:#183e32;font:700 13px/1 Georgia,serif}.den-language-content-notice p{margin:0}html[data-theme=light] .den-language-content-notice{background:#fffaf0;color:#203e30;border-color:#bca976}
html[data-theme=light] body:is([data-den-area=library],[data-den-area=audio]) :is(input,select,textarea,.library-collections article,.library-adventures a,.library-paging button,.library-save){background:#fbf9f1;color:#203e30}
html[data-theme=light] :is(.library-card-copy>p,.library-card-copy small,.library-providers span,.den-cinema-card-copy,.den-cinema-card-copy h3,.den-cinema-card-copy p){color:#36543f}
html[data-theme=light] :is(.player-dock,.featured,.library-cover){--ink:#07100e;--ink-2:#0b1714;--ink-3:#11221d;--paper:#efe3c7;--muted:#a9b5ad;--muted-2:#8d9c93;--gold:#e6bd73;--gold-2:#c78f47;--surface:#12251f;--surface-strong:#12251f;color:#efe3c7;color-scheme:dark}
html[data-theme=light] body[data-den-area=music] :is(.home-sections,.search-panel,.collection-tile,.saved-artist,.saved-search-tile,.button.secondary,.icon-button){background:#fbf9f1;color:#203e30}
html[data-theme=light] body[data-den-area=compass] :is(input,select,textarea,option,.compass-form,.compass-metrics,.compass-detail-data>div,.compass-adventures a,.walk-preflight>div,.walk-live,.walk-controls){background:#fbf9f1;color:#203e30}
html[data-theme=light] body[data-den-area=compass] .den-language select{background:#183e32;color:#f4ecd9}
html[data-theme=light] body:is([data-den-area=music],[data-den-area=library],[data-den-area=audio],[data-den-area=compass]) :is(.mobile-nav,.player-info){--ink:#07100e;--ink-2:#0b1714;--ink-3:#11221d;--paper:#efe3c7;--muted:#a9b5ad;--gold:#e6bd73;color:#efe3c7;background:#0b1714}
html[data-theme=light] body[data-den-area=music] :is(.saved-atlas-tile,.discovery-version-card,.release-search-results,.discovery-field input,.discovery-field select,.search-category select,.filter-row select){background:#fffdf6;color:#203e30}
html[data-theme=light] body[data-den-area=music] :is(.search-help,.discovery-preferences label,.discovery-version-copy p){color:#58685a}
html[data-theme=light] body[data-den-area=music] .collection-tile::after{box-shadow:inset 0 0 0 2px #e8eee3}
html[data-theme=light] body[data-den-area=music] :is(.artist-hero,.release-hero,footer,.search-status),html[data-theme=light] body[data-den-area=compass] :is(.walk-banner,.trail-map-controls,.trail-map-credit,.trail-map-status){--paper:#efe3c7;--muted:#a9b5ad;--muted-2:#8d9c93;--gold:#e6bd73;--gold-2:#c78f47;--ink:#07100e;--ink-2:#0b1714;--ink-3:#11221d;color:#efe3c7}
html[data-theme=light] body[data-den-area=compass] :is(.compass-save-state,.walk-stats>div){background:#fbf9f1;color:#203e30}
html[data-theme=light] body[data-den-area=compass] :is(.compass-card-copy>p,.compass-description,.walk-preflight p,.walk-next p,#walk-sync,#walk-gps,.walk-stats span){color:#58685a}
html[data-theme=light] body[data-den-area=compass] .walk-stats strong{color:#203e30}
html[data-theme=light] body[data-den-area=compass] :is(.compass-tabs a.active,.compass-stop-number){color:#fffdf6}
html[data-theme=light] body[data-den-area=compass] .compass-warning{color:#805518!important}
html[data-theme=light] .den-cinema-card-copy :is(strong,small){color:#36543f}
