.td-page{background:var(--jv-bg);min-height:100dvh;color:var(--jv-text);-webkit-font-smoothing:antialiased;padding:clamp(24px,5vw,64px) clamp(16px,5vw,64px) 64px;position:relative;overflow-x:hidden}.td-sky{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 18% 0%, color-mix(in oklab, var(--jv-cyan) 14%, transparent), transparent 70%), radial-gradient(50% 60% at 100% 100%, color-mix(in oklab, var(--jv-violet) 14%, transparent), transparent 70%), linear-gradient(180deg, var(--jv-bg) 0%, var(--jv-bg-2) 100%);position:fixed;inset:0}.td-head,.td-player,.td-meta{z-index:1;max-width:1200px;margin-inline:auto;position:relative}.td-kicker{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--jv-cyan);font-size:12px}.td-title{font-family:var(--font-display);letter-spacing:-.03em;margin-top:10px;font-size:clamp(34px,6vw,64px);font-weight:600;line-height:1.05}.td-grad{background:var(--jv-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.td-lede{max-width:60ch;color:var(--jv-dim);margin-top:12px;font-size:clamp(16px,2vw,19px);line-height:1.5}.td-player{margin-top:clamp(20px,4vw,36px)}.td-screen{aspect-ratio:16/9;box-shadow:0 40px 120px #00000080, 0 0 0 1px var(--jv-line-2);background:#000;border-radius:clamp(12px,2vw,22px);position:relative;overflow:hidden}.td-screen video{cursor:pointer;width:100%;height:100%;display:block}.td-big{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--jv-cyan) 55%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:clamp(64px,10vw,96px);color:var(--jv-text);box-shadow:0 0 60px color-mix(in oklab, var(--jv-cyan) 30%, transparent);cursor:pointer;background:#05060b9e;border-radius:999px;place-items:center;font-size:clamp(22px,3vw,32px);display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.td-controls{align-items:center;gap:10px;margin-top:14px;display:flex}.td-btn{border:1px solid var(--jv-line-2);background:var(--jv-glass);width:44px;height:44px;color:var(--jv-text);cursor:pointer;border-radius:999px;flex:none;place-items:center;font-size:15px;display:grid}.td-btn:hover,.td-chapters button:hover{border-color:color-mix(in oklab, var(--jv-cyan) 55%, transparent)}.td-seek{flex:1;align-items:center;min-width:0;height:44px;display:flex;position:relative}.td-seek input{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.td-seek input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--jv-cyan) var(--td-p), var(--jv-line-2) var(--td-p));border-radius:99px;height:6px}.td-seek input::-moz-range-track{background:linear-gradient(90deg, var(--jv-cyan) var(--td-p), var(--jv-line-2) var(--td-p));border-radius:99px;height:6px}.td-seek input::-webkit-slider-thumb{appearance:none;background:var(--jv-text);width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in oklab, var(--jv-cyan) 35%, transparent);border-radius:99px;margin-top:-6px}.td-seek input::-moz-range-thumb{background:var(--jv-text);border:0;border-radius:99px;width:18px;height:18px}.td-ticks{pointer-events:none;position:absolute;inset:0 9px}.td-ticks span{background:var(--jv-bg);opacity:.85;border-radius:2px;width:2px;height:12px;position:absolute;top:50%;translate:-1px -50%}.td-time{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--jv-dim);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.td-screen video:focus-visible,.td-btn:focus-visible,.td-big:focus-visible,.td-seek input:focus-visible,.td-chapters button:focus-visible,.td-meta a:focus-visible{outline:2px solid var(--jv-cyan);outline-offset:3px}.td-chapters ol{flex-wrap:wrap;gap:8px;margin-top:16px;padding:0;list-style:none;display:flex}.td-chapters button{border:1px solid var(--jv-line);background:var(--jv-glass);min-height:36px;color:var(--jv-dim);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:inline-flex}.td-chapters button[aria-current=true]{color:var(--jv-text);border-color:color-mix(in oklab, var(--jv-cyan) 60%, transparent);background:color-mix(in oklab, var(--jv-cyan) 10%, transparent)}.td-at{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--jv-cyan);font-variant-numeric:tabular-nums;font-size:12px}.td-meta{gap:20px;margin-top:36px;display:grid}.td-links{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.td-cta{background:var(--jv-grad);color:#05060b;border-radius:999px;align-items:center;min-height:44px;padding:0 20px;font-weight:600;display:inline-flex}.td-link{color:var(--jv-text);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--jv-line-2);text-decoration-color:var(--jv-line-2)}.td-credits{max-width:80ch;color:var(--jv-faint);gap:10px;font-size:13px;line-height:1.6;display:grid}.td-credits a{color:var(--jv-dim);text-underline-offset:3px;text-decoration:underline}@media (max-width:560px){.td-time{display:none}.td-chapters button{padding:6px 12px;font-size:13px}}.td-picker{z-index:1;max-width:1200px;margin:40px auto 0;position:relative}.td-picker-title{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--jv-dim);font-size:12px}.td-picker ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:14px;margin-top:14px;padding:0;list-style:none;display:grid}.td-picker button{width:100%;color:var(--jv-text);text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;padding:0 0 8px;display:grid}.td-thumb{aspect-ratio:16/9;box-shadow:0 0 0 1px var(--jv-line-2);background:#000;border-radius:14px;transition:box-shadow .2s;display:block;position:relative;overflow:hidden}.td-thumb img{object-fit:cover;width:100%;height:100%;display:block}.td-picker button[aria-current=true] .td-thumb,.td-picker button:hover .td-thumb{box-shadow:0 0 0 2px var(--jv-cyan), 0 0 30px color-mix(in oklab, var(--jv-cyan) 30%, transparent)}.td-dur{font-family:var(--font-geist-mono), ui-monospace, monospace;background:#05060bbf;border-radius:99px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;right:8px}.td-pk{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--jv-faint);margin-top:6px;font-size:11px}.td-pt{font-size:15px;font-weight:600}.td-picker button:focus-visible{outline:2px solid var(--jv-cyan);outline-offset:3px;border-radius:14px}
