.gift-status,.gift-note{padding:12px;color:var(--text-muted,#786e64);font-size:12px;line-height:1.6}.gift-controls{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.gift-controls button{border:1px solid #ded6cb;background:#fffaf3;color:#635347;padding:7px 10px;border-radius:6px;cursor:pointer}.gift-controls button[aria-pressed=true]{background:#963c32;color:#fff}.gift-table-wrap{max-height:360px;overflow:auto;overscroll-behavior:contain}.gift-table{width:100%;border-collapse:separate;border-spacing:0;min-width:430px;font-size:12px}.gift-table th,.gift-table td{padding:12px 10px;text-align:right;border-bottom:1px solid #e7dfd5;white-space:nowrap}.gift-table th:first-child{text-align:left}.gift-table thead th{position:sticky;top:0;background:#fcf9f4;z-index:1}.gift-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 0}.gift-totals>div{padding:16px;background:#f5efe5;border-radius:8px;font-size:12px}.gift-totals strong{display:block;font-size:24px;padding-top:8px;font-variant-numeric:tabular-nums}.gift-totals small{font-size:12px;margin-left:6px}.gift-trends{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gift-chart{margin:0;min-width:0}.gift-chart figcaption{font-size:13px;font-weight:600;padding:12px 0}.gift-bars{display:flex;align-items:end;gap:10px;overflow-x:auto;padding:10px 0;border-bottom:1px solid #ddd3c5;min-height:150px}.gift-day{flex:1;min-width:44px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px}.gift-day i{display:block;width:65%;background:#a44236;border-radius:3px 3px 0 0}.gift-chart:nth-child(2) i{background:#92723e}.gift-day i.negative{background:#657889}.gift-note{margin:0}.popularity-gift-card{margin-top:18px;padding:20px}.commerce-card .gift-table{color:inherit}.commerce-card .gift-table thead th{background:#17282a;color:#ebdfc9}@media(max-width:700px){.gift-trends{grid-template-columns:1fr}.gift-totals{gap:6px}.gift-totals>div{padding:10px}.gift-totals strong{font-size:18px}.popularity-gift-card{padding:12px}}
.gift-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.gift-scope label{display:flex;align-items:center;gap:10px;min-width:0}.gift-scope select{max-width:240px;padding:8px;border:1px solid #ded6cb;border-radius:6px;background:#fffaf3;color:#635347}.gift-chart figcaption small{display:block;font-weight:400;padding-top:6px;color:#786e64;font-size:12px}.gift-bars{align-items:stretch;min-height:210px}.gift-day{justify-content:flex-end}.gift-bar-track{height:144px;width:100%;position:relative;background:linear-gradient(transparent 71px,#c8bbab 71px,#c8bbab 72px,transparent 72px)}.gift-bar-track i{position:absolute;bottom:72px;left:17.5%;border-radius:3px 3px 0 0}.gift-bar-track i.negative{bottom:auto;top:72px;border-radius:0 0 3px 3px}.gift-daily{margin:16px 0}.gift-daily summary{cursor:pointer;padding:10px 0;font-size:13px}.gift-day:focus-visible{outline:2px solid #92723e;outline-offset:2px}.gift-scope select:focus-visible,.gift-controls button:focus-visible{outline:2px solid #92723e;outline-offset:2px}@media(max-width:700px){.gift-scope{align-items:stretch}.gift-scope label{width:100%;flex-wrap:wrap}.gift-scope select{flex:1;min-width:0;max-width:100%}.gift-totals strong{overflow-wrap:anywhere}.gift-totals small{display:block;margin:4px 0 0}}
.gift-eyebrow{font-weight:600;letter-spacing:.04em;color:#8f4438}.gift-sync-state{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted,#786e64);font-size:12px}.gift-sync-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#ad9264}.gift-totals>div{border:1px solid #e6ddd0}.gift-totals p{margin:10px 0 0;font-size:11px;color:#887c70}.gift-chart{padding:14px;border:1px solid #e6ddd0;border-radius:8px;background:#fffdf9}.gift-chart figcaption{padding:0 0 12px}.gift-empty-chart>div{min-height:156px;display:flex;align-items:center;justify-content:center;border-top:1px solid #eee6db;color:#8c8175;font-size:12px}.gift-ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #e6ddd0}.gift-ranking-heading h3{font-size:14px;margin:0}.gift-ranking-heading span{font-size:11px;color:#887c70}.gift-empty-ranking{margin:20px 12px;border-top:1px solid rgba(173,146,100,.2);padding-top:20px}.gift-empty-ranking p{font-size:12px;line-height:1.8;color:var(--text-muted,#a7b2b0)}.gift-empty-ranking small{font-size:11px;color:var(--text-muted,#a7b2b0)}@media(max-width:700px){.gift-chart{padding:10px}.gift-totals p{line-height:1.6}.gift-ranking-heading span{line-height:1.6}}
.commerce-card:has([data-popularity-gift="overview"]) { display:flex; flex-direction:column; position:relative; container-type:inline-size; }
.commerce-card [data-popularity-gift="overview"] { min-height:0; display:flex; flex-direction:column; flex:1; color:#e8efed; }
.commerce-card .gift-rank-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin:12px 0 8px; padding:3px; background:#142326; border:1px solid #293b3d; border-radius:8px; }
.commerce-card .gift-rank-tabs button { min-width:0; padding:7px 2px; border:0; border-radius:5px; background:transparent; color:#a6b7b6; font-size:12px; }
.commerce-card .gift-rank-tabs button[aria-pressed="true"] { background:#344847; color:#f1dfbb; box-shadow:inset 0 0 0 1px #51605a; }
.gift-rank-caption { display:flex; justify-content:space-between; gap:8px; color:#94aaa8; font-size:10px; padding-bottom:5px; }
.gift-rank-list { margin:0; padding:0 6px 0 0; list-style:none; overflow:auto; max-height:280px; min-height:0; scrollbar-color:#51635f #102023; scrollbar-width:thin; }
.gift-rank-list li { display:flex; gap:10px; padding:6px 0; border-bottom:1px solid rgba(162,185,178,.12); }
.gift-rank-number { flex:0 0 22px; padding-top:1px; color:#849a96; font-size:11px; font-variant-numeric:tabular-nums; }
.gift-rank-list li:nth-child(-n+3) .gift-rank-number { color:#d7b878; }
.gift-rank-body { min-width:0; flex:1; }
.gift-rank-main { display:flex; justify-content:space-between; gap:10px; align-items:baseline; }
.gift-rank-main strong { color:#e7efec; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.gift-rank-main b { color:#ecdbb8; font-size:14px; font-weight:600; text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.gift-rank-meta { display:flex; justify-content:space-between; gap:4px 10px; flex-wrap:wrap; margin-top:3px; color:#91aaa5; font-size:10px; line-height:1.5; }
.gift-rank-track { margin-top:4px; height:2px; background:#1b302e; }
.gift-rank-track i { display:block; height:100%; background:#789f90; }
@container (min-width:420px) {
  .commerce-card .module-header { padding-right:266px; min-height:44px; margin-bottom:8px; }
  .commerce-card .gift-rank-tabs { position:absolute; top:22px; right:13px; width:254px; box-sizing:border-box; margin:0; }
  .commerce-card .gift-rank-tabs button { font-size:11px; white-space:nowrap; }
}