:root{--orange:#ff4d22;--orange-btn:#e9431c;--orange-txt:#b73818;--orange-soft:#fff0e8;--orange-hover:#d63d18;--orange-pressed:#b73818;--ink:#151515;--ink-2:#3f3f44;--ink-hover:#2c2c30;--muted:#6c6c70;--hint:#9c9ca1;--line:#e5e5e7;--line-2:#d1d1d6;--paper:#ffffff;--soft:#f5f5f7;--soft-2:#ececef;--tint-sky:#e6ecf1;--tint-lilac:#eceaf2;--tint-sand:#efeae3;--tint-mint:#e4ece7;--tint-peach:#f7ebe4;--ok:#1e7b45;--ok-soft:#e3f3e9;--warn:#9a6100;--warn-soft:#fbf0d6;--bad:#c0331c;--bad-soft:#fbe5e0;--info:#2a4fd6;--info-soft:#e6ebfb;--font-sans:"Archivo","Noto Sans SC","PingFang SC",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--fs-hero-desktop:60px;--fs-h1-desktop:40px;--fs-h1:28px;--fs-h1-admin:24px;--fs-h2:20px;--fs-h3:18px;--fs-bar:17px;--fs-btn:16px;--fs-body:14px;--fs-label:13px;--fs-small:12px;--fs-eyebrow:11px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-14:56px;--r-badge:6px;--r-chip:8px;--r-field:10px;--r-icon:12px;--r-card:14px;--r-box:16px;--r-banner:18px;--r-pill:999px;--shadow-float:0 2px 6px rgba(0,0,0,0.12);--shadow-card:0 6px 18px rgba(27,28,27,0.12);--shadow-card-hover:0 10px 26px rgba(27,28,27,0.2);--shadow-dark:0 16px 30px rgba(0,0,0,0.35);--ring-selected:0 0 0 2px var(--ink);--ring-focus:0 0 0 3px var(--orange-soft);--h-appbar:56px;--h-announce:30px;--h-btn:52px;--h-btn-sm:44px;--h-btn-xs:36px;--h-field:48px;--h-icon-btn:44px;--page-pad:20px;--shop-pad:16px;--desktop-pad:56px}@font-face{font-family:Archivo Black;src:url(/fonts/ArchivoBlack-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Bangers;src:url(/fonts/Bangers-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Lilita One;src:url(/fonts/LilitaOne-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Pacifico;src:url(/fonts/Pacifico-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Special Elite;src:url(/fonts/SpecialElite-Regular.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}h1,h2,h3,p{margin:0}.page{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--paper)}.announce{height:var(--h-announce);background:var(--ink);color:#fff;font-size:var(--fs-eyebrow);font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;white-space:nowrap;overflow:hidden}.announce .accent{color:var(--orange)}.appbar{height:var(--h-appbar);flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 8px}.appbar .title{flex-grow:1;text-align:center;font-size:var(--fs-bar);font-weight:700}.appbar .spacer{flex-grow:1}.iconbtn{position:relative;width:var(--h-icon-btn);height:var(--h-icon-btn);border-radius:var(--r-icon);display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;text-decoration:none}.iconbtn:hover{background:var(--soft)}.iconbtn .badge{position:absolute;right:4px;top:4px;min-width:16px;height:16px;border-radius:8px;background:var(--ink);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.steps{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:2px var(--page-pad) 14px}.steps .row{display:flex;justify-content:space-between;font-size:var(--fs-small)}.steps .bars{display:flex;gap:4px}.steps .bar{flex-grow:1;height:4px;border-radius:2px;background:var(--line)}.steps .bar.on{background:var(--orange)}.body{flex-grow:1;gap:var(--sp-6);padding:8px var(--page-pad) var(--sp-8)}.body,.bottombar{display:flex;flex-direction:column}.bottombar{position:-webkit-sticky;position:sticky;bottom:0;flex-shrink:0;gap:8px;padding:12px var(--page-pad) calc(24px + env(safe-area-inset-bottom, 0px));background:var(--paper);border-top:1px solid var(--line)}.h1{font-size:var(--fs-h1);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}.h1,.h2{font-weight:800}.h2{font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.02em}.h3{font-size:var(--fs-h3);font-weight:800;letter-spacing:-.01em}.p{font-size:var(--fs-body)}.p,.small{color:var(--muted)}.small{font-size:var(--fs-small)}.eyebrow{font-size:var(--fs-eyebrow);line-height:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:var(--h-btn);padding:0 20px;border-radius:var(--r-card);border:none;font-size:var(--fs-btn);font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn-primary{background:var(--orange-btn);color:#fff}.btn-primary:hover{background:var(--orange-hover)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--ink-hover)}.btn-line{background:var(--paper);color:var(--ink);border:1.5px solid var(--line-2)}.btn-line:hover,.btn-soft{background:var(--soft)}.btn-soft{color:var(--ink)}.btn-sm{height:var(--h-btn-sm);border-radius:var(--r-icon)}.btn-sm,.btn-xs{font-size:var(--fs-label);width:auto}.btn-xs{height:var(--h-btn-xs);border-radius:var(--r-field);padding:0 14px}.link{font-size:var(--fs-label);font-weight:600;text-decoration:underline;text-underline-offset:4px;background:none;border:none;padding:0;cursor:pointer}.link:hover{color:var(--ink-2)}.chip{height:36px;min-width:44px;padding:0 12px;border-radius:var(--r-chip);border:1.5px solid var(--line-2);background:var(--paper);font-size:var(--fs-label);font-weight:700;cursor:pointer}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip:disabled{opacity:.4;text-decoration:line-through}.swatch{width:32px;height:32px;border-radius:50%;border:1px solid rgba(27,28,27,.18);padding:0;cursor:pointer;flex-shrink:0}.swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--fs-label);font-weight:700;color:var(--ink-2)}.field input,.field select{height:var(--h-field);padding:0 14px;border-radius:var(--r-field);border:1.5px solid var(--line-2);background:var(--paper);font-size:16px}.field input:focus{outline:none;border-color:var(--ink);box-shadow:var(--ring-focus)}.field .err{font-size:var(--fs-small);color:var(--bad)}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line-2);border-radius:var(--r-field);height:44px}.stepper button{width:44px;height:100%;background:none;border:none;cursor:pointer;font-size:18px}.stepper button:disabled{opacity:.35}.stepper span{width:36px;text-align:center;font-weight:700}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-box);padding:var(--sp-4)}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:700;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:3px;background:currentColor}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-bad{background:var(--bad-soft);color:var(--bad)}.pill-info{background:var(--info-soft);color:var(--info)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-icon);font-size:var(--fs-label);line-height:1.45}.notice-soft{background:var(--soft);color:var(--ink-2)}.notice-warn{background:var(--warn-soft);color:#6b4400}.notice-bad{background:var(--bad-soft);color:#8a2414}.notice-lime{background:var(--orange-soft);color:var(--ink-2)}.spinner{width:22px;height:22px;border-radius:11px;border:2.5px solid var(--line-2);border-top-color:var(--ink);animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:var(--soft-2);border-radius:var(--r-card);animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px 12px;gap:14px 12px}.mock{position:relative;aspect-ratio:1;width:100%;border-radius:var(--r-card);overflow:hidden;background:var(--soft)}.mock img{width:100%;height:100%;object-fit:cover}.mock .badge{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:var(--r-badge);background:var(--ink);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.tint-tee{background:var(--tint-sky)}.tint-hood{background:var(--tint-lilac)}.tint-mug{background:var(--tint-sand)}.tint-canvas{background:var(--tint-mint)}.tint-blanket{background:var(--tint-peach)}.choice{display:flex;flex-direction:column;gap:8px;padding:0;border:none;background:none;text-align:left;cursor:pointer}.choice .mock{background:var(--soft)}.choice.on .mock{box-shadow:var(--ring-selected)}.choice .tick{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:12px;background:#fff;border:1.5px solid var(--line-2);display:flex;align-items:center;justify-content:center}.choice.pick .mock{transition:transform .15s,box-shadow .15s}.choice.pick:active .mock{transform:scale(.98)}@media (hover:hover){.choice.pick:hover .mock{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.choice.pick.on:hover .mock{box-shadow:var(--ring-selected),var(--shadow-card-hover)}}.choice.on .tick{background:var(--ink);border-color:var(--ink)}.checker{background-color:#fff;background-image:linear-gradient(45deg,#eeeef0 25%,transparent 0),linear-gradient(-45deg,#eeeef0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eeeef0 0),linear-gradient(-45deg,transparent 75%,#eeeef0 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;padding:16px 8px;border-radius:var(--r-card);background:var(--soft);text-align:center}.trust b{display:block;font-size:var(--fs-small);font-weight:800}.trust span{font-size:var(--fs-eyebrow);color:var(--muted)}.footer{background:var(--ink);color:#c7c7cc;padding:32px var(--page-pad) 28px;display:flex;flex-direction:column;gap:16px;font-size:var(--fs-small)}.footer a{color:#fff;text-decoration:none}.handoff{display:none}@media (min-width:1080px){body{background:var(--soft)}.page{box-shadow:0 0 0 1px var(--line)}.handoff{display:flex;flex-direction:column;gap:12px;position:fixed;top:120px;left:min(calc(50% + 264px),calc(100% - 296px));width:240px;padding:20px;border-radius:var(--r-box);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card)}}.zoombtn{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:17px;border:none;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:zoom-in;color:var(--ink)}.zoombtn:active{transform:scale(.94)}.lightbox{position:fixed;inset:0;z-index:50;background:rgba(12,12,14,.95);display:flex;justify-content:center;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);animation:lb-in .16s ease-out}@keyframes lb-in{0%{opacity:0}}.lb-inner{width:100%;max-width:640px;display:flex;flex-direction:column;min-height:0}.lb-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff}.lb-title{font-weight:800;font-size:17px}.lb-close{width:40px;height:40px;border-radius:20px;border:none;background:rgba(255,255,255,.12);cursor:pointer}.lb-close,.lb-stage{display:flex;align-items:center;justify-content:center}.lb-stage{flex:1 1;min-height:0;overflow:auto;padding:0 16px}.lb-stage img{max-width:100%;max-height:100%;border-radius:var(--r-box);cursor:zoom-in;object-fit:contain}.lb-stage.zoomed{display:block;padding:0}.lb-stage.zoomed img{max-width:none;max-height:none;width:220%;border-radius:0;cursor:zoom-out}.lb-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 0}.lb-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.12)}.lb-seg button{height:30px;padding:0 14px;border-radius:999px;border:none;background:transparent;color:rgba(255,255,255,.7);font-size:13px;font-weight:700;cursor:pointer}.lb-seg button.on{background:#fff;color:var(--ink)}.lb-hint{color:rgba(255,255,255,.6);font-size:13px;text-align:right}.lb-foot{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.scrim{position:fixed;inset:0;z-index:50;background:rgba(12,12,14,.45);display:flex;align-items:flex-end;justify-content:center;animation:lb-in .16s ease-out}.sheet{width:100%;max-width:520px;max-height:88vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:10px var(--page-pad,20px) calc(20px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:16px;animation:sheet-up .22s cubic-bezier(.2,.8,.2,1)}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.4}}.sheet-grip{align-self:center;width:40px;height:4px;border-radius:2px;background:var(--line-2)}@media (min-width:720px){.scrim{align-items:center}.sheet{border-radius:22px}.sheet-grip{display:none}}.sizetable{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:15px}.sizetable th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);padding:0 10px 8px}.sizetable td{padding:11px 10px;border-top:1px solid var(--line);cursor:pointer}.sizetable td:first-child{font-weight:800;width:22%}.sizetable tr.on td{background:var(--ink);color:#fff;border-top-color:var(--ink)}.sizetable tr.on td:first-child{border-radius:10px 0 0 10px}.sizetable tr.on td:last-child{border-radius:0 10px 10px 0}@media (hover:hover){.sizetable tbody tr:not(.on):hover td{background:var(--soft)}}