:root{font-family:PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;color:#344b42;background:#faf5e8;font-synthesis:none;line-height:1.7;--paper: #faf5e8;--green: #54785f;--border: #dce1d1;--muted: #5e705f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#fffaf0 0%,transparent 60%),var(--paper)}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,.button{min-height:44px;border:1px solid var(--green);border-radius:14px 12px;background:var(--green);color:#fffaf0;padding:9px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:550}button:hover,.button:hover{filter:brightness(.95)}button:disabled{background:#edf1e5;color:#6a7565;border-color:#d9e0d0;cursor:default}button.secondary,.button.secondary{background:#fffaf0;border-color:#cbd6c0;color:#47694f}button.selected{background:#dfe9d5;color:#344b42;border-color:#9eb58d}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a4653d;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1.4;font-weight:650;letter-spacing:-.035em}h2{font-size:1.3rem;line-height:1.5;font-weight:650}h3{font-size:1.16rem;line-height:1.6}p{overflow-wrap:anywhere}.site-header{max-width:1280px;margin:auto;padding:24px 40px 10px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font:italic 38px Georgia,serif;text-decoration:none;display:flex;gap:4px;align-items:flex-start}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{text-decoration:none;font-size:.94rem;padding:8px 0}.site-header nav a:hover{text-decoration:underline}main{max-width:1280px;padding:0 40px 70px;margin:auto;min-height:65vh}.loading-status{height:26px;text-align:center;font-size:.85rem;color:var(--muted)}.skip-link{position:absolute;left:16px;top:-100px;z-index:99;padding:10px;background:#fff}.skip-link:focus{top:10px}.eyebrow{letter-spacing:2px;font-size:.72rem;font-weight:650;color:var(--muted)}.intro{padding:54px 0 50px;max-width:750px}.intro h1{margin:16px 0 20px}.intro>p:last-child{color:var(--muted);max-width:580px;font-size:1.05rem}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}.section-heading span{font-size:.88rem;color:var(--muted)}.topics{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.topics button{border-radius:24px;font-size:.86rem;padding:7px 18px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.content-card{text-decoration:none;border:1px solid #e1e3d3;border-radius:20px 17px;background:#fffaf0;overflow:hidden;transition:transform .16s}.content-card:hover{transform:translateY(-3px)}.cover{aspect-ratio:16/9;position:relative;background:#e6ecdc;display:flex;align-items:center;justify-content:center}.cover>img{width:100%;height:100%;object-fit:cover}.cover>.cover-icon{width:76px;height:76px;object-fit:contain;opacity:.7}.duration{position:absolute;bottom:12px;right:12px;border-radius:7px;background:#294538df;color:#fffaf0;font-size:.77rem;padding:3px 8px}.card-body{padding:20px}.card-body h3{margin:7px 0}.card-body>p:not(.eyebrow){font-size:.83rem;color:var(--muted)}.watch-link{display:flex;justify-content:space-between;margin-top:22px;font-size:.9rem;color:#47694f}.app-banner{margin-top:50px;padding:28px 32px;background:#edf1e5;border:1px solid #d0ddc6;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:22px}.app-banner p{color:var(--muted);margin-top:6px}.site-footer{max-width:1200px;margin:auto;border-top:1px solid #dfe3d3;padding:24px 0 36px;font-size:.87rem;color:var(--muted);display:flex;justify-content:space-between;gap:16px}.guide{max-width:680px;margin:55px auto;display:flex;flex-direction:column;align-items:flex-start;gap:25px}.guide>p{color:var(--muted)}.notice{padding:15px 18px;background:#edf1e5;border:1px solid #d6e0cd;border-radius:14px;font-size:.9rem;line-height:1.85}.notice p+h3,.notice h3+p,.notice h2+p{margin-top:8px}.notice.error{background:#f7e8df;border-color:#e7ccbd}.notice.error button{margin-top:12px}.status-card{padding:70px 24px;text-align:center;max-width:720px;margin:auto}.status-card h1{font-size:2rem;margin:18px 0}.status-card p{color:var(--muted)}.actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.back-link{display:inline-block;margin:20px 0 22px;font-size:.92rem;text-decoration:none}.watch-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.watch-heading h1{font-size:clamp(1.5rem,2.8vw,2.1rem);margin-top:10px}.version{font-size:.75rem;white-space:nowrap;color:var(--muted)}.watch-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start}.media-column{min-width:0}.media-shell{border-radius:17px;overflow:hidden;background:#edf1e5;border:1px solid var(--border)}video{width:100%;max-height:55vh;display:block;background:#1e3028;aspect-ratio:16/9}.embed-player{width:100%;aspect-ratio:16/9;border:0;display:block}.embed-player iframe{width:100%;height:100%}.player-options{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.84rem}.player-message{padding:14px 18px;font-size:.86rem;line-height:1.85}.media-unavailable{padding:42px 20px;text-align:center}.media-unavailable h2{margin:12px 0 7px;font-size:1.2rem}.media-unavailable p{font-size:.9rem}.media-column>.notice{margin-top:16px}.source-line{display:flex;justify-content:space-between;gap:12px;margin:18px 2px;font-size:.84rem;color:var(--muted)}.watch-note{margin-top:34px;padding:22px;border-top:1px solid var(--border)}.watch-note h2{font-size:1.1rem}.watch-note p{font-size:.9rem;color:var(--muted);margin:12px 0}.watch-note a{font-size:.87rem}.transcript-column{background:#fffaf0;border:1px solid #dde2d1;border-radius:18px;overflow:hidden;min-width:0}.transcript-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px 10px}.transcript-header h2{display:flex;align-items:center;gap:8px;font-size:1.16rem}.transcript-header>span{font-size:.8rem;color:var(--muted)}.transcript-controls{padding:10px 22px 15px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.83rem;border-bottom:1px solid #e5e6d8}.check{display:flex;align-items:center;gap:5px;min-height:44px;cursor:pointer}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}select{background:#fffaf0;border:1px solid #ccd6c1;border-radius:8px;color:#344b42;padding:8px;min-height:44px;max-width:100%}.follow-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;font-size:.78rem;background:#f2f3e9}.follow-row button{padding:6px 11px;font-size:.78rem}.transcript{max-height:590px;overflow:auto;position:relative;scroll-padding:18px;padding:8px 14px;overscroll-behavior:contain}.cue{padding:14px 17px;margin:6px 0;border:1px solid transparent;border-radius:13px;overflow-wrap:anywhere}.cue.current{background:#edf1e5;border-color:#cbd9bf}.cue-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.cue time{font:12px ui-monospace,monospace;color:var(--muted)}.seek-button{background:none;color:#47694f;border:0;padding:6px 10px;font-size:.77rem;min-height:44px}.seek-button:disabled{background:none;color:#758170}.original{font-size:1.13rem;line-height:1.8}.translation{font-size:.91rem;color:#5c715d;margin-top:7px;line-height:1.9}details{font-size:.85rem;margin-top:10px}summary{cursor:pointer;padding:8px 0;min-height:44px;color:#496b50}.explanation{border-left:3px solid #d6b76b;padding-left:12px;color:#64715c}.large-text .original{font-size:1.55rem}.large-text .translation{font-size:1.2rem}.transcript-foot{font-size:.74rem;color:var(--muted);padding:14px 20px;border-top:1px solid #e5e6d8}.small{font-size:.8rem}.muted{color:var(--muted)}@media(max-width:1000px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.site-footer{margin:0 40px}.watch-note{padding:16px 0}}@media(max-width:760px){.site-header{padding:20px 20px 6px}.site-header nav{gap:20px;font-size:.88rem}.brand{font-size:34px}main{padding:0 20px 40px}.intro{padding:32px 0 36px}.intro h1{font-size:2.15rem}.catalog{gap:18px}.app-banner{padding:24px;align-items:flex-start;flex-direction:column}.watch-layout{grid-template-columns:minmax(0,1fr)}.watch-note{display:none}.watch-heading{align-items:flex-start}.version{display:none}.transcript{max-height:65vh}.transcript-controls{gap:12px;padding:10px 16px}.site-footer{margin:0 20px;flex-direction:column;gap:4px}.guide{margin:30px auto}.section-heading{align-items:flex-start}.section-heading span{font-size:.76rem}.watch-heading h1{font-size:1.55rem}.back-link{margin-top:10px}.source-line{margin:12px 2px}.transcript-header{padding:16px}.media-shell{border-radius:14px}.status-card{padding:45px 0}}@media(max-width:480px){.catalog{grid-template-columns:minmax(0,1fr)}.section-heading{flex-direction:column;gap:4px}.card-body{padding:18px}.app-banner{margin-top:32px}.follow-row{padding:10px 12px}.transcript{padding:7px}.cue{padding:10px 12px}.brand img{width:22px}.site-header nav a{font-size:.85rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.audio-player{padding:30px 24px 18px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.audio-player audio{width:100%}.audio-cover{width:120px;height:120px;object-fit:cover;border-radius:16px}h1,h2,h3,button,a{overflow-wrap:anywhere}.site-header,.site-header nav,.watch-heading,.source-line,.transcript-header,.follow-row{flex-wrap:wrap}.watch-heading>div,.transcript-controls>label{min-width:0}.cover-placeholder{display:grid;justify-items:center;gap:.5rem;color:var(--muted);font-size:.875rem}