*{box-sizing:border-box}html{color-scheme:light}html[data-theme=night]{color-scheme:dark}:root{--bg:#f6f7f6;--surface:#fff;--surface2:#f1f3f2;--ink:#1c2221;--sub:#64706b;--border:#e2e7e4;--accent:#059669;--shadow:0 20px 60px rgba(19,31,26,.055)}html[data-theme=night]{--bg:#101413;--surface:#1a211e;--surface2:#252e29;--ink:#f1f6f2;--sub:#a8b5ad;--border:#344039;--accent:#34d399;--shadow:0 20px 70px rgba(0,0,0,.22)}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}.tn-app{min-height:100dvh;display:flex;flex-direction:column}.tn-top{max-width:1230px;width:100%;margin:auto;padding:22px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between}.tn-wordmark{font-size:25px;font-weight:850;letter-spacing:-1.5px}.tn-wordmark span{color:var(--accent)}.tn-top-actions{display:flex;gap:9px}.tn-icon-btn{width:43px;height:43px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:14px;display:grid;place-items:center}.tn-icon-btn svg,.tn-audio-title svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tn-main{width:100%;flex:1;display:grid;align-items:center}.tn-stage{width:min(1180px,100%);margin:12px auto 45px;padding:0 clamp(16px,3vw,34px);display:grid;grid-template-columns:minmax(0,590px) minmax(300px,1fr);gap:clamp(26px,5vw,80px);align-items:center}.tn-stage-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.tn-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--accent)}.tn-counter{font-weight:700;color:var(--sub);font-variant-numeric:tabular-nums}.tn-slides{width:100%}.tn-slide[hidden],.tn-finished[hidden],.tn-image-error[hidden]{display:none!important}.tn-square{aspect-ratio:1/1;width:100%;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:var(--surface2);border:1px solid var(--border);box-shadow:var(--shadow)}.tn-square img{display:block;width:100%;height:100%;object-fit:contain}.tn-image-error{color:var(--sub);padding:25px;text-align:center}.tn-slide-caption{padding:14px 3px 0;min-height:45px;color:var(--ink);font-size:15px;overflow-wrap:anywhere}.tn-detail-header h1{font-size:clamp(26px,3vw,44px);letter-spacing:-.045em;line-height:1.14;margin:15px 0 10px;font-weight:800;overflow-wrap:anywhere}.tn-pill{display:inline-flex;padding:6px 12px;border-radius:99px;background:var(--surface2);color:var(--accent);font-size:12px;font-weight:700}.tn-author{color:var(--sub);margin:0}.tn-description{color:var(--sub);margin:13px 0 27px;max-width:50ch}.tn-controls{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:21px;box-shadow:var(--shadow)}.tn-controls-label,.tn-times{display:flex;justify-content:space-between;gap:10px;color:var(--sub);font-size:12px}.tn-slide-progress{display:flex;gap:5px;margin:11px 0 24px}.tn-slide-progress span{height:5px;background:var(--border);border-radius:6px;flex:1}.tn-slide-progress span.active{background:var(--accent)}.tn-audio{background:var(--surface2);border-radius:16px;padding:15px;margin-bottom:20px}.tn-audio[hidden]{display:none}.tn-audio-title{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px;margin-bottom:13px}.tn-audio-title .tn-muted{margin-left:auto;font-weight:400}.tn-muted{color:var(--sub)}.tn-audio-row{display:flex;align-items:center;gap:12px}.tn-play{border:0;background:var(--accent);color:#06130e;border-radius:50%;width:48px;height:48px;flex:none;font-size:18px;display:grid;place-items:center}.tn-seek-wrap{flex:1;min-width:0}.tn-seek-wrap input{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}.tn-times{font-variant-numeric:tabular-nums}.tn-audio select{border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:8px 5px;border-radius:9px}.tn-navigation{display:flex;gap:10px}.tn-navigation button,.tn-finished button{min-height:48px;border-radius:13px;font-weight:750;padding:10px 17px;border:1px solid var(--border)}.tn-secondary{background:var(--surface2);color:var(--ink);flex:1}.tn-primary{background:var(--accent);color:#052018;border-color:transparent!important;flex:1}.tn-hint{font-size:12px;color:var(--sub);text-align:center;margin:13px 0 0}.tn-share-section{margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tn-share-link{background:none;border:0;color:var(--accent);padding:8px 0;font-weight:700}.tn-share-section p{font-size:12px;color:var(--sub);margin:0}.tn-finished{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;text-align:center}.tn-finished-icon{display:grid;place-items:center;margin:auto;width:52px;height:52px;background:var(--accent);color:#042419;border-radius:50%;font-size:25px}.tn-finished h2{margin:15px 0 4px}.tn-finished p{color:var(--sub)}.tn-locked{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:20px;text-align:center}.tn-locked svg{width:46px;height:46px;fill:none;stroke:var(--accent);stroke-width:1.5}.tn-locked p{color:var(--sub)}.tn-series-list{display:grid;gap:10px}.tn-series-list a{display:flex;justify-content:space-between;gap:12px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none}.tn-footer{text-align:center;color:var(--sub);font-size:12px;padding:16px 10px 24px}@media(max-width:800px){.tn-stage{grid-template-columns:minmax(0,1fr);max-width:570px;gap:17px;margin:0 auto 25px}.tn-detail-header h1{font-size:26px}.tn-detail-header{display:flex;flex-direction:column}.tn-pill{align-self:flex-start}.tn-description{margin:8px 0 15px}.tn-controls{padding:15px}.tn-square{border-radius:16px}.tn-top{padding:12px 18px}.tn-slide-caption{min-height:0}.tn-detail-column{padding-bottom:8px}}@media(max-width:360px){.tn-navigation button{padding:8px;font-size:13px}.tn-audio-row{gap:7px}.tn-audio{padding:10px}.tn-play{width:43px;height:43px}}@media(prefers-reduced-motion:no-preference){.tn-icon-btn,.tn-primary,.tn-secondary{transition:transform .15s,background-color .15s}.tn-icon-btn:active,.tn-primary:active,.tn-secondary:active{transform:scale(.97)}}

/* v8 refinement: playback actions, responsive spacing, contrast and accessibility */
.tn-mute{width:44px;height:44px;flex:none;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);font-size:21px}
.tn-auto-label{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:12px;color:var(--sub);cursor:pointer}
.tn-auto-label input{accent-color:var(--accent);width:17px;height:17px}
.tn-finished{display:flex;flex-direction:column;align-items:center;gap:12px}
.tn-finished[hidden]{display:none}
.tn-finished button{width:100%;max-width:320px}
.tn-audio-row{flex-wrap:wrap}.tn-seek-wrap{min-width:110px}
.tn-square{position:relative;isolation:isolate}.tn-square img{max-width:100%;max-height:100%;object-position:center}
.tn-slide-caption{white-space:normal;line-height:1.6}
.tn-top{padding-top:max(12px,env(safe-area-inset-top));}
.tn-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(max-width:400px){.tn-audio-row{gap:8px}.tn-audio select{min-height:44px}.tn-navigation{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v9 audio-first: single playback dock, no duplicated controls */
.tn-controls audio{display:none}
.tn-caption-toggle{border:0;background:none;color:var(--accent);padding:5px 3px;font-size:13px;font-weight:700;min-height:44px}
.tn-slide-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:0}
.tn-slide-caption.expanded{display:block;-webkit-line-clamp:unset;line-clamp:unset}
.tn-detail-column{display:flex;flex-direction:column;gap:14px}
.tn-detail-header{order:2}.tn-controls{order:1}.tn-finished{order:3}.tn-share-section{order:4}
.tn-detail-header h1{font-size:clamp(20px,2.3vw,31px);margin:6px 0}
.tn-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:6px 0}
.tn-controls{padding:15px}.tn-slide-progress{margin:8px 0 13px}.tn-audio{margin-bottom:12px}
.tn-navigation button{min-height:48px}
@media(max-width:800px){
 .tn-app{padding-bottom:calc(204px + env(safe-area-inset-bottom))}
 .tn-main{display:block}
 .tn-stage{gap:12px;align-items:start}
 .tn-detail-column{display:contents}
 .tn-detail-header{display:none}
 .tn-share-section{margin-top:0;justify-content:center}
 .tn-controls{position:fixed;z-index:30;bottom:0;left:0;right:0;order:unset;border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0;padding:10px max(14px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));box-shadow:0 -10px 35px rgba(0,0,0,.12);max-height:min(215px,42dvh);overflow-y:auto;overscroll-behavior:contain}
 .tn-controls-label{font-size:11px}.tn-slide-progress{margin:5px 0 8px}
 .tn-audio{padding:7px 9px;margin-bottom:7px}
 .tn-audio-title{margin-bottom:4px;font-size:12px}
 .tn-audio-row{flex-wrap:nowrap;gap:8px}
 .tn-play{width:44px;height:44px}
 .tn-audio select{min-height:40px;max-width:67px;font-size:12px}
 .tn-mute{width:40px;height:40px}
 .tn-auto-label,.tn-hint{display:none}
 .tn-navigation button{min-height:44px}
 .tn-stage-top{margin-bottom:7px}
 .tn-slide-caption{padding-top:8px}
 .tn-finished{position:relative;z-index:31;margin:12px 0}
 .tn-footer{display:none}
}
@media(max-width:360px){.tn-audio-title svg{display:none}.tn-audio-row{gap:5px}.tn-audio select{max-width:56px}.tn-mute{width:36px}.tn-play{width:42px;height:42px}}
@media(min-width:801px){.tn-stage{align-items:start}.tn-detail-column{padding-top:25px}.tn-controls{position:sticky;top:18px}}

