.year-recap{--tr-paper: #faf9fd;--tr-ink: #292236;--tr-muted: #666072;--tr-line: #e3deeb;--tr-accent: #6542ad;--card: #fff;--card-foreground: #292236;--foreground: #292236;--muted: #f0edf6;--muted-foreground: #666072;--border: #e3deeb;--primary: #6542ad;--primary-foreground: #fff}.year-recap .year-recap-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);grid-template-areas:"copy example" "form example";gap:24px 48px;align-items:start;padding:20px 0 40px}.year-recap .year-recap-copy{grid-area:copy}.year-recap .trend-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}.year-recap .year-recap-example{grid-area:example;display:flex;flex-direction:column;align-items:center;margin:0;padding-top:24px;position:sticky;top:76px}.year-recap .year-recap-form{grid-area:form}.year-recap .year-recap-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:18px 0}.year-recap .year-recap-hero-video{width:min(100%,390px);overflow:hidden;border:8px solid white;border-radius:26px;background:#201930;box-shadow:0 24px 64px #35234f1c}.year-recap .year-recap-hero-video video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover;color-scheme:dark}.year-recap .year-recap-example figcaption{margin-top:18px;text-align:center;font-size:13px;line-height:1.5;color:var(--tr-muted)}.year-recap .year-recap-example figcaption span{display:block;margin-bottom:4px;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--tr-accent)}.year-recap .trend-intro{max-width:530px}.year-recap-facts,.year-recap-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.year-recap-facts{list-style:none;padding:0}.year-recap-facts li{padding:7px 11px;border:1px solid var(--tr-line);border-radius:20px;background:#fff;font-size:12px;color:var(--tr-muted)}.year-recap-actions{gap:24px}.year-recap .trend-button{border-color:var(--tr-accent);background:var(--tr-accent)}.year-recap-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--tr-accent);font-size:13px;font-weight:650}.year-recap .year-recap-offer{margin-top:14px;padding:12px 14px;border:1px solid var(--tr-line);border-radius:12px;background:#fff;font-size:14px;line-height:1.5}.year-recap .year-recap-offer strong{display:block;margin-bottom:4px}.year-recap .bd-option{min-height:44px}.year-recap .bd-consent{min-height:44px;align-items:center}.year-recap .bd-consent input{width:20px;height:20px;margin-top:0}.year-recap .bd-upload{min-height:88px}.year-recap .bd-button,.year-recap .trend-button,.year-recap .trend-related a,.year-recap summary{min-height:44px}.year-recap-photos{display:grid;grid-template-columns:minmax(0,120px);gap:8px;margin:10px 0 0;padding:0;list-style:none}.year-recap-photos li{position:relative}.year-recap-photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.year-recap-photos button{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:8px;background:#141020b8;color:#fff}.year-recap-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.year-recap-uses article{padding:16px;border:1px solid var(--tr-line);border-radius:14px;background:#fff}.year-recap-uses h3{margin:0 0 8px;font-size:18px}.year-recap-uses p{margin:0;color:var(--tr-muted);font-size:14px;line-height:1.55}.year-recap .year-recap-workspace{display:block;margin:0}.year-recap .year-recap-result{margin-top:16px}.year-recap .year-recap-result video{width:100%;max-height:480px;border-radius:12px;background:#000}.year-recap-scene-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.year-recap-scene-option{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--tr-line);border-radius:12px;background:#fff;cursor:pointer}.year-recap-scene-option:has(input:checked){border-color:var(--tr-accent);background:#f4effd;box-shadow:0 0 0 1px var(--tr-accent)}.year-recap-scene-option img{width:48px;height:64px;border-radius:6px;object-fit:cover}.year-recap-scene-option input{width:16px;height:16px;accent-color:var(--tr-accent)}.year-recap-scene-option strong,.year-recap-scene-option small{display:block;font-size:13px}.year-recap-scene-option small{margin-top:4px;font-size:11px;line-height:1.5;color:var(--tr-muted)}.year-recap-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.year-recap-gallery-heading h2{margin:10px 0;font-size:clamp(28px,3.2vw,40px);font-weight:650;letter-spacing:-.04em;line-height:1.15}.year-recap-gallery-heading p:last-child{max-width:580px;font-size:15px;color:var(--tr-muted);line-height:1.7}.year-recap-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.year-recap-video-card{min-width:0;margin:0;overflow:hidden;border:1px solid var(--tr-line);border-radius:20px;background:#fff}.year-recap-video-stage{padding:12px 12px 0}.year-recap-video-stage video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;border-radius:12px;background:#201930;color-scheme:dark}.year-recap-video-card figcaption{position:relative;padding:20px}.year-recap-example-number{display:block;margin-bottom:10px;font-size:11px;font-weight:650;color:var(--tr-accent);letter-spacing:.12em}.year-recap-video-card h3{margin:0 0 6px;font-size:20px;font-weight:650;letter-spacing:-.02em}.year-recap-video-card p{margin:0;color:var(--tr-muted);font-size:14px;line-height:1.6}.year-recap #pricing{margin-top:64px;padding:clamp(24px,4vw,44px);border:1px solid var(--tr-line);border-radius:24px;background:linear-gradient(145deg,#f0ebf9,#f8f6fc 65%,#fff)}.year-recap #pricing>div:first-child>p:first-child{color:var(--tr-accent);font-size:11px}.year-recap #pricing h2{color:var(--tr-ink);letter-spacing:-.04em}.year-recap #pricing>div:first-child>p:last-child{max-width:660px;font-size:15px;color:var(--tr-muted)}.year-recap #pricing article{background:#fff;border-color:var(--tr-line);box-shadow:0 8px 24px #35234f06;color:var(--tr-ink)}.year-recap #pricing article:nth-child(2){border-color:var(--tr-accent);background:#f9f6ff;box-shadow:0 8px 28px #6542ad14}.year-recap #pricing article h3+span{color:#55338f;background:#ece3fc}.year-recap #pricing article>div>p:first-of-type{margin-top:20px;color:var(--tr-ink);font-size:42px;font-weight:650;letter-spacing:-.05em}.year-recap #pricing article ul{margin-top:20px;padding-top:20px;border-top:1px solid var(--tr-line);line-height:1.6}.year-recap #pricing article ul svg{flex-shrink:0;color:var(--tr-accent)}.year-recap #pricing article :is(button,a){min-height:48px;font-size:13px}.year-recap #pricing article button:disabled{opacity:1;color:#666072;background:#f0edf6}@media(max-width:900px){.year-recap .year-recap-stage{grid-template-columns:1fr;grid-template-areas:"copy" "example" "form";gap:8px}.year-recap .year-recap-copy h1{font-size:32px;margin:8px 0}.year-recap .trend-intro{font-size:15px;margin:0}.year-recap .year-recap-offer{margin-top:10px}.year-recap .year-recap-example{padding:20px 0;position:static}.year-recap .year-recap-hero-video{width:min(100%,300px)}.year-recap .year-recap-example figcaption{margin-top:6px;font-size:12px}.year-recap-uses{grid-template-columns:1fr}.year-recap-gallery-heading{align-items:start;flex-direction:column;gap:8px}.year-recap-example-grid{grid-template-columns:1fr;max-width:420px;margin:auto}}
