.trend-page{--background:var(--trend-bg);--foreground:var(--trend-text);--card:var(--trend-panel);--card-foreground:var(--trend-text);--popover:var(--trend-panel);--popover-foreground:var(--trend-text);--muted:var(--trend-panel);--muted-foreground:var(--trend-muted);--border:var(--trend-line);--input:var(--trend-line);--primary:var(--trend-accent);--primary-foreground:var(--trend-on-accent);--ring:var(--trend-accent);background:var(--trend-bg);color:var(--trend-text);min-height:100vh;font-family:Inter Variable,Inter,system-ui,sans-serif}.trend-page *{box-sizing:border-box}.trend-page :where(h1,h2){letter-spacing:-.035em;font-family:Poppins,Inter Variable,system-ui,sans-serif;font-style:normal;font-weight:700;line-height:1.13}.trend-page h1{font-size:clamp(36px,4.4vw,64px)}.trend-page h2{font-size:clamp(26px,3vw,40px)}.trend-page h3{font-family:inherit;font-weight:600;line-height:1.4}.trend-page>header{background:var(--trend-bg);color:var(--trend-text);border-color:var(--trend-line)}.trend-page>header>div{max-width:1248px;padding-inline:32px}.trend-page>header a{color:var(--trend-text)}.trend-page>header a[href=\#generator]{background:var(--trend-accent);color:var(--trend-on-accent);box-shadow:none;border:0}.trend-page>header button{color:var(--trend-text)}.trend-container{max-width:1248px;margin-inline:auto;padding-inline:32px}.trend-page :where(section[id],div[id]){scroll-margin-top:88px}.trend-page :where(button,a,summary):focus-visible{outline:2px solid var(--trend-accent);outline-offset:4px}.trend-button{background:var(--trend-accent);min-height:46px;color:var(--trend-on-accent);cursor:pointer;box-shadow:none;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.trend-button:hover{opacity:.9}.trend-button:active{transform:translateY(1px)}.trend-button-secondary{color:var(--trend-text);border-color:var(--trend-line);background:0 0}.trend-how>section{background:var(--trend-bg);color:var(--trend-text);padding-block:64px}.trend-how>section>div{max-width:1248px;padding-inline:32px}.trend-how header{text-align:left;max-width:720px;margin-inline:0}.trend-how header h2{color:var(--trend-text);font-size:clamp(26px,3vw,40px)}.trend-how header p{color:var(--trend-muted)}.trend-how article{background:var(--trend-panel);border-color:var(--trend-line);border-radius:14px}.trend-how article>p:first-child{color:var(--trend-accent)}.trend-how article h3{color:var(--trend-text);min-height:0}.trend-how article>p:last-child{color:var(--trend-muted)}.trend-help>section{background:var(--trend-bg);color:var(--trend-text);padding-block:64px}.trend-help>section>div{max-width:1184px}.trend-help #faq h2{color:var(--trend-text);text-align:left;font-size:clamp(26px,3vw,40px)}.trend-help #faq h3{color:var(--trend-text)}.trend-help #faq p{color:var(--trend-muted)}.trend-help #faq article>span{border-color:var(--trend-line);color:var(--trend-muted);border-radius:6px}.trend-help>section:nth-child(2)>div{background:var(--trend-panel);border-color:var(--trend-line);box-shadow:none;border-radius:20px}.trend-help>section:nth-child(2) h2{color:var(--trend-text)}.trend-help>section:nth-child(2) p{color:var(--trend-muted)}.trend-help>section:nth-child(2) button:first-child{background:var(--trend-accent);color:var(--trend-on-accent);box-shadow:none}.trend-help>section:nth-child(2) button:last-child{color:var(--trend-text);border-color:var(--trend-line);background:0 0}.trend-page footer{background:var(--trend-bg);border-color:var(--trend-line);color:var(--trend-text)}.trend-page footer a{color:var(--trend-text)}.trend-attribution{background:var(--trend-bg);justify-content:center;padding:20px;display:flex}@media (width<=767px){.trend-container,.trend-page>header>div,.trend-how>section>div{padding-inline:20px}.trend-how>section,.trend-help>section{padding-block:44px}.trend-help #faq>div>div{gap:28px}.trend-help>section:nth-child(2)>div{padding:28px 20px}.trend-button{padding:11px 16px}}@media (prefers-reduced-motion:reduce){.trend-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.trend-page footer :where(p,span,button){color:var(--trend-muted)}.trend-page footer button:hover{background:var(--trend-panel)}.trend-page footer a:hover{color:var(--trend-accent)}