*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ecece8;color:#181818;font:15px/1.7 Arial,'Hiragino Kaku Gothic ProN',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff5000;outline-offset:3px}.test-banner{background:#ff5000;padding:8px 5%;font-size:12px;font-weight:700}header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 5%;border-bottom:1px solid #bbb}header img{width:150px;height:auto}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}#notice{margin:0;padding:0 5%;background:#ffdfcd}#notice:not(:empty){padding:12px 5%}.metal{background:linear-gradient(112deg,#929496,#e2e3e3 21%,#fafafa 24%,#a2a4a6 27%,#dadbdc 58%,#888b8e);box-shadow:inset 0 1px white,inset 0 -2px #777}.hero{padding:48px 5% 0;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700}.hero h1{font-size:clamp(68px,13.3vw,200px);font-weight:900;letter-spacing:-.075em;line-height:.87;margin:32px 0}.orange{color:#ff5000}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 0 30px}.pill{padding:7px 12px;border:1px solid #555;font-size:11px;letter-spacing:.08em;display:inline-block}.photo{margin:0 -5.55%}.photo img{display:block;width:100%;height:auto}.caption{font-size:11px;background:#1a1a1a;color:white;padding:8px 5%}.section{padding:65px 5%;max-width:1600px;margin:auto}.section h1{font-size:clamp(30px,5vw,60px);line-height:1.2}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}h2{font-size:clamp(30px,5vw,68px);line-height:1.15;letter-spacing:-.04em;margin:10px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.product .art{position:relative;background:#fff;border:1px solid #d1d1cb;aspect-ratio:1/1;display:grid;place-items:center}.product img{display:block;width:100%;height:100%;object-fit:contain}.badge{position:absolute;top:12px;left:12px;background:#ecece8;padding:4px 8px;font-size:10px}.product h3{font-size:15px;margin-bottom:3px}.muted{font-size:12px;color:#595959}.notify{background:#191919;color:#ecece8;padding:65px 5%;display:grid;grid-template-columns:1fr 1fr;gap:40px}.notify a{display:inline-block;border-bottom:1px solid #aaa}.detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:45px}.detail-image{width:100%;height:auto;background:white;display:block}.detail h1{font-size:34px}.btn{border:1px solid #1a1a1a;background:#1a1a1a;color:white;padding:13px 22px;display:inline-block;min-height:48px;text-align:center}.btn.orange{background:#ff5000;color:#1a1a1a;border-color:#ff5000;font-weight:700}.btn.light{background:transparent;color:inherit}.btn.danger{background:#8f230d;border-color:#8f230d;color:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.sizes{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 25px}.sizes button{padding:10px 16px;background:white;border:1px solid #777;min-width:52px}.sizes button[aria-pressed=true]{background:#191919;color:white;border:2px solid #ff5000}.panel{padding:24px;border:1px solid #bbb;margin:22px 0;background:#f7f7f2}.warning{border-left:5px solid #ff5000}.price{font-size:24px;font-weight:bold}label{display:block;margin:14px 0 5px}input,select{padding:12px;border:1px solid #999;background:white;color:#191919;max-width:100%;width:100%}input[type=checkbox]{width:auto;margin-right:8px}input[type=number]{width:90px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #bbb;padding:18px 0}.row img{width:90px;height:auto;background:white}.row-info{flex:1}.order-id{font-family:monospace;overflow-wrap:anywhere}.summary{max-width:740px}.payment{max-width:700px;margin:auto}.success{background:#191919;color:white;padding:28px}.status-label{font-weight:bold;color:#b73500}.tabs{display:flex;gap:14px;margin:20px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:520px}td,th{padding:12px;text-align:left;border-bottom:1px solid #bbb}.small-button{padding:8px 12px;background:white;border:1px solid #999}.progress{height:10px;background:#ccc}.progress span{display:block;height:100%;background:#ff5000}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 5%;border-top:1px solid #bbb;font-size:12px}#app{min-height:65vh}.error{color:#a22c13}dialog{max-width:600px;border:1px solid #333;background:#ecece8;padding:25px}dialog::backdrop{background:#0008}@media(max-width:700px){header{padding:17px 5%;align-items:flex-start}header img{width:110px}nav{gap:12px;font-size:11px}.hero{padding-top:30px}.hero h1{font-size:16.5vw}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.badge{font-size:9px;top:6px;left:6px}.section{padding:38px 5%}.section-head,.hero-bottom{display:block}.hero-bottom .pill{margin-top:12px}.notify,.detail{grid-template-columns:1fr;gap:22px}.row{align-items:flex-start;flex-wrap:wrap}.row img{width:64px}.row-info{min-width:140px}.detail h1{font-size:28px}footer{flex-wrap:wrap}.test-banner{font-size:10px}.panel{padding:18px}.btn{padding:12px 16px}.caption{font-size:9px}}@media(max-width:360px){header{flex-wrap:wrap}.grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.six-percent{width:6%}
a.panel{display:block}

.code-panel{border-left:5px solid #ff5000}.code-input{display:flex;gap:10px}.code-input input{min-width:0;flex:1}.code-input .btn{flex-shrink:0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}#code-result:empty{display:none}#issued{overflow-wrap:anywhere}input[type=number]{min-width:90px}

.quarter-progress{width:25%}.member-emails{width:100%;padding:12px;box-sizing:border-box;font:inherit}
