:root{--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:26px;--radius-pill:999px;--maxw:1280px;--gutter:clamp(20px, 5vw, 56px);--shadow-sm:0 1px 2px color-mix(in oklab, var(--ink) 8%, transparent);--shadow-md:0 12px 30px -12px color-mix(in oklab, var(--ink) 22%, transparent);--shadow-lg:0 40px 80px -30px color-mix(in oklab, var(--ink) 35%, transparent);--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}[data-theme=turf]{--bg:oklch(96.8% .012 110);--bg-deep:oklch(94.5% .016 110);--surface:oklch(99.5% .004 110);--ink:oklch(23.5% .03 155);--muted:oklch(52% .03 150);--line:oklch(23.5% .03 155/.12);--green:oklch(46% .1 156);--green-deep:oklch(34% .07 158);--accent:oklch(86% .2 128);--accent-ink:oklch(30% .08 150);--on-green:oklch(98.5% .02 120);--hero-bg:oklch(34% .07 158);--hero-ink:oklch(97% .02 120)}[data-theme=night]{--bg:oklch(20.5% .018 158);--bg-deep:oklch(17.5% .018 158);--surface:oklch(25.5% .022 158);--ink:oklch(95.5% .012 120);--muted:oklch(72% .02 140);--line:oklch(95.5% .012 120/.14);--green:oklch(62% .11 156);--green-deep:oklch(50% .1 158);--accent:oklch(87% .21 128);--accent-ink:oklch(22% .06 150);--on-green:oklch(16% .02 158);--hero-bg:oklch(16.5% .02 158);--hero-ink:oklch(96% .012 120)}[data-theme=clay]{--bg:oklch(96.2% .018 78);--bg-deep:oklch(93.5% .026 70);--surface:oklch(99.5% .006 80);--ink:oklch(26.5% .035 65);--muted:oklch(54% .035 60);--line:oklch(26.5% .035 65/.14);--green:oklch(45% .085 150);--green-deep:oklch(35% .065 152);--accent:oklch(70% .155 48);--accent-ink:oklch(99% .01 80);--on-green:oklch(98.5% .014 90);--hero-bg:oklch(35% .065 152);--hero-ink:oklch(97% .018 90)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.mono{font-family:var(--font-mono);letter-spacing:-.02em;font-weight:400}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{cursor:pointer;white-space:nowrap;font-family:var(--font-body);letter-spacing:-.01em;border-radius:var(--radius-pill);transition:transform .18s var(--ease), background .2s, color .2s, box-shadow .2s;border:none;justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn--sm{padding:8px 14px;font-size:13px}.btn--md{padding:11px 20px;font-size:15px}.btn--lg{padding:15px 26px;font-size:16px}.btn--full{width:100%}.btn--solid{background:var(--accent);color:var(--accent-ink)}.btn--solid:hover{box-shadow:0 8px 22px -8px var(--accent);transform:translateY(-1px)}.btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.btn--invert{background:var(--ink);color:var(--bg)}.btn--invert:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.icon-btn{border-radius:var(--radius-pill);width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}.icon-btn:hover{background:color-mix(in oklab, var(--ink) 8%, transparent)}.badge{letter-spacing:.04em;border-radius:var(--radius-pill);text-transform:uppercase;padding:4px 9px;font-size:11px;display:inline-block}.badge--accent{background:var(--accent);color:var(--accent-ink)}.stepper{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--line);flex:none;align-items:center;display:inline-flex}.stepper button{width:38px;height:44px;color:var(--ink);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;place-items:center;display:grid}.stepper button:hover:not(:disabled){background:color-mix(in oklab, var(--ink) 8%, transparent)}.stepper button:disabled{opacity:.3;cursor:default}.stepper-val{text-align:center;min-width:22px;font-size:15px}.logo{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.logo-img{width:148px;height:42px;transition:transform .3s var(--ease);background-image:url(/images/logo-dark.png);background-position:0;background-repeat:no-repeat;background-size:contain;display:block}.logo:hover .logo-img{transform:scale(1.03)}[data-theme=night] .logo-img{background-image:url(/images/logo.png)}.ftr-logo{width:224px;height:64px}.hdr{z-index:40;transition:background .3s,box-shadow .3s;position:sticky;top:0}.hdr--scrolled{background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);box-shadow:0 1px 0 var(--line)}.hdr-inner{align-items:center;gap:24px;height:72px;display:flex}.hdr-nav{flex:1;gap:4px;margin-left:8px;display:flex}.hdr-link{cursor:pointer;color:var(--muted);font-family:var(--font-body);border-radius:var(--radius-pill);background:0 0;border:none;padding:8px 13px;font-size:14.5px;font-weight:550;transition:color .2s,background .2s}.hdr-link:hover{color:var(--ink);background:color-mix(in oklab, var(--ink) 6%, transparent)}.hdr-link.is-active{color:var(--ink);background:color-mix(in oklab, var(--ink) 9%, transparent)}.hdr-actions{align-items:center;gap:4px;display:flex}.cart-btn{cursor:pointer;background:var(--ink);width:44px;height:44px;color:var(--bg);border-radius:var(--radius-pill);border:none;place-items:center;transition:transform .2s;display:grid;position:relative}.cart-btn:hover{transform:scale(1.06)}.cart-count{background:var(--accent);min-width:19px;height:19px;color:var(--accent-ink);border-radius:var(--radius-pill);box-shadow:0 0 0 2.5px var(--bg);place-items:center;padding:0 5px;font-size:11px;display:grid;position:absolute;top:-4px;right:-4px}.show-sm,.hdr-drawer{display:none}.hdr-signin{gap:7px;text-decoration:none}.user-menu{position:relative}.user-avatar-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.user-avatar{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.user-dropdown{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);min-width:210px;box-shadow:var(--shadow-md);z-index:50;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.user-dropdown-info{border-bottom:1px solid var(--line);padding:14px 16px 12px}.user-dropdown-name{font-size:14px;font-weight:650}.user-dropdown-email{color:var(--muted);margin-top:2px;font-size:12px}.user-dropdown-item{color:var(--ink);cursor:pointer;align-items:center;gap:9px;padding:11px 16px;font-size:14px;font-weight:550;text-decoration:none;transition:background .15s;display:flex}.user-dropdown-item:hover{background:color-mix(in oklab, var(--ink) 5%, transparent)}@media (width<=860px){.hdr-nav,.hide-sm{display:none}.show-sm{display:inline-flex}.hdr--scrolled{background:var(--bg)}.hdr-drawer{padding:8px var(--gutter) 18px;background:var(--bg);box-shadow:0 12px 24px -16px var(--ink);flex-direction:column;gap:2px;display:flex}.hdr-drawer-link{cursor:pointer;font-family:var(--font-body);color:var(--ink);border:none;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:12px;padding:14px 6px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.hdr-drawer-link svg{color:var(--muted);margin-left:auto}.hdr-drawer-tag{color:var(--muted);font-size:12px}.hdr-drawer-divider{background:var(--line);height:1px;margin:4px 0}.hdr-drawer-user{align-items:center;gap:14px;padding:16px 6px;display:flex}}.ph{aspect-ratio:4/3;background:var(--bg-deep);width:100%;color:var(--green);border-radius:inherit;place-items:center;display:grid;position:relative;overflow:hidden}.ph[data-tall="1"]{aspect-ratio:auto;height:100%}.ph svg{position:absolute;inset:0}.ph--photo{background:var(--bg-deep)}.ph--photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ph--photo[data-kind=simnight] img{filter:brightness(.62)saturate(1.1)hue-rotate(8deg)}.ph-label{z-index:1;color:var(--muted);background:color-mix(in oklab, var(--surface) 70%, transparent);border-radius:var(--radius-pill);letter-spacing:.02em;padding:5px 11px;font-size:12px;position:relative}.ph-corner{z-index:1;letter-spacing:.12em;color:var(--muted);opacity:.7;font-size:10px;position:absolute;top:10px;left:10px}.hero{padding-top:clamp(28px,5vw,60px);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,56px);min-height:min(70vh,620px);display:grid}.hero-eyebrow{margin-bottom:22px;display:block}.hero-title{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px;font-size:clamp(48px,8.5vw,104px);font-weight:800;line-height:.92}.hero-title-em{color:var(--green);font-style:italic;font-weight:700}.hero-sub{color:var(--muted);text-wrap:pretty;max-width:46ch;margin:0 0 30px;font-size:clamp(16px,2vw,19px);line-height:1.55}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.hero-stats{gap:clamp(20px,4vw,48px);display:flex}.hero-stats>div{flex-direction:column;gap:3px;display:flex}.hero-stat-n{color:var(--ink);letter-spacing:-.03em;font-size:clamp(22px,3vw,30px);font-weight:700}.hero-stat-l{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px}.hero-visual{aspect-ratio:5/6;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero-ph{height:100%}.hero-chip{z-index:2;letter-spacing:.06em;background:color-mix(in oklab, var(--ink) 86%, transparent);color:var(--bg);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:inline-flex;position:absolute;top:18px;left:18px}.hero-chip-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 70%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.hero-price{z-index:2;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius-md);letter-spacing:-.02em;padding:10px 16px;font-size:22px;font-weight:700;position:absolute;bottom:18px;right:18px}.hero-price small{opacity:.7;font-size:12px}.marquee{border-block:1px solid var(--line);margin-top:clamp(36px,6vw,72px);padding:16px 0;overflow:hidden}.marquee-track{white-space:nowrap;animation:28s linear infinite scroll;display:inline-flex}@keyframes scroll{to{transform:translate(-50%)}}.marquee-item{letter-spacing:.08em;color:var(--ink);align-items:center;font-size:14px;display:inline-flex}.marquee-sep{color:var(--accent);margin:0 26px}.section{padding-block:clamp(56px,9vw,110px)}.section-head{margin-bottom:clamp(28px,4vw,48px)}.section-head .eyebrow{margin-bottom:14px;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(34px,5.5vw,64px);font-weight:800;line-height:.95}.cat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cat-card{text-align:left;cursor:pointer;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s;outline:1px solid var(--line);outline-offset:-1px;border:none;flex-direction:column;grid-column:span 1;display:flex;overflow:hidden}.cat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.cat-card-media{position:relative;overflow:hidden}.cat-card-media .ph{aspect-ratio:4/3;transition:transform .5s var(--ease);border-radius:0}.cat-card:hover .cat-card-media .ph{transform:scale(1.04)}.ph[data-kind=gift],.ph[data-kind=membership]{background:#080612}.ph[data-kind=gift] img,.ph[data-kind=membership] img{object-fit:contain;padding:6px}.cat-card-body{flex-direction:column;flex:1;gap:12px;padding:clamp(18px,2vw,26px);display:flex}.cat-card-row{align-items:baseline;gap:12px;display:flex}.cat-card-tag{color:var(--muted);font-size:13px}.cat-card-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(20px,2.4vw,28px);font-weight:750}.cat-card-blurb{color:var(--muted);text-wrap:pretty;flex:1;margin:0;font-size:14.5px;line-height:1.5}.cat-card-foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.cat-card-price{color:var(--ink);font-size:16px;font-weight:700}.cat-card-price small{color:var(--muted);font-size:11px;font-weight:400}.cat-card-price em{color:var(--muted);font-size:12px;font-style:normal}.cat-card-go{background:var(--ink);width:38px;height:38px;color:var(--bg);transition:transform .25s var(--ease);border-radius:50%;place-items:center;display:grid}.cat-card:hover .cat-card-go{background:var(--accent);color:var(--accent-ink);transform:translate(4px)}.giftband{background:var(--hero-bg);color:var(--hero-ink)}.giftband-inner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-block:clamp(56px,8vw,100px);display:grid}.giftband-eyebrow{color:color-mix(in oklab, var(--hero-ink) 60%, transparent)!important}.giftband-title{font-family:var(--font-display);letter-spacing:-.03em;margin:16px 0 18px;font-size:clamp(40px,6vw,76px);font-weight:800;line-height:.92}.giftband-sub{color:color-mix(in oklab, var(--hero-ink) 78%, transparent);max-width:40ch;margin:0 0 28px;font-size:17px;line-height:1.55}.giftband-visual{place-items:center;display:grid}.giftcard{aspect-ratio:1.6;border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--green) 0%, var(--green-deep) 100%);width:min(380px,100%);color:var(--on-green);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:space-between;padding:26px;display:flex;position:relative;overflow:hidden;transform:rotate(-4deg)}.giftcard:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--accent) 40%, transparent), transparent 70%);width:60%;height:180%;position:absolute;top:-40%;right:-10%}.giftcard-top{letter-spacing:.1em;justify-content:space-between;font-size:13px;display:flex;position:relative}.giftcard-amt{letter-spacing:-.03em;font-size:clamp(40px,6vw,60px);font-weight:700;position:relative}.giftcard-bot{letter-spacing:.08em;opacity:.85;font-size:11px;position:relative}.gift-page{padding-bottom:80px}.gift-layout{grid-template-columns:1fr 340px;align-items:start;gap:52px;padding-top:40px;display:grid}.gift-builder{flex-direction:column;gap:36px;display:flex}.gift-step-head{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.gift-step-num{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.gift-err{color:var(--accent);font-size:12px;font-family:var(--font-body);margin:-8px 0 10px}.gift-design-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.gift-design-card{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;text-align:center;padding:0 0 10px;transition:all .2s;overflow:hidden}.gift-design-card:hover{border-color:var(--dc,var(--accent))}.gift-design-card.is-on{border-color:var(--dc,var(--accent));box-shadow:0 0 0 2px color-mix(in oklab, var(--dc,var(--accent)) 30%, transparent)}.gift-dc-preview{justify-content:center;align-items:center;height:56px;margin-bottom:8px;font-size:24px;transition:background .3s;display:flex}.gift-dc-label{color:var(--muted);letter-spacing:.04em;font-size:10px}.gift-amounts{flex-wrap:wrap;gap:8px;display:flex}.gift-amt-btn{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--bg);color:var(--ink);cursor:pointer;padding:10px 22px;font-size:17px;font-weight:700;transition:all .2s}.gift-amt-btn:hover{border-color:var(--accent)}.gift-amt-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.gift-fields{background:var(--bg-deep);border-radius:var(--radius-md);border:1px solid var(--line);flex-direction:column;gap:0;padding:20px;display:flex}.gift-fields .field{margin-bottom:14px}.gift-fields .field:last-child{margin-bottom:0}.gift-fields-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gift-field-note{color:var(--muted);text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.gift-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:14px 0 2px;display:flex}.gift-toggle-sw{flex-shrink:0;width:42px;height:23px;margin-top:2px;position:relative}.gift-toggle-sw input{opacity:0;width:0;height:0}.gift-toggle-track{background:var(--line);border-radius:23px;transition:background .2s;position:absolute;inset:0}.gift-toggle-track:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.gift-toggle-sw input:checked+.gift-toggle-track{background:var(--accent)}.gift-toggle-sw input:checked+.gift-toggle-track:before{transform:translate(19px)}.gift-toggle-label-text{color:var(--ink);font-size:14px;font-weight:700}.gift-toggle-desc{color:var(--muted);margin-top:3px;font-size:11px}.gift-email-row{gap:8px;display:flex}.gift-email-row input{flex:1}.gift-preview-btn{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--bg);color:var(--muted);cursor:pointer;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;padding:10px 14px;font-size:11px;font-weight:700;transition:all .2s}.gift-preview-btn:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.gift-preview-btn:disabled{opacity:.4;cursor:default}.gift-buy-row{margin-top:4px}.gift-preview-panel{position:sticky;top:84px}.gift-preview-label{text-transform:uppercase;letter-spacing:3px;color:var(--muted);text-align:center;margin-bottom:14px;font-size:10px;font-weight:700}.gift-preview-note{color:var(--muted);text-align:center;margin-top:12px;font-size:11px;font-style:italic;line-height:1.5}.gift-vc{border:1.5px solid var(--vc,var(--accent));background:#fff;border-radius:14px;transition:border-color .4s;overflow:hidden;box-shadow:0 12px 40px #00000021}.gift-vc-head{background:var(--vc,#1a1a1a);text-align:center;color:#fff;padding:24px 20px;transition:background .4s}.gift-vc-emoji{margin-bottom:10px;font-size:42px}.gift-vc-brand{letter-spacing:5px;text-transform:uppercase;font-size:16px;font-weight:700}.gift-vc-brand-sub{opacity:.5;letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:9px}.gift-vc-body{text-align:center;background:#fff;padding:22px 22px 14px}.gift-vc-label{letter-spacing:4px;text-transform:uppercase;color:var(--vc,var(--accent));border-bottom:1px solid var(--vc,var(--accent));opacity:.7;margin-bottom:16px;padding-bottom:10px;font-size:9px;font-weight:700}.gift-vc-to-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:3px;margin-bottom:3px;font-size:9px}.gift-vc-to{color:#111;min-height:24px;margin-bottom:14px;font-size:18px;font-weight:700}.gift-vc-pill{background:var(--vc,var(--accent));border-radius:6px;margin-bottom:14px;padding:7px 24px;transition:background .4s;display:inline-block}.gift-vc-pill span{color:#fff;font-size:20px;font-weight:700}.gift-vc-msg{color:var(--muted);word-break:break-word;margin-bottom:12px;font-size:12px;font-style:italic;line-height:1.6}.gift-vc-from-row{color:var(--muted);font-size:11px}.gift-vc-from-lbl{margin-right:4px}.gift-vc-from{color:var(--ink);font-weight:700}.gift-vc-foot{background:var(--bg-deep);border-top:1px solid var(--line);text-align:center;padding:10px 16px}.gift-vc-valid{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px;font-size:9px}.gift-vc-site{color:var(--vc,var(--accent));letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700}.gift-email-preview{background:#fff;border-radius:16px;max-width:580px;margin:0 auto;overflow:hidden;box-shadow:0 24px 64px #0000004d}.gift-ep-header{color:#fff;letter-spacing:.04em;background:#1b4332;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13px;font-weight:700;display:flex}.gift-ep-header button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.gift-ep-meta{background:#f5f5f5;border-bottom:1px solid #ddd;flex-direction:column;gap:4px;padding:12px 20px;display:flex}.gift-ep-meta div{color:#666;gap:8px;font-size:12px;display:flex}.gift-ep-meta strong{color:#111}.gift-ep-body{max-height:60vh;overflow-y:auto}@media (width<=900px){.gift-layout{grid-template-columns:1fr;gap:40px}.gift-preview-panel{max-width:400px;margin:0 auto;position:static}}@media (width<=560px){.gift-design-grid{grid-template-columns:repeat(4,1fr);gap:6px}.gift-fields-row{grid-template-columns:1fr}.gift-email-row{flex-direction:column}.gift-preview-btn{width:100%}}.cat-hero{background:var(--bg-deep);padding-block:clamp(28px,4vw,44px) clamp(36px,5vw,56px)}.crumb{cursor:pointer;color:var(--muted);background:0 0;border:none;margin-bottom:28px;padding:0;font-size:13px}.crumb:hover{color:var(--ink)}.cat-hero-grid{grid-template-columns:1.6fr 1fr;align-items:end;gap:40px;display:grid}.cat-hero-tag{color:var(--green);letter-spacing:.06em;font-size:13px}.cat-hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin:10px 0 16px;font-size:clamp(38px,6vw,72px);font-weight:800;line-height:.95}.cat-hero-blurb{color:var(--muted);max-width:50ch;margin:0;font-size:17px;line-height:1.5}.cat-detail{border-bottom:1px solid var(--line);max-width:760px;padding:clamp(28px,4vw,44px) 0 4px}.cat-detail-eyebrow{color:var(--green);margin-bottom:16px;display:block}.cat-detail-p{color:var(--ink);text-wrap:pretty;margin:0 0 16px;font-size:clamp(15px,1.6vw,17px);line-height:1.6}.cat-detail-p:not(:first-of-type){color:var(--muted)}.cat-hero-meta{flex-direction:column;gap:14px;display:flex}.cat-hero-meta>div{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding-bottom:12px;display:flex}.cat-hero-meta span{letter-spacing:.1em;color:var(--muted);font-size:11px}.cat-hero-meta strong{letter-spacing:-.01em;font-size:16px;font-weight:700}.prod-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.prod-card{background:var(--surface);border-radius:var(--radius-lg);outline:1px solid var(--line);outline-offset:-1px;transition:box-shadow .3s, transform .3s var(--ease);flex-direction:column;display:flex;overflow:hidden}.prod-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.prod-media{position:relative}.prod-media .ph{aspect-ratio:4/3;border-radius:0}.prod-badge{position:absolute;top:12px;left:12px}.prod-body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.prod-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.prod-desc{color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.45}.prod-price-row{align-items:baseline;gap:8px;margin-top:4px;display:flex}.prod-price{letter-spacing:-.03em;font-size:24px;font-weight:700}.prod-was{color:var(--muted);font-size:14px;text-decoration:line-through}.prod-unit{color:var(--muted);font-size:12px}.prod-actions{align-items:stretch;gap:10px;margin-top:12px;display:flex}.custom-amt{align-items:center;gap:12px;margin-top:4px;display:flex}.custom-amt input[type=range]{accent-color:var(--green);flex:1}.custom-amt span{text-align:right;min-width:52px;font-size:15px;font-weight:700}.catswitch{margin-top:clamp(40px,6vw,72px)}.catswitch .eyebrow{margin-bottom:16px;display:block}.catswitch-row{flex-wrap:wrap;gap:10px;display:flex}.catswitch-chip{cursor:pointer;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:var(--radius-pill);color:var(--ink);border:none;align-items:center;gap:8px;padding:11px 17px;font-size:14.5px;font-weight:600;transition:box-shadow .2s,transform .2s;display:inline-flex}.catswitch-chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-1px)}.catswitch-chip .mono{color:var(--muted);font-size:12px}.ftr{background:var(--bg-deep);margin-top:auto;padding-block:clamp(48px,7vw,80px) 28px}.ftr-top{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:40px;padding-bottom:40px;display:grid}.ftr-tag{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.ftr-cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ftr-col{flex-direction:column;gap:10px;display:flex}.ftr-h{margin-bottom:4px}.ftr-col button,.ftr-col a{cursor:pointer;color:var(--muted);font-family:var(--font-body);text-align:left;background:0 0;border:none;padding:0;font-size:14.5px;text-decoration:none;transition:color .2s}.ftr-col button:hover,.ftr-col a:hover{color:var(--ink)}.ftr-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:24px;font-size:12px;display:flex}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual{aspect-ratio:16/11}.cat-grid,.prod-grid{grid-template-columns:repeat(2,1fr)}.giftband-inner{grid-template-columns:1fr;gap:30px}.cat-hero-grid{grid-template-columns:1fr;gap:26px}.ftr-top{grid-template-columns:1fr;gap:28px}}@media (width<=600px){.cat-grid,.prod-grid{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap;gap:18px 28px}.ftr-cols{grid-template-columns:1fr 1fr}.ftr-bottom{flex-direction:column}}.ball-customizer{grid-template-columns:1fr 1.4fr;align-items:start;gap:40px;margin:0 0 56px;display:grid}@media (width<=860px){.ball-customizer{grid-template-columns:1fr;gap:28px}.ball-preview-col{flex-direction:column;align-items:center;display:flex;position:static}.ball-preview-frame{padding:18px}.ball-preview-inner{width:min(240px,72vw);height:min(240px,72vw)}}.ball-preview-col{position:sticky;top:80px}.ball-preview-wrap{text-align:center;flex-direction:column;align-items:center;display:flex}.ball-preview-frame{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);padding:24px;line-height:0;display:inline-block}.ball-preview-inner{width:280px;height:280px;position:relative}.ball-photo{object-fit:contain;filter:drop-shadow(8px 14px 22px #00000029);width:100%;height:100%;display:block}.ball-text-layer{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:43%;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.ball-ov-line{font-family:var(--font-mono);letter-spacing:.06em;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-weight:700;line-height:1.25;overflow:hidden}.ball-design-layer{object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 4px #00000047);width:28%;height:28%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.ball-preview-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:11px;display:inline-block}.ball-preview-hint{color:var(--muted);margin:4px 0 0;font-size:11px}.ball-controls-col{flex-direction:column;gap:24px;display:flex}.ball-ctrl-group{flex-direction:column;gap:8px;display:flex}.ball-ctrl-label{letter-spacing:.1em;color:var(--muted);margin-bottom:2px;font-size:11px}.ball-model-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ball-model-btn{border:1.5px solid var(--line);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--ink);cursor:pointer;text-align:center;background:0 0;padding:9px 8px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.ball-model-btn:hover{border-color:var(--ink)}.ball-model-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ball-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ball-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;width:30px;height:30px;padding:0;transition:border-color .15s,transform .15s}.ball-swatch:hover{transform:scale(1.12)}.ball-swatch.is-active{border-color:var(--ink);box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--ink)}.ball-swatch:disabled{opacity:.32;cursor:not-allowed;transform:none}.ball-swatch-note{color:var(--muted);font-size:11px}.ball-type-toggle{gap:6px;display:flex}.ball-type-btn{border:1.5px solid var(--line);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--ink);cursor:pointer;background:0 0;flex:1;padding:10px 14px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.ball-type-btn:hover{border-color:var(--ink)}.ball-type-btn.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.ball-text-input{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;box-sizing:border-box;padding:10px 14px;font-size:13.5px;transition:border-color .15s}.ball-text-input:focus{border-color:var(--accent);outline:none}.ball-text-input::placeholder{text-transform:none;letter-spacing:0;color:var(--muted)}.ball-upload-area{border:2px dashed var(--line);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;min-height:120px;padding:24px;transition:border-color .2s,background .2s;display:flex}.ball-upload-area:hover,.ball-upload-area.drag-over{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 6%, transparent)}.ball-upload-inner{text-align:center}.ball-upload-text{font-size:14px;font-weight:600}.ball-upload-link{color:var(--accent);cursor:pointer;text-decoration:underline}.ball-upload-sub{color:var(--muted);margin-top:4px;font-size:11px}.ball-upload-preview{align-items:center;gap:14px;width:100%;display:flex}.ball-upload-thumb{object-fit:contain;border:1px solid var(--line);border-radius:8px;width:56px;height:56px}.ball-upload-meta{flex-direction:column;gap:6px;display:flex}.ball-subscribe-box{border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:12px;padding:20px;display:flex}.ball-subscribe-title{letter-spacing:-.02em;font-size:17px;font-weight:700}.ball-subscribe-sub{color:var(--muted);font-size:12px}.ball-subscribe-fields{flex-direction:column;gap:8px;display:flex}.ball-sub-input{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--ink);font-size:14px;font-family:var(--font-body);box-sizing:border-box;padding:10px 14px;transition:border-color .15s}.ball-sub-input:focus{border-color:var(--accent);outline:none}.ball-price-panel{flex-direction:column;gap:20px;display:flex}.ball-shipping-list{border-radius:var(--radius-md);flex-direction:column;gap:4px;transition:box-shadow .15s;display:flex}.ball-shipping-list.has-error{box-shadow:0 0 0 2px var(--accent)}.ball-field-error{color:var(--accent);margin:4px 0 0;font-size:12px}.ball-addr-form{flex-direction:column;gap:6px;display:flex}.ball-addr-field{text-transform:none!important;letter-spacing:0!important}.ball-addr-field.has-error{border-color:var(--accent)}.ball-addr-row{gap:6px;display:flex}.ball-shipping-opt{border:1.5px solid var(--line);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;transition:border-color .15s,background .15s;display:flex}.ball-shipping-opt:hover{border-color:var(--ink)}.ball-shipping-opt.is-active{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 6%, transparent)}.ball-shipping-dot{border:2px solid var(--muted);border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:border-color .15s,background .15s}.ball-shipping-opt.is-active .ball-shipping-dot{border-color:var(--accent);background:var(--accent)}.ball-price-box{border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:8px;padding:18px;display:flex}.ball-price-top{justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.ball-info-strip{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--muted);margin:0 0 32px;padding:18px 22px;font-size:13.5px;line-height:1.6}.ball-faq{border-top:1px solid var(--line);flex-direction:column;gap:0;display:flex}.ball-faq-item{border-bottom:1px solid var(--line);padding:18px 0}.ball-faq-q{margin-bottom:5px;font-size:14.5px;font-weight:700}.ball-faq-a{font-size:13.5px;line-height:1.65}.account-hero{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:32px;display:flex}.account-avatar{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.account-name{letter-spacing:-.03em;margin:0 0 4px;font-size:26px;font-weight:800}.account-email{color:var(--muted);margin:0;font-size:13px}.account-signout{margin-left:auto;text-decoration:none}.account-stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:32px;display:grid;overflow:hidden}.account-stat{background:var(--surface);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.account-stat-val{letter-spacing:-.02em;font-size:22px;font-weight:700}.account-stat-label{color:var(--muted);font-size:10px}.account-tabs{flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.account-tab{border-radius:var(--radius-pill);border:1.5px solid var(--line);font-family:var(--font-body);color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.account-tab:hover{border-color:var(--ink);color:var(--ink)}.account-tab.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.tab-count{background:color-mix(in oklab, currentColor 15%, transparent);border-radius:99px;padding:1px 6px;font-size:11px}.order-list{flex-direction:column;gap:8px;padding-bottom:64px;display:flex}.order-card{text-align:left;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;width:100%;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s,transform .12s;overflow:hidden}.order-card:hover{border-color:color-mix(in oklab, var(--ink) 35%, transparent);transform:translateY(-1px);box-shadow:0 4px 16px -6px #0000001f}.order-card:active{transform:translateY(0)}.order-card-head{align-items:center;gap:14px;padding:15px 18px;display:flex}.order-icon-wrap{border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--line);flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.order-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.order-top-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.order-type-label{font-size:10px}.order-desc{letter-spacing:-.01em;font-size:14px;font-weight:600}.order-bottom-row{color:var(--muted);gap:12px;font-size:12px;display:flex}.order-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.order-amount{letter-spacing:-.02em;font-size:15px;font-weight:700}.order-chevron{color:var(--muted);flex-shrink:0}.order-status{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:700}.status--paid{background:color-mix(in oklab, var(--green) 15%, transparent);color:var(--green)}.status--pending{color:#b45309;background:oklab(76.8591% .0560995 .154808/.12)}.status--processing{background:color-mix(in oklab, var(--muted) 12%, transparent);color:var(--muted)}.od-modal{border-radius:var(--radius-lg);flex-direction:column;width:calc(100% - 32px);max-width:520px;max-height:88vh;display:flex;overflow:hidden}.od-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.od-head-left{align-items:center;gap:12px;display:flex}.od-type-icon{font-size:26px;line-height:1}.od-title{letter-spacing:-.02em;font-size:18px;font-weight:700}.od-order-id{color:var(--muted);margin-top:1px;font-size:12px}.od-head-right{align-items:center;gap:10px;display:flex}.od-body{padding:0 20px 24px;overflow-y:auto}.od-amount-block{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:20px 0 18px;display:flex}.od-amount-label{color:var(--muted)}.od-amount{letter-spacing:-.04em;font-size:32px;font-weight:800}.od-section{padding:18px 0 0}.od-section+.od-section{border-top:1px solid var(--line);margin-top:2px}.od-section-title{color:var(--muted);margin-bottom:10px;font-size:10px;display:block}.od-rows{flex-direction:column;gap:0;display:flex}.od-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:8px 0;display:flex}.od-row:last-child{border-bottom:none}.od-label{color:var(--muted);flex-shrink:0;padding-top:2px;font-size:10px}.od-value{text-align:right;font-size:13.5px;font-weight:550}.od-timeline{flex-direction:column;gap:0;display:flex}.od-timeline-item{border-bottom:1px solid var(--line);gap:14px;padding:10px 0;display:flex}.od-timeline-item:last-child{border-bottom:none}.od-tl-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:3px}.od-tl-dot--done{background:var(--green)}.od-tl-dot--pending{background:#f59e0b}.od-tl-label{font-size:13.5px;font-weight:600}.od-tl-date{color:var(--muted);margin-top:2px;font-size:12px}.od-items-block{border:1px solid var(--line);border-radius:var(--radius-md);margin:4px 0 6px;overflow:hidden}.od-item{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.od-item:last-child{border-bottom:none}.od-item-name{flex:1;font-weight:550}.od-item-qty{color:var(--muted)}.od-item-price{font-weight:700}.od-bank-box{border-radius:var(--radius-md);background:oklab(76.8591% .0560995 .154808/.07);border:1.5px solid oklab(76.8591% .0560995 .154808/.25);margin-top:18px;padding:16px}.od-bank-title{color:#b45309;margin-bottom:10px;font-size:10px;display:block}.od-bank-note{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.account-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:64px 24px;font-size:14px;display:flex}@media (width<=640px){.account-stats{grid-template-columns:repeat(2,1fr)}.account-signout{width:100%;margin-left:0}.od-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:flex-end;max-height:92vh}}.scrim{z-index:60;background:color-mix(in oklab, var(--ink) 45%, transparent);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s;position:fixed;inset:0}.scrim.is-open{opacity:1;pointer-events:auto}.drawer{z-index:70;background:var(--bg);width:min(440px,100vw);transition:transform .42s var(--ease-out);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.is-open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.drawer-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:750}.drawer-count{color:var(--muted);font-size:13px}.drawer-empty{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.drawer-empty-mark{background:var(--bg-deep);width:64px;height:64px;color:var(--green);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.drawer-empty p{color:var(--ink);margin:0;font-size:17px;font-weight:600}.drawer-empty span{font-size:12px}.drawer-items{flex:1;padding:8px 22px;overflow-y:auto}.line{border-bottom:1px solid var(--line);gap:14px;padding:18px 0;display:flex}.line-media{border-radius:var(--radius-sm);flex:none;width:78px;height:78px;overflow:hidden}.line-media .ph{aspect-ratio:auto;border-radius:0;height:100%}.line-media .ph-label,.line-media .ph-corner{display:none}.line-preview-img{object-fit:cover;width:100%;height:100%;display:block}.line-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.line-top{justify-content:space-between;gap:8px;display:flex}.line-name{letter-spacing:-.01em;font-size:15px;font-weight:650;line-height:1.25}.line-x{cursor:pointer;color:var(--muted);background:0 0;border:none;flex:none;height:fit-content;padding:2px}.line-x:hover{color:var(--ink)}.line-desc{color:var(--muted);font-size:11.5px}.line-foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.line-foot .stepper button{width:32px;height:36px}.line-price{font-size:15px;font-weight:700}.drawer-foot{padding:20px 22px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-direction:column;gap:9px;display:flex}.drawer-row{justify-content:space-between;font-size:14px;display:flex}.drawer-row span:first-child{color:var(--muted)}.drawer-row strong,.drawer-row span:last-child{font-weight:700}.drawer-row--mut{color:var(--muted);font-size:12px}.drawer-foot .btn{margin-top:8px}.drawer-note{color:var(--muted);text-align:center;margin:2px 0 0;font-size:11px}.gift-cart-thumb{border-radius:var(--radius-sm);border:1.5px solid var(--tc,#1a3050);background:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.gct-head{background:var(--tc,#1a3050);flex-direction:column;flex:none;align-items:center;gap:1px;padding:6px 7px 5px;display:flex}.gct-emoji{font-size:16px;line-height:1}.gct-brand{letter-spacing:2px;color:#fffc;text-transform:uppercase;font-size:5.5px;font-weight:800}.gct-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 5px;display:flex}.gct-label{letter-spacing:2px;text-transform:uppercase;color:var(--tc,#1a3050);opacity:.7;font-size:5px;font-weight:700}.gct-to{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:7px;overflow:hidden}.gct-amt{color:var(--ink);letter-spacing:-.02em;font-size:10px;font-weight:800}.modal-scrim{z-index:90;background:color-mix(in oklab, var(--ink) 55%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .25s var(--ease);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg);border-radius:var(--radius-lg);width:min(520px,100%);box-shadow:var(--shadow-lg);animation:pop .35s var(--ease-out);margin:auto;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.98)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-steps{gap:6px;display:flex}.mstep{color:var(--muted);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.mstep i{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:50%;place-items:center;font-size:11px;font-style:normal;display:grid}.mstep.is-on{color:var(--ink);background:color-mix(in oklab, var(--ink) 8%, transparent)}.mstep.is-on i{box-shadow:none;background:var(--accent);color:var(--accent-ink)}.mstep.is-past i{background:var(--green);color:var(--on-green);box-shadow:none}.modal-body{flex-direction:column;gap:14px;padding:26px;display:flex}.modal-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:750}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.field input{font-family:var(--font-body);color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:var(--radius-sm);border:none;outline:none;padding:13px 15px;font-size:16px;transition:box-shadow .2s}.field input.mono{font-family:var(--font-mono);font-size:15px}.field input:focus{box-shadow:inset 0 0 0 2px var(--green)}.field input::placeholder{color:color-mix(in oklab, var(--muted) 70%, transparent)}.field-note{color:var(--muted);margin:-4px 0 4px;font-size:12px}.pay-opts{flex-direction:column;gap:10px;display:flex}.pay-opt{background:var(--surface);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:var(--radius-md);border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 18px;transition:box-shadow .2s;display:grid}.pay-opt.is-on{box-shadow:inset 0 0 0 2px var(--green)}.pay-radio{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--muted);border-radius:50%;transition:all .2s}.pay-opt.is-on .pay-radio{box-shadow:inset 0 0 0 6px var(--green)}.pay-label{font-size:15.5px;font-weight:650}.pay-meta{color:var(--muted);font-size:11px}.card-fields{flex-direction:column;gap:12px;display:flex}.card-fields-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bank-box{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:18px;display:flex}.bank-row{justify-content:space-between;font-size:14px;display:flex}.bank-row span{color:var(--muted)}.bank-row strong{font-weight:700}.bank-note{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.modal-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0 2px;display:flex}.modal-summary span{color:var(--muted);font-size:14px}.modal-summary strong{letter-spacing:-.02em;font-size:22px;font-weight:700}.modal-actions{gap:10px;display:flex}.modal-actions .btn--ghost{flex:none}.modal-body--confirm{text-align:center;align-items:center;padding-block:40px}.confirm-mark{background:var(--green);width:76px;height:76px;color:var(--on-green);animation:pop-mark .5s var(--ease-out);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}@keyframes pop-mark{0%{transform:scale(0)}60%{transform:scale(1.12)}}.confirm-sub{color:var(--muted);max-width:38ch;margin:0;font-size:15.5px;line-height:1.55}.confirm-ref{background:var(--bg-deep);border-radius:var(--radius-pill);align-items:center;gap:12px;margin:4px 0;padding:12px 20px;display:flex}.confirm-ref span{letter-spacing:.1em;color:var(--muted);font-size:11px}.confirm-ref strong{letter-spacing:.04em;font-size:18px}.toast{z-index:100;background:var(--ink);color:var(--bg);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);animation:toast-in .4s var(--ease-out);align-items:center;gap:10px;padding:13px 20px;font-size:14.5px;font-weight:600;display:inline-flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast svg{color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}}@media (width<=600px){.modal-body{padding:20px}.toast{justify-content:center;width:calc(100% - 32px);bottom:16px}}