:root{--bg: #121110;--bg-deep: #0B0A09;--surface: #161413;--surface-2: #1B1917;--control: #252220;--line-1: #211E1C;--line-2: #262320;--line-3: #2E2A27;--line-4: #3A3531;--line-input: #5C544D;--control-edge: #8A8076;--disabled: #57504A;--text: #F2ECE4;--text-2: #D9D1C7;--text-3: #BDB3A8;--text-soft: #9C9389;--text-4: #948A80;--orange: #F27D42;--orange-hover: #FF9459;--on-orange: #140F0C;--orange-text: #F59A66;--orange-text-2: #F3C7AD;--orange-sel-bg: #1E1611;--orange-sel-bd: #4A2E1E;--orange-deep: #2E1D14;--on-ivory: #1B1917;--ok: #2F8A55;--ok-text: #8FD3A3;--ok-bg: #16261B;--warn: #E0A526;--warn-text: #F0CF7A;--warn-bg: #2B230F;--err: #FF6B5B;--err-text: #FF9C8F;--err-bg: #2E1513;--info: #6FA6CC;--info-text: #9CC3E0;--info-bg: #14202A;--note-bg: #F0CF7A;--note-text: #1A1300;--font: "Zen Kaku Gothic New", system-ui, sans-serif;--shadow-float: 0 12px 30px -10px rgba(0, 0, 0, .5);--ease-sheet: cubic-bezier(.2, .8, .2, 1);--safe-bottom: env(safe-area-inset-bottom, 0px);--seigaiha: radial-gradient(circle at 50% 100%, transparent 0 3px, #2C2522 3px 5px, transparent 5px 8px, #2C2522 8px 10px, transparent 10px 13px, #2C2522 13px 15px, transparent 15px) 0 0 / 28px 14px, radial-gradient(circle at 50% 100%, transparent 0 3px, #2C2522 3px 5px, transparent 5px 8px, #2C2522 8px 10px, transparent 10px 13px, #2C2522 13px 15px, transparent 15px) 14px 7px / 28px 14px, #1B1917}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;scrollbar-color:var(--line-4) transparent}button,input,textarea,select{font-family:inherit;color:inherit}a{color:var(--orange-hover)}a:hover{color:var(--orange)}*:focus-visible{outline:2.5px solid var(--orange);outline-offset:2px}button{cursor:pointer}button:disabled{cursor:not-allowed}summary::-webkit-details-marker{display:none}.tnum{font-variant-numeric:tabular-nums}.jp{color:var(--orange);letter-spacing:.16em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes uUp{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes uFade{0%{opacity:0}to{opacity:1}}@keyframes uPop{0%{transform:scale(.97);opacity:0}to{transform:none;opacity:1}}@keyframes uIn{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}@keyframes uSide{0%{transform:translate(100%)}to{transform:none}}@keyframes uShimmer{0%{background-position:-300px 0}to{background-position:300px 0}}@keyframes uRing{0%{box-shadow:0 0 #b4532a80}to{box-shadow:0 0 0 12px #b4532a00}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border:0;border-radius:999px;font:700 16px var(--font);white-space:nowrap;transition:background .15s,transform .12s}.btn:active:not(:disabled){transform:scale(.98)}.btn--sm{height:44px;padding:0 16px;font-size:14px;font-weight:500}.btn--lg{height:56px}.btn--block{width:100%}.btn--rounded{border-radius:14px}.btn--primary{background:var(--orange);color:var(--on-orange)}.btn--primary:hover:not(:disabled){background:var(--orange-hover)}.btn--ivory{background:var(--text);color:var(--on-ivory)}.btn--outline{background:transparent;border:1px solid var(--line-4);font-weight:500}.btn--outline:hover:not(:disabled){background:var(--control)}.btn--ghost{background:none;height:44px;padding:0 6px;color:var(--orange-text);font-size:14px}.btn--danger{background:none;height:44px;padding:0 12px;color:var(--err);font-size:14px}.btn:disabled{background:var(--disabled);color:#fff;border-color:transparent}.btn--ghost:disabled,.btn--danger:disabled{background:none;color:var(--disabled)}.icon-btn{width:44px;height:44px;flex:none;border-radius:999px;border:0;display:grid;place-items:center;background:var(--control);color:var(--text)}.icon-btn--ivory{background:var(--text);color:var(--on-ivory)}.icon-btn--orange{background:var(--orange);color:var(--on-orange)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font:500 14px var(--font)}.field__hint{margin:0;font:400 13px/1.4 var(--font);color:var(--text-soft)}.field__error{margin:0;display:flex;gap:6px;align-items:center;color:var(--err);font:500 13px var(--font)}.input{width:100%;min-height:52px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line-input);background:var(--surface-2);font:400 16px var(--font);color:var(--text)}textarea.input{padding:12px 14px;min-height:0;line-height:1.4;resize:vertical}.input::placeholder{color:var(--text-4)}.input[aria-invalid=true]{border-color:var(--err)}.option{width:100%;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line-3);background:var(--surface-2);font:500 15px var(--font);text-align:left;color:var(--text)}.option[aria-checked=true]{border-color:var(--orange);background:#2a1a11}.option__mark{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--control-edge);display:grid;place-items:center}.option[role=radio] .option__mark{border-radius:50%}.option[aria-checked=true] .option__mark{border-color:var(--orange);background:var(--orange);color:var(--on-orange)}.option__label{flex:1}.option__extra{font:500 14px var(--font);color:var(--text-3)}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--control);color:var(--text);font:700 14px var(--font);white-space:nowrap;transition:background .15s}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--text);color:var(--on-ivory)}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font:700 12px var(--font);white-space:nowrap;align-self:flex-start}.badge--orange{background:var(--orange-deep);color:var(--orange-text)}.badge--ok{background:var(--ok-bg);color:var(--ok-text)}.badge--warn{background:var(--warn-bg);color:var(--warn-text)}.badge--err{background:var(--err-bg);color:var(--err-text)}.badge--info{background:var(--info-bg);color:var(--info-text)}.badge--solid{background:var(--orange);color:var(--on-orange)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:14px;background:var(--control)}.segmented>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:6px 12px;border:0;border-radius:11px;background:transparent;color:var(--text-3);font:700 15px var(--font)}.segmented>button[aria-checked=true]{background:var(--surface-2);color:var(--text);box-shadow:0 1px 3px #0000004d}.switch{flex:none;position:relative;width:46px;height:28px;border-radius:999px;border:0;padding:0;background:var(--text-4);transition:background .2s}.switch:before{content:"";position:absolute;top:-8px;right:-2px;bottom:-8px;left:-2px}.switch[aria-checked=true]{background:var(--ok)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .2s}.switch[aria-checked=true]:after{left:21px}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;font:400 14px/1.45 var(--font);background:var(--control);color:var(--text-2)}.notice b{display:block;font-size:15px}.notice--warn{background:var(--warn-bg);color:var(--warn-text)}.notice--err{background:var(--err-bg);color:var(--err-text)}.notice--ok{background:var(--ok-bg);color:var(--ok-text)}.notice--info{background:var(--info-bg);color:var(--info-text)}.obs{background:var(--note-bg);color:var(--note-text);border-radius:10px;padding:8px 10px;font:700 13.5px/1.4 var(--font)}.card{background:var(--surface-2);border:1px solid var(--line-3);border-radius:16px}.photo{flex:none;border-radius:12px;background:var(--seigaiha);object-fit:cover}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:flex;align-items:flex-end;justify-content:center;animation:uFade .2s ease-out}.sheet{width:100%;max-width:560px;max-height:calc(100% - 28px);display:flex;flex-direction:column;background:var(--surface-2);border-radius:24px 24px 0 0;border-top:1px solid var(--line-3);overflow:hidden;animation:uUp .28s var(--ease-sheet)}.sheet__head{display:flex;align-items:center;gap:12px;padding:16px 16px 8px 20px}.sheet__title{flex:1;margin:0;font:500 21px/1.2 var(--font)}.sheet__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 20px}.sheet__foot{padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--line-2);background:var(--surface-2)}@media (min-width: 760px){.scrim{align-items:center;padding:24px}.sheet{border-radius:24px;border:1px solid var(--line-3);max-height:min(860px,100%);animation:uPop .22s var(--ease-sheet)}.sheet__foot{padding-bottom:12px}}.toast-wrap{position:fixed;left:16px;right:16px;bottom:calc(24px + var(--safe-bottom));z-index:70;display:flex;justify-content:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:14px;max-width:min(480px,100%);padding:10px 10px 10px 16px;min-height:48px;border-radius:14px;background:var(--text);color:var(--on-ivory);font:500 14px/1.35 var(--font);box-shadow:0 12px 30px -10px #221e1b80;animation:uUp .25s ease-out}.toast>span{flex:1}.toast button{height:44px;padding:0 10px;border:0;border-radius:8px;background:#2a2623;color:var(--orange-text);font:500 13px var(--font)}.toast-wrap{bottom:calc(var(--toast-bottom, 24px) + var(--safe-bottom))}.cartbar{width:100%;height:56px;border-radius:999px;border:0;background:var(--orange);color:var(--on-orange);display:flex;align-items:center;gap:12px;padding:0 16px;font:700 16px var(--font);animation:uUp .25s ease-out;box-shadow:0 8px 20px -8px #b4532a99}.cartbar:active{transform:scale(.98)}.cta-split{width:100%;height:56px;border-radius:999px;border:0;background:var(--orange);color:var(--on-orange);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:700 16px var(--font);transition:background .15s}.cta-split:hover:not(:disabled){background:var(--orange-hover)}.cta-split:disabled{background:var(--disabled)}.hdr-btn{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--line-4);background:var(--surface-2);color:var(--text);display:grid;place-items:center}.hdr-btn:hover{background:var(--control)}.sidenav-btn{min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;font:500 15px var(--font);text-align:left;transition:background .15s}.sidenav-btn:hover{background:var(--control)}.link-btn{border:0;background:none;padding:0;min-height:44px;font:400 13px var(--font);color:var(--text-3);text-decoration:underline;cursor:pointer}.add-btn{min-width:44px;height:44px;padding:0 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:500;transition:transform .12s}.add-btn:active{transform:scale(.9)}.qty-btn{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;color:var(--text)}.qty-btn:disabled{opacity:.4}.grid-card{box-shadow:0 1px 2px #221e1b0a;transition:transform .15s,box-shadow .15s}.grid-card:hover,.lift:hover{transform:translateY(-1px);box-shadow:0 8px 20px -8px #221e1b2e}.lift{transition:transform .15s}.clamp1,.clamp2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.clamp1{-webkit-line-clamp:1}.clamp2{-webkit-line-clamp:2}.shimmer{border-radius:6px;background:linear-gradient(90deg,#252220 0,#2a2623,#252220);background-size:600px 100%;animation:uShimmer 1.3s infinite linear}.fs{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.lg{padding:0;margin-bottom:10px;font:500 17px var(--font)}.ck-input{border-radius:14px;border:1px solid var(--line-input);background:var(--surface);min-width:0}.ck-input[aria-invalid=true]{border-color:var(--err)}@media (max-width: 370px){.mode-sub{display:none}}