:root{color-scheme:dark;--hna-bg:#0d0e13;--hna-panel:#1a1b23;--hna-line:#2a2c38;--hna-text:#f3eee8;--hna-muted:#9a9186;--hna-orange:#ffae45;--hna-cyan:#52d3d4}
body.hna-page{margin:0!important;min-height:100vh;background:radial-gradient(circle at 0 0,rgba(35,82,82,.13),transparent 32%),radial-gradient(circle at 100% 0,rgba(113,67,45,.10),transparent 36%),var(--hna-bg)!important;color:var(--hna-text)!important;font:500 16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
body.hna-page *,body.hna-page *:before,body.hna-page *:after{box-sizing:border-box}
body.hna-page a{color:inherit;text-decoration:none}
body.hna-page button,body.hna-page input,body.hna-page select{font:inherit}
body.hna-page button{cursor:pointer}
body.hna-page [hidden]{display:none!important}
body.hna-page #back-to-top,body.hna-page #back-to-top-mobile{display:none!important}
body.hna-page #sonaar-player.srt_sticky-player{background:#20212b!important;border-top:1px solid #44434a;box-shadow:0 -12px 28px rgba(0,0,0,.6);isolation:isolate}
body.hna-page #sonaar-player.srt_sticky-player .player{background:#20212b!important}
body.hna-page #sonaar-player.srt_sticky-player .wave-custom .wave-base rect{fill:#777985!important}
body.hna-page #sonaar-player.srt_sticky-player .wave-custom .wave-cut rect{fill:#ffae45!important}
body.hna-page #sonaar-player.srt_sticky-player .mobileProgress{background:#777985!important}
body.hna-page #sonaar-player.srt_sticky-player .mobileProgressing,body.hna-page #sonaar-player.srt_sticky-player .progressDot{background:#ffae45!important}
.hna-topbar{height:68px;border-bottom:1px solid var(--hna-line);background:rgba(13,14,19,.9);display:flex;align-items:center;padding:0 20px;gap:20px}
.hna-brand{font:700 18px/1.2 "Space Grotesk",Inter,sans-serif!important;white-space:nowrap;color:var(--hna-text)!important}
.hna-brand-mark{color:var(--hna-orange);font-size:21px;vertical-align:-1px}
.hna-nav{display:flex;align-items:center;flex:1}
.hna-nav a,.hna-ghost-btn{border:1px solid transparent;border-radius:10px;padding:8px 12px;color:var(--hna-text)!important;font-size:14px}
.hna-nav a:hover,.hna-ghost-btn:hover{background:#1c1e27}
.hna-user{margin-left:auto;display:flex;align-items:center;gap:10px}
.hna-user-name{color:var(--hna-muted);font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hna-ghost-btn{background:#1c1e27;border-color:var(--hna-line);font-size:16px}
.hna-main{min-height:calc(100vh - 185px)}
.hna-home-wrap{max-width:962px;margin:24px auto 0;padding:0 0 40px}
.hna-home-wrap h1{font:700 30px/1.2 "Space Grotesk",Inter,sans-serif;color:var(--hna-text);margin:0 0 24px}
.hna-search{height:56px;border:1px solid var(--hna-line);border-radius:14px;background:#15161d;display:flex;align-items:center;padding:0 16px;gap:12px;margin-bottom:22px}
.hna-search:focus-within{border-color:#9b743e;box-shadow:0 0 0 2px rgba(255,174,69,.1)}
.hna-search span{font-size:25px;line-height:1;color:var(--hna-muted)}
.hna-search input{width:100%;background:none!important;border:0!important;outline:0!important;box-shadow:none!important;color:var(--hna-text)!important;padding:0!important;font-size:16px!important}
.hna-search input::placeholder{color:#817d7b}
.hna-track-list{margin:0!important;padding:0!important;list-style:none!important}
.hna-track-row{height:62px;display:flex;align-items:center;gap:16px;background:var(--hna-panel);border:1px solid var(--hna-line);border-radius:14px;margin:8px 0;padding:0 16px 0 18px;transition:background .15s,border-color .15s}
.hna-track-row:hover{background:#22242e;border-color:#414350}
.hna-row-play{width:42px;min-width:42px;text-align:left;font-size:15px;color:var(--hna-text)!important;line-height:1}
.hna-row-title{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:var(--hna-text)!important}
.hna-duration-badge,.hna-art-duration{background:#050609;border-radius:5px;color:#f5f5f6;font:600 13px/1.2 "JetBrains Mono",monospace;padding:2px 5px;white-space:nowrap}
.hna-no-results{color:var(--hna-muted);text-align:center;padding:25px}
.hna-footer{max-width:962px;margin:0 auto;padding:22px 16px 30px;border-top:1px solid var(--hna-line);text-align:center;color:var(--hna-muted);font-size:14px}
.hna-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}
.hna-footer a:hover{color:var(--hna-orange)}
.hna-footer p{margin:15px 0 0;font-size:13px}
.hna-detail-wrap{max-width:560px;margin:34px auto 40px}
.hna-back{display:inline-block;color:var(--hna-muted)!important;font-size:13px;margin-bottom:16px}
.hna-back:hover{color:var(--hna-text)!important}
.hna-hero{display:flex;gap:22px;padding:28px;background:var(--hna-panel);border:1px solid var(--hna-line);border-radius:13px;min-height:220px}
.hna-art{width:124px;min-width:124px;height:124px;align-self:center;position:relative;display:grid;place-items:center;border:1px solid #2b2b36;border-radius:12px;background:radial-gradient(circle at 32% 27%,#3a2b1b 0,#15151a 65%,#0d0e13 100%)}
.hna-art>span{font-size:52px;line-height:1;color:var(--hna-orange)}
.hna-art-duration{position:absolute;right:7px;bottom:7px}
.hna-hero-body{min-width:0;flex:1;position:relative}
.hna-eyebrow{display:block;color:var(--hna-cyan);letter-spacing:3px;font:600 11px/1.4 "JetBrains Mono",monospace;text-transform:uppercase;margin:3px 0 7px}
.hna-hero h1{font:700 30px/1.12 "Space Grotesk",Inter,sans-serif;color:var(--hna-text);margin:0 0 10px}
.hna-meta{display:flex;gap:14px;align-items:center;color:var(--hna-muted);font:500 12px/1.4 "JetBrains Mono",monospace;margin-bottom:20px}
.hna-ready{border:1px solid #347d82;border-radius:20px;color:var(--hna-cyan);padding:3px 9px}
.hna-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hna-primary{border:0!important;border-radius:10px!important;padding:14px 24px!important;background:linear-gradient(105deg,#ffb84f,#ff853e)!important;color:#17120e!important;font-weight:700!important;box-shadow:0 10px 20px rgba(255,144,58,.17);min-height:52px}
.hna-primary:hover{filter:brightness(1.08)}
.hna-primary:disabled{opacity:.5;cursor:not-allowed}
.hna-secondary{border:1px solid var(--hna-line)!important;background:#1d1e28!important;border-radius:10px!important;color:var(--hna-text)!important;padding:12px 16px!important;min-height:52px}
.hna-secondary:hover{background:#272934!important}
.hna-sleep-menu{position:absolute;z-index:10;top:100%;left:116px;margin-top:5px;width:170px;padding:10px;border:1px solid var(--hna-line);border-radius:10px;background:#22242d;box-shadow:0 12px 30px #0008}
.hna-sleep-menu span{font-size:12px;color:var(--hna-muted);display:block;padding:4px 8px}
.hna-sleep-menu button{width:100%;text-align:left;background:transparent;border:0;color:var(--hna-text);padding:7px 8px;border-radius:5px;font-size:13px}
.hna-sleep-menu button:hover{background:#333541}
.hna-episodes{margin-top:22px}
.hna-episodes h2{font:700 17px/1.4 "Space Grotesk",Inter,sans-serif;color:var(--hna-text);margin:0 0 10px}
.hna-episodes ol{list-style:none;margin:0;padding:0}
.hna-episodes li{margin:8px 0}
.hna-episode{width:100%;min-height:72px;display:flex;align-items:center;text-align:left;gap:22px;padding:14px 22px;border:1px solid var(--hna-line);border-radius:12px;background:var(--hna-panel);color:var(--hna-text)}
.hna-episode:hover,.hna-episode.is-active{background:#22242e;border-color:#a76d32}
.hna-episode-number{color:var(--hna-muted);width:12px}
.hna-episode strong{display:block;font-size:16px;font-weight:600;line-height:1.3}
.hna-episode small{display:block;color:var(--hna-muted);font:500 12px/1.4 "JetBrains Mono",monospace;margin-top:5px}
.hna-info-wrap{max-width:760px;margin:32px auto 60px;color:var(--hna-text)}
.hna-info-wrap h1{font:700 30px "Space Grotesk",Inter,sans-serif;margin:0 0 20px}
.hna-info-content{color:#c8c2ba;line-height:1.75}
.hna-info-content h2{color:var(--hna-text);font:700 20px "Space Grotesk",Inter,sans-serif;margin:25px 0 9px}
.hna-info-content a{color:var(--hna-orange)!important}
.hna-auth-main{min-height:100vh;display:grid;place-items:center;padding:20px}
.hna-auth-card{width:100%;max-width:380px;background:#15161e;border:1px solid var(--hna-line);border-radius:12px;padding:28px 30px 38px}
.hna-auth-card h1{font:700 28px "Space Grotesk",Inter,sans-serif;color:var(--hna-text);margin:0 0 18px}
.hna-auth-card form{display:grid;gap:14px}
.hna-auth-card label{display:grid;gap:7px;color:var(--hna-muted);font-size:14px}
.hna-auth-card input{height:46px;width:100%;background:#1d1f28;border:1px solid var(--hna-line);border-radius:10px;color:var(--hna-text);padding:0 12px;outline:none}
.hna-auth-card input:focus{border-color:var(--hna-orange)}
.hna-auth-card .hna-primary{width:100%;margin-top:2px}
.hna-auth-card p{font-size:13px;color:var(--hna-muted);margin:14px 0 0}
.hna-auth-card p a{color:var(--hna-orange)!important;font-weight:600}
.hna-form-error{color:#ff938c!important;margin-bottom:14px!important}
.hna-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){.hna-home-wrap,.hna-footer{margin-left:16px;margin-right:16px}.hna-detail-wrap,.hna-info-wrap{margin-left:16px;margin-right:16px}}
@media(max-width:600px){.hna-topbar{height:60px;padding:0 14px}.hna-brand{font-size:16px!important}.hna-nav,.hna-user-name{display:none}.hna-ghost-btn{padding:8px 12px}.hna-home-wrap{margin-top:20px;padding-bottom:25px}.hna-home-wrap h1{font-size:28px;margin-bottom:27px}.hna-search{margin-bottom:22px}.hna-track-row{height:63px;padding:0 12px 0 25px;gap:8px}.hna-row-play{min-width:32px;width:32px}.hna-row-title{font-size:16px}.hna-duration-badge{font-size:12px}.hna-detail-wrap{margin-top:26px}.hna-hero{display:block;padding:20px;min-height:0}.hna-art{width:100%;height:132px;margin-bottom:27px}.hna-art>span{font-size:54px}.hna-hero h1{font-size:30px}.hna-meta{margin-bottom:23px}.hna-ready{display:none}.hna-primary{min-height:52px}.hna-episodes{margin-top:24px}.hna-footer{padding-top:22px}.hna-auth-card{padding:28px 30px 38px}}

body.hna-page.continuousPlayer-enable .hna-main{padding-bottom:125px}
body.hna-page.continuousPlayer-enable .hna-footer{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
@media(max-width:600px){body.hna-page.continuousPlayer-enable .hna-main{padding-bottom:150px}body.hna-page.continuousPlayer-enable .hna-footer{padding-bottom:calc(140px + env(safe-area-inset-bottom))}}
