/* Gift-book style picker — matches dark-gold paywall / sheet language (pt284u) */
.modal.style-pick{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:rgba(3,4,8,.78);backdrop-filter:blur(10px);padding:14px}
.modal.style-pick.on{display:flex}
.sp-sheet{position:relative;width:min(1080px,100%);max-height:calc(100svh - 28px);overflow:auto;padding:22px 22px 20px;border-radius:22px;background:linear-gradient(180deg,#121522,#08090f);border:1px solid rgba(214,170,98,.42);box-shadow:0 30px 90px rgba(0,0,0,.6);text-align:center;color:var(--ink,#efe6d2)}
.sp-x{position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(214,170,98,.26);background:rgba(0,0,0,.5);color:#f0d49a;font-size:20px;cursor:pointer;line-height:1}
.sp-k{font:600 11px/1.2 system-ui,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#d6aa62;margin:2px 0 8px}
.sp-sheet h3{font:500 clamp(26px,3.2vw,34px)/1.15 "Cormorant",Georgia,serif;color:#f0d49a;margin:0 0 6px}
.sp-lead{font:400 15px/1.45 "Cormorant",Georgia,serif;color:#d9cfbb;margin:0 auto 16px;max-width:520px}
.sp-cols{display:grid;grid-template-columns:minmax(140px,.7fr) 1.15fr 1.15fr;gap:14px;text-align:left;align-items:start}
.sp-col{padding:12px;border-radius:16px;border:1px solid rgba(214,170,98,.18);background:rgba(6,8,14,.55)}
.sp-col-h{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;padding:0 2px 8px;border-bottom:1px solid rgba(214,170,98,.16)}
.sp-col-h b{font:500 16px "Cormorant",Georgia,serif;color:#f0d49a;letter-spacing:.04em}
.sp-col-h span{font:400 11px/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#7a7264}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}
.sp-col[data-group="classic"] .sp-grid{grid-template-columns:1fr}
.sp-card{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;border:1px solid rgba(214,170,98,.2);background:rgba(10,12,18,.55);cursor:pointer;color:inherit;text-align:left;transition:border-color .2s,box-shadow .2s,transform .15s}
.sp-card:hover{border-color:rgba(214,170,98,.55);transform:translateY(-1px)}
.sp-card.on{border-color:#f0d49a;box-shadow:0 0 0 1px rgba(240,212,154,.55),0 10px 28px rgba(214,170,98,.18);background:rgba(214,170,98,.1)}
.sp-thumb{display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#0a0c12;border:1px solid rgba(214,170,98,.12)}
.sp-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.sp-name{display:flex;flex-direction:column;gap:2px;min-height:2.6em;padding:0 2px}
.sp-name b{font:500 13px/1.25 "Noto Serif CJK SC","Noto Serif CJK TC","Songti SC",serif;color:#efe6d2}
.sp-name i{font:400 11px/1.3 system-ui,sans-serif;font-style:normal;color:#9aa3ad;letter-spacing:.01em}
.sp-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px}
.sp-actions .btn{min-width:220px}
.sp-cancel,.sp-sheet .link{background:none;border:0;color:#9aa3ad;font:400 14px "Cormorant",Georgia,serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px}
@media (max-width:900px){
  .sp-cols{grid-template-columns:1fr}
  .sp-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
  .sp-sheet{padding:18px 14px 16px}
}