@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;700;800&family=Bebas+Neue&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#22263a;--border:#2e3350;--accent:#f5c842;--green:#3dd68c;--red:#ff5c5c;--text:#e8eaf0;--text-sub:#8b90a8;--radius:12px;--font-num:"JetBrains Mono", "Pretendard Variable", Pretendard, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-sans:"Pretendard Variable", Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;min-height:100vh}button,input,select,textarea{font-family:inherit}input[type=number],input[type=date]{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:500}input[type=number]:focus{border-color:var(--accent);outline:none}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}button{cursor:pointer}@keyframes price-pop{0%{opacity:.6;transform:scale(.92)}55%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.price-anim{animation:.45s cubic-bezier(.22,1.4,.36,1) price-pop;display:inline-block}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) forwards rise-in}.store-card{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.store-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #00000073,0 0 0 1px #f5c84240}.store-card .enter-cue{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-6px)}.store-card:hover .enter-cue{opacity:1;transform:translate(0)}.store-card .neon{transition:box-shadow .25s}.store-card:hover .neon{box-shadow:0 0 14px 1px var(--neon-color)}@media (prefers-reduced-motion:reduce){.rise,.price-anim{opacity:1;animation:none}.store-card,.store-card .enter-cue{transition:none}}.ing-head{grid-template-columns:22px 1.8fr 80px 80px 60px 72px 88px 32px;gap:5px;margin-bottom:6px;display:grid}.ing-head>div{color:var(--text-sub);padding-left:6px;font-size:10px;font-weight:700}.ing-row{grid-template-columns:22px 1.8fr 80px 80px 60px 72px 88px 32px;align-items:center;gap:5px;margin-bottom:6px;display:grid;position:relative}.ing-drag{height:34px;color:var(--text-sub);cursor:grab;-webkit-user-select:none;user-select:none;opacity:.55;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:opacity .15s,background .15s;display:flex}.ing-drag:hover{opacity:1;background:var(--surface2)}.ing-drag:active{cursor:grabbing}.ing-label{display:none}.ing-field{min-width:0}.ing-field input{width:100%}@media (max-width:680px){.ing-head,.ing-drag{display:none}.ing-row{border:1px solid var(--border);background:#ffffff06;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:12px}.ing-name{grid-column:1/-1;padding-right:40px}.ing-cost{grid-column:1/-1}.ing-label{color:var(--text-sub);letter-spacing:.04em;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.ing-del{top:10px;right:10px;position:absolute!important}.menu-head-row{flex-wrap:wrap}.store-header{flex-wrap:wrap;row-gap:10px}.store-header .header-actions{width:100%;margin-left:0!important}.store-header .header-actions button{flex:1}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
