:root{--ink:#1f1a16;--sub:#4a423b;--muted:#7a7168;--accent:#e0782c;--accent-dark:#c45a1a;--bg:#faf6f0;--card:#fffdf9;--border:#e8dfd3;--shadow:#2f271f14 0 8px 24px;color:var(--sub);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}h1,h2{font-weight:600}.app{max-width:32rem;margin:0 auto;padding:1.75rem 1.25rem 3rem;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,system-ui,sans-serif}.header{margin-bottom:1.5rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-size:.75rem}h1{color:var(--ink);margin:0 0 .5rem;font-size:1.45rem;font-weight:700;line-height:1.25}.lead{color:var(--sub);margin:0;font-size:.95rem;line-height:1.65}.lead strong{color:var(--accent-dark);font-weight:600}.panel{background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:1.15rem 1.2rem 1.25rem}.controls .field{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.label{color:var(--sub);font-size:.8rem;font-weight:600}select,input[type=number]{font:inherit;border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:8px;padding:.55rem .65rem}select{cursor:pointer}.check-field{color:var(--sub);align-items:center;gap:.5rem;margin:-.1rem 0 .9rem;font-size:.86rem;display:flex}.check-field input{width:1rem;height:1rem;accent-color:var(--accent-dark)}.gacha-btn{width:100%;font:inherit;color:#fff;background:linear-gradient(160deg, var(--accent) 0%, var(--accent-dark) 100%);cursor:pointer;border:none;border-radius:10px;margin-top:.25rem;padding:.75rem 1rem;font-size:1rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 3px #5a1a0a}.gacha-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px #5a1a0a}.gacha-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #5a1a0a}.gacha-btn:disabled{opacity:.65;cursor:wait;box-shadow:none}.hint{color:var(--muted);margin:.85rem 0 0;font-size:.78rem;line-height:1.55}.store-detail{margin:-.25rem 0 .9rem}.store-lines{color:var(--sub);text-align:left;margin:0 0 .35rem;font-size:.82rem;line-height:1.55}.store-lines a{color:var(--accent-dark);text-decoration:none}.store-lines a:hover{text-decoration:underline}.store-extra{color:var(--muted);margin:0 0 .35rem;font-size:.78rem;line-height:1.45}.store-note{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.result h2{color:var(--sub);margin:0 0 .75rem;font-size:1rem}.result{contain:layout paint style}.placeholder{color:var(--muted);margin:0;font-size:.92rem}.shimmer{animation:1s ease-in-out infinite pulseText}.err{color:#9a1c1c;margin:0;font-size:.92rem;line-height:1.5}.warn{color:#8a5a00;margin:.75rem 0 0;font-size:.8rem;line-height:1.45}.order-list{margin:0;padding:0;list-style:none}.order-list li{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.45rem 0;font-size:.92rem;display:flex}.order-list li:last-child{border-bottom:none}.name{color:var(--ink)}.sub{font-variant-numeric:tabular-nums;color:var(--sub);flex-shrink:0}.total-row{border-top:2px solid var(--border);color:var(--ink);justify-content:space-between;align-items:baseline;margin-top:.65rem;padding-top:.55rem;font-weight:700;display:flex}.total-amt{font-variant-numeric:tabular-nums;color:var(--accent-dark);font-size:1.15rem}.tempura-breakdown{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.75rem}.tempura-breakdown h3{color:var(--sub);margin:0 0 .45rem;font-size:.86rem}.tempura-breakdown ul{margin:0;padding:0;list-style:none}.tempura-breakdown li{color:var(--sub);justify-content:space-between;gap:.75rem;padding:.22rem 0;font-size:.84rem;line-height:1.45;display:flex}.tempura-breakdown li span:first-child{min-width:0}.tempura-breakdown li span:last-child{color:var(--ink);font-variant-numeric:tabular-nums;flex-shrink:0}.ok{color:var(--sub);margin:.65rem 0 0;font-size:.85rem}.footer{color:var(--muted);margin-top:1.5rem;font-size:.75rem;line-height:1.5}.result.pulse{animation:.5s ease-in-out cardPulse}@keyframes cardPulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 0 0 3px #d4652640}}@keyframes pulseText{0%,to{opacity:.55}50%{opacity:1}}.share-row{justify-content:flex-end;margin-top:.85rem;display:flex}.share-x-btn{color:#fff;background:#000;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.share-x-btn:hover{opacity:.85}.share-x-btn svg{display:block}.segmented-field{border:none;flex-direction:column;gap:.4rem;margin:0 0 .9rem;padding:0;display:flex}.segmented-field .label{padding:0}.segmented{border:1px solid var(--border);background:#f5ece0;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:0;padding:3px;display:grid}@media (width<=480px){.segmented{grid-template-columns:repeat(2,1fr);gap:2px}}.segmented label{cursor:pointer;position:relative}.segmented input{opacity:0;cursor:pointer;position:absolute;inset:0}.segmented span{text-align:center;color:var(--sub);white-space:nowrap;border-radius:7px;padding:.45rem .3rem;font-size:.78rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:block}.segmented input:checked+span{color:var(--accent-dark);background:#fff;box-shadow:0 1px 3px #00000014}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}.check-field:has(input:disabled){opacity:.45;cursor:not-allowed}