html.light{color-scheme:light;--background:#f1fdfd;--foreground:#101d1e;--muted:#5c6c6d;--border:#d7e2e3;--accent:#0d7e82;--accent-soft:color-mix(in srgb,var(--accent) 14%,transparent);--surface:#e7f3f3;--grid-line:color-mix(in srgb,var(--border) 55%,transparent);--nav-bg:color-mix(in srgb,var(--background) 82%,transparent);--ease-out:cubic-bezier(0.23,1,0.32,1);--on-accent:#f1fdfd;--error:#e70044;--error-bg:rgba(231,0,68,0.08);--duration-chip-bg:color-mix(in srgb,var(--background) 70%,transparent)}html.dark{color-scheme:dark;--background:#0a1212;--foreground:#e5f6f6;--muted:#8a9a9b;--border:#21292a;--accent:#1cb4ba;--accent-soft:color-mix(in srgb,var(--accent) 16%,transparent);--surface:#151d1e;--grid-line:color-mix(in srgb,var(--border) 70%,transparent);--nav-bg:color-mix(in srgb,var(--background) 78%,transparent);--ease-out:cubic-bezier(0.23,1,0.32,1);--on-accent:#0a1212;--error:#f87171;--error-bg:rgba(248,113,113,0.08);--duration-chip-bg:color-mix(in srgb,var(--background) 80%,transparent)}:root{--font-sans:var(--font-inter,Inter),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:var(--font-jetbrains-mono,"JetBrains Mono"),ui-monospace,"SF Mono",Menlo,Consolas,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100%}body,html{background:var(--background)}body{min-height:100vh;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent-soft);color:var(--foreground)}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes section-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ambient-grid,.mobile-atmosphere{pointer-events:none;position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent) 0,transparent 42%),repeating-linear-gradient(0deg,transparent,transparent 23px,var(--grid-line) 23px,var(--grid-line) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,var(--grid-line) 23px,var(--grid-line) 24px);mask-image:linear-gradient(180deg,black 0,black 55%,transparent);-webkit-mask-image:linear-gradient(180deg,black 0,black 55%,transparent)}.nav-blur{background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%}.nav-shell{max-width:900px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;min-height:56px}.nav-brand{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--foreground);text-decoration:none;display:inline-flex;align-items:center;gap:9px;transition:color .2s var(--ease-out)}.nav-brand:hover{color:var(--accent)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2.4s ease-in-out infinite}.nav-right{display:flex;align-items:center;gap:16px}.label-mono{font-size:11px;letter-spacing:.16em}.label-mono,.label-mono-sm{font-family:var(--font-mono);text-transform:uppercase}.label-mono-sm{font-size:12px;letter-spacing:.12em}.kicker{font-family:var(--font-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:baseline;gap:6px}.kicker-number{color:var(--accent)}.kicker-divider{color:var(--border);margin:0 2px}.link-muted{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .2s var(--ease-out)}.link-muted:hover{color:var(--foreground)}.ui-transition{transition-property:color,background-color,border-color,opacity,transform;transition-duration:.2s;transition-timing-function:var(--ease-out)}.theme-toggle-btn{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:2px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:color .2s var(--ease-out),border-color .2s var(--ease-out)}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-icon{width:14px;height:14px}.page-container{max-width:860px;margin:0 auto;padding:44px 24px 96px;position:relative;z-index:1}.hero-header{margin-bottom:36px}.hero-title{font-size:clamp(2.5rem,7vw,4.2rem);line-height:1.02;font-weight:500;letter-spacing:-.03em;color:var(--foreground);margin-top:14px}.hero-title em{font-style:normal;color:var(--accent)}.accent-rule{display:block;width:48px;height:1px;background:var(--accent);margin:16px 0 14px}.hero-subtitle{font-size:1rem;line-height:1.6;color:var(--muted);max-width:540px}.panel-wrapper{position:relative;width:100%}.panel-shadow-offset{pointer-events:none;position:absolute;inset:0;transform:translate(8px,8px);border-radius:2px;background:var(--accent-soft);z-index:0}.panel-card{position:relative;z-index:1;border-radius:2px;border:1px solid var(--border);background:var(--surface);transition:border-color .2s var(--ease-out)}.panel-card:hover{border-color:var(--accent)}.input-panel-inner{padding:12px}.input-form-row{display:flex;gap:12px;align-items:stretch}.url-input-container{position:relative;flex:1 1;display:flex;align-items:center}.input-icon-svg{position:absolute;left:14px;color:var(--muted);width:16px;height:16px;pointer-events:none}.loom-url-input{width:100%;padding:13px 68px 13px 42px;background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--foreground);font-size:.9rem;font-family:var(--font-mono);outline:none;transition:border-color .2s var(--ease-out)}.loom-url-input:focus{border-color:var(--accent)}.loom-url-input::placeholder{color:var(--muted);opacity:.75;font-family:var(--font-sans)}.paste-quick-btn{position:absolute;right:12px;background:none;border:none;color:var(--accent);padding:4px 6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .2s var(--ease-out)}.paste-quick-btn:hover{text-decoration:underline;opacity:.85}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:2px;border:1px solid var(--accent);background:var(--accent);padding:11px 20px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-accent);text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-out)}.btn-primary:hover:not(:disabled){background:transparent;color:var(--accent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:2px;border:1px solid var(--border);background:transparent;padding:11px 18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--foreground);text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .2s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--on-accent) 30%,transparent);border-top-color:var(--on-accent);border-radius:50%;animation:spin .75s linear infinite}.error-banner{margin-top:20px;padding:13px 18px;background:var(--error-bg);border:1px solid color-mix(in srgb,var(--error) 45%,transparent);border-radius:2px;color:var(--error);font-size:12px;font-family:var(--font-mono);display:flex;align-items:center;gap:10px;animation:section-in .24s var(--ease-out)}.result-section{margin-top:48px;animation:section-in .3s var(--ease-out)}.video-overview-card{padding:20px;display:grid;grid-template-columns:240px 1fr;grid-gap:24px;gap:24px;align-items:start}@media (max-width:640px){.video-overview-card{grid-template-columns:1fr}}.thumbnail-box{position:relative;width:100%;aspect-ratio:16/9;border-radius:2px;overflow:hidden;background:var(--background);border:1px solid var(--border)}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.duration-tag{position:absolute;bottom:8px;right:8px;background:var(--duration-chip-bg);color:var(--foreground);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:2px;border:1px solid var(--border)}.video-details{display:flex;flex-direction:column;gap:12px}.video-heading{font-size:1.25rem;font-weight:500;line-height:1.4;letter-spacing:-.015em;color:var(--foreground)}.meta-chip-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;gap:6px;border-radius:2px;border:1px solid var(--border);padding:4px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tag-chip.accent{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tabs-container{display:flex;gap:8px;margin:32px 0 20px;flex-wrap:wrap}.tab-chip{border-radius:2px;border:1px solid var(--border);background:transparent;padding:8px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .2s var(--ease-out),border-color .2s var(--ease-out),background-color .2s var(--ease-out)}.tab-chip:hover{border-color:var(--accent);color:var(--foreground)}.tab-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.download-item-card{border:1px solid var(--border);border-radius:2px;padding:18px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:border-color .2s var(--ease-out)}.download-item-card:hover{border-color:var(--accent)}.download-item-title{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--foreground)}.download-item-desc,.download-item-title{font-family:var(--font-mono);text-transform:uppercase}.download-item-desc{font-size:11px;letter-spacing:.12em;color:var(--muted);margin-top:4px}.download-item-actions{display:flex;flex-direction:column;gap:8px}.transcript-card{border:1px solid var(--border);border-radius:2px;padding:22px;background:var(--surface)}.transcript-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.transcript-btn-group{display:flex;gap:8px}.transcript-text-content{max-height:360px;overflow-y:auto;font-family:var(--font-mono);font-size:12px;line-height:1.75;color:var(--muted);white-space:pre-wrap;padding-right:8px}.transcript-text-content::-webkit-scrollbar{width:5px}.transcript-text-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.asset-preview-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;border:1px solid var(--border);margin-bottom:12px;background:var(--background)}.site-footer{margin-top:64px;padding-top:28px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.site-footer a{color:var(--foreground);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s var(--ease-out),border-color .2s var(--ease-out)}.site-footer a:hover{color:var(--accent);border-bottom-color:var(--accent)}.visitor-stat{color:var(--accent)}@media (max-width:640px){.input-form-row{flex-direction:column}.loom-url-input{padding-right:14px}.paste-quick-btn{top:50%;transform:translateY(-50%)}}