:root{--paper:#fbf9f4;--paper-2:#f3f0e8;--panel:#fff;--ink:#1e1a17;--muted:#6f655b;--line:#e9e4d9;--line-strong:#d3ccbe;--garnet:#7d1d3a;--garnet-ink:#fff;--gold:#b8923c;--amber:#c9893a;--amber-soft:#e8c072;--photo:#0f0d0c;--stage:#0b0a09;--stage-2:#17140f;--stage-fg:#f3eee6;--stage-muted:#a79e92;--stage-line:#ffffff24;--ok:#2f6b3a;--ok-bg:#e4f0e6;--warn:#8a5a12;--warn-bg:#f7ebd2;--bad:#9e2f2f;--bad-bg:#f6e0de;--serif:"Playfair Display","Prompt",Georgia,serif;--display:"Prompt","Noto Sans SC",system-ui,-apple-system,"Thonburi",sans-serif;--body:"Sarabun","Noto Sans SC",system-ui,-apple-system,"Thonburi",sans-serif;--gutter:max(20px,env(safe-area-inset-left,0px));--radius:14px;--shadow:0 1px 2px #1e1a170f,0 14px 40px -18px #1e1a1759}html[lang=zh-Hans]{--display:"Noto Sans SC","Prompt",system-ui,sans-serif;--body:"Noto Sans SC","Sarabun",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.15}.serif{font-family:var(--serif);letter-spacing:-.005em;font-weight:500}p{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%}.wrap{max-width:1160px;padding-inline:var(--gutter);margin:0 auto}.eyebrow{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px}.eyebrow.light{color:var(--stage-muted)}.muted{color:var(--muted)}.rule{background:var(--gold);width:48px;height:1px;display:block}.topbar{padding:16px var(--gutter);max-width:1160px;font-family:var(--display);justify-content:space-between;align-items:center;gap:14px;margin:0 auto;display:flex}.topbar.light{color:var(--stage-fg)}.topbar .brand{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:500;text-decoration:none}.topbar nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.topbar nav a{color:var(--muted);border-radius:999px;padding:6px 10px;font-size:13px;text-decoration:none}.topbar.light nav a{color:var(--stage-muted)}.pill{font-family:var(--display);color:var(--muted);border:1px solid var(--line-strong);background:0 0;border-radius:999px;padding:6px 12px;font-size:13px;line-height:1.2}.pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.topbar.light .pill{color:var(--stage-fg);border-color:var(--stage-line)}.topbar.light .pill.active{background:var(--stage-fg);color:var(--ink);border-color:var(--stage-fg)}.locales{gap:6px;display:flex}.btn{font-family:var(--display);border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--garnet);color:var(--garnet-ink);border-color:var(--garnet)}.btn.light{background:var(--stage-fg);color:var(--ink);border-color:var(--stage-fg)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn:focus-visible,.pill:focus-visible{outline:2px solid var(--garnet);outline-offset:3px}.badge{font-family:var(--display);background:var(--warn-bg);color:var(--warn);border-radius:999px;padding:3px 10px;font-size:12px;display:inline-block}.notice{color:var(--muted);font-size:14px}.home{flex-direction:column;min-height:100vh;display:flex}.doors{grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.door{text-align:left;cursor:pointer;font:inherit;color:inherit;border:0;flex-direction:column;justify-content:flex-end;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.door>img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.door:hover>img{transform:scale(1.035)}.door:after{content:"";pointer-events:none;position:absolute;inset:0}.door.a{background:var(--paper-2);color:var(--ink)}.door.a>img{object-position:60% 30%}.door.a:after{background:linear-gradient(180deg,#fbf9f40a 0%,#fbf9f42e 40%,#fbf9f4f2 72%,var(--paper) 100%)}.door.b{background:var(--stage);color:var(--stage-fg)}.door.b>img{object-position:52% 40%}.door.b:after{background:linear-gradient(180deg,#0b0a090a 0%,#0b0a0924 40%,#0b0a09e6 72%,var(--stage) 100%)}.door .tag{z-index:2;font-family:var(--display);letter-spacing:.02em;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex;position:absolute;top:32px;left:clamp(20px,3.2vw,48px)}.door .tag:before{content:"";opacity:.9;background:currentColor;width:28px;height:1px}.door.a .tag{color:var(--garnet)}.door.a .tag:before{background:var(--gold)}.door.b .tag{color:#f6df9c;text-shadow:0 1px 3px #000000e6,0 0 18px #000000d9;font-weight:600}.door.b .tag:before{background:var(--amber)}.door .copy{z-index:1;flex-direction:column;gap:14px;padding:0 clamp(20px,3.2vw,48px) clamp(32px,4vw,52px);display:flex;position:relative}.door .kicker{font-family:var(--display);font-size:14px;font-weight:500}.door.a .kicker{color:var(--garnet)}.door.b .kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--amber);font-size:12px}.door h1{max-width:13ch;font-size:clamp(32px,3.6vw,50px);line-height:1.12}.door.a h1{font-weight:600}.door.b h1{font-family:var(--serif);color:#fff;font-weight:500;line-height:1.05}.door.b h1 .th{font-family:var(--display);color:var(--amber-soft);margin-top:10px;font-size:clamp(18px,1.8vw,24px);font-weight:500;display:block}.door .lead{max-width:46ch;font-size:clamp(15px,1.25vw,17px);line-height:1.65}.door.a .lead{color:var(--muted)}.door.b .lead{color:#ddd5c9}.door .btn{pointer-events:none;align-self:flex-start;margin-top:6px}.door.a .btn{box-shadow:0 10px 24px -12px #7d1d3a80}.door:focus-visible{outline:3px solid var(--garnet);outline-offset:-3px}.door.b:focus-visible{outline-color:var(--amber)}.shelf{padding:44px var(--gutter) 40px;flex-direction:column;gap:18px;display:flex}.shelf-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.shelf-head h2{font-size:30px;font-weight:700}.shelf-head h2 span{color:var(--muted);font-size:16px;font-weight:400}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.ep-tile{aspect-ratio:16/9;background:var(--stage);color:#fff;isolation:isolate;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 18px 44px -20px #000000b3}.ep-tile>img,.ep-tile>video{object-fit:cover;width:100%;height:100%;transition:transform .6s,opacity .35s;position:absolute;inset:0}.ep-tile>video{opacity:0}.ep-tile>video.on{opacity:1}.ep-tile:hover>img{transform:scale(1.04)}.ep-tile .shade{background:linear-gradient(#0b0a0926 0%,#0b0a0900 30%,#0b0a0933 55%,#0b0a09f0 100%);position:absolute;inset:0}.ep-tile .code{font-family:var(--display);letter-spacing:.08em;background:#0b0a098c;border:1px solid #ffffff40;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:600;position:absolute;top:14px;left:14px}.ep-tile .dur{font-family:var(--display);background:#0b0a09d9;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:500;position:absolute;bottom:14px;right:14px}.ep-tile .soon{font-family:var(--display);color:var(--ink);background:#fbf9f4eb;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:14px;right:14px}.ep-tile .peek{font-family:var(--display);color:var(--stage);opacity:0;background:#fbf9f4f2;border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 12px;font-size:13px;font-weight:600;transition:opacity .25s;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000080}.ep-tile .peek i{border-left:10px solid var(--garnet);border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0}.ep-tile:hover .peek,.ep-tile:focus-visible .peek{opacity:1}.ep-tile .peek.hide{opacity:0!important}.ep-tile .title{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:16px;left:16px;right:84px}.ep-tile .title b{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;text-shadow:0 3px 18px #000c;font-size:clamp(20px,2.1vw,30px);font-weight:800;line-height:1}.ep-tile .title em{color:var(--amber-soft);font-style:normal}.ep-tile .title>span{font-family:var(--display);color:var(--stage-fg);text-shadow:0 2px 10px #000c;font-size:14px;font-weight:500}.ep-tile.off{cursor:default}.ep-tile.light{background:var(--paper-2);color:var(--ink)}.ep-tile.light .shade{background:linear-gradient(#fbf9f400 0% 38%,#fbf9f4b3 62%,#fbf9f4f7 100%)}.ep-tile.light .code{border-color:var(--line-strong);color:var(--ink);background:#ffffffbf}.ep-tile.light .dur{color:#fff;background:#1e1a17cc}.ep-tile.light .soon{background:var(--ink);color:var(--paper)}.ep-tile.light .title b{color:var(--ink);text-shadow:none}.ep-tile.light .title em{color:var(--garnet)}.ep-tile.light .title>span{color:var(--muted);text-shadow:none}.ep-tile.light.off>img{filter:saturate(.9)}.ep-tile.off>img{filter:saturate(.75)brightness(.85)}.ep-tile:focus-visible{outline:3px solid var(--garnet);outline-offset:3px}@media (prefers-reduced-motion:reduce){.door>img,.ep-tile>img{transition:none}.ep-tile>video{display:none}}@media (width<=900px){.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:portrait) and (width>=721px){.doors{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.door.a>img{object-position:55% 35%}.door.b>img{object-position:52% 30%}}@media (width<=720px){.doors{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.door{min-height:0;padding-top:min(72vw,300px)}.door>img{height:min(86vw,360px);bottom:auto}.door.a>img{object-position:58% 20%}.door.b>img{object-position:56% 18%}.door.a:after{background:linear-gradient(180deg,#fbf9f400 0%,#fbf9f400 min(46vw,190px),#fbf9f4f5 min(80vw,330px),var(--paper) min(88vw,360px))}.door.b:after{background:linear-gradient(180deg,#0b0a0900 0%,#0b0a0900 min(46vw,190px),#0b0a09f0 min(80vw,330px),var(--stage) min(88vw,360px))}.door .tag{top:18px}.shelf-grid{scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);gap:12px;display:flex;overflow-x:auto}.shelf-grid .ep-tile{scroll-snap-align:start;flex:0 0 78%}}.ep-tile .bar{background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.ep-tile .bar i{background:var(--garnet);height:100%;display:block}.catalog{flex-direction:column;min-height:100vh;display:flex}.catalog.light{background:var(--paper);color:var(--ink)}.catalog.dark{background:radial-gradient(120% 60% at 50% 0%,#17140f 0%,var(--stage) 55%);color:var(--stage-fg)}.cat-bar{padding:18px var(--gutter);font-family:var(--display);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.cat-bar .back{color:inherit;opacity:.8;text-decoration:none}.cat-bar .back:hover{opacity:1}.cat-bar .which{align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.cat-bar .which:before{content:"";background:var(--gold);width:22px;height:1px}.catalog.light .which{color:var(--garnet)}.catalog.dark .which{color:var(--amber-soft)}.catalog.dark .which:before{background:var(--amber)}.cat-head{padding:8px var(--gutter) 22px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;display:flex}.cat-head h1{font-size:clamp(28px,3.4vw,44px)}.catalog.dark .cat-head h1{font-family:var(--serif);color:#fff;font-weight:500}.cat-head .count{font-family:var(--display);font-size:14px}.catalog.light .count{color:var(--muted)}.catalog.dark .count{color:var(--stage-muted)}.featured{padding:0 var(--gutter) 44px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,44px);display:grid}.featured .media{aspect-ratio:16/9;background:var(--stage);cursor:pointer;border:0;border-radius:14px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000c}.featured .media img,.featured .media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.featured .media .shade{background:linear-gradient(#0b0a0900 60%,#0b0a0980 100%);position:absolute;inset:0}.featured .media .bar{background:#ffffff40;height:5px;position:absolute;bottom:0;left:0;right:0}.featured .media .bar i{background:var(--garnet);height:100%;display:block}.featured .media:focus-visible{outline:3px solid var(--garnet);outline-offset:3px}.featured .info{flex-direction:column;gap:12px;min-width:0;display:flex}.featured .kicker{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600}.catalog.light .featured .kicker{color:var(--garnet)}.catalog.dark .featured .kicker{color:var(--amber)}.featured h2{letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(30px,3.6vw,52px);font-weight:800;line-height:1}.featured h2 em{color:var(--gold);font-style:normal}.catalog.dark .featured h2{color:#fff}.catalog.dark .featured h2 em{color:var(--amber-soft)}.featured p{max-width:42ch;font-size:17px;line-height:1.6}.catalog.light .featured p{color:var(--muted)}.catalog.dark .featured p{color:#ddd5c9}.featured .meta{font-family:var(--display);flex-wrap:wrap;gap:6px 16px;font-size:13px;display:flex}.catalog.light .featured .meta{color:var(--muted)}.catalog.dark .featured .meta{color:var(--stage-muted)}.featured .meta span+span:before{content:"·";opacity:.6;margin-right:16px}.featured .cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.featured .done{font-family:var(--display);color:var(--ok);font-size:13px}.catalog.dark .featured .done{color:#7fd19b}.ch-nav{z-index:5;padding:12px var(--gutter);scrollbar-width:none;-webkit-backdrop-filter:blur(14px);gap:8px;margin-bottom:8px;display:flex;position:sticky;top:0;overflow-x:auto}.ch-nav::-webkit-scrollbar{display:none}.catalog.light .ch-nav{border-block:1px solid var(--line);background:#fbf9f4db}.catalog.dark .ch-nav{border-block:1px solid var(--stage-line);background:#0b0a09c7}.ch-nav a{font-family:var(--display);color:inherit;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:7px 12px 7px 8px;font-size:14px;text-decoration:none;display:inline-flex}.catalog.light .ch-nav a{background:var(--panel);border:1px solid var(--line)}.catalog.dark .ch-nav a{border:1px solid var(--stage-line);background:#ffffff0d}.ch-nav a b{border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:grid}.catalog.light .ch-nav a b{background:var(--garnet);color:#fff}.catalog.dark .ch-nav a b{background:var(--amber);color:var(--stage)}.ch-nav a span{opacity:.6;font-size:12px}.ch-nav a:hover{border-color:currentColor}.chapter{padding:36px var(--gutter);grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(20px,3vw,44px);scroll-margin-top:70px;display:grid}.catalog.light .chapter+.chapter{border-top:1px solid var(--line)}.catalog.dark .chapter+.chapter{border-top:1px solid var(--stage-line)}.ch-info{border-radius:16px;flex-direction:column;align-self:start;gap:8px;padding:22px 22px 24px;display:flex;position:sticky;top:76px;overflow:hidden}.catalog.light .ch-info{background:linear-gradient(160deg,#fff 0%,var(--paper-2) 100%);border:1px solid var(--line)}.catalog.dark .ch-info{border:1px solid var(--stage-line);background:linear-gradient(160deg,#ffffff0f 0%,#ffffff04 100%)}.ch-info:after{content:"";background:linear-gradient(90deg,var(--gold),transparent);height:2px;position:absolute;top:0;left:22px;right:22px}.ch-info .num{font-family:var(--serif);letter-spacing:-.02em;font-size:64px;font-weight:500;line-height:.9}.catalog.light .ch-info .num{color:var(--gold)}.catalog.dark .ch-info .num{color:var(--amber-soft)}.ch-info .label{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600}.ch-info h2{font-size:clamp(20px,1.9vw,26px);font-weight:700;line-height:1.2}.catalog.dark .ch-info h2{font-family:var(--serif);color:#fff;font-weight:500}.ch-info .meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ch-info .meta span{font-family:var(--display);border-radius:999px;padding:3px 10px;font-size:12px}.catalog.light .ch-info .meta span{background:var(--paper);border:1px solid var(--line);color:var(--muted)}.catalog.dark .ch-info .meta span{border:1px solid var(--stage-line);color:var(--stage-muted);background:#ffffff0d}.ch-info .meta .ready{color:var(--ok)!important}.catalog.dark .ch-info .meta .ready{color:#7fd19b!important}.ch-body{flex-direction:column;gap:16px;min-width:0;display:flex}.ch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.ch-grid.solo .ep-tile{grid-column:span 2}.ch-grid.solo .ep-tile .title b{font-size:clamp(22px,2.2vw,32px)}.ch-grid .ep-tile .title b{font-size:clamp(18px,1.6vw,24px)}.more{font-family:var(--display);cursor:pointer;color:inherit;border-radius:999px;align-self:center;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.catalog.light .more{background:var(--panel);border:1px solid var(--line-strong)}.catalog.dark .more{border:1px solid var(--stage-line);background:#ffffff0f}.more i{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)translateY(-2px)}.more i.up{transform:rotate(-135deg)translateY(-2px)}.more:hover{border-color:currentColor}.featured{isolation:isolate;position:relative}.featured .backdrop{object-fit:cover;z-index:-1;filter:blur(60px)saturate(1.2);opacity:.35;pointer-events:none;width:100%;height:calc(100% + 40px);position:absolute;inset:-40px 0 0}.catalog.light .featured .backdrop{opacity:.22}.featured:after{content:"";z-index:-1;pointer-events:none;height:40%;position:absolute;inset:auto 0 0}.catalog.light .featured:after{background:linear-gradient(180deg,#fbf9f400,var(--paper))}.catalog.dark .featured:after{background:linear-gradient(180deg,#0b0a0900,var(--stage))}.catalog{overflow-x:clip}@media (width<=1100px){.ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.ch-grid.solo .ep-tile{grid-column:auto}.chapter{grid-template-columns:1fr;padding-block:28px}.ch-info{padding:18px;position:static}.ch-info .num{font-size:44px}.ch-grid{grid-template-columns:1fr}}.catalog.dark .ep-tile{box-shadow:0 18px 44px -20px #000000e6,0 0 0 1px #ffffff0f}@media (width<=820px){.featured{grid-template-columns:1fr}.featured .info{gap:10px}}.landing{flex-direction:column;min-height:100vh;display:flex}.landing.light{background:var(--paper);color:var(--ink)}.landing.dark{background:var(--stage);color:var(--stage-fg)}.landing .h{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600}.landing.light .h{color:var(--garnet)}.landing.dark .h{color:var(--amber)}.l-hero{background:var(--stage);color:#fff;isolation:isolate;flex-direction:column;justify-content:space-between;min-height:min(86svh,820px);display:flex;position:relative;overflow:hidden}.l-hero .bg{object-fit:cover;object-position:70% 35%;z-index:-2;width:100%;height:100%;animation:24s ease-out both lh-zoom;position:absolute;inset:0}@keyframes lh-zoom{0%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.l-hero .bg{animation:none}}.l-hero video.bg{opacity:.85}.l-hero .shade{z-index:-1;background:linear-gradient(90deg,#0b0a09e0 0%,#0b0a0999 38%,#0b0a091a 70%),linear-gradient(#0b0a0973 0%,#0b0a0900 22% 60%,#0b0a09d9 100%);position:absolute;inset:0}.landing.light .l-hero .shade{background:linear-gradient(90deg,#0b0a09db 0%,#0b0a098c 38%,#0b0a0914 70%),linear-gradient(180deg,#0b0a0973 0%,#0b0a0900 22%,#0b0a0900 65%,var(--paper) 100%)}.l-hero .cat-bar{color:#fff}.l-hero .cat-bar .which{color:var(--amber-soft)!important}.l-hero .cat-bar .which:before{background:var(--amber)!important}.l-hero .copy{max-width:620px;padding:0 var(--gutter) clamp(48px,7vh,80px);flex-direction:column;gap:14px;display:flex}.l-hero .kicker{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-soft);font-size:12px;font-weight:600}.l-hero h1{color:#fff;font-size:clamp(40px,5.4vw,76px);line-height:1.05}.l-hero h1.caps{text-transform:uppercase;letter-spacing:-.01em;font-weight:800;line-height:.98}.l-hero h1 em,.l-hero .series em{color:var(--amber-soft);font-style:normal}.l-hero .series{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:#fff;font-size:clamp(18px,1.8vw,24px);font-weight:800}.l-hero .tag{font-family:var(--serif);color:#e7dfd2;font-size:clamp(18px,1.7vw,22px);font-style:italic}.l-hero .facts{flex-wrap:wrap;gap:8px;display:flex}.l-hero .facts span{font-family:var(--display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:5px 12px;font-size:13px}.l-hero .actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.l-hero .btn.play{color:var(--stage);background:#fff;border:0;gap:12px;padding:15px 28px 15px 22px;font-size:17px;box-shadow:0 14px 40px -12px #000000b3}.landing.light .l-hero .btn.play{background:var(--garnet);color:#fff}.l-hero .btn.play i{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0}.l-hero .btn.ghost{color:#e7dfd2}.l-hero .resume{background:#ffffff40;border-radius:2px;width:min(320px,100%);height:4px;display:block;overflow:hidden}.l-hero .resume i{background:var(--garnet);height:100%;display:block}.l-story{padding:clamp(40px,5vw,64px) var(--gutter);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);display:grid}.l-story .story{flex-direction:column;gap:14px;display:flex}.l-story .story p{font-family:var(--serif);font-size:clamp(21px,2vw,28px);line-height:1.5}.landing.light .l-story .story p{font-family:var(--display);font-size:clamp(19px,1.7vw,23px);font-weight:400;line-height:1.7}.l-story .learn{flex-direction:column;gap:14px;display:flex}.l-story ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.l-story li{border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;font-size:15.5px;line-height:1.55;display:flex}.landing.light .l-story li{background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px -18px #1e1a1766}.landing.dark .l-story li{border:1px solid var(--stage-line);background:#ffffff0d}.l-story li .n{width:28px;height:28px;font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.landing.light .l-story li .n{background:var(--garnet);color:#fff}.landing.dark .l-story li .n{background:var(--amber);color:var(--stage)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:18px;display:flex}.sec-head h2{font-size:clamp(22px,2.2vw,30px);font-weight:700}.landing.dark .sec-head h2{font-family:var(--serif);color:#fff;font-weight:500}.sec-head span{font-family:var(--display);font-size:14px}.landing.light .sec-head span{color:var(--muted)}.landing.dark .sec-head span{color:var(--stage-muted)}.l-vocab,.l-scenes{padding:clamp(28px,4vw,48px) var(--gutter)}.landing.light .l-vocab{background:var(--paper-2)}.landing.dark .l-vocab{border-block:1px solid var(--stage-line);background:#ffffff06}.vocab-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.vocab-grid .vocab{grid-template-columns:1fr}.vocab-grid .vocab .pic{aspect-ratio:4/3}.vocab{border-radius:16px;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px;padding:14px;display:grid}.landing.light .vocab{background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 30px -22px #1e1a1773}.landing.dark .vocab{border:1px solid var(--stage-line);background:#15120f}.vocab .pic{aspect-ratio:1;background:var(--stage);border-radius:10px;overflow:hidden}.vocab .pic img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.vocab .body{flex-direction:column;gap:6px;min-width:0;display:flex}.vocab .names{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.vocab .names b{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.1}.vocab .names .en{font-family:var(--display);letter-spacing:.1em;font-size:12px;font-weight:600}.landing.light .vocab .names .en{color:var(--gold)}.landing.dark .vocab .names .en{color:var(--amber-soft)}.vocab .names .pg{font-family:var(--display);opacity:.6;margin-left:auto;font-size:11px}.vocab .th{font-size:14px;line-height:1.55}.landing.light .vocab .th{color:var(--muted)}.vocab .say{font-family:var(--serif);font-size:15px;font-style:italic;line-height:1.45}.landing.light .vocab .say{color:var(--ink)}.landing.dark .vocab .say{color:#e7dfd2}.vocab .listen{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.vocab .chip{font-family:var(--display);cursor:pointer;color:inherit;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;display:inline-flex}.landing.light .vocab .chip{background:var(--paper);border:1px solid var(--line-strong)}.landing.dark .vocab .chip{border:1px solid var(--stage-line);background:#ffffff0f}.vocab .chip.on,.vocab .chip:hover{border-color:currentColor}.landing.light .vocab .chip.on{background:var(--garnet);border-color:var(--garnet);color:#fff}.landing.dark .vocab .chip.on{background:var(--amber);border-color:var(--amber);color:var(--stage)}.scene-row{counter-reset:s;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.scene-row button{text-align:left;cursor:pointer;width:100%;height:100%;color:inherit;font:inherit;border-radius:14px;flex-direction:column;gap:6px;padding:16px;transition:transform .15s,border-color .15s;display:flex;position:relative}.landing.light .scene-row button{background:var(--panel);border:1px solid var(--line)}.landing.dark .scene-row button{border:1px solid var(--stage-line);background:#ffffff0a}.scene-row button:hover{border-color:currentColor;transform:translateY(-2px)}.scene-row .n{font-family:var(--serif);font-size:34px;line-height:1}.landing.light .scene-row .n{color:var(--gold)}.landing.dark .scene-row .n{color:var(--amber-soft)}.scene-row .lbl{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:11px}.scene-row b{font-family:var(--display);font-size:15px;font-weight:600;line-height:1.3}.scene-row .d{font-family:var(--display);opacity:.65;margin-top:auto;font-size:12px}.scene-row button.done .d{color:var(--ok);opacity:1}.landing.dark .scene-row button.done .d{color:#7fd19b}.l-bottom{padding:clamp(28px,4vw,48px) var(--gutter) clamp(40px,5vw,64px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.l-bottom .book,.l-bottom .next{flex-direction:column;gap:10px;display:flex}.l-bottom .book{border-radius:16px;padding:22px}.landing.light .l-bottom .book{background:var(--panel);border:1px solid var(--line)}.landing.dark .l-bottom .book{border:1px solid var(--stage-line);background:#ffffff0a}.l-bottom .book>b{font-family:var(--display);font-size:18px;font-weight:600;line-height:1.4}.l-bottom .book>span{opacity:.75;font-size:14px}.l-bottom .terms{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.l-bottom .terms span{font-family:var(--display);border-radius:999px;padding:4px 10px;font-size:12.5px}.landing.light .l-bottom .terms span{background:var(--paper-2)}.landing.dark .l-bottom .terms span{background:#ffffff12}@media (width<=1100px){.scene-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.l-hero{min-height:88svh}.l-hero .shade,.landing.light .l-hero .shade{background:linear-gradient(#0b0a0980 0%,#0b0a090d 25%,#0b0a098c 55%,#0b0a09f2 100%)}.l-story,.l-bottom{grid-template-columns:1fr}.scene-row{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-grid .vocab{grid-template-columns:96px minmax(0,1fr)}.vocab-grid .vocab .pic{aspect-ratio:1}}.film-wrap{width:var(--vid-w,min(100%,1120px));justify-content:center;display:flex;position:relative}.film-wrap .ambi{filter:blur(70px)saturate(1.5);opacity:.55;z-index:0;pointer-events:none;border-radius:40px;width:108%;height:112%;position:absolute;inset:-6% -4%}.film-wrap .frame{z-index:1;position:relative}.stage:fullscreen{background:#000;justify-content:center}.stage:fullscreen .film-wrap{width:min(100%,177.778vh - 213.333px)}.stage:fullscreen .frame.wide{width:min(100%,177.778vh - 213.333px)}.stage:fullscreen .fbar{width:min(100%,177.778vh - 213.333px)}.fbar{width:var(--vid-w,min(100%,1120px));font-family:var(--display);color:var(--stage-fg);z-index:1;flex-direction:column;gap:8px;display:flex;position:relative}.fbar .scrub{cursor:pointer;touch-action:none;align-items:center;height:18px;display:flex;position:relative}.fbar .track{background:#ffffff29;border-radius:2px;width:100%;height:4px;transition:height .15s;overflow:hidden}.fbar .scrub:hover .track{height:6px}.fbar .track i{background:linear-gradient(90deg,var(--amber),var(--amber-soft));height:100%;display:block}.fbar .knob{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:opacity .15s;position:absolute;top:50%;box-shadow:0 0 0 4px #e8c07240}.fbar .scrub:hover .knob,.fbar .scrub:focus-visible .knob{opacity:1}.fbar .mk{background:var(--stage);border:2px solid var(--amber-soft);pointer-events:none;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%}.fbar .mk.past{background:var(--amber-soft)}.fbar .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fbar .group{align-items:center;gap:4px;display:flex}.fbar button{width:40px;height:40px;color:var(--stage-fg);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .15s;display:inline-grid}.fbar button:hover{background:#ffffff1a}.fbar button:disabled{opacity:.3;cursor:default;background:0 0}.fbar button.big{width:48px;height:48px;color:var(--stage);background:#fff}.fbar button.big:hover{background:#ede6da}.fbar button.off{color:var(--stage-muted)}.fbar .time{color:var(--stage-muted);font-variant-numeric:tabular-nums;margin-left:8px;font-size:13px}.fbar button.next{width:auto;height:40px;font-family:var(--display);border:1px solid var(--stage-line);background:#ffffff14;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 18px;font-size:14px;font-weight:500;display:inline-flex}.fbar button.next:hover{background:#ffffff29}.fbar button:focus-visible,.fbar .scrub:focus-visible{outline:2px solid var(--amber-soft);outline-offset:2px}.footer-note .keys{opacity:.7;margin-left:auto}@media (width<=720px){.footer-note .keys,.fbar .time{display:none}}.done-screen{padding:clamp(32px,6vw,80px) var(--gutter);isolation:isolate;flex:1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid;position:relative;overflow:hidden}.done-screen .bg{object-fit:cover;z-index:-2;opacity:.35;filter:blur(2px);width:100%;height:100%;position:absolute;inset:0}.done-screen:after{content:"";z-index:-1;background:linear-gradient(90deg,var(--stage) 0%,#0b0a09d9 50%,#0b0a0999 100%);position:absolute;inset:0}.done-screen .inner{flex-direction:column;gap:12px;max-width:560px;display:flex}.done-screen .tick{background:var(--amber);width:56px;height:56px;color:var(--stage);border-radius:50%;place-items:center;font-size:26px;font-weight:700;animation:.5s cubic-bezier(.2,1.4,.4,1) both pop;display:grid;box-shadow:0 0 0 8px #c9893a2e}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.done-screen .kicker{font-family:var(--display);letter-spacing:.14em;color:var(--amber);font-size:12px;font-weight:600}.done-screen h1{font-family:var(--serif);color:#fff;font-size:clamp(36px,4.6vw,60px);font-weight:500}html[lang=th] .done-screen h1{font-family:var(--display);font-weight:600}.done-screen h2{font-family:var(--display);text-transform:uppercase;color:#fff;font-size:clamp(20px,2vw,28px);font-weight:800}.done-screen h2 em{color:var(--amber-soft);font-style:normal}.done-screen p{color:#ddd5c9;font-size:16px}.done-screen .words{flex-direction:column;gap:8px;margin-top:6px;display:flex}.done-screen .h{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-size:12px;font-weight:600}.done-screen .words div{flex-wrap:wrap;gap:6px;display:flex}.done-screen .words div span{font-family:var(--display);border:1px solid var(--stage-line);background:#ffffff12;border-radius:999px;padding:5px 12px;font-size:13px}.done-screen .row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.btn.ghost-light{color:var(--stage-fg);border-color:var(--stage-line);background:#ffffff14}.btn.ghost-light:hover{background:#ffffff29}.done-screen .next{flex-direction:column;gap:10px;display:flex}@media (width<=820px){.done-screen{grid-template-columns:1fr}}:is(.frame .cue-overlay:has(.cue.teach),.frame .cue-overlay:has(.cue.follow),.frame .cue-overlay:has(.callback),.frame .cue-overlay:has(.points)){background:#080706f5;justify-content:flex-start;padding-top:3%}.frame .cue-overlay .cue>.row:last-child{background:linear-gradient(#08070600,#080706f5 35%);padding:14px 0 2px;position:sticky;bottom:-1px}.cue .row.between{justify-content:space-between;align-items:center}.cue .hint{color:var(--stage-muted);align-items:center;gap:12px;font-size:12px;display:flex}.cue .btn.mic{border-color:var(--stage-line);color:var(--stage-fg);background:#ffffff0f}.cue .btn.mic.on{background:var(--bad);border-color:var(--bad);color:#fff;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #9e2f2f40}}.cue .mine{font-family:var(--serif);color:#ddd5c9;border-left:2px solid var(--amber);max-height:5.5em;padding:2px 0 2px 12px;font-size:15px;font-style:italic;overflow:auto}.cue.teach .say{align-items:flex-start;gap:14px;display:flex}.cue.teach .say .who{background:var(--gold);color:#1a1510;width:38px;height:38px;font-family:var(--serif);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid;box-shadow:0 0 0 4px #b8923c38}.cue .score{font-family:var(--display);color:var(--stage-muted);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;display:flex}.cue .score b{color:#fff;font-size:16px;font-weight:600}.cue .score .terms{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.cue .score .terms i{border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal}.cue .score .terms i.ok{color:#7fd19b;background:#7fd19b26}.cue .score .terms i.no{color:#f08a7c;background:#f08a7c26}.cue .points{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cue .points li{background:#ffffff0a;border-radius:10px;grid-template-columns:22px 1fr auto;align-items:start;gap:10px;padding:8px 12px;font-size:14.5px;line-height:1.5;display:grid}.cue .points li.hit .mark{color:#7fd19b;font-weight:700}.cue .points li.miss{background:#e8c07214}.cue .points li.miss .mark{color:var(--amber-soft)}.cue .points li em{color:var(--amber-soft);font-style:normal;font-weight:600}.cue .points .pg{font-family:var(--display);color:var(--stage-muted);white-space:nowrap;font-size:11px}.cue .model{border:1px solid var(--stage-line);border-radius:12px;padding:10px 14px}.cue .model summary{cursor:pointer;font-family:var(--display);color:var(--amber-soft);font-size:13px}.cue .model ol{flex-direction:column;gap:6px;margin:10px 0 2px;padding-left:20px;display:flex}.cue .model li{font-family:var(--serif);color:#fff;font-size:15px}.cue .model li small{font-family:var(--display);color:var(--stage-muted);font-size:11px;display:block}.cue.follow{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.cue.follow .frame.ref{width:100%;box-shadow:none;border-radius:10px;animation:none}.cue.follow .frame.ref.mirror video{transform:scaleX(-1)}.cue.follow .side{flex-direction:column;gap:12px;min-width:0;display:flex}.cue.follow .tools{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{font-family:var(--display);border:1px solid var(--stage-line);color:var(--stage-fg);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:13px}.chip-btn.on{background:#ffffff24;border-color:#ffffff59}.cue .self .check{text-align:left;font-family:var(--body);color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;line-height:1.4;transition:background .15s,border-color .15s;display:flex}.cue .self .check .box{border:1.5px solid #ffffff80;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid}.cue .self .check.on{background:#7fd19b1f;border-color:#7fd19b80}.cue .self .check.on .box{color:var(--stage);background:#7fd19b;border-color:#7fd19b}.cue .review{flex-direction:column;gap:8px;display:flex}.cue .review .h{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:12px;font-weight:600}.cue .review .rv{background:#e8c07214;border-radius:10px;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:8px;font-size:14px;line-height:1.45;display:grid}.cue .review .rv img{object-fit:cover;border-radius:6px;width:64px;height:48px}.cue .review small{color:var(--stage-muted)}.cue .callback{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cue .callback>div{border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.cue .callback .then{background:#ffffff0d;border:1px dashed #fff3}.cue .callback .then span{font-family:var(--display);color:var(--stage-muted);font-size:12px}.cue .callback .then b{font-family:var(--serif);color:#ddd5c9;font-style:italic;font-weight:500}.cue .callback .now{background:#7fd19b1f;border:1px solid #7fd19b59;align-items:center;flex-direction:row!important;gap:10px!important}.cue .callback .now .tick{width:28px;height:28px;color:var(--stage);background:#7fd19b;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.cue .callback .now b{font-family:var(--display);color:#fff;font-weight:600}@media (width<=820px){.cue.follow,.cue .callback{grid-template-columns:1fr}}.site-foot{background:radial-gradient(120% 140% at 0% 0%,#1c1712 0%,var(--stage) 55%);color:var(--stage-muted);margin-top:auto;font-size:13px;line-height:1.65;position:relative}.site-foot .org{padding:52px var(--gutter) 34px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.site-foot .who{align-items:center;gap:18px;display:flex}.site-foot .who b{font-family:var(--display);color:var(--stage-fg);font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.25;display:block}.site-foot .en{font-family:var(--serif);color:#cfc6b8}.site-foot .who .en{font-size:clamp(14px,1.4vw,17px)}.site-foot .hair{height:1px;margin:0 var(--gutter);background:linear-gradient(90deg,#c9893ab3,#c9893a26 60%,#c9893a00)}.site-foot .cols{padding:30px var(--gutter) 34px;grid-template-columns:2fr 1fr 1fr;gap:40px;display:grid}.site-foot .col{flex-direction:column;gap:8px;min-width:0;display:flex}.site-foot .h{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);font-size:11px;font-weight:600}.site-foot .t{font-family:var(--display);color:var(--stage-fg);font-size:15px;font-weight:500}.site-foot .col .en{font-style:italic}.site-foot nav a{font-family:var(--display);color:var(--stage-fg);text-decoration:none}.site-foot nav a:hover{color:var(--amber-soft)}.site-foot .ver{font-family:var(--display);color:var(--stage-fg);border:1px solid #ffffff2e;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.site-foot .ver i{background:#7fd19b;border-radius:50%;width:7px;height:7px}.site-foot .legal{padding:16px var(--gutter) 22px;color:#7d756b;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:12px;display:flex}@media (width<=720px){.site-foot .cols{grid-template-columns:1fr;gap:22px}.site-foot .org .btn{display:none}}.page-head{gap:8px;padding:36px 0 18px;display:grid}.page-head h1{font-size:clamp(28px,3.6vw,40px)}.ep-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;padding-bottom:56px;display:grid}.ep-card{background:var(--photo);border-radius:var(--radius);color:#fff;aspect-ratio:3/2;box-shadow:var(--shadow);text-decoration:none;display:block;position:relative;overflow:hidden}.ep-card img{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:transform .5s;display:block;position:absolute;inset:0}.ep-card:hover img{transform:scale(1.03)}.ep-card:after{content:"";background:linear-gradient(#0000 30%,#000000d9 100%);position:absolute;inset:0}.ep-card .body{z-index:1;gap:4px;padding:18px 20px;display:grid;position:absolute;inset:auto 0 0}.ep-card .eyebrow{color:#d9d0c2}.ep-card h3{font-family:var(--serif);color:#fff;font-size:24px;font-weight:500}.ep-card .meta{color:#cfc6b8;font-size:13px}.ep-card.soon{opacity:.7}.ep-card .badge{z-index:1;position:absolute;top:14px;right:14px}.poster{background:var(--photo);color:var(--stage-fg);position:relative;overflow:hidden}.poster .topbar{z-index:1;position:relative}.poster .bg{filter:blur(40px)saturate(.8);opacity:.5;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.2)}.poster .inner{max-width:1160px;padding:28px var(--gutter) 40px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:36px;margin:0 auto;display:grid;position:relative}.poster .cover{aspect-ratio:3/2;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px -30px #000000e6}.poster .cover img{object-fit:cover;width:100%;height:100%;display:block}.poster h1{font-family:var(--serif);color:#fff;font-size:clamp(34px,4.6vw,58px);font-weight:500;line-height:1.05}html[lang=th] .poster h1{font-family:var(--display)}.poster .tag{font-family:var(--display);color:#d9d0c2;margin-top:8px;font-size:18px}.poster .facts{color:var(--stage-muted);font-size:13px;font-family:var(--display);flex-wrap:wrap;gap:6px 18px;margin-top:18px;display:flex}.poster .actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.poster .credit{color:var(--stage-muted);margin-top:10px;font-size:12px}.landing-body{max-width:1160px;padding:40px var(--gutter) 64px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;margin:0 auto;display:grid}.landing-body h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:500}.landing-body .premise{max-width:60ch;font-size:18px;line-height:1.65}.landing-body ul{gap:6px;margin:0;padding-left:20px;display:grid}.scene-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.scene-list li{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:baseline;gap:12px;padding:10px 0;display:grid}.scene-list .n{font-family:var(--serif);color:var(--garnet)}.scene-list .d{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.book-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:4px;margin-top:22px;padding:16px 18px;font-size:14px;display:grid}.book-card b{font-family:var(--display);font-weight:500}@media (width<=820px){.poster .inner,.landing-body{grid-template-columns:1fr}}.player{--reserve:250px;--vid-w:min(100%,1480px,calc((100svh - var(--reserve)) * 16 / 9));background:var(--stage);min-height:100svh;color:var(--stage-fg);flex-direction:column;display:flex}.player .chrome{padding:12px var(--gutter);font-family:var(--display);color:var(--stage-muted);border-bottom:1px solid var(--stage-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0b0a09d9;grid-template-columns:minmax(0,1fr) minmax(180px,520px) minmax(0,1fr);align-items:center;gap:14px;font-size:13px;display:grid;position:sticky;top:0}.player .chrome .back{color:var(--stage-fg);font-family:var(--display);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;opacity:.85;background:0 0;border:0;min-width:0;padding:6px 0;font-size:14px;overflow:hidden}.player .chrome .back:hover{opacity:1}.player .chrome .rail{justify-self:stretch;gap:6px;width:100%;display:flex}.player .chrome .rail button{cursor:pointer;background:0 0;border:0;flex:1;align-items:center;height:22px;padding:0;display:flex;position:relative}.player .chrome .rail button i{background:#ffffff2e;border-radius:2px;width:100%;height:4px;transition:height .15s;display:block;position:relative;overflow:hidden}.player .chrome .rail button.done i{background:var(--amber)}.player .chrome .rail button.cur i{background:#ffffff40}.player .chrome .rail button.cur i:after{content:"";width:var(--p,0%);background:#fff;transition:width .25s linear;position:absolute;inset:0 auto 0 0}.player .chrome .rail button:hover i{height:6px}.player .chrome .rail .tip{white-space:nowrap;font-family:var(--display);color:var(--stage-fg);border:1px solid var(--stage-line);opacity:0;pointer-events:none;z-index:6;background:#0b0a09f2;border-radius:8px;padding:4px 10px;font-size:12px;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.player .chrome .rail button:hover .tip,.player .chrome .rail button:focus-visible .tip{opacity:1}.player .chrome .where{text-align:right;justify-self:end}.player .chrome .where b{color:var(--stage-fg);font-weight:500}.stage{padding:clamp(10px,2.4vh,22px) var(--gutter) clamp(10px,2.6vh,28px);background:radial-gradient(120% 80% at 50% 0%,var(--stage-2) 0%,var(--stage) 60%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.6vh,14px);display:flex}.frame{aspect-ratio:3/2;background:#000;border-radius:6px;width:min(100%,1000px);animation:.45s fade;position:relative;overflow:hidden;box-shadow:0 40px 120px -40px #000000e6,0 0 0 1px #ffffff0f}@keyframes fade{0%{opacity:0}to{opacity:1}}.frame video,.frame img{object-fit:contain;background:#000;width:100%;height:100%;display:block}.frame.pair{background:#000;grid-template-columns:1fr 1fr;gap:2px;display:grid}.frame.pair img,.frame.pair video{aspect-ratio:3/2}.frame.triple{aspect-ratio:auto;grid-template-columns:1fr 1fr 1fr;gap:2px;display:grid}.frame.triple .cell{aspect-ratio:3/2;position:relative}.frame .chip{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:#f6f2eaeb;border-radius:999px;padding:5px 12px;font-size:13px;position:absolute;top:14px;left:14px}.frame .chip.q{color:#fff;background:#ffffff2e;border:1px solid #ffffff59}.frame .overlay{pointer-events:none;position:absolute;inset:0}.frame .loading-badge{font-family:var(--display);color:var(--stage-muted);background:#0000008c;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:14px;right:14px}.frame .title-card{text-align:center;background:linear-gradient(#0000004d,#000000b3);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.frame .title-card .rule{background:var(--gold);width:56px}.frame .title-card h1{font-family:var(--serif);letter-spacing:.01em;color:#fff;font-size:clamp(30px,5.5vw,64px);font-weight:500;line-height:1.05}html[lang=th] .frame .title-card h1{font-family:var(--display)}.frame .title-card p{color:#d9d0c2;font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.frame .hotspot{cursor:pointer;background:#ffffff0f;border:1.5px solid #fffc;border-radius:12px;transition:background .15s;position:absolute;box-shadow:0 0 0 6px #ffffff0f}.frame .hotspot:hover{background:#ffffff2e}.frame .hotspot.found{border-color:var(--gold);background:#b8923c40}.frame .hotspot span{color:#fff;white-space:nowrap;font-size:12px;font-family:var(--display);background:#000c;border-radius:6px;margin-top:6px;padding:3px 8px;position:absolute;top:100%;left:0}.caption{text-align:center;width:min(100%,900px);min-height:56px;font-family:var(--display);color:#f6f2ea;text-shadow:0 2px 12px #000c;padding:2px 10px;font-size:clamp(16px,1.9vw,21px);font-weight:400;line-height:1.5}html[lang=th] .caption{font-family:var(--body);font-size:clamp(17px,2vw,22px)}.controls{width:min(100%,1000px);font-family:var(--display);color:var(--stage-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.controls .group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.controls button{color:var(--stage-fg);border:1px solid var(--stage-line);font-size:13px;font-family:var(--display);background:0 0;border-radius:999px;padding:7px 13px;line-height:1.2}.controls button.on{background:#ffffff24;border-color:#ffffff4d}.controls button.primary{background:var(--stage-fg);color:var(--ink);border-color:var(--stage-fg);padding:9px 20px;font-weight:500}.controls button:disabled{opacity:.35}.credits{width:min(100%,1000px);color:var(--stage-muted);font-size:12px;font-family:var(--display);flex-wrap:wrap;gap:4px 16px;display:flex}.cue{border:1px solid var(--stage-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:16px;flex-direction:column;gap:14px;width:min(100%,900px);padding:22px 24px;animation:.45s fade;display:flex}.cue .prompt{font-family:var(--serif);color:#fff;font-size:clamp(19px,2.2vw,24px);line-height:1.3}html[lang=th] .cue .prompt{font-family:var(--display);font-weight:500}.cue .instr{color:var(--stage-muted);font-size:14px}.cue .opts{flex-wrap:wrap;gap:8px;display:flex}.cue .opt{color:#fff;text-align:left;font-family:var(--body);background:#ffffff0f;border:1px solid #ffffff38;border-radius:12px;padding:10px 16px;font-size:15px;line-height:1.4;transition:background .15s}.cue .opt:hover{background:#ffffff1f}.cue .opt.ok{background:var(--ok);color:#fff;border-color:var(--ok)}.cue .opt.bad{background:var(--bad);color:#fff;border-color:var(--bad)}.cue .opt small{opacity:.7;font-size:11px;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;display:block}.cue textarea{width:100%;min-height:84px;font:inherit;color:#fff;resize:vertical;background:#00000059;border:1px solid #ffffff38;border-radius:12px;padding:12px 14px;font-size:15px}.cue .fb{border-radius:12px;padding:12px 14px;font-size:14px}.cue .fb.ok{background:#2f6b3a59}.cue .fb.bad{background:#9e2f2f59}.cue .fb.info{background:#ffffff14}.cue .fb ul{margin:6px 0 0;padding-left:18px}.cue .self{flex-direction:column;gap:8px;display:flex}.cue .self label{align-items:flex-start;gap:10px;font-size:15px;display:flex}.cue .row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cue .items{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.cue .item .frame{width:100%;box-shadow:none;border-radius:8px;animation:none}.cue .item .opts{margin-top:10px}.cue .btn{padding:10px 18px;font-size:14px}.cue .btn.primary{background:var(--stage-fg);color:var(--ink);border-color:var(--stage-fg)}.cue .btn.ghost{color:var(--stage-muted)}.footer-note{padding:10px var(--gutter);color:var(--stage-muted);border-top:1px solid var(--stage-line);font-size:12px;font-family:var(--display);flex-wrap:wrap;gap:4px 18px;display:flex}.done-card{text-align:center;justify-items:center;gap:14px;display:grid}.done-card h2{font-family:var(--serif);color:#fff;font-size:34px;font-weight:500}.loading{text-align:center;color:var(--muted);padding:40px}@media (prefers-reduced-motion:reduce){.frame,.cue{animation:none}.ep-card img{transition:none}}@media (width<=640px){.frame.triple,.frame.pair{grid-template-columns:1fr}.player .chrome{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.player .chrome .where{display:none}}.frame.wide{aspect-ratio:16/9;width:min(100%,1120px)}.film-wrap .frame.wide{width:100%}.freeze{position:absolute;inset:0}.freeze .hotspot{position:absolute}.freeze-panel{background:linear-gradient(#0000,#000000d9 40%);flex-direction:column;gap:10px;padding:16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.freeze-panel .prompt{font-family:var(--serif);color:#fff;font-size:clamp(16px,2vw,22px)}.freeze-panel .opt{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff40;border-radius:10px;padding:8px 12px;font-size:14px}.freeze-panel .opt.sel{color:#1c1a17;background:#fff}.freeze-panel .row{justify-content:flex-end;display:flex}.frame .cue-overlay{background:linear-gradient(#08070626 0%,#080706c7 40%,#080706fa 100%);flex-direction:column;justify-content:flex-end;padding:4% 4% 3%;display:flex;position:absolute;inset:0;overflow:auto}.frame .cue-overlay .cue{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:clamp(10px,1.4vw,18px);width:100%;padding:0}.cue-head{flex-direction:column;gap:6px;display:flex}.cue-head .say{align-items:flex-start;gap:14px;display:flex}.cue-head .who{background:var(--gold);color:#1a1510;width:38px;height:38px;font-family:var(--serif);border-radius:50%;flex:none;place-items:center;margin-top:4px;font-size:20px;display:grid;box-shadow:0 0 0 4px #b8923c38}.cue .prompt{font-family:var(--serif);color:#fff;font-size:clamp(20px,2.6vw,32px);line-height:1.25;animation:.5s both rise}.cue .prompt.emma{font-style:italic}html[lang=th] .cue .prompt{font-family:var(--display);font-size:clamp(20px,2.4vw,30px);font-weight:500}html[lang=th] .cue .prompt.emma{font-family:var(--serif);font-weight:500}.cue .instr{color:#cfc6b8;font-size:clamp(13px,1.3vw,15px);animation:.5s .1s both rise}.cue .opts.stack{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;display:grid}.cue .opt{color:#f6f2ea;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:clamp(14px,1.4vw,17px);line-height:1.35;transition:transform .18s,background .18s,border-color .18s;animation:.5s both rise;display:flex;position:relative}.cue .opt:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-2px)}.cue .opt .num{font-family:var(--serif);letter-spacing:.14em;color:var(--gold);flex:none;font-size:12px}.cue .opt.sel{background:var(--gold);color:#1a1510;border-color:var(--gold)}.cue .opt.sel .num{color:#1a1510}.cue .free{width:100%;font:inherit;color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffff4d;outline:none;padding:10px 2px;font-size:15px}.cue .free:focus{border-bottom-color:var(--gold)}.cue .free::placeholder{color:#a79e92}.cue .row .btn.primary{background:var(--gold);color:#1a1510;border-color:var(--gold);padding:12px 24px;font-weight:600;box-shadow:0 10px 30px -12px #b8923ccc}.cue .row .btn.primary:disabled{color:#a79e92;box-shadow:none;background:#ffffff1f;border-color:#0000}.freeze-panel{background:linear-gradient(#08070600,#080706e6 40%);padding:16px 4% 3%}.freeze-panel .prompt{font-size:clamp(18px,2.2vw,26px)}.freeze-panel .opt{align-items:center;gap:10px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cue .prompt,.cue .instr,.cue .opt{animation:none}}@media (width<=640px){.frame .cue-overlay{background:var(--stage-2);padding:14px;position:static}.frame.wide:has(.cue-overlay){aspect-ratio:auto}}.freeze .ring{cursor:pointer;color:#1a1510;width:44px;height:44px;font-family:var(--serif);background:#ffffff14;border:2px solid #ffffffd9;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;font-size:16px;animation:1.6s ease-out infinite ping;display:grid;position:absolute;box-shadow:0 0 0 8px #ffffff14}.freeze .ring.on{background:var(--gold);border-color:var(--gold);animation:none;box-shadow:0 0 0 6px #b8923c4d,0 0 24px #b8923c99}.freeze .ring i{font-style:normal;font-weight:600}.freeze .legend-hit{border:1.5px solid var(--gold);pointer-events:none;border-radius:10px;animation:.4s fade;position:absolute;box-shadow:0 0 18px #b8923c73}.freeze-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.freeze .counter{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);white-space:nowrap;padding-top:8px;font-size:14px}.freeze-panel .fb{color:#fff;background:#b8923c2e;border:1px solid #b8923c66;border-radius:12px;padding:10px 14px;font-size:15px;animation:.4s rise}.freeze-panel .fb b{color:#f3d48a;font-weight:600}.freeze-panel .opts{flex-wrap:wrap;gap:8px;display:flex}.freeze-panel .row{justify-content:flex-end;gap:8px;display:flex}.freeze-panel .btn.ghost{color:#d9d0c2}@keyframes ping{0%{box-shadow:0 0 #ffffff59}to{box-shadow:0 0 0 18px #fff0}}@media (prefers-reduced-motion:reduce){.freeze .ring{animation:none}}.frame .freeze{position:absolute;inset:0}.below-slot{width:var(--vid-w,min(100%,1120px))}.below-slot:empty{display:none}.cue.below{border:1px solid var(--stage-line);background:#ffffff0d;border-radius:16px;width:100%;margin-top:0;padding:18px 22px}.cue .prompt.small{font-size:clamp(16px,1.8vw,20px);font-family:var(--display);font-weight:500}@media (height<=760px){.player{--reserve:222px}.footer-note{padding:6px var(--gutter)}}@media (height<=560px){.player{--reserve:152px}.player .chrome{padding-block:6px}.footer-note{display:none}.fbar{gap:2px}.fbar button{width:34px;height:34px}.fbar button.big{width:40px;height:40px}.fbar button.next{height:34px}}.featured .kicker,.ch-info .label,.landing .h,.l-hero .kicker{font-family:var(--display);letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}.featured .kicker .code{opacity:.75;border-left:1px solid;margin-left:10px;padding-left:10px}.featured:after{display:none}.featured .media{box-shadow:none;border-radius:4px}.featured .meta span+span:before{margin-right:12px}.ch-nav{padding:14px var(--gutter);-webkit-backdrop-filter:none;gap:28px}.catalog.light .ch-nav{background:var(--paper);border-block:1px solid var(--line)}.catalog.dark .ch-nav{background:var(--stage);border-block:1px solid var(--stage-line)}.ch-nav a,.catalog.light .ch-nav a,.catalog.dark .ch-nav a{opacity:.75;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;gap:8px;padding:4px 0;font-size:15px}.ch-nav a:hover{opacity:1;border-bottom-color:currentColor}.ch-nav a .n{font-family:var(--serif);opacity:.6;font-size:15px}.chapter{padding:40px var(--gutter) 44px;gap:clamp(20px,3vw,56px)}.ch-info,.catalog.light .ch-info,.catalog.dark .ch-info{background:0 0;border:0;border-radius:0;gap:10px;padding:0;top:84px}.ch-info:after{display:none}.ch-info .label{opacity:.65}.ch-info h2{font-size:clamp(24px,2.3vw,32px);line-height:1.15}.ch-info .meta{font-family:var(--display);margin-top:4px;font-size:13px;display:block}.catalog.light .ch-info .meta{color:var(--muted)}.catalog.dark .ch-info .meta{color:var(--stage-muted)}.ch-info .meta b{font-weight:500}.catalog.light .ch-info .meta b{color:var(--ok)}.catalog.dark .ch-info .meta b{color:#7fd19b}.more,.catalog.light .more,.catalog.dark .more{opacity:.85;background:0 0;border:0;border-bottom:1px solid;border-radius:0;align-self:flex-start;gap:8px;padding:4px 0;font-size:14px}.more:hover{opacity:1}.ep-tile{border-radius:6px;box-shadow:none!important}.ep-tile .code,.ep-tile.light .code{font-family:var(--serif);letter-spacing:.02em;text-shadow:0 1px 8px #000000b3;background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.ep-tile.light .code{text-shadow:none}.ep-tile .soon,.ep-tile.light .soon{color:inherit;opacity:.85;text-shadow:0 1px 8px #000000b3;background:0 0;border-radius:0;padding:0;font-size:12px;font-weight:500}.ep-tile.light .soon{text-shadow:none;color:var(--muted)}.ep-tile .dur{text-shadow:0 1px 8px #000c;background:0 0;padding:0}.ep-tile.light .dur{color:var(--ink);text-shadow:none}.l-hero .facts{font-family:var(--display);color:#e7dfd2;gap:0;font-size:14px;display:block}.l-hero .facts span{all:unset}.l-story li,.landing.light .l-story li,.landing.dark .l-story li{box-shadow:none;border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:12px 0 12px 4px;font-size:16px;display:list-item}.landing.dark .l-story li{border-top-color:var(--stage-line)}.l-story ol{gap:0;padding-left:22px;list-style:decimal}.l-story ol li::marker{font-family:var(--serif);color:var(--gold)}.landing.dark .l-story ol li::marker{color:var(--amber-soft)}.landing.light .l-vocab,.landing.dark .l-vocab{background:0 0;border:0}.glossary{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.landing.dark .glossary{border-top-color:var(--stage-line)}.gl{border-bottom:1px solid var(--line);grid-template-columns:120px minmax(160px,1fr) minmax(0,1.6fr) auto;align-items:center;gap:24px;padding:16px 0;display:grid}.landing.dark .gl{border-bottom-color:var(--stage-line)}.gl img{object-fit:cover;object-position:center 20%;background:var(--stage);border-radius:3px;width:120px;height:80px}.gl .term b{font-family:var(--display);font-size:26px;font-weight:600;line-height:1.1;display:block}.gl .term .rom{font-family:var(--serif);letter-spacing:.04em;opacity:.75;font-size:15px}.gl .term p{margin-top:6px;font-size:14px;line-height:1.5}.gl .def p{font-family:var(--serif);font-size:17px;font-style:italic;line-height:1.45}.gl .def .src{font-family:var(--display);opacity:.55;margin-top:4px;font-size:12px;display:block}.gl .listen{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.gl .listen button{font-family:var(--display);color:inherit;cursor:pointer;opacity:.8;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:8px;padding:2px 0;font-size:13px;display:inline-flex}.gl .listen button:hover{opacity:1;border-bottom-color:currentColor}.landing.light .gl .listen button.on{color:var(--garnet);opacity:1}.landing.dark .gl .listen button.on{color:var(--amber-soft);opacity:1}.scene-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}.landing.dark .scene-row{border-top-color:var(--stage-line)}.scene-row button,.landing.light .scene-row button,.landing.dark .scene-row button{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;flex-direction:row;align-items:baseline;gap:14px;padding:16px 0;transform:none!important}.landing.dark .scene-row button{border-bottom-color:var(--stage-line)}.scene-row .n{min-width:18px;font-size:18px}.scene-row b{flex:1;font-size:16px}.scene-row .d{white-space:nowrap;margin:0}.scene-row button:hover b{text-underline-offset:4px;text-decoration:underline}.l-bottom .book,.landing.light .l-bottom .book,.landing.dark .l-bottom .book{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:18px 0 0}.landing.dark .l-bottom .book{border-top-color:var(--stage-line)}.l-bottom .terms{opacity:.7;margin-top:2px;font-size:14px;display:block}@media (width<=1100px){.scene-row{grid-template-columns:repeat(2,minmax(0,1fr))}.gl{grid-template-columns:100px minmax(0,1fr) minmax(0,1.3fr)}.gl .listen{flex-direction:row;grid-column:2/-1;gap:18px}}@media (width<=820px){.scene-row{grid-template-columns:1fr}.gl{grid-template-columns:88px minmax(0,1fr);gap:14px}.gl img{width:88px;height:66px}.gl .def,.gl .listen{grid-column:2}}.frame .cue-overlay:has(.cue.wc){background:#080706f5;justify-content:flex-start;padding-top:3%}.cue.wc .wc-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cue.wc .step{font-family:var(--display);color:var(--stage-muted);flex:none;align-items:center;gap:10px;padding-top:6px;font-size:13px;display:flex}.cue.wc .dots{gap:5px;display:flex}.cue.wc .dots i{background:#fff3;border-radius:2px;width:18px;height:3px}.cue.wc .dots i.cur{background:#fff}.cue.wc .dots i.done{background:var(--amber)}.cue.wc .wc-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:20px;animation:.35s fade;display:grid}.cue.wc .wc-body .frame{width:100%;box-shadow:none;border-radius:8px;animation:none}.cue.wc .wc-side{flex-direction:column;gap:10px;min-width:0;display:flex}.cue.wc .opts.stack{flex-direction:column}.cue.wc .opts.stack .opt{padding:9px 14px;font-size:14px}@media (width<=820px){.cue.wc .wc-body{grid-template-columns:1fr}}.cue .opt.ok,.cue .opt.ok:hover{background:var(--ok);color:#fff;border-color:var(--ok);transform:none}.cue .opt.bad,.cue .opt.bad:hover{background:var(--bad);color:#fff;border-color:var(--bad)}.cue .opt.sel:hover{background:var(--gold);color:#1a1510;border-color:var(--gold)}.cue .opt:disabled{cursor:default}.catalog.light,.landing.light{--muted:#4f463e}.landing.dark,.catalog.dark{--stage-muted:#c2b8ab}.cat-head .count{font-size:16px}.ch-nav a,.catalog.light .ch-nav a,.catalog.dark .ch-nav a{opacity:.9;font-size:16px}.ch-nav a .n{opacity:.8}.ch-info .label{opacity:1;font-size:15px}.catalog.light .ch-info .label{color:var(--garnet)}.catalog.dark .ch-info .label{color:var(--amber-soft)}.ch-info h2{font-size:clamp(28px,2.6vw,38px)}.ch-info p{font-size:17px;line-height:1.6}.catalog.light .ch-info p{color:var(--ink)}.catalog.dark .ch-info p{color:#e7dfd2}.ch-info .meta{font-size:15px}.more,.catalog.light .more,.catalog.dark .more{opacity:1;font-size:16px}.featured .kicker{font-size:16px}.featured p{font-size:19px}.featured .meta,.ep-tile .title>span{font-size:15px}.ep-tile .code,.ep-tile .soon,.ep-tile .dur{font-size:14px}.landing .h,.l-hero .kicker,.l-hero .facts{font-size:16px}.l-hero .tag{font-size:clamp(20px,1.8vw,24px)}.landing.light .l-story .story p{color:var(--ink);font-size:clamp(20px,1.8vw,25px)}.l-story li,.landing.light .l-story li,.landing.dark .l-story li{padding:14px 0 14px 6px;font-size:18px}.sec-head h2{font-size:clamp(28px,2.6vw,38px)}.sec-head span{font-size:16px}.gl{grid-template-columns:200px minmax(220px,1fr) minmax(0,1.5fr) 190px;gap:clamp(20px,2.4vw,40px);padding:22px 0}.gl img{border-radius:4px;width:200px;height:134px}.gl .term b{font-size:clamp(30px,2.6vw,40px)}.gl .term .rom{opacity:1;font-size:17px}.landing.light .gl .term .rom{color:var(--gold)}.landing.dark .gl .term .rom{color:var(--amber-soft)}.gl .term p{margin-top:8px;font-size:16px}.landing.light .gl .term p{color:var(--muted)}.gl .def p{font-size:clamp(19px,1.6vw,23px);line-height:1.45}.gl .def .src{opacity:.75;margin-top:8px;font-size:14px}.gl .listen{gap:10px}.gl .listen button{opacity:1;gap:10px;padding:4px 0;font-size:16px;font-weight:500}.gl .listen button svg{flex:none;width:22px;height:22px}.landing.light .gl .listen button{color:var(--garnet)}.landing.dark .gl .listen button{color:var(--amber-soft)}.gl .listen button:hover{border-bottom-color:currentColor}.landing.light .gl .listen button.on{color:var(--ink)}.landing.dark .gl .listen button.on{color:#fff}.scene-row b{font-size:18px}.scene-row .n{font-size:20px}.scene-row .d{opacity:.85;font-size:14px}.l-bottom .book>b{font-size:20px}.l-bottom .book>span,.l-bottom .terms{opacity:.85;font-size:16px}@media (width<=1100px){.gl{grid-template-columns:150px minmax(0,1fr) minmax(0,1.3fr)}.gl img{width:150px;height:100px}}@media (width<=820px){.gl{grid-template-columns:96px minmax(0,1fr)}.gl img{width:96px;height:72px}.gl .term b{font-size:28px}}.gl{grid-template-columns:220px minmax(240px,.9fr) minmax(0,1.6fr);align-items:start}.gl img{width:220px;height:146px}.gl .listen{flex-direction:row;gap:28px;margin-top:14px}@media (width<=1100px){.gl{grid-template-columns:160px minmax(0,1fr) minmax(0,1.3fr)}.gl img{width:160px;height:106px}.gl .listen{grid-column:auto}}@media (width<=820px){.gl{grid-template-columns:96px minmax(0,1fr)}.gl img{width:96px;height:72px}.gl .def{grid-column:2}}.gl .listen button{white-space:nowrap}@media (width<=820px){.gl .listen{flex-wrap:wrap;gap:18px}.gl .listen button{font-size:15px}}
