:root{font-family:Barlow,PingFang TC,Microsoft JhengHei,sans-serif;color:#202124;background:#fff;font-synthesis:none;--yellow: #ffdc32;--ink: #202124;--muted: #636872;--line: #e6e2df;--teal: #087284;--pink: #b72d69;--cyan-wash: #e7f8fb;--pink-wash: #fff0f5;--yellow-wash: #fff8d5;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button{color:inherit}svg{width:20px;height:20px;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere}h1{font-size:32px;line-height:1.15}h2{font-size:21px}h3{font-size:18px}p{line-height:1.6}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.hidden{display:none!important}.muted{color:var(--muted);font-size:14px}.skip{position:absolute;top:-100px;z-index:100;background:#fff;padding:15px}.skip:focus{top:0}.header{background:#fff;border-bottom:2px solid var(--ink)}.header-inner{max-width:1200px;margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:20px}.brand{display:flex;gap:12px;align-items:center}.brand img{border-radius:8px}.brand>span{font-family:Barlow Condensed,Impact,sans-serif;font-size:23px;font-weight:800;line-height:1.15}.brand small{display:block;font-family:Barlow,sans-serif;font-size:11px;font-weight:600;margin-top:4px}.brand b{color:var(--pink);padding:0 8px}nav{display:flex;align-items:center;gap:24px}nav a{display:flex;gap:7px;align-items:center;font-size:14px;font-weight:600}.current{color:var(--teal)}select{border:1px solid var(--line);background:#fff;border-radius:4px;padding:10px 12px;max-width:100%;color:var(--ink)}#locale{border:0;padding:8px 4px;font-size:13px}.login-link{border-left:1px solid var(--line);padding-left:24px}.icon-button{border:0;background:none;display:grid;place-items:center;width:36px;height:36px}.error-banner{padding:14px 24px;background:#fff0ed;color:#a52c22;text-align:center;font-size:14px}.hero{max-width:1000px;margin:0 auto;padding:24px 24px 0;color:var(--ink)}.hero>img{width:100%;height:auto;aspect-ratio:1052 / 486}.hero-title{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:16px 0;border-bottom:2px solid var(--ink)}.hero-title>span{font-size:10px;font-weight:600;color:var(--pink)}.hero-title h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:26px;margin:0}.store-layout{max-width:1200px;margin:0 auto;padding:32px 24px 64px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}.store-main{min-width:0}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.step{display:grid;place-items:center;font-family:Barlow Condensed,Impact,sans-serif;font-size:18px;font-weight:700;background:var(--yellow);width:32px;height:32px;flex-shrink:0;border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.currency{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}.account-section{padding-bottom:28px;border-bottom:1px solid var(--line)}.account-row{display:flex;gap:14px;align-items:center}.account-avatar{width:46px;height:46px;background:var(--pink-wash);color:var(--pink);display:grid;place-items:center;border-radius:50%;flex-shrink:0}.account-info{flex:1;min-width:0}.account-info strong{display:block;font-size:16px;overflow-wrap:anywhere}.account-info span{font-size:13px;color:var(--muted);display:block;margin-top:5px}.small-button,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#fff;border:1px solid var(--ink);border-radius:4px;padding:11px 16px;font-size:14px;font-weight:600}.small-button:hover,.secondary:hover{border-color:#747981}.text-button{border:0;background:none;font-weight:600;color:var(--teal);padding:6px;font-size:14px}.catalog-section{padding-top:28px}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:10px 12px;display:flex;gap:8px;align-items:center;font-weight:600;font-size:14px}.tabs button[aria-selected=true]{border-bottom-color:var(--ink);background:var(--yellow)}.tabs button:not([aria-selected=true]):hover{background:var(--pink-wash)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product{--pack-color: #118599;--pack-wash: var(--cyan-wash);--pack-fill: #8fe4ec;position:relative;background:#fff;border:1px solid #c5dadd;border-radius:6px;padding:18px;text-align:left;min-width:0;transition:border-color .15s,box-shadow .15s}.product:hover{border-color:var(--pack-color);box-shadow:3px 3px 0 var(--pack-wash)}.product.selected{border:2px solid var(--ink);padding:17px;background:var(--yellow-wash);box-shadow:4px 4px 0 var(--yellow)}.product:has(.art-1){--pack-color: #c33d7b;--pack-wash: var(--pink-wash);--pack-fill: #f9b1ce}.product:has(.art-2){--pack-color: #947100;--pack-wash: var(--yellow-wash);--pack-fill: #ffe574}.product-check{position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:50%;border:1px solid #a1a9ac;background:#fff;z-index:1;color:transparent;display:grid;place-items:center}.product-check svg{width:14px;height:14px}.selected .product-check{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.product-art{display:flex;align-items:center;justify-content:center;height:78px;margin:3px 0 14px;color:var(--pack-color);background:var(--pack-wash);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.product-art>svg{width:50px;height:50px;stroke-width:1.6;fill:var(--pack-fill);filter:drop-shadow(3px 3px 0 #ffffff)}.product h3{font-size:18px;font-weight:800;line-height:1.25}.bonus{font-size:12px;color:var(--pink);margin-top:7px;min-height:20px}.pack-total{font-size:11px;color:var(--muted);margin-top:3px}.product-bottom{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;display:flex;flex-direction:column;gap:7px}.product-bottom>strong{font-size:19px}.product-bottom>span{font-size:11px;color:var(--muted)}.summary{align-self:start;position:sticky;top:24px;background:#fff;border:1px solid var(--ink);border-radius:6px;overflow:hidden}.summary-heading{background:var(--yellow);color:var(--ink);border-bottom:1px solid var(--ink);padding:19px 20px;display:flex;justify-content:space-between;font-size:16px;font-weight:800}.summary-heading svg{color:var(--ink)}.summary-body{padding:24px 20px}.summary-body h3{margin-bottom:20px}.content-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:10px 0}.content-line strong{white-space:nowrap}.content-line em{font-style:normal;color:var(--teal);font-weight:500}.bundle-contents{margin-top:14px}.bundle-contents .content-line{display:block;font-size:11px;margin:8px 0}.bundle-contents strong{display:block;font-size:14px;margin-top:2px}.limit-note{font-size:11px;color:var(--muted);margin-top:16px}.summary-account{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:12px;color:var(--muted)}.summary-account strong{color:var(--ink);overflow-wrap:anywhere;font-size:14px}.total{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;margin-bottom:20px;font-size:13px}.total strong{font-size:25px;white-space:nowrap}.primary{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--yellow);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:4px;padding:14px 16px;font-size:14px;font-weight:700;min-height:48px}.primary:hover:not(:disabled){background:#ffe66a}.primary:active:not(:disabled){box-shadow:1px 1px 0 var(--ink)}.summary .primary{width:100%;font-size:13px;padding:13px 10px}.summary-foot{padding:16px 20px;background:var(--cyan-wash);display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:var(--muted)}.summary-foot svg{width:16px;height:16px;color:var(--teal)}.empty-selection{text-align:center;padding:22px 0;color:var(--muted);font-size:13px}.empty-selection svg{width:38px;height:38px;color:var(--teal);margin-bottom:12px}.help{margin-top:38px;border-top:1px solid var(--line);padding-top:28px}.help h2{font-size:19px;margin-bottom:14px}.help details{border-bottom:1px solid var(--line);font-size:14px}.help summary{cursor:pointer;font-weight:600;padding:16px 0}.help p{color:var(--muted);padding-bottom:18px;font-size:13px}.mobile-checkout{display:none}footer{border-top:2px solid var(--ink);padding:26px max(24px,calc((100% - 1152px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--yellow-wash);font-size:12px}footer strong,footer span{display:block}footer span{color:var(--muted);margin-top:6px}footer a{display:flex;align-items:center;gap:7px;color:var(--muted)}.company-details{min-width:0;line-height:1.7;overflow-wrap:anywhere}.company-details strong{font-size:14px}.company-details address{margin-top:5px;font-style:normal;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;flex-shrink:0}.footer-links a{min-height:36px;color:var(--ink)}.footer-links a:hover,.privacy-toc a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.privacy-notice{margin:16px 0;font-size:13px;color:var(--muted)}.privacy-notice a,.privacy-contact a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.privacy-page{max-width:1120px;margin:auto;padding:48px 24px 72px;overflow-wrap:anywhere}.privacy-heading{padding-bottom:32px;border-bottom:2px solid var(--ink)}.privacy-heading h1{font-size:32px}.privacy-dates{display:flex;flex-wrap:wrap;gap:8px 24px;margin:18px 0;color:var(--muted);font-size:13px;line-height:1.6}.privacy-heading>p{max-width:780px}.privacy-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start;margin-top:32px}.privacy-toc{position:sticky;top:24px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-left:16px;border-left:3px solid var(--yellow)}.privacy-toc strong{margin-bottom:12px;font-size:14px}.privacy-toc a{padding:8px 0;font-size:13px;line-height:1.5;font-weight:400}.privacy-content{min-width:0;font-size:15px}.privacy-content section{scroll-margin-top:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.privacy-content section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.privacy-content h2{margin-bottom:16px;font-size:21px;line-height:1.45}.privacy-content p,.privacy-content li{line-height:1.85}.privacy-content p+p{margin-top:14px}.privacy-content ul{margin:16px 0;padding-left:22px}.privacy-content li+li{margin-top:10px}.privacy-content table{width:100%;table-layout:fixed;border-collapse:collapse;margin:20px 0;font-size:13px;line-height:1.75}.privacy-content caption{text-align:left;font-weight:600;margin-bottom:10px}.privacy-content th,.privacy-content td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px}.privacy-content thead{background:var(--cyan-wash)}.privacy-content th:first-child{width:25%}.privacy-content th:nth-child(2){width:20%}.privacy-contact{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px 20px;margin:20px 0 0;line-height:1.75}.privacy-contact dt{color:var(--muted)}.privacy-contact dd{margin:0}.privacy-contact address{font-style:normal}@media(max-width:760px){.privacy-page{padding:32px 20px 48px}.privacy-heading h1{font-size:28px}.privacy-layout{grid-template-columns:minmax(0,1fr);gap:32px}.privacy-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.privacy-toc strong{grid-column:1 / -1}.privacy-content h2{font-size:20px}.privacy-content th,.privacy-content td{padding:10px 6px}.privacy-contact{grid-template-columns:minmax(0,1fr);gap:4px}.privacy-contact dd+dt{margin-top:12px}footer{flex-direction:column;align-items:flex-start}.company-details,.footer-links{font-size:12px}}.flow{max-width:1040px;margin:0 auto;padding:44px 24px 70px;min-height:calc(100vh - 216px)}.narrow{max-width:640px}.back{display:inline-flex;gap:7px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:28px}.back svg{width:16px;height:16px}.page-title{display:flex;align-items:center;gap:14px;margin-bottom:36px}.page-title h1{font-size:28px}.checkout-layout{display:grid;grid-template-columns:1fr 300px;gap:48px}.review-section{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:26px}.review-section h2{font-size:17px;margin-bottom:20px}.review-section h3{margin-bottom:16px}.review-section .content-line{font-size:14px}.review-section p{margin-top:18px}.review-account{display:flex;gap:16px;align-items:center}.review-account>svg{width:30px;height:30px;color:var(--teal)}.review-account span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.review-account strong{overflow-wrap:anywhere}.payment-option{display:flex;align-items:center;gap:12px;background:var(--cyan-wash);padding:18px;border:1px solid var(--teal);border-radius:4px;font-size:14px}.payment-option input{accent-color:var(--teal)}.checkout-total{align-self:start;border-top:6px solid var(--yellow);padding-top:24px}.checkout-total>span{font-size:14px;color:var(--muted)}.checkout-total>strong{display:block;font-size:36px;margin:10px 0 26px}.checkout-total .primary{width:100%}.checkout-total p{font-size:12px;color:var(--muted);margin-top:18px}.auth-layout{max-width:1100px;min-height:620px;display:grid;grid-template-columns:1fr 1fr;margin:48px auto 64px}.auth-art{position:relative;overflow:hidden;background:var(--ink)}.auth-art>img{height:100%;width:100%;object-fit:cover;object-position:55% center;opacity:1}.auth-art>div{position:absolute;bottom:0;padding:32px;background:var(--yellow);color:var(--ink);width:100%}.auth-art span{font-size:11px;color:var(--ink)}.auth-art h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:36px;line-height:1.15;margin-top:10px}.auth-form{padding:16px 48px}.auth-form h2{font-size:30px;margin-bottom:12px}.auth-form>p{font-size:14px;color:var(--muted)}form label{display:block;font-size:14px;font-weight:600;margin:24px 0 8px}form input:not([type=radio]){display:block;width:100%;padding:12px;background:#fff;border:1px solid #bdc4cb;border-radius:4px;min-height:46px}form small{font-size:11px;line-height:1.6;display:block;color:var(--muted);margin-top:7px}.auth-notice{font-size:12px;color:var(--muted);margin:22px 0}form .primary{width:100%}.auth-switch{margin-top:20px}.notice{font-size:13px;color:var(--muted);margin-top:14px}.order-details{margin-top:30px;border-top:1px solid var(--line);padding-top:26px}.order-details h2{font-size:18px;margin-bottom:24px}.order-details h3{font-size:22px;margin-bottom:20px}.order-details dl{display:grid;grid-template-columns:120px 1fr;font-size:13px;gap:16px 20px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.order-details dt{color:var(--muted)}.order-details dd{margin:0;overflow-wrap:anywhere}.mono{font-family:ui-monospace,monospace;font-size:11px}.result-heading{text-align:center;margin:0 auto 24px}.result-symbol{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--yellow-wash);margin:0 auto 20px;color:var(--ink)}.result-symbol svg{width:30px;height:30px}.result-symbol.paid{background:#e0f1eb;color:var(--teal)}.result-heading h1{font-size:29px}.result-heading p{font-size:14px;color:var(--muted);margin:14px auto 0;max-width:440px}.result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.text-link{font-size:13px;color:var(--teal);text-align:center;flex-basis:100%;padding:8px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.history-heading select{font-size:13px}.order-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto 100px 20px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.order-row:hover{background:var(--cyan-wash)}.order-art{display:grid;place-items:center;width:44px;height:44px;color:var(--teal);background:var(--cyan-wash)}.order-description h3{font-size:16px}.order-description span,.order-description small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.order-row>strong{text-align:right;font-size:16px}.status{font-size:12px;color:#626a74}.status-PAID{color:var(--teal)}.status-UNKNOWN{color:#9b640d}.status-FAILED{color:#ab3737}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:30px;font-size:13px}.empty-state{padding:80px 24px;text-align:center;max-width:500px;margin:0 auto}.empty-state>svg{width:40px;height:40px;color:#95a0ab;margin-bottom:20px}.empty-state p{font-size:14px;color:var(--muted);margin:14px 0 24px}.empty-state .primary{width:fit-content;margin:auto}.loading{min-height:65vh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:24px;font-size:14px}@media(max-width:960px){.store-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{margin:30px 24px}.auth-form{padding:12px 28px}.checkout-layout{gap:28px;grid-template-columns:1fr 260px}.nav-history span{display:none}}@media(max-width:700px){.header-inner{min-height:74px;padding:14px 16px;gap:12px}.brand{gap:8px}.brand img{width:34px;height:34px}.brand>span{font-size:17px}.brand small{font-size:9px}.brand b{padding:0 3px}nav{gap:10px}nav a svg{width:18px;height:18px}.login-link{padding-left:0;border:0}.login-link span{display:none}#locale{font-size:11px}.hero{padding:16px 16px 0}.hero-title{padding:12px 0}.hero-title>span{font-size:8px}.hero-title h1{font-size:22px}.store-layout{display:block;padding:24px 16px 40px}.summary{display:none}.section-heading{margin-bottom:18px}.section-heading h2{font-size:19px}.step{height:28px;width:28px;font-size:16px}.account-row{gap:10px}.account-avatar{width:38px;height:38px}.account-info span{font-size:12px}.small-button{font-size:12px;padding:10px}.account-info strong{font-size:14px}.catalog-section{padding-top:24px}.products{gap:12px}.product{padding:15px}.product.selected{padding:14px}.product h3{font-size:17px}.product-art{height:66px}.product-art>svg{width:38px;height:38px}.product-bottom>strong{font-size:18px}.bundles{grid-template-columns:1fr}.bundles .product{display:grid;grid-template-columns:55px 1fr;column-gap:16px}.bundles .product-art{grid-row:1 / 4;margin:0;align-self:center;justify-content:center}.bundles .bundle-contents{margin-top:8px}.bundles .content-line{display:flex;justify-content:space-between;font-size:12px}.bundles .content-line strong{font-size:12px;margin:0}.bundles .product-bottom{grid-column:2}.bundles .product h3{padding-right:16px}.mobile-checkout{position:fixed;z-index:10;bottom:0;left:0;right:0;border-top:2px solid var(--ink);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #20212408}.mobile-checkout>div{flex-shrink:0}.mobile-checkout small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.mobile-checkout strong{font-size:20px}.mobile-checkout .primary{font-size:12px;padding:12px;gap:7px}.mobile-checkout svg{width:17px}body:has(.mobile-checkout){padding-bottom:94px}footer{padding:24px 16px;font-size:10px;gap:10px}footer svg{width:14px}.flow{padding:28px 20px 48px}.page-title{margin-bottom:26px}.page-title h1{font-size:25px}.checkout-layout{display:block}.checkout-total{margin-top:32px}.checkout-total>strong{font-size:32px}.checkout-total p{margin-top:12px}.auth-layout{display:block;min-height:0;margin:0}.auth-art{height:155px}.auth-art>img{object-position:center 28%;opacity:1}.auth-art>div{padding:12px 20px;width:auto;max-width:100%}.auth-art h1{font-size:26px}.auth-art span{font-size:9px}.auth-form{padding:26px 24px 40px}.auth-form h2{font-size:27px}.auth-form .back{margin-bottom:20px}.result-heading h1{font-size:25px}.order-details dl{grid-template-columns:94px 1fr;gap:16px 12px;font-size:12px}.history-heading{display:block}.history-heading h1{font-size:28px;margin-bottom:18px}.history-heading select{width:100%}.order-row{grid-template-columns:36px minmax(0,1fr) auto;gap:12px}.order-row>svg{display:none}.order-art{width:34px;height:34px}.order-description{grid-column:2}.order-row>strong{grid-column:3;grid-row:1;font-size:14px}.status{grid-row:2;grid-column:2 / 4}.order-description h3{font-size:15px}.order-description span{font-size:10px}.pagination{gap:12px}.pagination .secondary{padding:10px;font-size:12px}.pagination svg{width:15px}.result-actions>.primary,.result-actions>.secondary{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
