: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;--line-clickable:#94a3b8;--accent:red;--accent-contrast:#fff;--info:#93c5fd;--success:#064e3b;--nav-bg:#0b1220;--body-bg:#020617;--btn-bg:#111827;--btn-border:#475569;--card-bg-clickable:#1f2937;--link:#93c5fd;--translation:#8fbce8;--danger:red;--focus-ring:rgba(255,0,0,.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;--shadow-btn:2px 2px 4px rgba(0,0,0,.6);--shadow-btn-hover:3px 4px 8px rgba(0,0,0,.8);--overlay-bg:hsla(0,0%,7%,.55);--overlay-head-bg:hsla(0,0%,7%,.95);--overlay-shadow:0 20px 25px -5px rgba(0,0,0,.7),0 10px 10px -5px rgba(0,0,0,.4);--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;--font-cjk-ui:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei","Hiragino Sans",sans-serif;--font-cjk-ja:"Noto Sans JP","Noto Sans CJK JP","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;--font-cjk-zh-hant:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",sans-serif;--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:#f8f6f0;--surface-soft:#f2efe4;--surface-elevated:#fcfbf7;--ink:#111827;--ink-soft:#475569;--muted:#64748b;--line:#d3cdb8;--line-strong:#8c8670;--line-soft:#e3dec9;--line-clickable:#7d7860;--accent:red;--accent-contrast:#fff;--info:#1d4ed8;--success:#064e3b;--nav-bg:#f8f6f0;--body-bg:#f1ede1;--btn-bg:#f8f6f0;--btn-border:#b0aa90;--card-bg-clickable:#fcfbf7;--link:#2563eb;--translation:#3b82f6;--danger:red;--focus-ring:rgba(255,0,0,.35);--surface-hover:#ede9d5;--surface-active:#e2dec0;--notice-bg:rgba(0,0,0,.05);--panel-overlay:rgba(0,0,0,.35);--overlay-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.1);--duration-bg:#e2e8f0;--shadow-btn:1px 2px 3px rgba(0,0,0,.1);--shadow-btn-hover:2px 4px 6px rgba(0,0,0,.15);--overlay-bg:hsla(45,36%,96%,.65);--overlay-head-bg:hsla(45,36%,96%,.95)}*{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:var(--font-cjk-ui);color:var(--ink);background:var(--body-bg);scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}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);background-image:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0));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);box-shadow:var(--shadow-btn);transition:transform .1s ease,box-shadow .1s ease,background-color .2s ease}.btn svg{width:18px;height:18px;display:block}.btn:hover{background:var(--surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-btn-hover)}.btn:focus-visible{background:var(--surface-hover)}.btn:active{transform:translateY(1px);box-shadow:none}.btn.active{background:var(--success);border-color:var(--success);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);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.footer-brand{color:var(--ink);font-weight:700}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.footer p{margin:0}.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)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.seo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;white-space:nowrap}.top-nav-wrap{position:fixed;top:0;left:0;right:0;z-index:120}.top-nav{height:var(--nav-height);justify-content:space-between;padding:0 6px;position:relative;background:var(--nav-bg);border-bottom:1px solid var(--line)}.top-nav,.top-nav-left{display:flex;align-items:center}.top-nav-left{gap:var(--space-2);min-width:0}.top-nav .btn{height:35px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.eye-toggle-btn{width:35px}.eye-toggle-btn-off{opacity:.45}.eye-toggle-btn-off:hover{opacity:.7}.menu-btn,.playlist-nav-btn,.share-nav-btn{width:35px}.play-btn{width:var(--control-btn-wide)}.playlist-nav-btn{text-decoration:none}.nav-btn{composes:btn}.brand{display:inline-flex;align-items:center;gap:6px;font-weight:700;letter-spacing:.02em;font-size:var(--text-brand);white-space:nowrap}.brand-inline{margin-left:2px}.brand-icon{width:32px;height:32px;border-radius:4px;flex-shrink:0}.top-nav-right{justify-self:end;display:flex;align-items:center;gap:var(--space-2)}.lang-control,.top-nav-right{position:relative}.lang-menu-panel{position:absolute;top:calc(100% + 2px);right:0;min-width:82px;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);z-index:140}.lang-option{width:100%;border:none;border-radius:0;background:var(--surface-elevated);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{background:var(--overlay-head-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 4px 12px rgba(0,0,0,.5)}.dropdown-menu-theme{padding:var(--space-2) 6px;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);color:var(--ink);text-decoration:none}.dropdown-menu-panel a:hover{background:var(--surface-hover)}.menu-x-row{border-top:1px solid var(--line)}.menu-x-link{display:inline-flex!important;align-items:center;gap:8px}.top-nav-share-overlay{position:fixed;inset:0;z-index:180;background:var(--panel-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.top-nav-share-panel{width:min(620px,100%);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--overlay-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--overlay-shadow);overflow:hidden}.top-nav-share-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:8px;border-bottom:1px solid var(--line);background:var(--overlay-head-bg)}.top-nav-share-close-btn{min-width:84px}.top-nav-share-head-actions{display:flex;align-items:center;gap:var(--space-2)}.top-nav-share-x-btn{width:auto;min-width:112px;height:35px;padding:0 10px;border-color:transparent;color:var(--ink);text-decoration:none;background:transparent}.top-nav-share-x-btn:focus-visible,.top-nav-share-x-btn:hover{background:var(--surface-hover)}.top-nav-share-head-title{margin:0;font-size:var(--text-sm);font-weight:700}.top-nav-share-close-btn{min-width:40px}.top-nav-share-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.top-nav-share-url{margin:0;width:100%;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.45;word-break:break-all;background:var(--surface-elevated)}.top-nav-share-url-btn{border:0;padding:0;background:transparent;text-align:left;cursor:pointer}.top-nav-share-url-btn:hover .top-nav-share-url{border-color:var(--success)}.top-nav-share-guide-text,.top-nav-share-guide-title,.top-nav-share-hint,.top-nav-share-install-hint{margin:0;font-size:var(--text-sm);line-height:1.55}.top-nav-share-hint{color:var(--text-muted)}.top-nav-share-guide{border-top:1px solid var(--line);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.top-nav-share-ai-guide.disabled{opacity:.7}.top-nav-share-guide-title{font-weight:700}.top-nav-share-install-btn{width:-moz-fit-content;width:fit-content;min-width:152px;padding:0 12px}.top-nav-share-template-field{display:flex;flex-direction:column;gap:6px;width:min(320px,100%)}.top-nav-share-template-label{font-size:var(--text-xs);color:var(--text-muted)}.top-nav-share-template-select{width:100%;min-height:36px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--ink);font-size:var(--text-sm);padding:0 10px}.top-nav-share-ai-guide .top-nav-share-install-btn[disabled]{opacity:.55;cursor:not-allowed}.top-nav-share-ai-copy-btn{width:320px;max-width:100%}.top-nav-share-ai-copy-text{display:block;box-sizing:border-box;width:100%;background:var(--success);color:#fff;border-color:var(--success);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}.top-nav-share-guide-inline-step{display:flex;align-items:center;gap:8px}.top-nav-share-inline-image{display:inline-block;height:1.55em;width:auto;border:1px solid var(--line);border-radius:4px;vertical-align:middle;flex:0 0 auto}.top-nav-share-install-hint{color:var(--success)}@media (max-width:760px){.brand{font-size:var(--text-md)}.brand-icon{width:32px;height:32px}}@media (max-width:560px){.top-nav{padding:0 6px}.nav-btn{width:46px;font-size:var(--text-xs)}.brand{font-size:var(--text-sm)}}.autoplay-switch{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 4px}.autoplay-switch.disabled{cursor:default;opacity:.55}.switch-label{font-size:10px;color:var(--text-muted);font-weight:700;line-height:1}.autoplay-switch.active .switch-label{color:var(--text)}.switch-track{width:32px;height:18px;background:var(--surface-hover);border-radius:9px;position:relative;transition:background .2s ease;border:1px solid var(--line)}.autoplay-switch.active .switch-track{background:var(--success);border-color:var(--success)}.autoplay-switch.disabled .switch-track{background:var(--surface);border-color:var(--line)}.switch-handle{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.3)}.autoplay-switch.active .switch-handle{transform:translateX(14px)}.autoplay-countdown-dots{display:inline-flex;align-items:center;gap:3px;line-height:1}.autoplay-countdown-dots i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;transition:background .18s ease}.autoplay-countdown-dots i.lit{background:var(--success)}.immersive-mode body.watch-route-active .top-nav-wrap,.immersive-mode body:has(.watch-page-shell) .top-nav-wrap{height:0;background:transparent;border-color:transparent;pointer-events:none;overflow:visible}.immersive-mode body.watch-route-active .top-nav,.immersive-mode body:has(.watch-page-shell) .top-nav{height:0;background:transparent;overflow:visible}.immersive-mode body.watch-route-active .top-nav-wrap>:not(.top-nav),.immersive-mode body:has(.watch-page-shell) .top-nav-wrap>:not(.top-nav){display:none!important}.immersive-mode body.watch-route-active .top-nav>:not(.top-nav-left),.immersive-mode body:has(.watch-page-shell) .top-nav>:not(.top-nav-left){visibility:hidden}.immersive-mode body.watch-route-active .top-nav-left>*,.immersive-mode body:has(.watch-page-shell) .top-nav-left>*{visibility:hidden}.home-page{max-width:1120px;margin:0 auto;display:grid;grid-gap:clamp(18px,4vw,34px);gap:clamp(18px,4vw,34px)}.home-hero{display:grid;grid-gap:var(--space-5);gap:var(--space-5);align-items:stretch}.home-hero-copy,.home-latest-card,.home-section{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}.home-hero-copy,.home-section{padding:clamp(18px,4vw,34px)}.home-hero-copy{display:grid;align-content:center;grid-gap:var(--space-4);gap:var(--space-4)}.home-kicker{margin:0;color:var(--accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.home-hero h1,.home-latest-card h2,.home-section h2{margin:0;color:var(--ink);line-height:1.08}.home-hero h1{font-size:clamp(2.1rem,min(10vw,9vh),4.9rem);letter-spacing:-.08em}.home-subtitle{margin:0;color:var(--ink-soft);font-size:clamp(1.05rem,3.8vw,1.45rem);line-height:var(--leading-body)}.home-intro,.home-latest-card p,.home-method-card p,.home-process p,.home-readonly p,.home-section-head p{margin:0;color:var(--ink-soft);line-height:var(--leading-reading)}.home-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.home-cta{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:999px;padding:0 var(--space-5);font-size:var(--text-md);font-weight:800;border:1px solid var(--line-strong)}.home-cta-primary{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent);transition:filter .15s ease}.home-cta-primary:focus-visible,.home-cta-primary:hover{filter:brightness(1.08);outline:none}.home-cta-primary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.home-cta-secondary{color:var(--ink);background:transparent;transition:background-color .15s ease}.home-cta-secondary:focus-visible,.home-cta-secondary:hover{background:var(--surface-hover);outline:none}.home-cta-secondary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.home-latest-card{padding:var(--space-4);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.home-latest-thumb,.home-latest-thumb-link,.home-thumb-placeholder{width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg)}.home-latest-thumb-link{display:block;overflow:hidden;border:1px solid var(--line-strong);background:#000}.home-latest-thumb{display:block;object-fit:cover}.home-thumb-placeholder{display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line-strong);background:hsla(0,0%,100%,.04);font-weight:800;letter-spacing:.16em}.home-latest-content{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.home-latest-card-empty h2,.home-latest-content h2{font-size:clamp(1.2rem,5vw,1.7rem);letter-spacing:-.03em}.home-latest-meta{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0}.home-latest-meta div{display:grid;grid-gap:2px;gap:2px}.home-latest-meta dt{color:var(--muted);font-size:var(--text-xs);font-weight:700}.home-latest-meta dd{margin:0;color:var(--ink);font-size:var(--text-md)}.home-section{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.home-section-head{display:grid;grid-gap:var(--space-3);gap:var(--space-3);max-width:820px}.home-section h2{font-size:clamp(1.55rem,6vw,2.5rem);letter-spacing:-.06em}.home-card-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.home-method-card{padding:var(--space-4);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-soft)}.home-method-card h3{margin:0 0 var(--space-2);color:var(--ink);font-size:var(--text-lg)}.home-inline-link{display:inline-flex;margin-top:var(--space-3);color:var(--accent);font-size:var(--text-sm);font-weight:700;text-decoration:underline;text-underline-offset:2px}.home-process-list,.home-readonly-list{margin:0;padding-left:1.35rem;color:var(--ink-soft);line-height:var(--leading-reading)}.home-process-list li::marker,.home-readonly-list li::marker{color:var(--accent);font-weight:800}.home-note{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft)}.home-readonly{background:var(--surface)}@media (min-width:820px){.home-hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr)}.home-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.home-cta{width:100%}.home-hero h1{letter-spacing:-.06em}}@media (orientation:landscape) and (max-height:450px){.home-hero{grid-template-columns:1fr}}.resources-page{max-width:1120px;margin:0 auto;display:grid;grid-gap:clamp(18px,4vw,34px);gap:clamp(18px,4vw,34px)}.resources-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:var(--muted);font-size:var(--text-sm)}.resources-breadcrumb a{color:var(--link);text-decoration:underline;text-underline-offset:3px}.resources-hero,.resources-note,.resources-section{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}.resources-hero{padding:clamp(18px,4vw,34px)}.resources-hero,.resources-hero-copy,.resources-note,.resources-section{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.resources-card-label,.resources-kicker{margin:0;color:var(--accent);font-size:var(--text-xs);font-weight:800}.resources-kicker{letter-spacing:0}.resources-hero h1,.resources-section h2{margin:0;color:var(--ink);line-height:1.08}.resources-hero h1{font-size:clamp(2rem,min(8vw,8.5vh),4rem);letter-spacing:0}.resources-card p,.resources-faq-item p,.resources-hero p,.resources-hero-panel,.resources-note p,.resources-section-head p,.resources-workflow p{margin:0;color:var(--ink-soft);line-height:var(--leading-reading)}.resources-hero-copy{align-content:center}.resources-hero-panel{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-soft);padding:var(--space-5)}.resources-hero-panel ul{margin:var(--space-4) 0 0;padding-left:1.2rem}.resources-hero-panel li+li{margin-top:var(--space-2)}.resources-note,.resources-section{padding:clamp(18px,4vw,34px)}.resources-section-head{display:grid;grid-gap:var(--space-3);gap:var(--space-3);max-width:820px}.resources-section h2{font-size:clamp(1.45rem,5vw,2.2rem);letter-spacing:0}.resources-card-grid,.resources-external-list,.resources-faq-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.resources-card,.resources-faq-item,.resources-feature-item{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-soft);padding:var(--space-4)}.resources-card{display:grid;grid-gap:var(--space-4);gap:var(--space-4);align-content:start}.resources-card h2,.resources-card h3,.resources-faq-item h3,.resources-feature-card h4,.resources-feature-item h3,.resources-feature-item h4,.resources-workflow h3{margin:0;color:var(--ink);line-height:var(--leading-tight)}.resources-card h3,.resources-feature-item h3{font-size:1.35rem;letter-spacing:0}.resources-card-subtitle{color:var(--ink);font-weight:700}.resources-tags span{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);background:var(--surface);font-size:var(--text-xs);font-weight:700;line-height:var(--leading-ui);white-space:nowrap}.resources-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.resources-tags span{padding:2px var(--space-3)}.resources-tags .resources-badge-primary{color:var(--accent-contrast);border-color:var(--success);background:var(--success)}.resources-tags .resources-badge-disclosure{color:var(--muted);border-color:var(--line-soft);background:transparent}.resources-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.resources-card-cta{justify-self:start}.resources-card-cta span{margin-left:var(--space-2)}.resources-feature-item{gap:var(--space-5)}.resources-feature-item-head{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.resources-feature-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.resources-app-note,.resources-feature-card,.resources-fit-box{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4)}.resources-feature-card,.resources-fit-box{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.resources-app-note,.resources-disclosure-note,.resources-feature-card p,.resources-fit-box li{margin:0;color:var(--ink-soft);line-height:var(--leading-reading)}.resources-feature-link{color:inherit;text-decoration:none}.resources-feature-link:focus-visible h4,.resources-feature-link:hover h4{color:var(--link);text-decoration:underline;text-underline-offset:3px}.resources-fit-box ul{margin:0;padding-left:1.2rem}.resources-fit-box li+li{margin-top:var(--space-2)}.resources-disclosure-note{font-size:var(--text-sm)}.resources-workflow{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none;counter-reset:resources-step}.resources-workflow li{counter-increment:resources-step;display:grid;grid-gap:var(--space-2);gap:var(--space-2);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-soft);padding:var(--space-4)}.resources-workflow h3{display:flex;gap:var(--space-3);align-items:center;font-size:var(--text-lg)}.resources-workflow h3:before{content:counter(resources-step);width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-sm);background:var(--success);color:var(--accent-contrast);font-size:var(--text-xs);font-weight:800}.resources-faq-item{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.resources-faq-item h3{font-size:var(--text-lg)}.alg-page{max-width:900px;gap:clamp(22px,5vw,44px)}.alg-hero .resources-hero-copy{gap:var(--space-4)}.alg-hero-subtitle{font-size:var(--text-lg);color:var(--ink)}.alg-lead{border-left:4px solid var(--success);background:var(--surface-soft);padding:var(--space-3) var(--space-4);color:var(--ink);font-weight:700}.alg-hero-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-4);padding-left:0;list-style:none}.alg-hero-panel li{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface);padding:var(--space-2) var(--space-3);color:var(--ink);font-size:var(--text-sm);font-weight:700}.alg-hero-panel li+li{margin-top:0}.alg-section{gap:var(--space-5);padding:clamp(24px,5vw,48px)}.alg-statement{background:color-mix(in srgb,var(--success) 5%,transparent);border:1px solid color-mix(in srgb,var(--success) 20%,transparent);border-radius:var(--radius-lg);padding:var(--space-4)}.alg-statement p{color:var(--ink);font-size:var(--text-lg);font-weight:700;margin:0}.alg-highlight{color:var(--success);box-shadow:inset 0 -.5em 0 color-mix(in srgb,var(--success) 20%,transparent)}.alg-contrast-block{display:grid;grid-gap:var(--space-3);gap:var(--space-3);background:var(--surface-soft);border-radius:var(--radius-lg);padding:var(--space-4)}.alg-contrast-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-3);gap:var(--space-3);align-items:center;padding:var(--space-3);border-bottom:1px solid var(--line-soft)}.alg-contrast-item:last-child{border-bottom:none}.alg-contrast-item h3{grid-column:1/-1;margin:0;font-size:var(--text-base);color:var(--ink)}.alg-contrast-item p{margin:0;color:var(--ink-soft)}.alg-result{font-weight:700;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.alg-contrast-item.negative .alg-result{background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error)}.alg-contrast-item.positive .alg-result{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.alg-section-split{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.alg-split-text p{font-size:var(--text-lg);color:var(--ink);margin-top:var(--space-3)}.alg-split-list{display:grid;grid-gap:var(--space-4);gap:var(--space-4);border-left:2px solid var(--line);padding-left:var(--space-4)}.alg-split-list article h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.alg-concept-compare{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;background:var(--surface-soft);border-radius:var(--radius-lg);padding:var(--space-4)}.alg-concept-left,.alg-concept-right{flex:1 1;text-align:center}.alg-concept-left h3,.alg-concept-right h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--ink)}.alg-concept-arrow{font-size:2rem;color:var(--muted);transform:rotate(90deg)}.alg-disclaimer{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-soft);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.alg-layered-list{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.alg-layered-list article{border-left:4px solid var(--success);padding-left:var(--space-3)}.alg-layered-list h3{font-size:var(--text-lg);margin-bottom:var(--space-1);color:var(--ink)}.alg-timeline{list-style:none;padding:0;margin:0;position:relative}.alg-timeline:before{content:"";position:absolute;top:0;bottom:0;left:11px;width:2px;background:var(--line-soft)}.alg-timeline li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-5)}.alg-timeline li:last-child{margin-bottom:0}.alg-timeline-marker{width:24px;height:24px;border-radius:50%;background:var(--success);border:4px solid var(--surface);box-shadow:0 0 0 1px var(--line);position:relative;z-index:1;margin-top:2px}.alg-timeline-content h3{font-size:var(--text-lg);margin-bottom:var(--space-1);color:var(--ink)}.alg-note-content h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}@media (min-width:760px){.resources-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr)}.resources-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-feature-item-head{grid-template-columns:minmax(0,1fr) minmax(260px,.44fr);align-items:start}.resources-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.resources-workflow{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.resources-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.alg-contrast-item{grid-template-columns:200px minmax(0,1fr) auto}.alg-contrast-item h3{grid-column:auto}.alg-section-split{grid-template-columns:1fr 1fr;align-items:center}.alg-split-list{border-left:none;padding-left:0;gap:var(--space-5)}.alg-concept-compare{flex-direction:row;padding:var(--space-5)}.alg-concept-arrow{transform:none}}@media (max-width:520px){.resources-card-cta{width:100%;justify-self:stretch}.resources-cta-row{display:grid}.alg-hero-panel ul{grid-template-columns:minmax(0,1fr)}.alg-contrast-item{grid-template-columns:1fr}.alg-result{justify-self:start}}@media (orientation:landscape) and (max-height:450px){.resources-hero{grid-template-columns:1fr}}.alg-media-row{display:grid;grid-gap:var(--space-4);gap:var(--space-4);align-items:center}.alg-media-figure{margin:0}.alg-media-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--line-soft)}@media (min-width:760px){.alg-media-row{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:var(--space-6,32px)}.alg-media-row-reverse .alg-media-text{order:2}.alg-media-row-reverse .alg-media-figure{order:1}}.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{position:relative;border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--card-bg-clickable);height:100%;display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.video-item,.video-item.clickable{cursor:pointer}.video-item-link:focus-visible .video-item.clickable,.video-item-link:hover .video-item.clickable,.video-item.clickable:focus-visible,.video-item.clickable:hover{border:1px solid var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.video-item.current{border:1px solid var(--line-strong);box-shadow:inset 4px 0 0 var(--accent);background:var(--surface-elevated)}.video-item.next{border:1px solid var(--line-soft);opacity:.8}.video-top{display:flex;height:78px;border-bottom:2px solid var(--line-strong)}.video-thumb-wrap{flex:0 0 140px;width:140px;height:78px;overflow:hidden}.video-thumb-wrap img{width:100%;height:100%;object-fit:cover}.video-meta-top{flex:1 1;min-width:0;padding:0 0 6px 12px;display:flex;flex-direction:column;justify-content:space-between}.fixed-header{position:-webkit-sticky;position:sticky;top:var(--nav-height);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:0}.videos-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.videos-filter-btn{width:30px;height:30px}.videos-seo-intro{margin:6px 0 0;color:var(--ink-soft);font-size:.78rem;line-height:1.35}.videos-load-sentinel{width:100%;height:1px}.videos-list-end{margin:0;text-align:center;padding:var(--space-2) 0 var(--space-4);font-size:var(--text-sm)}.videos-filter-overlay{position:fixed;inset:0;z-index:130;background:var(--panel-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.meta-row-1{display:flex;justify-content:space-between;align-items:center;gap:4px;min-width:0}.source-tag{flex:0 1 auto;text-overflow:ellipsis;color:var(--ink-soft);font-weight:500;font-size:14px}.meta-row-source,.source-tag{min-width:0;overflow:hidden;white-space:nowrap}.meta-row-source{flex:1 1 auto;display:flex;align-items:center;gap:4px;max-width:100%}.channel-tag{flex:0 2 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-item:has(.playlist-skip-btn) .meta-row-1{padding-right:calc(var(--control-btn-size) + var(--space-1))}.relative-time{color:var(--muted);font-size:12px}.video-item-action-slot{flex:0 0 var(--control-btn-size);width:var(--control-btn-size);height:var(--control-btn-size)}.meta-row-date{justify-content:space-between;gap:6px;font-size:12px;color:var(--muted);line-height:1}.meta-row-2,.meta-row-date{display:flex;align-items:center}.meta-row-2{flex-wrap:nowrap;gap:4px;min-width:0;overflow:hidden}.duration-tag{flex:0 0 auto;font-size:12px;color:var(--ink);background:var(--duration-bg);padding:2px 4px;border-radius:var(--radius-sm);white-space:nowrap}.video-tags-row{flex:1 1 auto;min-width:0;display:flex;flex-wrap:nowrap;gap:var(--space-1);justify-content:flex-end;overflow:hidden}.video-id,.video-tags-row{margin-left:auto;white-space:nowrap}.video-id{font-size:12px;color:var(--muted);font-style:italic;flex:0 0 auto}.category-tag{opacity:.85}.video-tags-row .category-tag{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.playlist-current-tag,.playlist-next-tag{flex:0 0 auto;white-space:nowrap}.video-bottom{padding:var(--space-2) 0 0;flex:1 1}.title-translated{margin:0 0 var(--space-1);font-size:16px;font-weight:600;line-height:1.4;color:var(--ink);-webkit-line-clamp:2;height:2.8em}.title-original,.title-translated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.title-original{margin:0;font-size:12px;line-height:var(--leading-ui);-webkit-line-clamp:1;height:1.35em}@media (max-width:720px){.videos-filter-overlay .overlay-panel{width:min(96vw,520px);max-height:80dvh}}