.tn-page,.tn-scope{--tn-ink:#071a35;--tn-ink-soft:#4b5567;--tn-paper:#fffdf8;--tn-line:#071a351f;--tn-line-strong:#071a3542;--tn-accent:#c8912f;--tn-accent-hover:#b27f24;--tn-accent-ink:#765115;--tn-stage:#0b1d38;--tn-on-stage:#f6f0e4;--tn-on-stage-soft:#f6f0e4c2;--tn-screen:#050d1a;--tn-ease-out:cubic-bezier(.23, 1, .32, 1);--tn-radius-card:12px;--tn-radius-control:10px;--tn-radius-badge:6px}.tn-page{width:min(100%,980px);min-width:0;color:var(--tn-ink);justify-self:center;gap:clamp(20px,3vw,32px);display:grid}.tn-page p,.tn-page h1,.tn-page h2,.tn-page h3{letter-spacing:0;margin:0}.tn-page ::selection{color:var(--tn-ink);background:#c8912f52}.tn-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tn-num{font-variant-numeric:tabular-nums}.tn-intro{gap:16px;display:grid}.tn-intro h1{color:var(--tn-ink);text-wrap:balance;font-size:clamp(36px,5vw,56px);line-height:1.06}.tn-intro h1:after{background:var(--tn-ink);opacity:.55;content:"";width:56px;height:1px;margin-block-start:14px;display:block}.tn-intro-copy>p{max-width:44ch;color:var(--tn-ink-soft);text-wrap:pretty;margin-block-start:14px;font-size:clamp(16px,1.7vw,18px);line-height:1.6}.tn-library{align-content:end;gap:4px;min-height:10rem;display:grid}.tn-library>p{color:var(--tn-ink-soft);font-size:14px;line-height:1.5}.tn-library-control{min-height:44px}@media (min-width:900px){.tn-intro{grid-template-columns:minmax(0,1fr) minmax(16rem,21rem);align-items:end;column-gap:40px}}.tn-featured{border-radius:var(--tn-radius-card);background:var(--tn-stage);color:var(--tn-on-stage);grid-template-areas:"stage""copy";scroll-margin-block:96px;display:grid;overflow:hidden}.tn-featured-stage{min-width:0;scroll-margin-block:96px calc(var(--mkv3-nav-mobile,72px) + 24px);grid-area:stage}.tn-featured-copy{grid-area:copy;align-content:center;gap:10px;min-width:0;padding:20px 20px 22px;display:grid}.tn-featured h2{color:var(--tn-on-stage);text-wrap:balance;font-size:clamp(30px,3.7vw,46px);line-height:1.08}.tn-featured .tn-name-en{color:var(--tn-on-stage-soft);margin-block-start:-2px}.tn-featured .tn-attribution{color:var(--tn-on-stage)}.tn-featured .tn-explanation{max-width:46ch;color:var(--tn-on-stage)}.tn-featured .tn-source{color:var(--tn-on-stage-soft)}.tn-featured-actions{flex-wrap:wrap;gap:10px;margin-block-start:8px;display:flex}.tn-featured .tn-status{color:var(--tn-on-stage-soft)}.tn-featured .tn-status strong{color:var(--tn-accent)}@media (min-width:900px){.tn-featured{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"copy stage";align-items:center}.tn-featured-stage{padding:28px;padding-inline-start:0}.tn-featured-copy{padding:36px 40px}.tn-featured .tn-screen{border-radius:8px}}.tn-screen{isolation:isolate;aspect-ratio:16/9;background:var(--tn-screen);min-width:200px;min-height:200px;position:relative;overflow:hidden}.tn-facade{cursor:pointer;position:absolute;inset:0}.tn-facade img{object-fit:cover}.tn-facade:after{content:"";background:#050d1a4d;transition:background-color .2s;position:absolute;inset:0}.tn-facade-play{z-index:1;background:var(--tn-accent);width:76px;height:76px;color:var(--tn-stage);transition:transform .16s var(--tn-ease-out), background-color .16s ease;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.tn-facade-play svg{fill:currentColor;width:30px;height:30px;transform:translate(2px)}.tn-facade-time{z-index:1;border-radius:var(--tn-radius-badge);color:#fff;font-variant-numeric:tabular-nums;direction:ltr;background:#050d1ac2;padding:2px 8px;font-size:13px;line-height:1.5;position:absolute;inset-block-end:12px;inset-inline-end:12px}@media (hover:hover) and (pointer:fine){.tn-facade:hover:after{background:#050d1a2e}.tn-facade:hover .tn-facade-play{background:var(--tn-accent-hover)}}.tn-facade:active .tn-facade-play{transform:scale(.95)}.tn-screen[data-open] .tn-facade{pointer-events:none}.tn-screen-skeleton{z-index:1;background-color:#0a1930f0;background-image:linear-gradient(100deg,#0000 30%,#f6f0e414 50%,#0000 70%);background-repeat:no-repeat;background-size:220% 100%;animation:1.4s ease-in-out infinite tn-shimmer;position:absolute;inset:0}.tn-screen-skeleton[data-loaded]{background-image:none;animation:none}.tn-player{z-index:2;opacity:0;width:100%;height:100%;transition:opacity .24s var(--tn-ease-out);border:0;position:absolute;inset:0}.tn-player[data-loaded]{opacity:1}@keyframes tn-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tn-name-en{color:var(--tn-ink-soft);text-align:start;unicode-bidi:isolate;font-size:15px;line-height:1.45}.tn-attribution{color:var(--tn-ink);font-size:15px;line-height:1.5}.tn-explanation{max-width:60ch;color:var(--tn-ink);text-wrap:pretty;margin-block-start:2px;font-size:16px;line-height:1.7}.tn-source{color:var(--tn-ink-soft);flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:14px;line-height:1.5;display:flex}.tn-source-item+.tn-source-item:before{opacity:.6;content:"·";content:"·" / "";margin-inline-end:8px}.tn-status{min-height:3em;color:var(--tn-ink-soft);align-items:center;gap:8px;font-size:15px;line-height:1.5;display:flex}.tn-status strong{color:var(--tn-accent-ink);font-size:16px}.tn-status a{color:inherit;text-underline-offset:4px;text-decoration:underline}.tn-eq{width:15px;height:15px;color:var(--tn-accent);flex:none;align-items:flex-end;gap:2px;display:inline-flex}.tn-eq i{transform-origin:bottom;background:currentColor;border-radius:1px;width:3px;height:100%;animation:.92s ease-in-out infinite tn-eq;display:block;transform:scaleY(.4)}.tn-eq i:nth-child(2){animation-delay:-310ms}.tn-eq i:nth-child(3){animation-delay:-620ms}@keyframes tn-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.tn-play{--control-edge:#071a353d;min-inline-size:9.25rem;border:1px solid var(--tn-line-strong);border-radius:var(--tn-radius-control);min-height:44px;color:var(--tn-ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:16px;line-height:1.2;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.tn-play svg{fill:currentColor;flex:none;width:17px;height:17px}.tn-play[aria-expanded=true]{border-color:var(--tn-ink);background:var(--tn-ink);color:var(--tn-paper)}.tn-play-primary{--control-edge:#071a3557;min-inline-size:12.5rem;border-color:var(--tn-accent);background:var(--tn-accent);min-height:50px;color:var(--tn-stage);padding-inline:22px;font-size:17px}.tn-play-primary[aria-expanded=true]{--control-edge:#f6f0e433;color:var(--tn-on-stage);background:0 0;border-color:#f6f0e480}.mkv3 :is(.tn-page,.tn-scope) .tn-play[data-mk-control],.mkv3 :is(.tn-page,.tn-scope) .tn-play[data-mk-control]:hover{box-shadow:none}:is(.tn-page,.tn-scope) a:focus-visible,:is(.tn-page,.tn-scope) button:focus-visible{outline-offset:3px;outline:3px solid #c8912f99}@media (hover:hover) and (pointer:fine){.tn-play:not([aria-expanded=true]):hover{border-color:var(--tn-ink);background:var(--tn-ink);color:var(--tn-paper)}.tn-play-primary:not([aria-expanded=true]):hover{border-color:var(--tn-accent-hover);background:var(--tn-accent-hover);color:var(--tn-stage)}.tn-play-primary[aria-expanded=true]:hover{border-color:var(--tn-on-stage)}}.tn-list{gap:14px;min-width:0;display:grid}.tn-list>h2{color:var(--tn-ink);font-size:clamp(22px,2.5vw,28px);line-height:1.2}.tn-tracks{border-block-start:1px solid var(--tn-line);margin:0;padding:0;list-style:none;display:grid}.tn-track{border:1px solid #0000;border-block-end-color:var(--tn-line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main action""slot slot";column-gap:28px;padding:22px 20px;scroll-margin-block:96px;transition:border-color .2s,background-color .2s;display:grid}.tn-track:not([data-state=idle]){border-color:var(--tn-line-strong);border-radius:var(--tn-radius-card);background:#fff}.tn-track[data-state=playing]{border-color:var(--tn-accent)}.tn-track-main{grid-area:main;gap:6px;min-width:0;display:grid}.tn-track-head{flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.tn-track h3{color:var(--tn-ink);font-size:clamp(20px,2vw,22px);line-height:1.3}.tn-track-action{grid-area:action;align-items:flex-start;display:flex}.tn-track-slot{scroll-margin-block:96px calc(var(--mkv3-nav-mobile,72px) + 24px);grid-area:slot}.tn-track-slot:not([hidden]){animation:tn-reveal .26s var(--tn-ease-out) both;gap:10px;margin-block-start:18px;display:grid}.tn-track-slot .tn-screen{border-radius:8px;width:min(100%,720px)}html[data-mk-input=keyboard] .tn-track-slot:not([hidden]){animation:none}@keyframes tn-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tn-footnote p{max-width:70ch;color:var(--tn-ink-soft);font-size:14px;line-height:1.65}@media (max-width:599px){.tn-track{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""action""slot";row-gap:14px;padding:18px 16px}.tn-track-action{justify-content:flex-start}.tn-track-slot:not([hidden]){margin-block-start:4px;margin-inline:-16px}.tn-track-slot .tn-screen{border-radius:0;width:100%}.tn-track-slot .tn-status{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.tn-track-slot:not([hidden]),.tn-screen-skeleton,.tn-eq i{animation:none}.tn-eq i{transform:scaleY(.7)}.tn-player,.tn-facade-play,.tn-facade:after,.tn-track,.tn-play{transition:none}.tn-facade:active .tn-facade-play{transform:none}}