:root{--color-brand: #ee0000;--color-brand-secondary: #e05c2a;--color-brand-dark: #c80000;--color-bg-primary: #f5f5f0;--color-bg-secondary: #eeede8;--color-bg-elevated: #0f0f0f;--color-text: #0f0f0f;--color-text-muted: rgba(0, 0, 0, .6);--color-text-subtle: rgba( 0, 0, 0, .68 );--color-text-faint: rgba( 0, 0, 0, .55 );--header-height: clamp(64px, 4vw + 56px, 72px);--header-clearance: calc(14px + var(--header-height) + 16px);--page-top-gap: 0;--section-px: clamp(.25rem, 3vw, 5rem);--grid-gap: clamp(6px, 1vw, 10px);--section-max-width: 1800px;--footer-max-width: 1200px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-smooth: cubic-bezier(.65, 0, .35, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-peel: cubic-bezier(.77, 0, .175, 1);--ease-peel-last: cubic-bezier(.95, .05, .795, .035);--ease-kit: cubic-bezier(.4, 0, .2, 1);--ease-reveal: cubic-bezier(.22, 1, .36, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .4s;--duration-slower: .45s;--duration-medium: .5s;--duration-reveal: .42s;--glass-blur: blur(12px);--glass-bg: rgb(255 255 255 / 50%);--glass-pill-bg: rgba(255, 255, 255, .16);--glass-pill-bg-scrolled: rgba(255, 255, 255, .24);--z-backdrop: 50;--z-header: 60;--z-nav-sentinel: 59;--z-footer: 40;--z-hero-overlay: 10;--z-carousel-ctrl: 20;--z-carousel-indx: 25;--z-parallax: 5;--z-page-content: 1;--z-page-hero: 0;--z-lightbox: 9999;--z-loader: 10002;--z-loader-word: 10003;--z-skip-link: 10010;--z-modal-backdrop: 1000;--z-modal: 1001;--z-grain-overlay: 9998;--bp-2xs: 320px;--bp-xs: 360px;--bp-400: 400px;--bp-sm: 480px;--bp-520: 520px;--bp-md: 640px;--bp-lg: 768px;--font-display: "Anton", sans-serif;--font-body: "TeX Gyre Heros", Helvetica, Arial, sans-serif;--fs-2xs: .5rem;--fs-xs: .625rem;--fs-sm: .75rem;--fs-md: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fs-5xl: 3.5rem;--color-ui-active: #fff;--sel-dark-bg: rgba(255, 255, 255, .96);--sel-dark-bg-hover: rgba(255, 255, 255, .88);--sel-dark-fg: #0f0f0f;--sel-light-bg: #0f0f0f;--sel-light-bg-hover: #2a2a2a;--sel-light-fg: #ffffff;--color-bg-dark: #0a0a0a;--color-bg-dark-deep: #111113;--color-bg-dark-mid: #141414;--color-bg-dark-raised: #161616;--color-bg-dark-surface: #1e1e1e;--color-bg-dark-card: #1c1c1f;--color-bg-dark-card-hover: #222226;--color-bg-dark-thumb: #161618;--color-bg-dark-thumb-hi: #1e1e20;--skeleton-dark-from: #161616;--skeleton-dark-mid: #262626;--skeleton-dark-peak: #303030;--skeleton-dark-base: #1a1a1a;--skeleton-card-from: #222226;--skeleton-card-mid: #2e2e33;--skeleton-card-peak: #363639;--skeleton-card-mid-sm: #2a2a2e;--shadow-card: 0 4px 16px rgba(0, 0, 0, .12);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .18);--scrollbar-thumb: #c0c0c0;--scrollbar-thumb-hover: #9a9a9a;--touch-target-sm: 44px;--touch-target-md: 48px;--icon-sm: 20px;--icon-md: 24px;--border-subtle: 1px solid rgba(0, 0, 0, .07);--border-chip: 1px solid rgba(0, 0, 0, .18);--border-hover: rgba(0, 0, 0, .14);--radius-sm: 3px;--radius-md: 4px;--radius-lg: 8px;--radius-card: 10px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 999px;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--contact-success: #16a34a;--contact-success-light: #34d399;--contact-success-rgb: 22, 163, 74;--contact-blur: 28px;--contact-slope: 92%;--contact-portrait-scale: 1.12;--contact-portrait-scale-hover: 1.16;--gear-fg-strong: rgba(0, 0, 0, .88);--gear-fg-medium: rgba(0, 0, 0, .6);--gear-fg-muted: rgba(0, 0, 0, .34);--gear-fg-ghost: rgba(0, 0, 0, .14);--gear-row-hover: rgba(0, 0, 0, .04);--gear-row-focus: rgba(0, 0, 0, .03);--gear-sel-bg: rgba(238, 0, 0, .06);--gear-sel-ring: rgba(238, 0, 0, .18);--gear-chip-bg-owned: rgba(0, 0, 0, .06);--gear-chip-bg-owned-sel: rgba(238, 0, 0, .1);--gear-chip-fg-owned: rgba(0, 0, 0, .78);--gear-chip-fg-owned-sel: rgba(0, 0, 0, .88);--gear-chip-fg-ghost: rgba(0, 0, 0, .5);--gear-chip-h: 20px;--gear-chip-min-w: 32px}@font-face{font-family:TeX Gyre Heros;src:url(/assets/fonts/heros/texgyreheros-regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TeX Gyre Heros;src:url(/assets/fonts/heros/texgyreheros-italic-webfont.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:TeX Gyre Heros;src:url(/assets/fonts/heros/texgyreheros-bold-webfont.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TeX Gyre Heros;src:url(/assets/fonts/heros/texgyreheros-bolditalic-webfont.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:TeX Gyre Heros Cn;src:url(/assets/fonts/heros/texgyreheroscn-regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:TeX Gyre Heros Cn;src:url(/assets/fonts/heros/texgyreheroscn-italic-webfont.woff2) format("woff2");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:TeX Gyre Heros Cn;src:url(/assets/fonts/heros/texgyreheroscn-bold-webfont.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:TeX Gyre Heros Cn;src:url(/assets/fonts/heros/texgyreheroscn-bolditalic-webfont.woff2) format("woff2");font-weight:700;font-style:italic;font-display:block}@font-face{font-family:Anton;src:url(/assets/fonts/anton/Anton-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Caveat;src:url(/assets/fonts/caveat/caveat-bold-latin-ext.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;src:url(/assets/fonts/caveat/caveat-bold-latin.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}html{background-color:#000;font-family:TeX Gyre Heros,Arial,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;letter-spacing:-.005em}body{color:var(--color-text);overflow-x:hidden;margin:0;padding:0;background-color:#000;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:contents}*{overflow-wrap:break-word;-webkit-tap-highlight-color:transparent}figure,blockquote{margin:0}img,video,svg,canvas{max-width:100%}img:not(.giv__img):not(.img-load-error):not(.no-fade){background:var(--color-bg-elevated);color:transparent}:where(body.angular-loaded img:not(.no-fade):not(.parallax-img)){opacity:0;transition-property:opacity;transition-duration:.4s;transition-timing-function:var(--ease-out-expo)}:where(body.angular-loaded img.is-loaded){opacity:1}::selection{background-color:var(--color-brand);color:#fff}.reveal-hidden{transform:translateY(24px);transition:transform .5s cubic-bezier(0,0,.2,1) var(--reveal-delay, 0ms)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-to-main{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-120%);z-index:var(--z-skip-link);padding:.6em 1.4em;background:var(--color-brand);color:#fff;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:var(--radius-full);transition:transform .15s ease}.skip-to-main:focus{transform:translate(-50%) translateY(0);outline:3px solid #fff;outline-offset:2px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none;width:0;height:0}.scrollbar-hide::-webkit-scrollbar-track,.scrollbar-hide::-webkit-scrollbar-thumb,.scrollbar-hide::-webkit-scrollbar-corner{display:none}.font-condensed{font-family:TeX Gyre Heros Cn,Arial,ui-sans-serif,system-ui,sans-serif}.section-lg{padding-top:clamp(2.5rem,1.57rem + 2.32vw,5rem);padding-bottom:clamp(2.5rem,1.57rem + 2.32vw,5rem)}.section-sm,.section-img{padding-top:clamp(1rem,.79rem + .71vw,1.5rem);padding-bottom:clamp(1rem,.79rem + .71vw,1.5rem)}.section-px{padding-left:var(--section-px);padding-right:var(--section-px)}.section-contain{max-width:var(--section-max-width);margin-left:auto;margin-right:auto}.wide-mode .section-contain{max-width:none}.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.6em 1.4em;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid rgba(0,0,0,.18);background:#0000000d;color:var(--color-text);text-decoration:none;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) ease;cursor:pointer;white-space:nowrap}.btn-pill:hover{background:#0000001a;border-color:#0000004d;transform:scale(1.03)}.btn-pill:active{transform:scale(.97);transition-duration:80ms}.btn-pill-brand{background:var(--color-brand);border-color:var(--color-brand)}.btn-pill-brand:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark);transform:scale(1.03);box-shadow:0 0 24px #ee000040,0 8px 20px #0000004d}.btn-pill:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn-pill-brand:focus-visible{outline-color:#fff;outline-offset:2px}.btn-pill:disabled,.btn-pill[aria-disabled=true]{opacity:.38;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}:root{--shimmer-duration: 2.4s}.skeleton{background:linear-gradient(90deg,var(--skeleton-dark-from) 0%,var(--skeleton-dark-mid) 40%,var(--skeleton-dark-peak) 50%,var(--skeleton-dark-mid) 60%,var(--skeleton-dark-from) 100%);background-size:200% 100%;animation:skeleton-shimmer var(--shimmer-duration) var(--ease-in-out-smooth) infinite;border-radius:var(--radius-md, 4px)}.skeleton[data-shimmer=paused]{animation:none}.skeleton--light{background:linear-gradient(90deg,#0000000a,#00000017 40%,#0000001f,#00000017 60%,#0000000a);background-size:200% 100%;animation:skeleton-shimmer var(--shimmer-duration) var(--ease-in-out-smooth) infinite;border-radius:var(--radius-md, 4px)}.skeleton--light[data-shimmer=paused]{animation:none}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-shimmer-reverse{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.img-error{display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);color:var(--color-text-faint);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase}.img-error--light{background:#f5f5f5;color:#00000040}app-cinematic-tips,app-film-youtubers,app-worth-watching,app-collaborations{--color-list-page-bg: var(--color-bg-dark-deep);--color-bg-primary: var(--color-list-page-bg);--color-bg-secondary: var(--color-list-page-bg);--color-bg-elevated: #0f0f0f;display:block}app-cinematic-tips .page-layout,app-film-youtubers .page-layout,app-worth-watching .page-layout,app-collaborations .page-layout{background:var(--color-list-page-bg);border-bottom-left-radius:0;border-bottom-right-radius:0}.list-hero{padding-top:var(--page-top-gap);padding-bottom:clamp(1rem,2vw,1.5rem)}.list-hero__card{--_card-bg: rgb(10, 10, 12);background:linear-gradient(180deg,#ffffff0a,#fff0 40%),var(--_card-bg);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg, 12px);padding:clamp(.75rem,1.5vw,1.1rem) clamp(.625rem,2vw,1.5rem);box-shadow:0 1px #ffffff0a inset,0 12px 40px #00000047,0 2px 6px #0000002e}.list-hero__inner{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(12px,2vw,20px);margin-bottom:clamp(10px,1.4vw,14px);min-width:0}.list-hero__left{display:flex;align-items:baseline;gap:.55rem;min-width:0;flex:0 1 auto}.list-hero__right{display:flex;align-items:center;gap:clamp(6px,1vw,10px);margin-left:auto;flex:0 0 auto}.list-hero__search{position:relative;flex:1 1 auto;min-width:0;max-width:clamp(180px,30vw,360px)}.list-hero__title{font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.list-hero__count{font-size:var(--fs-sm);letter-spacing:.06em;color:#ffffff8c;white-space:nowrap}.list-hero__search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#fff6;pointer-events:none;transition:color .16s ease}.list-hero__search:focus-within .list-hero__search-icon{color:#0000008c}.list-hero__search .tips-search{background:#ffffff12;border-color:#ffffff1a;color:#fff;letter-spacing:.02em;padding-left:2.65rem;padding-right:2.2rem;min-height:36px}.list-hero__search .tips-search::placeholder{color:#ffffff6b}.list-hero__search .tips-search:hover{background:#ffffff1f;border-color:#ffffff2e}.list-hero__search .tips-search:focus{background:#fffffff5;border-color:#0003;color:var(--color-text);box-shadow:0 0 0 4px #ffffff14}.list-hero__search .tips-search-clear{color:#ffffff73}.list-hero__search .tips-search-clear:hover{color:#ffffffd9}.list-hero__search:focus-within .tips-search-clear{color:#0006}.list-hero__search:focus-within .tips-search-clear:hover{color:#000000b3}.list-hero__chips{--qf-fade-bg: rgb(10, 10, 12);min-width:0;overflow:clip}.list-hero__slider{display:flex;flex-shrink:0}.card-grid{--thumb-size: 300px;--thumb-max: 720px;display:grid;gap:var(--grid-gap)}.card-grid:not(.card-grid--list){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--thumb-size, var(--thumb-size-default, 300px))),1fr))}.card-grid:not(.card-grid--list) .tip-card{min-width:0}.card-grid:not(.card-grid--list) .tip-card__visual{width:100%}.card-grid--sm:not(.card-grid--list){gap:0;border-radius:var(--radius-lg);overflow:hidden}.card-grid--sm:not(.card-grid--list) .tip-card__visual{container-type:normal}.card-grid--sm:not(.card-grid--list) .tip-card__overlay{display:flex;flex-direction:column;position:absolute;bottom:4px;left:4px;max-width:calc(100% - 8px);background:#000000b8;border-radius:4px;padding:3px 6px;gap:1px;pointer-events:none;z-index:1}.tip-card__thumb-link{display:block;text-decoration:none;color:inherit;overflow:hidden}.card-grid:not(.card-grid--list) .tip-card__thumb-link{width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-list-page-bg)}.card-grid--list .tip-card__thumb-link{border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow:hidden;align-self:stretch;background:var(--color-list-page-bg)}.tip-card__thumb-link .tip-card__visual{border-radius:0}.card-grid--list .tip-card__thumb-link .tip-card__visual{flex:none;min-width:unset;align-self:unset;width:100%;border-radius:0}.tip-card__thumb-link .tip-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:linear-gradient(110deg,#1a1a1e 30%,#2a2a30,#1a1a1e 70%);background-size:300% 100%;animation:skeleton-shimmer var(--shimmer-duration) ease-in-out infinite;opacity:0;transition:opacity .3s ease,transform .6s var(--ease-out-expo),filter var(--duration-fast) ease}.tip-card__thumb-link .tip-card__img[data-shimmer=paused]{animation:none}.tip-card__thumb-link .tip-card__img.is-loaded{opacity:1;background:none;animation:none}.tip-card__thumb-link .tip-card__img.img-load-error{display:none}.card-grid--md:not(.card-grid--list) .tip-card:hover .tip-card__thumb-link .tip-card__img.is-loaded,.card-grid--lg:not(.card-grid--list) .tip-card:hover .tip-card__thumb-link .tip-card__img.is-loaded{will-change:transform;transform:scale(1.04);filter:brightness(1.1) saturate(1.2) contrast(1.05)}.card-grid--list .tip-card:hover .tip-card__thumb-link .tip-card__img{transform:none;filter:none}.tip-card__title-link{display:block;color:inherit;text-decoration:none;transition:color var(--duration-fast) ease}.tip-card__title-link:hover{color:var(--color-brand)}.tip-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary);transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.tip-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f}.tip-card__visual{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-bg-dark-mid);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateZ(0)}.tip-card__visual:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,var(--color-bg-dark-surface) 0%,var(--color-bg-dark-mid) 50%,var(--color-bg-dark) 100%);pointer-events:none;z-index:0}.tip-card__body{display:flex;flex-direction:column;gap:6px;padding:clamp(.55rem,1.5vw,.75rem);flex:1;border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:background var(--duration-normal) var(--ease-out-expo)}.tip-card__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:400;line-height:1.15;color:var(--color-text);text-transform:uppercase;letter-spacing:.01em;margin:0}.tip-card__desc{font-size:var(--fs-sm);line-height:1.55;color:var(--color-text-subtle);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tip-card__overlay{display:none}.tip-card__overlay-title{font-family:var(--font-display);font-size:clamp(.6rem,1.2vw,1rem);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tip-card__overlay-source{font-size:clamp(.6rem,1vw,.7rem);letter-spacing:.03em;line-height:1.3;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.tip-card__overlay-source{pointer-events:auto;text-decoration:none;transition:color .18s ease}a.tip-card__overlay-source:hover{color:#ffffffe6}.tip-list__empty{padding:clamp(48px,10vw,96px) 0;text-align:center;color:var(--color-text-faint);font-size:var(--fs-lg);letter-spacing:.08em;display:flex;flex-direction:column;align-items:center;gap:14px}.tip-list__empty-icon{opacity:.3}.tip-list__error{color:#e05050}.view-toggle{appearance:none;border:none;position:relative;display:flex;align-items:center;background:#ffffff12;border-radius:var(--radius-full);padding:3px;cursor:pointer;height:36px;width:72px;flex-shrink:0;transition:background .16s ease,transform .16s ease}.view-toggle:hover{background:#ffffff24}.view-toggle:active{transform:scale(.97)}.view-toggle:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.view-toggle__slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:#ffffffeb;border-radius:var(--radius-full);transition:transform .25s var(--ease-kit);pointer-events:none}.view-toggle--list .view-toggle__slider{transform:translate(100%)}.view-toggle__icon{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff59;transition:color .25s var(--ease-kit)}.view-toggle__icon svg{width:15px;height:15px}.view-toggle__icon--active{color:var(--color-text)}.card-skeleton{border-radius:var(--radius-lg);overflow:hidden;background:var(--skeleton-dark-base)}.card-skeleton__thumb{aspect-ratio:16 / 9;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(110deg,var(--color-bg-dark-mid) 40%,var(--color-bg-dark-surface) 50%,var(--color-bg-dark-mid) 60%);background-size:200% 100%;animation:skeleton-shimmer var(--shimmer-duration) ease-in-out infinite}.card-skeleton__thumb[data-shimmer=paused]{animation:none}.card-skeleton__body{display:flex;flex-direction:column;gap:10px;padding:16px}.card-skeleton__title{width:80%;height:16px;background:var(--color-bg-dark-surface);border-radius:var(--radius-md)}.card-skeleton__channel{width:40%;height:12px;background:var(--color-bg-dark-surface);border-radius:var(--radius-md)}.card-skeleton__desc{width:95%;height:12px;background:var(--color-bg-dark-surface);border-radius:var(--radius-md)}.card-grid--list{grid-template-columns:1fr;gap:var(--grid-gap)}.card-grid--list .tip-card{flex-direction:row;align-items:flex-start;border-radius:var(--radius-lg)}.card-grid--list .tip-card__visual{flex:0 0 clamp(100px,var(--thumb-size, 160px),var(--thumb-max, 720px));min-height:clamp(56px,calc(var(--thumb-size, 160px) * 9 / 16),calc(var(--thumb-max, 720px) * 9 / 16));border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow:hidden;align-self:stretch}.card-grid--list .tip-card__body{flex:1 1 0;min-width:120px;align-self:stretch;justify-content:flex-start;padding:clamp(8px,1.2vw,14px) clamp(10px,1.5vw,16px);gap:4px;border-radius:0}.card-grid--list .tip-card__title{font-size:var(--fs-lg)}.card-grid--list .tip-card__desc{font-size:var(--fs-md);line-height:1.5;color:var(--color-text-subtle);display:block;-webkit-line-clamp:unset;overflow:visible}.card-grid--list .tip-card:hover{transform:none;box-shadow:none;background:var(--color-bg-elevated)}.card-grid--list .card-skeleton{display:flex;flex-direction:row;align-items:stretch}.card-grid--list .card-skeleton__thumb{flex:0 0 clamp(100px,var(--thumb-size, 160px),var(--thumb-max, 720px));min-width:80px;aspect-ratio:16 / 9;border-radius:var(--radius-lg) 0 0 var(--radius-lg);align-self:flex-start}.card-grid--list .card-skeleton__body{flex:1;justify-content:center;padding:10px 14px;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.card-grid--list .card-skeleton__desc{display:none}.card-grid--sm:not(.card-grid--list) .tip-card__body{display:none}.card-grid--sm:not(.card-grid--list) .tip-card{border-radius:0;content-visibility:visible}.card-grid--sm:not(.card-grid--list) .tip-card__visual{border-radius:0}.card-grid--sm:not(.card-grid--list) .tip-card__thumb-link{border-radius:0}.card-grid--sm:not(.card-grid--list) .tip-card:hover{transform:none;box-shadow:none}.card-grid--sm:not(.card-grid--list) .tip-card__thumb-link .tip-card__img,.card-grid--sm:not(.card-grid--list) .tip-card__img-btn .tip-card__img{will-change:auto;animation:none;background:none;transition:none}.card-grid--sm:not(.card-grid--list) .tip-card__img-btn .tip-card__img:not(.img-load-error){opacity:1}.card-grid--sm:not(.card-grid--list) .reveal-hidden{transform:none;transition:none}.dark-list-section{padding-top:var(--page-top-gap)}.dark-list-section .tip-card{background:var(--color-list-page-bg);border:none}.dark-list-section .tip-card__body{background:var(--color-bg-dark-card);border-radius:0}.dark-list-section .card-grid--list .tip-card__body{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.dark-list-section .tip-card__visual{background-color:var(--color-bg-dark-mid)}.dark-list-section .tip-card__visual:before{background:linear-gradient(145deg,var(--color-bg-dark-surface) 0%,var(--color-bg-dark-mid) 50%,var(--color-bg-dark) 100%)}.dark-list-section .tip-card__thumb-link .tip-card__visual{background-color:var(--color-bg-dark-thumb)}.dark-list-section .tip-card__thumb-link .tip-card__visual:before{background:linear-gradient(145deg,var(--color-bg-dark-thumb-hi) 0%,var(--color-bg-dark-thumb) 50%,var(--color-fp-bg, #0e0e10) 100%)}.dark-list-section .card-grid:not(.card-grid--list) .tip-card:hover{box-shadow:0 8px 24px #0006,0 2px 8px #0000003d}.dark-list-section .card-grid:not(.card-grid--list) .tip-card:hover .tip-card__body,.dark-list-section .card-grid--list .tip-card:hover .tip-card__body{background:var(--color-bg-dark-card-hover)}.dark-list-section .card-grid--list .tip-card:hover{background:var(--color-list-page-bg)}.dark-list-section .tip-card__title{color:#ffffffeb}.dark-list-section .tip-card__desc,.dark-list-section .card-grid--list .tip-card__desc{color:#ffffffa6}.dark-list-section .tip-card__source{color:#ffffff8c}.dark-list-section .tip-card__source-name{color:#ffffff80}.dark-list-section .tip-card__source-meta{color:#ffffff8c}.dark-list-section a.tip-card__source:hover,.dark-list-section a.tip-card__source:focus-visible{color:#fff9}.dark-list-section .tip-card__title-link{color:#ffffffeb}.dark-list-section .tip-card__channel{color:#ffffff8c}.dark-list-section .tip-card__channel:hover{color:var(--color-brand)}.dark-list-section .tip-card__note,.dark-list-section .tip-card__note--link{color:#ffffff8c}.dark-list-section .tip-card__note--link:hover{color:var(--color-brand)}.dark-list-section .tip-list__empty{color:#ffffff8c}.dark-list-section .card-skeleton{background:var(--color-bg-dark-card)}.dark-list-section .card-skeleton__thumb{background:linear-gradient(110deg,var(--skeleton-card-from) 40%,var(--skeleton-card-mid) 50%,var(--skeleton-card-from) 60%);background-size:200% 100%;animation:skeleton-shimmer var(--shimmer-duration) ease-in-out infinite}.dark-list-section .card-skeleton__thumb[data-shimmer=paused]{animation:none}.dark-list-section .card-skeleton__title,.dark-list-section .card-skeleton__channel,.dark-list-section .card-skeleton__desc{background:var(--skeleton-card-mid-sm)}.dark-list-section .card-grid--sm:not(.card-grid--list) .card-skeleton{background:var(--color-bg-dark-card-hover)}.dark-list-section .card-grid--sm:not(.card-grid--list) .card-skeleton__thumb{border-radius:0}.dark-list-section .card-grid--sm:not(.card-grid--list) .card-skeleton__body{display:none}.tips-search{width:100%;appearance:none;background:var(--color-bg-primary);border:1px solid rgba(0,0,0,.16);border-radius:var(--radius-full);color:var(--color-text);font-family:inherit;font-size:var(--fs-sm);letter-spacing:.02em;padding:.55rem 2.2rem .55rem 1.1rem;min-height:36px;transition:border-color .16s ease,background .16s ease,color .16s ease}.tips-search::-webkit-search-cancel-button,.tips-search::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.tips-search:focus:not(:focus-visible){outline:none}.tips-search::placeholder{color:var(--color-text-faint)}.tips-search:focus{border-color:#00000052;background:var(--color-bg-primary)}.tips-search:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.tips-search-clear{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-faint);cursor:pointer;line-height:1;width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:color .16s ease,background .16s ease}.tips-search-clear:hover{color:var(--color-text-muted);background:#0000000f}.tips-search-clear:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.tips-search-clear svg{width:12px;height:12px}@media(max-width:40em){.list-hero__count{display:none}.list-hero__inner{flex-wrap:wrap}.list-hero__left{flex:1 1 100%}.list-hero__right{flex:1 1 100%;margin-left:0}.list-hero__search{flex:1 1 auto;max-width:none}}app-cinematic-tips{--thumb-size-default: 300px}.tip-card__img-btn{position:absolute;inset:0;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.tip-card__img-btn .tip-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:linear-gradient(110deg,#1a1a1e 30%,#2a2a30,#1a1a1e 70%);background-size:300% 100%;animation:skeleton-shimmer var(--shimmer-duration) ease-in-out infinite;opacity:0;transition:opacity .3s ease,filter var(--duration-fast) ease}.tip-card__img-btn .tip-card__img[data-shimmer=paused]{animation:none}.tip-card__img-btn .tip-card__img.is-loaded{opacity:1;background:none;animation:none}.tip-card__img-btn .tip-card__img.img-load-error{display:none}.card-grid--md:not(.card-grid--list) .tip-card__img-btn .tip-card__img.is-loaded,.card-grid--lg:not(.card-grid--list) .tip-card__img-btn .tip-card__img.is-loaded{filter:brightness(1) saturate(1) contrast(1);transition:filter .18s ease}.tip-card__img-btn:hover .tip-card__img.is-loaded{filter:brightness(1.1) saturate(1.2) contrast(1.05)}.tip-card__img-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.tip-card__title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .5rem;min-width:0}.tip-card__source{flex-basis:100%;font-size:var(--fs-sm);letter-spacing:.04em;color:var(--color-text-faint)}.tip-card__source-name{font-weight:600;color:inherit}.tip-card__source-meta{font-weight:400;color:var(--color-text-faint);letter-spacing:.03em}a.tip-card__source{text-decoration:none;transition:color .18s ease}a.tip-card__source:hover,a.tip-card__source:focus-visible{color:var(--color-text-muted)}.card-grid--sm:not(.card-grid--list) .tip-card__overlay-source{display:none}.card-grid--sm:not(.card-grid--list) .tip-card__overlay-title{-webkit-line-clamp:1}app-film-youtubers{--thumb-size-default: 200px}app-film-youtubers .card-grid:not(.card-grid--list) .tip-card__visual{height:auto;aspect-ratio:1 / 1}app-film-youtubers .tip-card__img{object-position:center top}app-film-youtubers .card-skeleton__thumb{aspect-ratio:1 / 1}app-film-youtubers .tip-card__note-wrap{padding-top:6px}app-film-youtubers .tip-card__note,app-film-youtubers .tip-card__note--link{font-size:var(--fs-sm);font-weight:500;letter-spacing:.02em}app-film-youtubers .tip-card__note{color:var(--color-text-faint);font-style:italic}app-film-youtubers .tip-card__note--link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);text-decoration:none;font-style:normal;transition:color var(--duration-fast) ease;min-height:28px;padding:0 2px}app-film-youtubers .tip-card__note--link:hover{color:var(--color-brand)}app-film-youtubers .tip-card__note-icon{width:12px;height:12px;flex-shrink:0;opacity:.5;transition:opacity var(--duration-fast) ease}app-film-youtubers .tip-card__note--link:hover .tip-card__note-icon{opacity:1;color:var(--color-brand)}app-film-youtubers .card-grid--md:not(.card-grid--list) .tip-card__note-wrap{display:none}app-film-youtubers .card-grid--lg:not(.card-grid--list) .tip-card__desc{-webkit-line-clamp:4}app-film-youtubers .card-grid--list .tip-card__thumb-link{flex:0 0 clamp(72px,var(--thumb-size, 100px),var(--thumb-max, 480px));min-width:56px}app-film-youtubers .card-grid--list .tip-card__visual{aspect-ratio:1 / 1}app-film-youtubers .card-grid--list .tip-card__img{object-fit:contain;object-position:center center}app-film-youtubers .card-grid--list .tip-card__note-wrap{display:none}app-film-youtubers .card-grid--list .card-skeleton__thumb{aspect-ratio:1 / 1}app-collaborations{--thumb-size-default: 200px}app-collaborations .card-grid:not(.card-grid--list) .tip-card__visual{height:auto;aspect-ratio:1 / 1}app-collaborations .tip-card__img{object-position:center top}app-collaborations .card-skeleton__thumb{aspect-ratio:1 / 1}app-collaborations .card-grid--lg:not(.card-grid--list) .tip-card__desc{-webkit-line-clamp:4}app-collaborations .card-grid--list .tip-card__thumb-link{flex:0 0 clamp(72px,var(--thumb-size, 100px),var(--thumb-max, 480px));min-width:56px}app-collaborations .card-grid--list .tip-card__visual{aspect-ratio:1 / 1}app-collaborations .card-grid--list .tip-card__img{object-fit:contain;object-position:center center}app-collaborations .card-grid--list .card-skeleton__thumb{aspect-ratio:1 / 1}app-worth-watching{--thumb-size-default: 300px}app-worth-watching .tip-card__channel{display:block;font-size:var(--fs-sm);font-weight:500;letter-spacing:.04em;color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-worth-watching .tip-card__channel:hover{color:var(--color-brand)}app-worth-watching .card-grid--list .tip-card__thumb-link{flex:0 0 clamp(100px,var(--thumb-size, 160px),var(--thumb-max, 720px));min-width:80px}