@layer properties,theme,base;@layer components{.trend-landing{--th-new:var(--tl-accent);--th-new-ink:var(--tl-accent-ink);--th-hot:oklch(74% .19 48);--th-hot-ink:oklch(16% 0 0)}.th-card{border-radius:var(--tl-radius);border:1px solid var(--border);background:var(--card);height:100%;color:var(--card-foreground);flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.th-card:hover{border-color:color-mix(in oklch, var(--tl-accent) 60%, var(--border));transform:translateY(-2px)}.th-card:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.th-card-media{aspect-ratio:4/5;background:var(--muted);position:relative;overflow:hidden}.th-card-media>img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.th-card:hover .th-card-media>img{transform:scale(1.04)}.th-card[data-status=retired] .th-card-media>img{filter:grayscale(.8);opacity:.75}.th-badges{gap:.375rem;display:flex;position:absolute;top:.625rem;left:.625rem}.th-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.68rem;font-weight:700;line-height:1.2;display:inline-flex}.th-badge[data-badge=new]{background:var(--th-new);color:var(--th-new-ink)}.th-badge[data-badge=hot]{background:var(--th-hot);color:var(--th-hot-ink)}.th-badge[data-badge=silent]{color:oklch(97% 0 0);background:oklch(12% 0 0/.8);border:1px solid oklch(100% 0 0/.22)}.th-badge[data-badge=retired]{color:var(--muted-foreground);border:1px solid var(--border);background:oklch(8% 0 0/.75)}.th-badge[data-inline]{vertical-align:.1em;margin-left:.5rem;padding:.1rem .45rem;font-size:.62rem}.th-table-wrap{overscroll-behavior-x:contain;border-radius:var(--tl-radius);border:1px solid var(--border);background:var(--card);-webkit-overflow-scrolling:touch;background-image:linear-gradient(to right, var(--card), var(--card)), linear-gradient(to left, var(--card), var(--card)), linear-gradient(to right, oklch(0% 0 0/.5), transparent), linear-gradient(to left, oklch(0% 0 0/.5), transparent);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:1.5rem 100%,1.5rem 100%,.75rem 100%,.75rem 100%;background-attachment:local,local,scroll,scroll;position:relative;overflow-x:auto}.th-table-wrap:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.th-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:40rem;font-size:.875rem}.th-table th,.th-table td{white-space:nowrap;border-top:1px solid var(--border);padding:.9rem 1rem}.th-table thead th{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);border-top:0;font-size:.72rem;font-weight:600}.th-table tbody th{font-weight:600}.th-table tbody tr:hover>*{background:color-mix(in oklch, var(--tl-accent) 6%, var(--card))}.th-table .th-sticky{z-index:1;background:var(--card);box-shadow:1px 0 0 var(--border);position:sticky;left:0}.th-table a{color:inherit;text-underline-offset:4px}.th-table a:hover{text-decoration:underline}.th-table a:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:2px}.th-chip{border:1px solid var(--border);min-height:2.75rem;color:var(--foreground);cursor:pointer;background:0 0;border-radius:999px;padding:0 1.1rem;font-size:.875rem;font-weight:600;transition:background-color .2s,border-color .2s}.th-chip:hover{border-color:color-mix(in oklch, var(--tl-accent) 60%, var(--border))}.th-chip[aria-pressed=true]{background:var(--tl-accent);border-color:var(--tl-accent);color:var(--tl-accent-ink)}.th-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.th-jumps{scrollbar-width:none;margin-inline:-1rem;padding-inline:1rem;overflow-x:auto}.th-jumps::-webkit-scrollbar{display:none}.th-jumps ul{gap:.5rem;width:max-content;display:flex}.th-jump{border:1px solid var(--border);white-space:nowrap;min-height:2.75rem;color:var(--foreground);border-radius:999px;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:600;transition:border-color .2s,background-color .2s;display:inline-flex}.th-jump:hover{border-color:color-mix(in oklch, var(--tl-accent) 60%, var(--border));background:color-mix(in oklch, var(--tl-accent) 8%, transparent)}.th-jump:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.th-ruler,.th-ruler-scale{max-width:100%}.th-ruler{gap:3px;height:.5rem;display:flex}.th-ruler>span{background:color-mix(in oklch, var(--tl-accent) 30%, transparent);border-radius:999px;transition:background-color .3s,transform .4s cubic-bezier(.16,1,.3,1)}.th-ruler>span:nth-child(2n){background:color-mix(in oklch, var(--tl-accent) 50%, transparent)}.th-ruler>span[data-active]{background:var(--tl-accent);transform:scaleY(1.75)}.th-strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--tl-accent) 40%, var(--border)) transparent;grid-auto-columns:min(62vw,15rem);grid-auto-flow:column;gap:1rem;margin-inline:-1rem;padding:.25rem 1rem .75rem;scroll-padding-inline:1rem;display:grid;overflow-x:auto}.th-strip-item{scroll-snap-align:start;border-radius:var(--tl-radius);outline:none}.th-strip-item:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.th-strip-frame{aspect-ratio:9/16;border-radius:var(--tl-radius);border:1px solid var(--border);background:var(--muted);transition:border-color .3s,box-shadow .4s;position:relative;overflow:hidden}.th-strip-frame>img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.th-strip-item[data-active] .th-strip-frame{border-color:var(--tl-accent);box-shadow:0 14px 32px -18px color-mix(in oklch, var(--tl-accent) 60%, transparent)}.th-strip-item[data-active] .th-strip-frame>img{transform:scale(1.035)}.th-timecode{background:var(--tl-accent);color:var(--tl-accent-ink);font-variant-numeric:tabular-nums;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700;line-height:1.4;position:absolute;top:.5rem;left:.5rem}@media (width>=1024px){.th-strip{grid-auto-flow:row;grid-template-columns:repeat(var(--th-steps), minmax(0, 15rem));gap:1.25rem;margin-inline:0;padding:0;overflow:visible}.th-ruler,.th-ruler-scale{width:calc(var(--th-steps) * 15rem + (var(--th-steps) - 1) * 1.25rem)}}.th-timeline{gap:2rem;padding-left:1.75rem;display:grid;position:relative}.th-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:.3125rem}.th-timeline-node{position:relative}.th-timeline-dot{border:1px solid color-mix(in oklch, var(--foreground) 35%, var(--border));background:var(--background);border-radius:999px;width:.6875rem;height:.6875rem;position:absolute;top:.2rem;left:-1.75rem}.th-timeline-dot[data-known]{border-color:var(--tl-accent);background:var(--tl-accent)}@media (width>=640px){.th-timeline{grid-template-columns:repeat(var(--th-nodes), minmax(0, 1fr));gap:1.75rem;padding-top:1.75rem;padding-left:0}.th-timeline:before{width:auto;height:1px;inset:.3125rem 0 auto}.th-timeline-dot{top:-1.75rem;left:0}}.th-link{min-height:2.75rem;color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--tl-accent) 70%, transparent);text-decoration-color:color-mix(in oklch, var(--tl-accent) 70%, transparent);text-underline-offset:5px;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.th-link:hover{color:var(--tl-accent)}.th-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.th-icon{background:color-mix(in oklch, var(--tl-accent) 14%, transparent);width:2.75rem;height:2.75rem;color:var(--tl-accent);border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.th-take{border-block:1px solid var(--border);padding-block:3rem}@media (width>=640px){.th-take{padding-block:4rem}}.th-copy{min-width:2.75rem;min-height:2.75rem;color:var(--muted-foreground);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.th-copy:hover{background:var(--muted);color:var(--foreground)}.th-copy:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.th-copy-text{border:1px solid var(--border);color:var(--foreground);padding:0 1rem;font-size:.8125rem;font-weight:600}.th-chip-copy{border:1px solid var(--border);color:var(--foreground);padding:0 .9rem;font-size:.875rem;font-weight:600}.th-chip-copy>svg{opacity:.55;width:.875rem;height:.875rem}.th-chip-copy:hover{border-color:color-mix(in oklch, var(--tl-accent) 60%, var(--border));background:color-mix(in oklch, var(--tl-accent) 8%, transparent)}.th-copy[data-state=copied]{border-color:var(--tl-accent);color:var(--foreground)}.th-copy[data-state=copied]>svg{opacity:1}@media (prefers-reduced-motion:reduce){.th-chip,.th-jump,.th-copy,.th-ruler>span,.th-strip-frame,.th-strip-frame>img{transition:none}.th-ruler>span[data-active],.th-strip-item[data-active] .th-strip-frame>img{transform:none}.th-card,.th-card-media>img{transition:none}.th-card:hover,.th-card:hover .th-card-media>img{transform:none}}}@layer utilities;