/* v10: quiet, premium reading surface and adaptive listening dock */
:root{--bg:#f7f8f7;--surface:#fff;--surface2:#f0f3f1;--ink:#17201c;--sub:#66736c;--border:#e4eae6;--accent:#059669;--shadow:0 12px 38px rgba(16,35,26,.055)}
html[data-theme=night]{--bg:#101413;--surface:#1b2220;--surface2:#252e2a;--ink:#f5f7f5;--sub:#a9b6af;--border:#303b35;--accent:#34d399;--shadow:0 14px 42px rgba(0,0,0,.18)}
.tn-top{max-width:1160px}.tn-wordmark{font-size:23px;font-weight:750;letter-spacing:-1.15px}.tn-icon-btn{border-radius:50%;width:44px;height:44px}.tn-stage{width:min(1120px,100%);gap:clamp(28px,5vw,72px)}
.tn-square{border-radius:18px;box-shadow:none;background:var(--surface);border-color:var(--border)}
.tn-stage-top{margin-bottom:11px}.tn-kicker{font-size:10px;letter-spacing:.16em}.tn-counter{font-size:13px}.tn-slide-caption{font-size:14px;line-height:1.6}
.tn-controls{border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--border);padding:18px}.tn-audio{background:transparent;padding:0;margin-bottom:15px}.tn-audio-title{margin-bottom:12px}.tn-play{width:54px;height:54px;box-shadow:0 5px 16px rgba(5,150,105,.18);font-size:19px}.tn-audio-row{gap:13px}.tn-seek-wrap input{min-height:24px}.tn-times{font-size:11px}.tn-navigation{gap:10px}.tn-navigation button{min-height:48px}.tn-primary{color:#fff}.tn-auto-label{margin-top:8px}.tn-hint{margin-bottom:0}.tn-detail-header h1{letter-spacing:-.035em}.tn-detail-header{order:0}.tn-controls{order:1}.tn-finished{order:2}.tn-share-section{order:3}.tn-pill{display:none}.tn-mobile-intro{display:none}.tn-audio[hidden]{display:none!important}.tn-slide-caption:not(.expanded){max-height:3.25em}.tn-share-link{min-height:44px}.tn-finished{gap:10px}.tn-finished-icon{font-size:22px}.tn-series-list a:hover{border-color:var(--accent)}
@media(min-width:801px){.tn-stage{align-items:center}.tn-detail-column{padding-top:0}.tn-description{margin-bottom:8px}.tn-controls{position:static}.tn-square{max-height:min(68vh,610px)}.tn-visual-column{min-width:0}}
@media(max-width:800px){
 .tn-app{padding-bottom:calc(174px + env(safe-area-inset-bottom))}.tn-top{padding:12px 17px 8px}.tn-main{display:block}.tn-stage{padding:0 14px;max-width:560px;gap:0}.tn-visual-column{min-width:0}.tn-mobile-intro{display:block;margin:6px 2px 13px}.tn-mobile-intro h1{font-size:clamp(18px,5vw,24px);line-height:1.22;letter-spacing:-.03em;margin:0 0 4px}.tn-mobile-intro p{font-size:12px;color:var(--sub);margin:0}.tn-stage-top{margin-bottom:7px}.tn-square{border-radius:15px}.tn-slide-caption{padding:11px 3px 0}.tn-detail-header{display:none}.tn-share-section{padding:10px 0 24px}.tn-controls{position:fixed;bottom:0;left:0;right:0;z-index:30;width:100%;max-height:none;overflow:visible;border-radius:19px 19px 0 0;border:1px solid var(--border);border-bottom:0;padding:10px max(14px,env(safe-area-inset-right)) calc(11px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));box-shadow:0 -9px 36px rgba(10,20,15,.11);background:var(--surface)}
 .tn-controls-label{display:none}.tn-slide-progress{margin:0 0 10px}.tn-slide-progress span{height:3px}.tn-audio{padding:0;margin:0 0 9px;background:none}.tn-audio-title{margin:0 0 5px;font-size:12px}.tn-audio-title svg{width:16px;height:16px}.tn-audio-row{gap:10px}.tn-play{height:48px;width:48px}.tn-mute{width:40px;height:40px}.tn-audio select{max-width:67px;min-height:40px}.tn-navigation button{min-height:43px}.tn-auto-label{display:none}.tn-hint{display:none}.tn-finished{margin:18px 0}.tn-footer{display:none}
}
@media(max-width:370px){.tn-audio-row{gap:6px}.tn-mute{width:35px;height:40px}.tn-audio select{max-width:58px;padding:4px 2px}.tn-navigation button{font-size:13px;padding:8px}.tn-top{padding-inline:12px}.tn-stage{padding-inline:10px}}
@media(prefers-reduced-motion:no-preference){.tn-square img{animation:tn-image-enter .2s ease-out}@keyframes tn-image-enter{from{opacity:.55}to{opacity:1}}}