#pageTrends{max-width:1500px;margin:0 auto;padding:24px 28px 54px;color:var(--txt)}
#pageTrends[hidden]{display:none!important}
.trends-heading,.trend-work-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}
.trends-heading h1,.trend-work-head h2{font-size:30px;line-height:1.2;margin:3px 0 5px}
.trends-kicker{display:block;color:var(--mute);font:700 10px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
.trends-subtitle,.trends-note,.trend-muted{color:var(--mute);font-size:13px;margin:0}
.trends-create{min-height:46px;border-radius:14px;padding:11px 18px;box-shadow:0 8px 25px var(--site-shadow)}
.trends-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:14px}
.trend-hub-card{position:relative;display:flex;align-items:flex-end;text-align:left;overflow:hidden;min-height:172px;padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#101727d9,#171a2ad9),var(--trend-bg) center/cover;color:var(--txt);isolation:isolate;transition:transform .18s,border-color .18s,box-shadow .18s}
.trend-hub-card:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--trend-bg) center/cover;opacity:.36;transition:transform .35s}
.trend-hub-card:hover{transform:translateY(-2px);border-color:var(--site-focus);box-shadow:0 12px 30px var(--site-shadow);color:var(--txt)}
.trend-hub-card:hover:before{transform:scale(1.04)}
.trend-hub-copy{display:grid;gap:5px}.trend-hub-copy b{font:700 16px Georgia,serif}.trend-hub-copy small{color:#d0d0dc;font:11px Arial,sans-serif}.trend-hub-arrow{position:absolute;right:17px;top:16px;font:32px/1 Arial;color:#e6d49a}
.trend-new-card{align-items:center;justify-content:center;gap:13px;min-height:172px;border-style:dashed;border-width:2px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.trend-new-card:before{display:none}.trend-new-card:hover{background:var(--panel)}.trend-new-plus{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--accent);font:25px Arial}.trends-note{margin-top:18px}
.trend-dialog{width:min(660px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--site-popup);color:var(--txt);box-shadow:0 24px 90px #0008;overflow:auto}.trend-dialog::backdrop{background:#090b12b8;backdrop-filter:blur(5px)}.trend-setup{padding:22px}.trend-dialog-head,.trend-picker-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.trend-dialog-head h2,.trend-picker-panel h2{font-size:23px;margin:4px 0 0}.trend-icon-button{width:38px;height:38px;padding:0;border-radius:50%;font-size:23px}.trend-label{display:grid;gap:7px;color:var(--mute);font:700 11px Arial,sans-serif;letter-spacing:.3px}.trend-label input,.trend-label select{width:100%;height:43px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);padding:0 12px;font:14px Georgia,serif}.trend-setup fieldset{margin:18px 0 0;padding:0;border:0}.trend-setup legend{margin:0 0 10px;color:var(--mute);font:700 11px Arial;letter-spacing:.3px}.trend-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.trend-counts label{cursor:pointer}.trend-counts input,.trend-theme-choice input{position:absolute;opacity:0;pointer-events:none}.trend-counts span{display:grid;place-items:center;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--mute);font:700 16px Georgia;transition:.15s}.trend-counts input:checked+span{background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--txt);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.trend-name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.trend-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trend-theme-choice{cursor:pointer;min-width:0}.trend-theme-choice span{display:flex;align-items:flex-end;min-height:82px;padding:9px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(0deg,#070a14d9,#070a1440),var(--trend-bg) center/cover;color:white;transition:.15s}.trend-theme-choice b{font:700 11px Georgia;text-shadow:0 1px 4px #000}.trend-theme-choice input:checked+span{border-color:var(--site-focus);box-shadow:0 0 0 2px var(--site-focus)}.trend-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.trend-dialog-actions button{min-width:100px}
.trend-work-head{margin-bottom:18px}.trend-work-head h2{font-size:23px}.trend-back{padding:8px 12px;background:var(--panel);color:var(--txt);white-space:nowrap}.trend-progress,.trend-step-note{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--mute);font:700 11px Arial;white-space:nowrap}
.trend-flow-card{width:min(740px,100%);margin:7vh auto 10vh;padding:clamp(22px,4vw,45px);border:1px solid color-mix(in srgb,var(--site-focus) 44%,var(--line));border-radius:22px;background:radial-gradient(800px 330px at 50% -40%,#b99b5222,transparent 70%),var(--panel);box-shadow:0 25px 65px var(--site-shadow);text-align:center}.trend-flow-step{color:var(--site-focus);font:700 10px Arial;letter-spacing:2px}.trend-flow-question{margin:18px auto 8px;font:700 clamp(26px,4vw,40px)/1.22 Georgia,serif}.trend-flow-type{color:var(--mute);font:12px Arial;text-transform:capitalize}.trend-flow-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:36px}.trend-flow-actions button{min-height:112px;display:grid;align-content:center;justify-items:center;gap:5px;border-radius:16px;transition:transform .16s,box-shadow .16s}.trend-flow-actions button:hover{transform:translateY(-2px)}.trend-flow-actions button span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font:25px Arial}.trend-flow-actions button b{font:700 14px Arial}.trend-flow-actions button small{font:11px Arial;color:var(--mute)}.trend-skip{background:color-mix(in srgb,#e45566 9%,var(--panel));border-color:#e4556670}.trend-skip span{background:#e455661a;color:#eb7782}.trend-add{background:color-mix(in srgb,#4fb47c 10%,var(--panel));border-color:#4fb47c9c}.trend-add span{background:#4fb47c26;color:#79d29c}.trend-add:hover{box-shadow:0 0 25px #4fb47c35}
.trend-answer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,330px);gap:24px;align-items:center;max-width:1110px;margin:18px auto}.trend-answer-list{display:grid;gap:9px}.trend-answer-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,1fr) auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.trend-answer-person{display:flex;align-items:center;gap:10px;min-width:0}.trend-answer-person span{color:var(--site-focus);font:italic 14px Georgia}.trend-answer-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px Georgia}.trend-answer-current{min-height:34px;display:flex;align-items:center;justify-content:center}.trend-choose-answer{font-size:11px;white-space:nowrap}.trend-clear-answer{width:30px;height:30px;padding:0;border-radius:50%;color:var(--mute)}.trend-done-row{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1110px;margin:20px auto;color:var(--mute);font-size:12px}.trend-live-preview{max-width:330px}.trend-answer-empty{display:block;width:28px;height:28px;border:1px dashed #a8a9ba;border-radius:7px;opacity:.65}.trend-answer-portrait{display:block;width:36px;height:40px;overflow:hidden;border:1px solid var(--site-focus);border-radius:8px}.trend-answer-portrait .character-frame,.trend-answer-portrait .character-picture,.trend-answer-portrait .avatar{width:100%!important;height:100%!important;max-width:none!important;min-height:0!important}.trend-answer-portrait .framed-name,.trend-answer-portrait .portrait-badges{display:none!important}.trend-answer-icon{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--txt)}.trend-answer-icon img,.trend-answer-icon svg{width:23px;height:23px;object-fit:contain}.trend-answer-version{display:grid;justify-items:center;gap:1px;font:700 10px Arial;color:var(--txt)}.trend-answer-version i{font-style:normal;color:var(--site-focus)}.trend-answer-version small{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mute);font:9px Arial}.trend-answer-tag{font:700 10px Arial;color:var(--txt)}
.trend-poster{--poster-bg:none;position:relative;display:flex;aspect-ratio:4/5;min-width:0;align-items:center;justify-content:center;overflow:hidden;padding:7%;border:1px solid #d4bd7c91;border-radius:18px;background:linear-gradient(180deg,#0b1126aa,#0b1126c9 54%,#0b11269c),var(--poster-bg) center/cover;color:#f8f2e5;box-shadow:0 18px 46px #0004}.trend-poster:before{content:"";position:absolute;inset:3%;border:1px solid #e5d39655;border-radius:13px;pointer-events:none}.trend-poster-frame{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-height:100%;padding:7% 5%;border:1px solid #e5d39666;border-radius:13px;background:#0d1427a8;text-align:center}.trend-poster-eyebrow{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e5d39c;font:700 clamp(6px,1vw,10px) Arial;letter-spacing:.16em;text-transform:uppercase}.trend-poster h3{max-width:100%;margin:5% 0 3%;font:700 clamp(13px,2vw,23px)/1.2 Georgia,serif}.trend-poster-rule{width:38%;height:1px;margin-bottom:4%;background:linear-gradient(90deg,transparent,#e5cb7c,transparent)}.trend-poster-people{display:grid;width:100%;gap:2.5%}.trend-person{display:grid;grid-template-columns:7% minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2%;min-height:0;padding:2.4%;border:1px solid #e3cc8555;border-radius:9px;background:#ffffff0b;text-align:left}.trend-person-index{color:#dfc681;font:italic clamp(7px,1vw,11px) Georgia}.trend-person>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4efe4;font:700 clamp(7px,1.1vw,12px) Arial}.trend-person-answer{display:flex;align-items:center;justify-content:center;min-width:0}.trend-person-answer .trend-answer-icon{font-size:clamp(6px,.8vw,9px)}.trend-person-answer .trend-answer-icon img,.trend-person-answer .trend-answer-icon svg{width:clamp(13px,2vw,21px);height:clamp(13px,2vw,21px)}.trend-person-answer .trend-answer-portrait{width:clamp(18px,3vw,30px);height:clamp(22px,3.7vw,38px)}.trend-person-answer .trend-answer-version{font-size:clamp(6px,.8vw,9px)}.trend-person-answer .trend-answer-empty{width:clamp(13px,2vw,20px);height:clamp(13px,2vw,20px)}.trend-poster-mark{margin-top:auto;padding-top:5%;color:#c9c4d3;font:700 clamp(5px,.8vw,9px) Arial;letter-spacing:.15em}.trend-poster.mini{width:100%;border-radius:12px}.trend-poster.mini .trend-poster-frame{padding:6% 4%}.trend-poster.mini .trend-poster-people{gap:3%}
.trend-empty-gallery{display:grid;justify-items:center;gap:8px;min-height:350px;padding:55px 20px;border:1px dashed var(--line);border-radius:18px;background:var(--panel);text-align:center}.trend-empty-gallery h3{margin:0;font:700 21px Georgia}.trend-empty-gallery p{margin:0 0 12px;color:var(--mute);font-size:13px}.trend-empty-symbol{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--site-focus);border-radius:50%;color:var(--site-focus);font-size:28px}.trend-order-strip{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:4px 3px 11px;scrollbar-width:thin}.trend-order-thumb,.trend-order-add{flex:0 0 125px;min-height:54px;display:flex;align-items:center;gap:8px;padding:8px 9px;text-align:left;border-radius:11px;background:var(--panel);font-size:10px;line-height:1.25;transition:border-color .15s,transform .15s}.trend-order-thumb{overflow:hidden}.trend-order-thumb.selected{border-color:var(--site-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--site-focus) 25%,transparent)}.trend-order-thumb.drop-target{transform:translateX(5px);border-color:var(--accent)}.trend-order-thumb>span{flex:0 0 23px;color:var(--site-focus);font:italic 11px Georgia}.trend-order-add{flex-basis:54px;justify-content:center;border:1px dashed var(--mute);color:var(--accent);font-size:23px}.trend-carousel{position:relative;display:grid;grid-template-columns:minmax(90px,1fr) minmax(260px,440px) minmax(90px,1fr);gap:12px;align-items:center;max-width:1120px;margin:2px auto 0}.trend-main-preview{z-index:1;width:100%;max-width:440px;justify-self:center}.trend-side-preview{width:100%;padding:0;border:0;background:transparent;filter:blur(2px);opacity:.45;transform:scale(.82);transition:opacity .2s,filter .2s,transform .2s}.trend-side-preview:hover{filter:blur(0);opacity:.8;transform:scale(.9)}.trend-carousel-arrow{position:absolute;z-index:3;top:50%;width:40px;height:48px;padding:0;border-color:var(--site-focus);border-radius:14px;background:var(--site-header);font:28px Georgia;box-shadow:0 5px 18px #0004}.trend-carousel-arrow.left{left:calc(50% - 258px)}.trend-carousel-arrow.right{right:calc(50% - 258px)}.trend-image-meta{display:flex;justify-content:space-between;gap:12px;max-width:440px;margin:9px auto;color:var(--mute);font:10px Arial;text-transform:capitalize}.trend-image-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:760px;margin:14px auto 25px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.trend-image-themes,.trend-image-buttons,.trend-global-theme>div,.trend-album-actions{display:flex;align-items:center;gap:8px}.trend-theme-dot,.trend-global-dot{position:relative;width:30px;height:30px;padding:0;border-radius:50%;background:linear-gradient(140deg,#12172977,#11182788),var(--trend-bg) center/cover;border:2px solid var(--line)}.trend-theme-dot.selected,.trend-global-dot.selected{border-color:var(--site-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--site-focus) 34%,transparent)}.trend-image-buttons{justify-content:flex-end;flex-wrap:wrap}.trend-image-buttons button,.trend-album-actions button{font-size:11px;white-space:nowrap}.trend-album-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.trend-global-theme{display:flex;align-items:center;gap:13px}.trend-global-theme>b{font:700 12px Georgia}.trend-global-dot{width:34px;height:34px}.trend-album-actions{justify-content:flex-end;flex-wrap:wrap}
.trend-add-dialog .trend-pending-list{display:grid;gap:6px;max-height:270px;overflow:auto;margin:15px 0}.trend-pending-list>button{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;text-align:left;padding:10px;border-radius:10px;background:var(--panel)}.trend-pending-list>button>span{color:var(--site-focus);font-size:18px}.trend-pending-list>button>b{font:700 12px Georgia}.trend-pending-list>button>small{color:var(--mute);font:10px Arial}.trend-custom-toggle{width:100%;margin:3px 0 12px;border-style:dashed;color:var(--accent)}.trend-custom-fields{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.trend-custom-fields[hidden]{display:none}
.trends-answer-picker[hidden]{display:none!important}.trends-answer-picker{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px}.trend-picker-scrim{position:absolute;inset:0;background:#090b12bd;backdrop-filter:blur(5px)}.trend-picker-panel{position:relative;display:flex;flex-direction:column;width:min(1040px,100%);max-height:min(850px,calc(100dvh - 36px));overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--site-popup);box-shadow:0 25px 80px #0008}.trend-picker-panel>header{flex:none;margin-bottom:10px}.trend-picker-panel h2{font-size:19px}.trend-picker-panel .trend-label{flex:none;margin-bottom:9px}.trend-picker-panel .fbtns{flex:none;max-height:126px;overflow:auto;padding:3px 0 8px}.trend-answer-search{padding-left:10px}.trend-character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;overflow:auto;padding:4px;align-content:start}.trend-character-option{display:flex;min-width:0;flex-direction:column;align-items:center;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.trend-character-option:hover{border-color:var(--site-focus);transform:translateY(-1px)}.trend-character-option .character-frame{width:100%;max-width:88px}.trend-character-option .character-picture{width:100%}.trend-character-option .character-picture>.avatar{width:100%;height:auto;aspect-ratio:1}.trend-picker-cancel{flex:none;align-self:flex-end;margin-top:10px}
.trend-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;overflow:auto;padding:5px}.trend-choice-card{display:grid;justify-items:center;align-content:center;gap:9px;min-height:112px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);transition:.15s}.trend-choice-card:hover{transform:translateY(-2px);border-color:var(--site-focus);box-shadow:0 7px 22px var(--site-shadow)}.trend-choice-card img,.trend-choice-card svg{width:42px;height:42px;object-fit:contain}.trend-choice-card b{font:700 12px Georgia}.trend-version-groups{overflow:auto}.trend-version-groups details{margin:7px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.trend-version-groups summary{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;list-style:none}.trend-version-groups summary::-webkit-details-marker{display:none}.trend-version-groups summary span{font:700 14px Georgia}.trend-version-groups summary small{margin-left:auto;color:var(--mute);font:10px Arial}.trend-version-groups summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}.trend-version-groups details[open] summary svg{transform:rotate(180deg)}.trend-version-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;padding:0 10px 10px}.trend-version-list button{display:flex;align-items:center;gap:9px;text-align:left;min-width:0;padding:9px;border-radius:9px;background:var(--panel2)}.trend-version-list button:hover{border-color:var(--site-focus)}.trend-version-list button>b{flex:1;font:700 11px Arial}.trend-version-list button>span:last-child{color:var(--mute)}.trend-version-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #d6b86b;color:#efda9a;background:radial-gradient(circle at 35% 30%,#b6a5e347,#151d34);font-size:13px}
@media(max-width:760px){#pageTrends{padding:15px 12px 36px}.trends-heading{align-items:flex-start;margin-bottom:16px}.trends-heading h1{font-size:24px}.trends-subtitle{max-width:235px;font-size:11px}.trends-create{min-height:38px;padding:8px 10px;font-size:11px;white-space:nowrap}.trends-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trend-hub-card{min-height:130px;padding:12px;border-radius:13px}.trend-hub-copy b{font-size:13px}.trend-hub-copy small{font-size:9px}.trend-new-card{min-height:130px}.trend-work-head{display:grid;grid-template-columns:1fr auto;gap:9px}.trend-back{grid-column:1/-1;justify-self:start}.trend-work-head h2{font-size:20px}.trend-flow-card{margin:4vh auto;padding:22px 16px}.trend-flow-question{font-size:27px}.trend-flow-actions{gap:8px;margin-top:25px}.trend-flow-actions button{min-height:98px;padding:9px 5px}.trend-flow-actions button b{font-size:12px}.trend-flow-actions button small{font-size:9px}.trend-name-fields{grid-template-columns:1fr}.trend-theme-grid{gap:5px}.trend-theme-choice span{min-height:66px;padding:6px}.trend-theme-choice b{font-size:9px}.trend-answer-layout{grid-template-columns:1fr;gap:15px}.trend-live-preview{width:min(230px,70%);margin:auto}.trend-answer-row{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:8px}.trend-answer-person b{font-size:12px}.trend-answer-current{display:none}.trend-choose-answer{font-size:10px;padding:7px}.trend-done-row{align-items:stretch;flex-direction:column}.trend-done-row button{width:100%}.trend-carousel{grid-template-columns:0 minmax(230px,1fr) 0;gap:0;max-width:520px}.trend-side-preview{display:none}.trend-main-preview{grid-column:2;width:min(100%,360px)}.trend-carousel-arrow.left{left:calc(50% - min(45vw,190px) - 18px)}.trend-carousel-arrow.right{right:calc(50% - min(45vw,190px) - 18px)}.trend-image-actions,.trend-album-footer{align-items:stretch;flex-direction:column}.trend-image-themes{justify-content:center}.trend-image-buttons,.trend-album-actions{display:grid;grid-template-columns:1fr 1fr}.trend-image-buttons button:first-child{grid-column:1/-1}.trend-global-theme{justify-content:space-between}.trend-album-actions button{min-height:40px}.trend-picker-panel{padding:13px}.trend-character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.trend-character-option .character-frame{max-width:82px}.trend-picker-panel .fbtns{max-height:110px}.trend-version-list{grid-template-columns:1fr 1fr}.trend-progress,.trend-step-note{font-size:9px;padding:7px 8px}}
@media(max-width:420px){.trends-hub-grid{grid-template-columns:1fr}.trend-hub-card{min-height:108px}.trend-flow-actions{grid-template-columns:1fr}.trend-flow-actions button{min-height:78px}.trend-version-list{grid-template-columns:1fr}.trend-answer-row{grid-template-columns:minmax(0,1fr) auto auto}.trend-theme-grid{grid-template-columns:1fr 1fr}.trend-theme-choice:last-child{grid-column:1/-1}.trend-theme-choice span{min-height:58px}.trend-order-thumb{flex-basis:112px}.trend-order-add{flex-basis:45px}}
@media(prefers-reduced-motion:reduce){.trend-hub-card,.trend-hub-card:before,.trend-flow-actions button,.trend-choice-card,.trend-order-thumb,.trend-side-preview{transition:none!important}}
.trend-order-thumb{flex:0 0 168px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;padding:0;border:1px solid var(--line)}.trend-order-select{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:0;border-radius:0;background:transparent;text-align:left;font-size:10px;line-height:1.25}.trend-order-select:hover{color:var(--txt)}.trend-order-select>span{flex:0 0 23px;color:var(--site-focus);font:italic 11px Georgia}.trend-order-controls{display:flex;flex-direction:column;border-left:1px solid var(--line)}.trend-order-controls button{width:24px;flex:1;padding:0;border:0;border-radius:0;background:transparent;color:var(--mute);font:17px Arial}.trend-order-controls button:hover{background:var(--site-hover);color:var(--accent)}.trend-order-add{display:grid;place-items:center;border-style:dashed}.trend-order-thumb.selected{border-color:var(--site-focus)}.trend-order-thumb.drop-target{transform:translateX(5px);border-color:var(--accent)}
@media(max-width:420px){.trend-order-thumb{flex-basis:154px}}
/* A completed answer card glides to the right before the next prompt appears. */
.trend-live-preview.trend-card-send-right{transform-origin:center center;animation:trend-card-send-right .48s cubic-bezier(.22,.75,.25,1) both;pointer-events:none}
@keyframes trend-card-send-right{0%{opacity:1;transform:translateX(0) rotate(0) scale(1);filter:drop-shadow(0 0 0 transparent)}35%{opacity:1;transform:translateX(22px) rotate(2deg) scale(.98);filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--site-focus) 42%,transparent))}100%{opacity:0;transform:translateX(115%) rotate(7deg) scale(.86);filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--site-focus) 20%,transparent))}}
@media(prefers-reduced-motion:reduce){.trend-live-preview.trend-card-send-right{animation-duration:.01ms}}
.trend-picker-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,155px);gap:14px;min-height:0;flex:1;overflow:hidden}.trend-picker-options{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}.trend-picker-options .trend-character-grid{flex:1;min-height:150px}.trend-picker-options .trend-version-groups{flex:1;min-height:120px;overflow:auto}.trend-picker-preview{align-self:center;width:100%;filter:drop-shadow(0 14px 22px #0005)}.trend-picker-preview .trend-poster{width:100%}
.trend-theme-choice span{justify-content:space-between}.trend-theme-default{padding:3px 5px;border-radius:5px;background:#e7d18a;color:#17192a;font:700 7px Arial,sans-serif;letter-spacing:.08em}
@media(max-width:760px){.trend-picker-content{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px}.trend-picker-preview{width:84px;justify-self:center}.trend-picker-options{min-height:0}.trend-picker-options .trend-character-grid{min-height:100px}.trend-picker-options .trend-version-groups{min-height:100px}}

.trend-question-queue{max-width:740px;margin:0 auto 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.trend-question-queue>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;color:var(--txt);font:700 12px Georgia;cursor:pointer}.trend-question-queue>summary small{color:var(--mute);font:10px Arial}.trend-question-queue>div{display:grid;gap:5px;max-height:245px;overflow:auto;padding:0 8px 8px}.trend-question-queue-row{display:grid;grid-template-columns:27px minmax(0,1fr) 30px 30px 30px;align-items:center;gap:5px;padding:5px;border-radius:9px;background:var(--panel2)}.trend-question-queue-row.current{outline:1px solid color-mix(in srgb,var(--site-focus) 45%,transparent)}.trend-question-queue-row>span{color:var(--site-focus);text-align:center;font:italic 11px Georgia}.trend-question-queue-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11px Georgia}.trend-question-queue-row>button{height:29px;padding:0;border-radius:8px;background:var(--panel);font:15px Arial}.trend-question-queue-row>button:last-child{color:#fb6b86}.trend-question-queue-row>button:disabled{opacity:.35;cursor:default}

.trend-label textarea{width:100%;min-height:90px;padding:10px 12px;resize:vertical;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font:14px Georgia,serif}.trend-order-thumb.touch-dragging{opacity:.62;transform:scale(.97);border-color:var(--site-focus);box-shadow:0 8px 24px var(--site-shadow)}.trend-order-select{touch-action:pan-x;user-select:none;-webkit-user-select:none}.trend-confirm-dialog .trend-dialog-actions .danger{background:#a9364a;color:#fff;border-color:#dd6274}.trend-confirm-dialog .trend-dialog-actions .danger:hover{background:#c5485b}

.trend-order-thumb{grid-template-columns:30px minmax(0,1fr) auto}.trend-reorder-grip{display:grid;place-items:center;width:30px;height:100%;padding:0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:var(--mute);font:20px Arial;cursor:grab;touch-action:none}.trend-reorder-grip:active{color:var(--site-focus);cursor:grabbing}.trend-order-select{touch-action:pan-x}

/* Keep the selected Genshin artwork visible while questions are being built. */
.trend-flow-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#101626d9,#101626c4),var(--trend-bg) center/cover;}
.trend-work-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(740px,100%);margin:-6vh auto 32px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 10px 28px var(--site-shadow);}
.trend-work-tools .trend-global-theme{flex-wrap:wrap;}
/* Fixed-size portrait rows scroll inside the picker instead of shrinking. */
body.trend-picker-open{overflow:hidden}
.trend-picker-panel{height:min(850px,calc(100dvh - 36px));box-sizing:border-box}
.trend-picker-panel>header{position:static;display:flex;grid-template-columns:none;padding:0;background:transparent;backdrop-filter:none;border:0;box-shadow:none}
.trend-picker-panel>header{flex-wrap:nowrap;gap:10px}
.trend-picker-panel>header>div{min-width:0;flex:1}
.trend-picker-panel>header .trend-icon-button{flex:none}
.trend-picker-options{overflow:hidden}
.trend-choice-grid{grid-auto-rows:minmax(112px,max-content);min-height:0}
.trend-picker-content{grid-template-rows:minmax(0,1fr)}
.trend-picker-options .trend-character-grid{min-height:0;grid-auto-rows:max-content;align-items:start;flex:1 1 0}
.trend-character-option{min-height:140px;align-self:start;flex-shrink:0}
.trend-character-option .character-frame{flex:none}
#pageTrends .avatar.rarity-5{background:linear-gradient(145deg,#ac8049,#d4b36f);backdrop-filter:none;-webkit-backdrop-filter:none}
#pageTrends .avatar.rarity-4{background:linear-gradient(145deg,#6e568b,#a487bd);backdrop-filter:none;-webkit-backdrop-filter:none}
.trend-flow-card{color:#fff5e9}
.trend-flow-question{color:#fff5e9;text-shadow:0 2px 8px #0008}
.trend-flow-step{color:#f0d59f}
.trend-flow-type{color:#e1d8e9}
.trend-hub-card:not(.trend-new-card){color:#fff5ed}
.trend-hub-card:not(.trend-new-card):hover{color:#fff5ed}
.trend-hub-card:not(.trend-new-card) .trend-hub-copy b{color:#fff5ed}
#pageTrends .trend-hub-card{aspect-ratio:4/5;min-height:0;height:auto}
.trend-hub-card:not(.trend-new-card){align-items:center;justify-content:center;text-align:center;background:var(--trend-bg) center/cover;background-origin:border-box}
.trend-hub-card:not(.trend-new-card){--cover-ink:#ded0af;--cover-secondary:#adb3c5}
.trend-hub-card[data-cover-theme="jade"]{--cover-ink:#70475e;--cover-secondary:#806574}
.trend-hub-card[data-cover-theme="rose"]{--cover-ink:#66533b;--cover-secondary:#80705b}
.trend-hub-card:not(.trend-new-card)::before{background:none;opacity:0}
.trend-hub-card:not(.trend-new-card) .trend-hub-copy{position:relative;z-index:1;justify-items:center;gap:16px;width:100%;text-shadow:none}
.trend-hub-card:not(.trend-new-card) .trend-hub-copy b{color:var(--cover-ink);font-size:clamp(32px,3vw,44px);line-height:1.2;overflow-wrap:anywhere}
.trend-hub-card:not(.trend-new-card) .trend-hub-copy small{color:var(--cover-secondary);font-size:clamp(15px,1.3vw,18px);line-height:1.6}
.trend-hub-card:not(.trend-new-card) .trend-hub-arrow{z-index:1;color:var(--cover-ink);text-shadow:none}
.trend-new-card .trend-hub-copy small{color:var(--mute)}
.trend-answer-version img{display:block;width:104px;height:auto;max-width:100%;border-radius:5px}
.trend-person-answer .trend-answer-version img{width:clamp(45px,9vw,95px)}
.trend-version-art{width:82px;height:46px;object-fit:contain;border-radius:6px;flex:none}
.trend-export-list{display:grid;gap:8px;margin-top:16px;max-height:45dvh;overflow:auto}
.trend-export-download,.trend-next-download{display:block;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--txt);text-decoration:none;font-size:13px}
.trend-export-download:hover,.trend-next-download:hover{border-color:var(--site-focus)}
.trend-export-download.requested{border-color:#69a987}
.trend-export-help{color:var(--mute);font-size:12px;line-height:1.6}
.trend-export-dialog .trend-dialog-actions{flex-wrap:wrap}
.trend-export-dialog [hidden]{display:none!important}
.trend-picker-preview .trend-poster h3{font-size:12px}
.trend-poster.has-jpg-preview{display:block;padding:0;border:0;background:transparent;aspect-ratio:4/5}
.trend-poster.has-jpg-preview::before{display:none}
.trend-jpg-preview{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
@media(max-width:760px){.trend-picker-content{grid-template-rows:minmax(0,1fr) auto}.trend-picker-preview{width:65px;max-height:86px;overflow:hidden}.trend-character-option{min-height:132px}.trend-picker-options .trend-character-grid{min-height:0}.trend-picker-panel .fbtns{max-height:132px;overflow:visible;flex:none}.trend-export-dialog .trend-dialog-actions>*{width:100%;text-align:center}.trend-version-art{width:64px;height:36px}}
@media(max-width:760px){.trend-work-tools{align-items:stretch;flex-direction:column;margin:-2vh auto 24px;padding:11px}.trend-work-tools>button{min-height:42px;width:100%}.trend-work-tools .trend-global-theme{align-items:center}.trend-flow-card{margin:4vh auto 5vh;}}