/* Palette and fonts shared with zhyan7189/resets-ai (public/index.html). */
@font-face{font-family:GenSen;src:url('/fonts/GenSenRounded-Heavy-UI.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Baloo;src:url('/fonts/Baloo2-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--paper:#eaf2ff;--ink:#192753;--muted:#536381;--surface:#fafdff;--line:#c8d2e8;--green:#80e8d8;--forest:#192753;--mint:#80e8d8;--violet:#6754dc;--ui-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body{background:var(--paper);color:var(--ink);font-family:var(--ui-font)}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.brand,.console-logo{font-family:GenSen,Baloo,var(--ui-font);font-weight:800}
.brand{font-family:GenSen,Baloo,var(--ui-font)}.brand small{font-family:var(--ui-font);font-weight:700}.brand-mark,.brand-slash{color:#6754dc}
.hero h1,.section-heading h2,.closing h2{font-family:GenSen,var(--ui-font);font-weight:800;letter-spacing:0;line-height:1.25}
.section-heading h2 em,.closing h2 em{font-family:GenSen,var(--ui-font);font-weight:800;letter-spacing:0}
.eyebrow,.eyebrow-number,.header-note,.card-top,.card-title span,.results-right,.detail-label,.detail-meta span,footer>span,footer>a:last-child{font-family:var(--ui-font)}
.stat strong,.stat b{font-family:Baloo,GenSen,var(--ui-font);font-weight:800}
.status-dot,.pill-dot{background:#80cdbb}.eyebrow,.eyebrow-number,.header-note,.card-top,.card-info p,.results-line,.results-right,.stat span,.section-heading p,.closing p,.closing p span{color:var(--muted)}
.group-tabs button,.angle-buttons button{font-family:var(--ui-font)}
.search,.filters label,.filter-toggle{background:var(--surface);border-color:var(--line)}.filters select{color:var(--ink)}
.card{border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink)}.card-picture{border-radius:16px 16px 0 0}.card-info{border-color:#dce5f5}.card-title h3{font-family:var(--ui-font);font-weight:700;color:var(--ink)}.card-title span{color:#667798}.card-arrow{color:var(--ink);background:#eaf2ff;border-color:var(--line)}
.thumbs button:hover,.thumbs button.active{border-color:#6754dc}.card:focus-within{border-color:var(--ink);box-shadow:4px 5px 0 var(--ink);outline:none}
.card:focus-within .card-picture:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 25px #19275324}
.card-picture:focus:not(:focus-visible){outline:none}
.card-picture:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}
.closing{background:#d7e6ff}.closing h2 em{color:#6754dc}.results-right span{color:#6754dc}
.sponsor-card{color:var(--ink);background:var(--surface);border-color:var(--ink);box-shadow:4px 5px 0 var(--ink);font-family:var(--ui-font)}.sponsor-name{font-family:GenSen,var(--ui-font);font-weight:800}.sponsor-label,.sponsor-description{color:var(--muted)}
.sponsor-dialog{color:var(--ink);background:var(--surface);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.sponsor-dialog h2{font-family:GenSen,var(--ui-font)}.sponsor-primary{background:var(--mint);color:var(--ink);border:2px solid var(--ink);font-weight:800}.sponsor-secondary,.sponsor-history-item{border-color:var(--line);color:var(--ink)}.sponsor-close{background:var(--paper);color:var(--ink)}.sponsor-apply-form input:not([type=radio]),.sponsor-apply-form textarea{border-color:var(--line);color:var(--ink)}.sponsor-plans label:has(input:checked){background:#cbf4ea;border-color:var(--ink)}.sponsor-plans input{accent-color:var(--ink)}.sponsor-orders-link{color:var(--muted)}
@supports (background-clip:text) or (-webkit-background-clip:text){.section-heading h2 em{background-image:linear-gradient(110deg,#192753 0%,#192753 32%,#6754dc 42%,#c24375 49%,#e67d9b 53%,#6754dc 60%,#192753 72%,#192753 100%)}}
@media(hover:hover) and (pointer:fine){.card:hover{border-color:var(--ink);transform:translate(-2px,-5px);box-shadow:6px 10px 0 var(--ink)}a.sponsor-card:hover{box-shadow:5px 8px 0 var(--ink)}}

@media(max-width:600px){.card{box-shadow:3px 4px 0 var(--ink)}.card-picture{border-radius:11px 11px 0 0}}
@media(prefers-reduced-motion:reduce){.card:hover{transform:none;box-shadow:4px 5px 0 var(--ink)}}

/* Clear navigation type, a full-spectrum headline, and editorial about copy. */
.topbar .brand{font-size:24px;line-height:1.1;letter-spacing:0}
.topbar .brand-mark{font-size:42px}
.topbar .brand small{font:600 12px/1.5 var(--ui-font);letter-spacing:0;margin-top:5px;color:var(--ink)}
.topbar nav{font:700 16px/1.5 var(--ui-font);gap:30px;letter-spacing:0}
.topbar nav a,.topbar .brand{filter:none;text-shadow:none}
.topbar .header-note{font:600 12px/1.6 var(--ui-font);letter-spacing:.02em;color:#455779}
@supports (background-clip:text) or (-webkit-background-clip:text){
  .collection .section-heading h2{width:fit-content;max-width:100%;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#2355a0 0%,#6745c3 25%,#b5397d 50%,#16797e 75%,#2355a0 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation:headline-spectrum 8s linear infinite}
  .collection .section-heading h2 em{color:inherit;-webkit-text-fill-color:inherit;background:none;animation:none}
}
@keyframes headline-spectrum{from{background-position:0% 50%}to{background-position:200% 50%}}
.about-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border:2px solid var(--ink);border-radius:12px;background:linear-gradient(125deg,#cbf4ea,#e3d9ff);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:800 16px/1.3 GenSen,var(--ui-font);letter-spacing:.04em;margin-bottom:8px}
.about-kicker::before{content:'✦';font-size:20px;color:var(--violet)}
.about-copy{max-width:470px;align-self:center;display:grid;gap:26px;padding-top:14px}
.closing .about-intro{max-width:none;margin:0;color:var(--ink);font:800 20px/1.9 GenSen,var(--ui-font);letter-spacing:.01em;text-shadow:0 1px 0 #ffffff80}
.closing .about-word{color:#6754dc;text-decoration:underline;text-decoration-color:#80e8d8;text-decoration-thickness:5px;text-underline-offset:5px;text-decoration-skip-ink:none}
.closing .about-summary{max-width:none;margin:0;padding:19px 20px;border-left:4px solid #6754dc;border-radius:0 13px 13px 0;background:#ffffff66;font:500 15px/1.95 var(--ui-font);color:#344b71}
.closing .about-number{display:inline-block;padding:0 6px;margin:0 2px;color:#5739ad;font:800 23px/1.25 Baloo,GenSen,var(--ui-font);background:#fafdff;border-radius:6px;box-shadow:0 2px 0 #c2b4ee;vertical-align:baseline}
.closing .about-summary-detail{display:block;margin-top:9px;font-size:14px;line-height:1.85;color:#455779}
footer{gap:24px;flex-wrap:wrap}
footer>.brand{font-size:22px;flex-shrink:0}
footer>.brand small{font-size:10px;line-height:1.5;letter-spacing:0}
footer>span{font-size:12px;letter-spacing:0;color:var(--muted)}
.footer-actions{display:flex;align-items:center;gap:15px;margin-left:auto}
footer .jelly-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:46px;padding:11px 21px;border:2px solid var(--ink);border-radius:999px;color:var(--ink);background:linear-gradient(180deg,#ffffff 0%,#e3d9ff 100%);box-shadow:3px 4px 0 var(--ink),inset 0 3px 0 #ffffffd9;cursor:pointer;font:800 15px/1.4 GenSen,var(--ui-font);letter-spacing:0;text-decoration:none;transform-origin:50% 65%;transition:box-shadow .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}
footer .jelly-sponsor{background:linear-gradient(180deg,#ecfff9 0%,#9ae9dc 100%)}
footer .jelly-button:focus-visible{outline:3px solid var(--violet);outline-offset:5px}
footer .jelly-button:active{animation:none;transform:translate(2px,3px) scale(.96,1.04);box-shadow:1px 1px 0 var(--ink),inset 0 2px 0 #ffffffb3}
@media(hover:hover) and (pointer:fine){footer .jelly-button:hover{animation:jelly-bounce .65s both;box-shadow:4px 6px 0 var(--ink),inset 0 3px 0 #ffffffd9}}
@keyframes jelly-bounce{0%,100%{transform:translateY(-2px) scale(1)}25%{transform:translateY(-3px) scale(1.08,.92)}45%{transform:translateY(-3px) scale(.95,1.05)}65%{transform:translateY(-2px) scale(1.03,.97)}85%{transform:translateY(-2px) scale(.99,1.01)}}
/* Sponsor hierarchy: discreet label, centered logo, strong name, regular copy, medium domain. */
.sponsor-card{gap:7px;padding:41px 14px 22px;min-height:186px}
.sponsor-card .sponsor-label{top:12px;left:13px;font:400 9px/1.4 var(--ui-font);letter-spacing:.14em;color:#7c8291}
.sponsor-card .sponsor-logo{width:40px;height:40px;border-radius:10px;margin-bottom:4px;flex:none}
.sponsor-card .sponsor-name{font:800 17px/1.3 Baloo,GenSen,var(--ui-font);color:var(--ink);letter-spacing:0}
.sponsor-card .sponsor-description{font:400 12px/1.65 var(--ui-font);color:#777f8c;margin:0;letter-spacing:.01em}
.sponsor-card .sponsor-domain{font:600 12px/1.45 var(--ui-font);color:#525e74;letter-spacing:.025em;margin-top:-3px;overflow-wrap:anywhere}
@media(max-width:600px){.topbar .brand{font-size:21px}.topbar .brand-mark{font-size:34px}.topbar .brand small{font-size:10px}.topbar nav{font-size:14px;gap:16px}.topbar{gap:16px}.about-kicker{font-size:15px;padding:8px 12px}.closing .about-intro{font-size:18px}.about-copy{gap:20px;padding-top:22px;max-width:none}.closing .about-summary{padding:16px;font-size:14px}.closing .about-summary-detail{font-size:14px}footer{gap:22px;padding-block:28px}.footer-actions{width:100%;margin:0;gap:12px}footer .jelly-button{flex:1;min-width:0;font-size:15px}footer>.brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){.collection .section-heading h2{animation:none;background-position:50% 50%}footer .jelly-button{transition:none}footer .jelly-button:hover{animation:none;transform:none}}
/* Shared jelly controls keep native input and select semantics. */
.pose-page-nav .page-back.jelly-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#ecfff9,#9ae9dc);box-shadow:3px 4px 0 var(--ink),inset 0 3px 0 #ffffffd9;color:var(--ink);font:800 14px/1.4 GenSen,var(--ui-font);white-space:nowrap;transform-origin:50% 65%;transition:transform .25s,box-shadow .25s}
@media(hover:hover) and (pointer:fine){.pose-page-nav .page-back.jelly-button:hover{animation:jelly-bounce .65s both;box-shadow:4px 6px 0 var(--ink),inset 0 3px 0 #ffffffd9}}
.pose-page-nav .page-back.jelly-button:active{animation:none;transform:translate(2px,3px) scale(.97,1.03);box-shadow:1px 1px 0 var(--ink)}
.pose-page-nav .page-back.jelly-button:focus-visible{outline:3px solid var(--violet);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.pose-page-nav .page-back.jelly-button{animation:none!important;transition:none;transform:none}}
.gallery-media-switch{display:inline-flex;gap:6px;align-items:center}
.gallery-media-switch button{padding:9px 15px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:700 13px/1.4 var(--ui-font);cursor:pointer;box-shadow:2px 3px 0 var(--ink);transform-origin:50% 65%}
.gallery-media-switch button[aria-pressed="true"]{background:#b8eee2;box-shadow:1px 2px 0 var(--ink)}
.gallery-media-switch button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.gallery-media-switch button:active{transform:translate(1px,2px);box-shadow:none}
@media(hover:hover) and (pointer:fine){.gallery-media-switch button:hover{animation:jelly-bounce .65s both}}
.card-photo .card-picture>img,.card-photo .thumbs img{mix-blend-mode:normal}
.card-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:3/4;padding:30px 16px;text-align:center;color:var(--ink);background:#f4f0e9}
.card-photo-placeholder strong{font-size:16px}.card-photo-placeholder>span{font-size:12px;color:#716778}
.card-photo-label{position:absolute;bottom:16px;left:16px;padding:5px 9px;background:#fff;border-radius:7px;font-size:11px}
.card-meta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;margin:7px 0 12px}.card-info .card-meta-row>p{margin:0}.card-photo-badge{display:inline-flex;flex:none;margin-left:auto;align-items:center;gap:5px;padding:5px 8px;border:0;border-radius:6px;background:#edf2f9ed;color:var(--muted);font:500 11px/1.4 var(--ui-font);letter-spacing:.02em;white-space:nowrap;pointer-events:none}
.card-photo-badge svg{display:block;flex:none;width:13px;height:13px}
@media(max-width:600px){.card-photo-badge{padding:4px 6px;gap:4px;font-size:10px}.card-photo-badge svg{width:12px;height:12px}}
.card-photo .thumbs button>span{display:flex;align-items:center;justify-content:center;height:100%;min-height:48px;font-size:11px}
@media(prefers-reduced-motion:reduce){.gallery-media-switch button{animation:none!important;transform:none}}
.topbar .header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}
.topbar .header-note{white-space:nowrap}
.topbar nav{display:flex;gap:12px}
.topbar nav a,.btn-lucky-pick,.group-tabs button,.view-switch button,.load-more,.filter-toggle,.filters label{border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#fff 0%,#e3d9ff 100%);box-shadow:3px 4px 0 var(--ink),inset 0 3px 0 #ffffffd9;color:var(--ink);font:800 15px/1.4 GenSen,var(--ui-font);letter-spacing:0;transition:transform .25s,box-shadow .25s;transform-origin:50% 65%}
.topbar nav a,.btn-lucky-pick{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;white-space:nowrap;cursor:pointer}
.btn-lucky-pick{background:linear-gradient(180deg,#ecfff9,#9ae9dc)}.btn-lucky-pick svg{color:#6754dc;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.btn-lucky-pick:hover svg{transform:rotate(180deg) scale(1.15)}
.group-tabs{gap:14px;padding-bottom:9px}.group-tabs button{padding:12px 20px;min-height:46px}.group-tabs button span{font:500 12px/1.4 var(--ui-font);color:#52617e;margin-left:9px}
.group-tabs button.active,.view-switch button.active{color:var(--ink);background:linear-gradient(180deg,#ecfff9,#9ae9dc);border-color:var(--ink)}
.view-switch{border:0;background:transparent;display:flex;gap:9px;height:auto}.view-switch button{padding:11px 16px;min-height:46px}
.load-more{padding:15px 26px;min-height:50px;font-size:16px;background:linear-gradient(180deg,#ecfff9,#9ae9dc)}
.filters{gap:12px}.filters label{padding:0 14px;min-height:46px;display:flex;align-items:center;gap:8px}.filters label>span{font:500 12px var(--ui-font);color:#52617e}.filters select{border:0;background:transparent;border-radius:99px;padding:11px 22px 11px 3px;color:var(--ink);font:700 14px var(--ui-font);min-width:0}.filter-toggle{padding:11px 15px}
@media(hover:hover) and (pointer:fine){.topbar nav a:hover,.btn-lucky-pick:hover,.group-tabs button:hover,.view-switch button:hover,.load-more:hover,.filter-toggle:hover{animation:jelly-bounce .65s both;box-shadow:4px 6px 0 var(--ink),inset 0 3px 0 #ffffffd9}}
.topbar nav a:active,.btn-lucky-pick:active,.group-tabs button:active,.view-switch button:active,.load-more:active,.filter-toggle:active{animation:none;transform:translate(2px,3px) scale(.97,1.03);box-shadow:1px 1px 0 var(--ink)}
.sponsor-card .sponsor-logo,.ad-preview .sponsor-logo{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:12px}
.sponsor-dialog:has(.sponsor-apply-layout){width:min(820px,calc(100% - 28px))}.sponsor-apply-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:28px;align-items:start}.sponsor-live-preview{position:sticky;top:0;padding-top:12px}.sponsor-live-preview h3{font:700 14px var(--ui-font);margin:12px 0 16px}.sponsor-live-preview>p{font:400 12px/1.7 var(--ui-font);color:#63718a;margin-top:18px}.sponsor-live-preview .sponsor-card{width:190px}.sponsor-live-preview .logo-placeholder{display:grid;place-items:center;width:56px;height:56px;border:1px dashed #9faac2;border-radius:12px;color:#63718a;font-size:12px}
@media(max-width:1200px){.topbar{gap:20px}.topbar .header-note{display:none}.topbar .header-actions{margin-left:0}.topbar nav a,.btn-lucky-pick{font-size:13px;padding:9px 13px}.toolbar{flex-wrap:wrap}}
@media(max-width:600px){.topbar{height:auto;min-height:120px;padding-block:18px;flex-wrap:wrap;gap:15px}.topbar .brand{order:0}.topbar .header-actions{order:1;margin-left:auto}.topbar nav{order:2;width:100%;gap:12px}.topbar nav a{flex:1;font-size:14px;min-height:42px}.btn-lucky-pick{font-size:13px;padding:9px 12px}.group-tabs{gap:11px}.group-tabs button{font-size:13px;padding:11px 14px}.group-tabs button span{font-size:10px}.view-switch button{font-size:13px;padding:10px 12px}.filter-toggle{font-size:13px}.filters label{padding:0 10px}.filters select{width:100%;font-size:14px}.sponsor-apply-layout{display:flex;flex-direction:column;gap:16px}.sponsor-live-preview{position:static;order:-1;width:100%;display:flex;flex-direction:column;align-items:center}.sponsor-live-preview>p{margin-bottom:0}.sponsor-apply-form{width:100%;margin-top:0}}
@media(prefers-reduced-motion:reduce){.topbar nav a,.btn-lucky-pick,.btn-lucky-pick svg,.group-tabs button,.view-switch button,.load-more,.filter-toggle{animation:none!important;transition:none}}
@media(min-width:601px){.toolbar .search{min-width:150px;flex:1}.toolbar{gap:14px}.filters label{padding-inline:11px}.view-switch button{padding-inline:12px}}