@font-face{font-family:Inter Variable;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-variable-4.1-latin.woff2)format("woff2");unicode-range:U+20-7E,U+A0-AC,U+AE-148,U+14A-17F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20A?,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+2192,U+221E,U+25A0,U+25B2,U+25BC,U+25C6,U+25CB,U+25CF,U+2605,U+2661,U+266A}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--neutral-0:oklch(100% 0 0);--neutral-50:oklch(96% .006 265);--neutral-100:oklch(93.5% .01 265);--neutral-200:oklch(88% .01 265);--neutral-300:oklch(80% .008 265);--neutral-400:oklch(71% .008 265);--neutral-600:oklch(48% .008 265);--neutral-700:oklch(36% .008 265);--neutral-800:oklch(33% .02 265);--neutral-850:oklch(27.3% .024 265);--neutral-900:oklch(21% .022 265);--neutral-950:oklch(16.8% .02 265);--primary-50:oklch(96.5% .018 17);--primary-200:oklch(87% .072 17);--primary-300:oklch(79% .115 17);--primary-400:oklch(70% .19 17);--primary-600:oklch(57% .185 17);--primary-700:oklch(49% .155 17);--primary-800:oklch(42% .125 17);--bg:var(--neutral-950);--surface:var(--neutral-900);--surface-muted:var(--neutral-850);--border:var(--neutral-800);--fg:var(--neutral-50);--fg-secondary:var(--neutral-300);--fg-muted:var(--neutral-400);--primary:var(--primary-400);--primary-hover:var(--primary-300);--accent:var(--primary-800);--accent-fg:var(--primary-200);--brand:oklch(64.8% .222 16.9);--media:oklch(0% 0 0);--on-media:oklch(100% 0 0);--text-caption:.75rem;--text-caption-lh:1rem;--text-body:.875rem;--text-body-lh:1.25rem;--text-headline:1rem;--text-headline-lh:1.5rem;--text-title:1.25rem;--text-title-lh:1.75rem;--text-page:1.5rem;--text-page-lh:2rem;--font-body:"Inter Variable", "Hiragino Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-pill:9999px;--shadow-sm:0 1px 3px 0 oklch(0% 0 0/.12), 0 1px 2px -1px oklch(0% 0 0/.12);--shadow-lg:0 10px 15px -3px oklch(0% 0 0/.15), 0 4px 6px -4px oklch(0% 0 0/.15);--spacing-row:clamp(.75rem, .6rem + .5vw, 1.25rem);--spacing-section:clamp(1.25rem, 1rem + 1vw, 2rem);--grid-gap-x:.75rem;--grid-gap-y:1.25rem;--page-max:80rem;--dock-h:3.25rem;--dock-offset:.75rem;--dock-clearance:calc(var(--dock-h) + 2 * var(--dock-offset) + env(safe-area-inset-top,0px));--dock-w:min(calc(100vw - 2rem), var(--page-max));--glass-blur:saturate(110%) blur(16px);--glass-regular:color-mix(in oklch, var(--surface) 80%, transparent);--glass-edge:0 0 0 1px oklch(100% 0 0/.1), inset 0 1px 0 0 oklch(100% 0 0/.1), inset 0 0 0 1px oklch(100% 0 0/.05);--ease-standard:cubic-bezier(0, 0, .2, 1);--duration-fast:.1s;--duration-base:.15s}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--text-body-lh);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(100% - 2rem, var(--page-max));margin-inline:auto}.dock{z-index:50;inline-size:var(--dock-w);block-size:var(--dock-h);border-radius:var(--radius-pill);background-color:var(--glass-regular);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge);align-items:center;gap:.125rem;margin-inline:auto;padding:.25rem;display:flex;position:fixed;inset-block-start:calc(var(--dock-offset) + env(safe-area-inset-top,0px));inset-inline:0}.dock-item{border-radius:var(--radius-pill);block-size:100%;min-inline-size:2.75rem;font-size:var(--text-body);font-weight:500;line-height:var(--text-body-lh);white-space:nowrap;color:var(--fg-secondary);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), scale var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;gap:.35rem;padding-inline:.875rem;display:inline-flex}.dock-item:active{scale:.97}.dock-item[aria-current=page]{background-color:var(--surface-muted);color:var(--fg)}@media (hover:hover){.dock-item:hover{background-color:var(--surface-muted);color:var(--fg)}}.dock-brand{letter-spacing:.02em;gap:.5rem;padding-inline:.5rem .875rem;font-weight:700}.mark{background:var(--brand);color:#fff;border-radius:8px;place-items:center;block-size:1.75rem;inline-size:1.75rem;font-size:.875rem;font-weight:800;display:inline-grid}.dock-meta{color:var(--fg-muted);font-size:var(--text-caption);white-space:nowrap;margin-inline-start:auto;padding-inline:.875rem}main{padding-block-start:calc(var(--dock-clearance) + var(--spacing-section));padding-block-end:var(--spacing-section)}.page-head{align-items:baseline;gap:.75rem;margin-block-end:var(--spacing-section);display:flex}.page-head h1{font-size:var(--text-page);line-height:var(--text-page-lh);letter-spacing:-.01em;margin:0;font-weight:700}.page-head p{color:var(--fg-muted);font-size:var(--text-caption);line-height:var(--text-caption-lh);font-variant-numeric:tabular-nums;margin:0}.section-title{margin:0 0 var(--spacing-row);font-size:var(--text-title);line-height:var(--text-title-lh);font-weight:650}.grid{column-gap:var(--grid-gap-x);row-gap:var(--grid-gap-y);grid-template-columns:repeat(auto-fill,minmax(232px,1fr));display:grid}.card{flex-direction:column;min-width:0;display:flex}.card .cover{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm), 0 0 0 1px color-mix(in oklch, var(--border) 60%, transparent);transition:transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);display:block;position:relative;overflow:hidden}@media (hover:hover){.card:hover .cover{box-shadow:var(--shadow-lg), 0 0 0 1px var(--border);transform:translateY(-2px)}}.card .cover img{object-fit:cover;width:100%;height:100%}.card .badge{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--on-media);font-size:var(--text-caption);line-height:var(--text-caption-lh);font-variant-numeric:tabular-nums;background:oklch(0% 0 0/.62);padding:2px 7px;position:absolute;bottom:.5rem;right:.5rem}.card .card-body{padding-block-start:.6rem}.card .card-title{min-block-size:calc(2 * var(--text-body-lh));-webkit-line-clamp:2;font-size:var(--text-body);line-height:var(--text-body-lh);color:var(--fg);-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}@media (hover:hover){.card:hover .card-title{color:var(--primary)}}.card .chips{flex-wrap:wrap;gap:.35rem;margin-block-start:.5rem;display:flex}.chip{border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--fg-secondary);font-size:var(--text-caption);line-height:var(--text-caption-lh);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);align-items:center;padding:2px 8px;display:inline-flex}@media (hover:hover){.chip:hover{background:var(--surface-muted);color:var(--fg)}}.pager{font-size:var(--text-body);justify-content:center;align-items:center;gap:.5rem;margin-block-start:var(--spacing-section);display:flex}.pager a,.pager span{border-radius:var(--radius-pill);background:var(--surface);color:var(--fg-muted);padding:.45rem .9rem}.pager .current{background:var(--accent);color:var(--accent-fg)}@media (hover:hover){.pager a:hover{background:var(--surface-muted);color:var(--fg)}}.watch{gap:var(--spacing-section);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}@media (width<=1023px){.watch{grid-template-columns:1fr}}.player{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--media);box-shadow:var(--shadow-sm), 0 0 0 1px color-mix(in oklch, var(--border) 60%, transparent);position:relative;overflow:hidden}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.watch h1{font-size:var(--text-title);line-height:var(--text-title-lh);letter-spacing:-.005em;margin:.9rem 0 .35rem;font-weight:650}.watch .meta{color:var(--fg-muted);font-size:var(--text-caption);line-height:var(--text-caption-lh);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.6rem;display:flex}.watch .meta a{color:var(--fg-secondary);text-underline-offset:2px;text-decoration:underline}.watch .chips{flex-wrap:wrap;gap:.4rem;margin-block-start:.75rem;display:flex}.side h2{margin:0 0 var(--spacing-row);font-size:var(--text-headline);line-height:var(--text-headline-lh);font-weight:600}.side-list{gap:.6rem;display:grid}.side-item{grid-template-columns:148px 1fr;align-items:start;gap:.6rem;display:grid}.side-item .cover{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--surface);display:block;position:relative;overflow:hidden}.side-item .cover img{object-fit:cover;width:100%;height:100%}.side-item .info{min-width:0;padding-block-start:.15rem}.side-item .info a{-webkit-line-clamp:2;font-size:var(--text-caption);line-height:var(--text-caption-lh);-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}@media (hover:hover){.side-item:hover .info a{color:var(--primary)}}.side-item .info span{color:var(--fg-muted);font-size:var(--text-caption);line-height:var(--text-caption-lh);font-variant-numeric:tabular-nums;margin-block-start:.15rem;display:block}.tag-cloud{flex-wrap:wrap;gap:.5rem;display:flex}.tag-cloud a{border-radius:var(--radius-pill);background:var(--surface);color:var(--fg-secondary);font-size:var(--text-body);transition:background-color var(--duration-fast) var(--ease-standard);align-items:baseline;gap:.35rem;padding:.4rem .75rem;display:inline-flex}@media (hover:hover){.tag-cloud a:hover{background:var(--surface-muted);color:var(--fg)}}.tag-cloud b{color:var(--fg-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:500}.site-footer{padding-block:.75rem calc(1.5rem + env(safe-area-inset-bottom,0px));color:var(--fg-muted);font-size:var(--text-caption);line-height:var(--text-caption-lh)}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.site-footer .brandline{color:var(--fg);align-items:center;gap:.5rem;display:inline-flex}.site-footer nav ul{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.site-footer a:hover{color:var(--fg)}.empty{color:var(--fg-muted);padding:3rem 0}.prose-page{max-width:46rem;color:var(--fg-muted)}.prose-page p{margin:0 0 .9rem}.prose-page a{color:var(--fg);text-underline-offset:2px;text-decoration:underline}