:root{color-scheme:dark;--surface:#111827;--surface-soft:#1f2937;--surface-elevated:#0f172a;--ink:#e5e7eb;--ink-soft:#cbd5e1;--muted:#94a3b8;--line:#334155;--line-strong:#475569;--line-soft:#2b3748;--accent:#ef4444;--accent-contrast:#fff;--info:#93c5fd;--nav-bg:#0b1220;--body-bg:#020617;--btn-bg:#111827;--btn-border:#475569;--link:#93c5fd;--translation:#8fbce8;--danger:#ef4444;--focus-ring:rgba(239,68,68,.35);--surface-hover:#1f2937;--surface-active:#374151;--notice-bg:rgba(0,0,0,.2);--panel-overlay:rgba(2,6,23,.62);--duration-bg:#243244;--nav-height:46px;--control-width:60px;--control-height:44px;--control-btn-size:30px;--control-btn-wide:50px;--control-panel-gap:var(--space-3);--control-panel-padding:var(--space-4);--control-segment-height:16px;--control-segment-radius:3px;--text-xs:0.72rem;--text-sm:0.78rem;--text-md:0.84rem;--text-base:0.95rem;--text-brand:0.9rem;--text-lg:1.05rem;--leading-tight:1.25;--leading-ui:1.35;--leading-body:1.55;--leading-reading:1.65;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:16px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px}[data-theme=light]{color-scheme:light;--surface:#fff;--surface-soft:#f8fafc;--surface-elevated:#fff;--ink:#111827;--ink-soft:#475569;--muted:#64748b;--line:#d6dbe2;--line-strong:#94a3b8;--line-soft:#dbe1ea;--accent:#b91c1c;--accent-contrast:#fff;--info:#1d4ed8;--nav-bg:#fff;--body-bg:#f4f6f9;--btn-bg:#fff;--btn-border:#cbd5e1;--link:#2563eb;--translation:#3b82f6;--danger:#dc2626;--focus-ring:rgba(220,38,38,.35);--surface-hover:#f1f5f9;--surface-active:#e2e8f0;--notice-bg:rgba(0,0,0,.05);--panel-overlay:rgba(15,23,42,.26);--duration-bg:#e2e8f0}*{box-sizing:border-box}.btn:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;font-family:Noto Sans TC,Hiragino Sans,sans-serif;color:var(--ink);background:var(--body-bg);scrollbar-gutter:stable}a{color:var(--link);text-decoration:none}.btn{width:var(--control-btn-wide);height:var(--control-btn-size);border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--ink);font-size:var(--text-sm);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:var(--leading-tight)}.btn svg{width:18px;height:18px;display:block}.btn:hover{background:var(--surface-hover)}.btn:focus-visible{background:var(--surface-hover)}.btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-icon{border-radius:var(--radius-sm)}.btn-icon,.icon-ghost-btn{width:var(--control-btn-size);height:var(--control-btn-size)}.icon-ghost-btn{border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:.42;line-height:var(--leading-tight)}.icon-ghost-btn:focus-visible,.icon-ghost-btn:hover{opacity:1;color:var(--accent);background:var(--surface-hover)}.main-shell{flex:1 1;width:100%;margin:0;padding:calc(var(--nav-height) + var(--space-4)) var(--space-4) var(--space-5)}.footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:var(--space-5);font-size:var(--text-sm)}.page-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4)}.page-card h1{margin:0;font-size:var(--text-lg)}.page-card p{margin:var(--space-2) 0 0;font-size:var(--text-md);line-height:var(--leading-body)}.grid{display:grid;grid-gap:1rem;gap:1rem}.muted{color:var(--muted)}.top-nav-wrap{position:fixed;top:0;left:0;right:0;z-index:120;border-bottom:1px solid var(--line);background:var(--nav-bg)}.top-nav{height:var(--nav-height);justify-content:space-between;padding:0 5px 0 12px;position:relative}.top-nav,.top-nav-left{display:flex;align-items:center}.gear-btn{font-size:1.5rem}.nav-btn{composes:btn}.brand{position:absolute;left:50%;transform:translateX(-50%);font-weight:700;letter-spacing:.02em;font-size:var(--text-brand);white-space:nowrap}.top-nav-right{justify-self:end;display:flex;align-items:center;gap:var(--space-1)}.lang-control,.top-nav-right{position:relative}.lang-menu-panel{position:absolute;top:calc(100% + 2px);right:0;min-width:82px;border:1px solid var(--btn-border);z-index:140}.lang-menu-panel,.lang-option{background:var(--surface-elevated)}.lang-option{width:100%;border:none;border-radius:0;text-align:left;padding:var(--space-2) var(--space-2);font-size:var(--text-sm);cursor:pointer}.lang-option:focus-visible,.lang-option:hover{background:var(--surface-hover)}.dropdown-menu-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--nav-bg)}.dropdown-menu-theme{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dropdown-menu-panel ul{list-style:none;margin:0;padding:0}.dropdown-menu-panel li{border-top:1px solid var(--line)}.dropdown-menu-panel li:first-child{border-top:none}.dropdown-menu-panel a{display:block;padding:var(--space-3) var(--space-3);font-size:var(--text-base)}@media (max-width:760px){.brand{font-size:var(--text-md)}}@media (max-width:560px){.top-nav{padding:0 5px 0 12px}.nav-btn{width:46px;font-size:var(--text-xs)}}.video-list{display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-item-link{color:inherit;display:block;height:100%}.video-item-link:focus-visible .video-item,.video-item-link:hover .video-item{border:3px solid var(--accent)}.video-item{border:2px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--surface);height:100%;display:flex;flex-direction:column}.video-top{display:flex;height:78px;border-bottom:2px solid var(--line-strong)}.video-thumb-wrap{flex:0 0 140px;width:140px;height:78px;border-right:2px solid var(--line-strong);overflow:hidden}.video-thumb-wrap img{width:100%;height:100%;object-fit:cover}.video-meta-top{flex:1 1;padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;justify-content:space-between}.fixed-header{position:fixed;top:var(--nav-height);left:0;right:0;z-index:100;border-radius:0;border:none;border-bottom:2px solid var(--line-strong);padding:var(--space-2) var(--space-3)}.videos-page-container{display:grid;grid-gap:var(--space-5);gap:var(--space-5);padding-top:70px}.pagination{display:flex;gap:var(--space-2);margin-top:var(--space-1);margin-left:-2px}.page-btn{border:none;background:transparent;padding:0 4px;cursor:pointer;font-size:var(--text-md);color:var(--muted);font-family:inherit}.page-btn.active{color:var(--accent);font-weight:700}.page-btn:hover{text-decoration:underline}.meta-row-1{display:flex;justify-content:space-between;align-items:center}.source-tag{color:var(--accent);font-weight:600;font-size:var(--text-xs)}.meta-row-date,.relative-time{color:var(--muted);font-size:var(--text-xs)}.meta-row-date{justify-content:space-between;gap:var(--space-2);line-height:1}.meta-row-2,.meta-row-date{display:flex;align-items:center}.meta-row-2{flex-wrap:wrap;gap:var(--space-1)}.duration-tag{font-size:var(--text-xs);color:var(--ink);background:var(--duration-bg);padding:2px var(--space-1);border-radius:var(--radius-sm)}.video-bottom{padding:var(--space-2) var(--space-4);flex:1 1}.title-translated{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:600;line-height:1.4;color:var(--ink);-webkit-line-clamp:2}.title-original,.title-translated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.title-original{margin:0;font-size:var(--text-sm);line-height:var(--leading-ui);-webkit-line-clamp:1}.watch-page-root{height:100%}.watch-page-shell{--video-height:clamp(160px,calc((100vw - var(--control-width)) * 9 / 16),33dvh);position:relative;width:100%;height:calc(100dvh - var(--nav-height));background:var(--surface-elevated);overflow:hidden;display:flex;flex-direction:column}.watch-fixed-shell{flex:0 0 auto;border-bottom:1px solid var(--line)}.player-row{display:grid;grid-template-columns:minmax(0,1fr) var(--control-width);align-items:stretch}.player-shell{position:relative;height:var(--video-height);min-height:160px;border-right:1px solid var(--line);overflow:hidden;background:#000}.player-shell iframe{border:none}.player-shell iframe,.youtube-host{width:100%;height:100%}.player-loading{position:absolute;inset:0;justify-content:center;color:var(--ink-soft);background:rgba(0,0,0,.45);font-size:.82rem}.player-loading,.side-controls{display:flex;align-items:center}.side-controls{height:var(--video-height);min-height:160px;flex-direction:column;justify-content:flex-start;padding-top:var(--space-1);gap:var(--space-3);border-right:1px solid var(--line)}.side-controls .btn{border:1px solid var(--btn-border);width:var(--control-btn-wide);height:var(--control-btn-size);font-size:var(--text-sm);line-height:var(--leading-tight)}.watch-actions-row{justify-content:flex-start;gap:var(--space-1);border-bottom:1px solid var(--line);background:var(--surface-elevated)}.watch-actions-row,.watch-tabs{display:flex;align-items:flex-end}.watch-tabs button{height:34px;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--surface-elevated);color:var(--ink);font-size:var(--text-sm);line-height:var(--leading-tight);cursor:pointer;width:98px;margin-right:1px}.watch-tabs button:hover{background:var(--surface-hover)}.close-icon-btn:focus-visible,.playlist-item-card.clickable:focus-visible,.playlist-skip-btn:focus-visible,.watch-tabs button:focus-visible,.yt-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.watch-tabs button.active{background:var(--surface);color:var(--accent);border-color:var(--line);border-top:2px solid var(--accent)}.content-section{flex:1 1 auto;min-height:0;position:relative;border-top:1px solid var(--line);background:var(--surface-elevated);display:flex;flex-direction:column}.content-pager{flex:1 1 auto;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scrollbar-width:none}.content-pager::-webkit-scrollbar{display:none}.content-panel{flex:0 0 100%;min-width:0;height:100%;overflow:hidden;padding:0;scroll-snap-align:start;scroll-snap-stop:always}.tab-panel{display:flex;flex-direction:column;height:100%;position:relative}.page-controls{flex:0 0 auto;height:40px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--line);background:var(--surface-elevated);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.page-controls::-webkit-scrollbar{display:none}.page-body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.subtitles-panel{padding:var(--space-4)}.sentence-item{border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);background:var(--surface)}.sentence-item.active{border:1px solid var(--line-strong);box-shadow:inset 4px 0 0 var(--accent);background:var(--surface)}.sentence-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.sentence-idx-circle{width:var(--space-5);height:var(--space-5);background:var(--line-strong);color:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:800}.sentence-actions-inline{display:flex;gap:var(--space-4)}.sentence-actions-inline button{color:var(--muted)}.sentence-actions-inline button:hover{color:var(--accent)}.source-text{margin:0;color:var(--ink);line-height:var(--leading-reading);font-size:var(--text-base);word-break:normal;overflow-wrap:anywhere;line-break:strict;text-wrap:pretty}.furigana-fragment{color:var(--muted);font-size:.52em;font-weight:400}.sentence-divider{border-top:1px solid var(--line);margin:var(--space-2) 0}.translation-text{margin:0;color:var(--translation);font-size:var(--text-md);line-height:var(--leading-reading);word-break:normal;overflow-wrap:anywhere;line-break:strict;text-wrap:pretty}.sentence-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.panel-action-btn,.sentence-actions button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--btn-bg);color:inherit;cursor:pointer;height:var(--control-btn-size);padding:0 var(--space-2);font-size:var(--text-sm);line-height:var(--leading-tight)}.page-body-overlay{position:absolute;inset:0;padding:var(--space-1);z-index:10;background:transparent}.overlay-panel{width:100%;height:100%;overflow-y:auto;background:var(--surface-elevated);border:1px solid var(--line);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border-radius:var(--radius-xl)}.overlay-panel-head{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);background:var(--surface-elevated)}.overlay-panel-head h3{margin:0;font-size:var(--text-base)}.overlay-panel-body{display:grid;grid-gap:var(--control-panel-gap);gap:var(--control-panel-gap);padding:var(--control-panel-padding)}.control-panel-section{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.control-panel-row{display:flex;align-items:center;gap:var(--space-2)}.control-panel-label{font-size:var(--text-xs);color:var(--muted);line-height:var(--leading-ui)}.overlay-panel-body p{margin:0;line-height:var(--leading-body);font-size:var(--text-md)}.yt-compliance-notice{padding:var(--space-2);background:var(--notice-bg);border-radius:var(--radius-md);border-left:3px solid var(--danger)}.yt-compliance-notice p{font-size:var(--text-sm);color:var(--muted);margin:0}.yt-link{color:var(--info);text-decoration:none}.yt-link:hover{text-decoration:underline}.yt-legal-links{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-xs)}.yt-legal-links p{color:var(--muted);margin:0 0 var(--space-1) 0}.yt-legal-links .legal-row{display:flex;gap:var(--space-4)}.info-meta-grid{gap:var(--space-3);background:var(--surface);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.info-meta-grid,.meta-item{display:flex;flex-direction:column}.meta-item{gap:var(--space-1)}.meta-label{font-size:var(--text-xs);color:var(--muted);font-weight:600;letter-spacing:.5px}.meta-value{font-size:var(--text-base);color:var(--ink);line-height:var(--leading-body);word-break:normal;overflow-wrap:anywhere;line-break:strict;text-wrap:pretty}.info-summary-card{background:var(--surface-elevated);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--accent);margin-bottom:var(--space-4)}.summary-text{font-size:var(--text-md)!important;color:var(--muted)!important;margin-top:var(--space-2)!important;line-height:var(--leading-body)!important;font-style:italic;word-break:normal;overflow-wrap:anywhere;line-break:strict;text-wrap:pretty}.compact-card{border-radius:var(--radius-sm);padding:var(--space-2)}.compact-card h3{margin-top:0;margin-bottom:var(--space-2);font-size:var(--text-base)}.playlist-tab-panel{min-height:100%;padding:var(--space-3) var(--space-4)}.playlist-tab-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.playlist-tab-list>li{margin:0;padding:0}.playlist-item-card.clickable{cursor:pointer}.playlist-item-card.clickable:focus-visible,.playlist-item-card.clickable:hover{border:1px solid var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.playlist-item-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface)}.playlist-item-card .meta-row-1{gap:var(--space-1)}.playlist-item-card.current{border:1px solid var(--line-strong);box-shadow:inset 4px 0 0 var(--accent);background:var(--surface-elevated)}.playlist-item-card.next{border:1px solid var(--line-soft);opacity:.8}.playlist-current-tag{font-size:var(--text-xs);color:var(--accent);font-weight:700}.playlist-next-tag{font-size:var(--text-xs);color:var(--muted);font-weight:700}.control-group{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.control-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}.segment-row{grid-template-columns:repeat(10,minmax(0,1fr))}.segment-row,.segment-track{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.panel-action-btn{height:var(--control-btn-size);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--ink);border:1px solid var(--btn-border);padding:0 var(--space-2)}.panel-action-btn,.segment-btn,.speed-segment-btn{cursor:pointer;display:flex;align-items:center;justify-content:center}.segment-btn,.speed-segment-btn{height:calc(var(--control-segment-height) * 1.5);border-radius:var(--control-segment-radius);border:1px solid var(--line);background:var(--surface-elevated);padding:0 var(--space-1)}.panel-action-btn:hover{background:var(--surface-hover)}.panel-action-btn.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.segment-btn:hover,.speed-segment-btn:hover{background:var(--surface-hover)}.segment-btn.active,.speed-segment-btn.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.speed-segment-btn{line-height:var(--leading-tight)}.panel-action-btn,.speed-segment-btn{font-size:var(--text-sm)}.speed-segment-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:var(--space-1);gap:var(--space-1)}.control-row{display:flex;gap:var(--space-2);align-items:center}.control-row .panel-action-btn{flex:1 1;min-width:0}.close-icon-btn,.icon-ghost-btn,.playlist-skip-btn{width:var(--control-btn-size);height:var(--control-btn-size);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:.42;line-height:var(--leading-tight)}.close-icon-btn:focus-visible,.close-icon-btn:hover,.icon-ghost-btn:focus-visible,.icon-ghost-btn:hover,.playlist-skip-btn:focus-visible,.playlist-skip-btn:hover{opacity:1;color:var(--accent);background:var(--surface-hover)}.playlist-skip-btn{position:absolute;top:var(--space-1);right:var(--space-1)}.playlist-item-card:focus-within .playlist-skip-btn,.playlist-item-card:hover .playlist-skip-btn{opacity:1}.playlist-open-list-link{display:block;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;font-size:var(--text-sm);font-weight:400;padding:var(--space-4);color:var(--muted)}body:has(.watch-page-shell) .main-shell{width:100%;max-width:none;margin:0;padding:var(--nav-height) 0 0}body:has(.watch-page-shell) .footer{display:none}@media (max-width:760px){.watch-tabs button{width:86px;font-size:var(--text-sm)}}@media (max-width:560px){.watch-tabs button{width:76px}.sentence-item{padding:var(--space-3) var(--space-4)}.control-panel-row{gap:var(--space-2)}}.compliance-page{max-width:860px;margin:0 auto}.compliance-hero{display:grid;grid-gap:.65rem;gap:.65rem}.compliance-kicker{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.compliance-body{display:grid;grid-gap:1.2rem;gap:1.2rem}.compliance-section h2{margin:0 0 .45rem}.compliance-section p{margin-top:0;margin-bottom:.75rem;line-height:1.65}.compliance-section ul{margin:0;padding-left:1.15rem;line-height:1.65}.compliance-footnote{border-style:dashed}