:root{color-scheme:dark;--bg:#1c241e;--panel:#2c372f;--ink:#f4f0e7;--gold:#dbb98a;--muted:#b4c0b4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#405146 0,#1b231e 70%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;height:100svh;min-height:400px;display:grid;place-items:center;padding:12px}.card{width:min(100%,430px);height:min(860px,100%);display:flex;flex-direction:column;background:linear-gradient(155deg,#354238,#263129);border:1px solid #b5956559;border-radius:26px;box-shadow:0 25px 80px #0005;padding:24px 22px 14px;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:9px;letter-spacing:.22em;color:var(--gold);margin:0 0 8px}h1{font-size:23px;margin:0;letter-spacing:-.7px}.private{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px;letter-spacing:0}.year{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:4px}select{background:#202a23;color:var(--gold);border:1px solid #a58d655c;border-radius:12px;padding:8px;font:600 16px inherit;font-size:16px}.annual{margin-top:22px;padding:16px 18px;background:#1f2a225e;border:1px solid #b7a17c30;border-radius:16px}.annual span{font-size:12px;color:var(--muted)}.annual strong{display:block;font-size:29px;letter-spacing:-1px;color:var(--gold);margin-top:5px}.month{display:flex;align-items:center;justify-content:space-between;margin:20px 0 13px}h2{font-size:20px;text-transform:capitalize;margin:0}.month button{width:38px;height:38px;border-radius:50%;background:#46584b;border:1px solid #c5ac7d55;color:var(--ink);font-size:29px;line-height:1;cursor:pointer}.month button:disabled{opacity:.25;cursor:default}.metrics{border-bottom:1px solid #c7ad7e36;padding-bottom:17px}.metrics div>span{font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:38px;letter-spacing:-1.5px;margin-top:4px}.metrics p{font-size:12px;margin:8px 0 0;color:var(--muted)}.metrics b{color:var(--ink)}.gift{color:var(--gold);margin-left:9px}.listHead{display:flex;justify-content:space-between;align-items:center;padding:17px 0 10px}.listHead h3{font-size:13px;margin:0}.listHead>span{font-size:10px;color:var(--muted)}#products{overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6e7f6d transparent;padding-right:3px}.product{padding:12px 0;border-bottom:1px solid #d2bc9217}.product:first-child{padding-top:3px}.product h4{font-size:15px;margin:0 0 8px;display:flex;gap:8px;align-items:center}.product h4:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}.product small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin: -3px 0 8px 13px}.sale{display:flex;justify-content:space-between;font-size:13px;line-height:1.8;margin-left:13px;gap:8px;color:#d5ded4}.sale strong{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.sale.offert,.sale.offert strong{color:var(--gold)}footer{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);padding-top:12px}.dot{width:5px;height:5px;background:#9bb393;border-radius:50%}.snapshot{margin-left:auto;color:#98aa99}button:focus-visible,select:focus-visible,#products:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-height:690px){.card{padding:18px 18px 12px}.annual{margin-top:16px;padding:12px 15px}.month{margin:13px 0 8px}.metrics{padding-bottom:12px}.metrics strong{font-size:32px}.listHead{padding:12px 0 9px}}@media(prefers-reduced-motion:no-preference){.product{animation:appear .2s ease}@keyframes appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}