:root{--gray-00: oklch(1 0 0);--gray-100: oklch(.979 .002 248);--gray-200: oklch(.967 .002 248);--gray-300: oklch(.952 .003 265);--gray-400: oklch(.901 .007 269);--gray-500: oklch(.867 .007 269);--gray-600: oklch(.766 .01 267);--gray-700: oklch(.636 .015 262);--gray-800: oklch(.477 .028 264);--gray-900: oklch(.307 .017 256);--gray-1000: oklch(.226 .008 264);--carrot-100: oklch(.97 .016 47);--carrot-200: oklch(.946 .031 52);--carrot-300: oklch(.903 .055 48);--carrot-400: oklch(.843 .092 46);--carrot-500: oklch(.769 .144 44);--carrot-600: oklch(.696 .204 43);--carrot-700: oklch(.618 .195 40);--carrot-800: oklch(.529 .173 38);--carrot-900: oklch(.422 .133 40);--carrot-1000: oklch(.276 .081 42);--blue-700: oklch(.606 .205 258);--green-700: oklch(.585 .115 170);--red-700: oklch(.64 .233 28);--yellow-700: oklch(.592 .109 85);--yellow-300: oklch(.898 .141 95);--bg-default: var(--gray-00);--bg-layer: var(--gray-100);--bg-brand-weak: var(--carrot-100);--bg-brand-solid: var(--carrot-600);--bg-brand-pressed: var(--carrot-700);--fg-neutral: var(--gray-1000);--fg-muted: var(--gray-700);--fg-brand: var(--carrot-700);--stroke-muted: var(--gray-400);--stroke-brand-solid: var(--carrot-600);--informative: var(--blue-700);--positive: var(--green-700);--critical: var(--red-700);--warning: var(--yellow-700);--font-family-ui: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--t1-size: .6875rem;--t1-line: .9375rem;--t2-size: .75rem;--t2-line: 1rem;--t3-size: .8125rem;--t3-line: 1.125rem;--t4-size: .875rem;--t4-line: 1.25rem;--t5-size: 1rem;--t5-line: 1.375rem;--t6-size: 1.125rem;--t6-line: 1.5rem;--t7-size: 1.25rem;--t7-line: 1.625rem;--t8-size: 1.375rem;--t8-line: 1.875rem;--t9-size: 1.5rem;--t9-line: 2rem;--t10-size: 1.625rem;--t10-line: 2.1875rem;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--x0_5: 2px;--x1: 4px;--x2: 8px;--x3: 12px;--x4: 16px;--x5: 20px;--x6: 24px;--x8: 32px;--x10: 40px;--x12: 48px;--x14: 56px;--x16: 64px;--global-gutter: 16px;--component-default-y: 12px;--nav-to-title-y: 20px;--screen-bottom-y: 56px;--r0_5: 2px;--r1: 4px;--r2: 8px;--r3: 12px;--r4: 16px;--r6: 24px;--r-full: 9999px}[data-theme=dark]{--bg-default: oklch(.205 .008 275);--bg-layer: oklch(.243 .011 261);--fg-neutral: oklch(.967 .002 248);--stroke-muted: oklch(1 0 0 / .09);--bg-brand-solid: oklch(.696 .204 43);--bg-brand-pressed: oklch(.787 .137 50);--bg-brand-weak: oklch(.274 .022 42)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-default);color:var(--fg-neutral);font-family:var(--font-family-ui);-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--x4) var(--global-gutter);border-bottom:1px solid var(--stroke-muted)}.brand-logo{font-weight:var(--weight-bold);font-size:var(--t6-size);color:var(--fg-neutral);text-decoration:none}.app-nav{display:flex;gap:var(--x4)}.app-nav a{color:var(--fg-muted);text-decoration:none;font-weight:var(--weight-medium);font-size:var(--t4-size);padding:var(--x1) var(--x2);border-radius:var(--r2)}.app-nav a.active,.app-nav a:hover{color:var(--fg-brand);background:var(--bg-brand-weak)}.app-main{flex:1;max-width:720px;width:100%;margin:0 auto;padding:var(--nav-to-title-y) var(--global-gutter) var(--screen-bottom-y)}.app-footer{padding:var(--x4) var(--global-gutter);border-top:1px solid var(--stroke-muted);color:var(--fg-muted);font-size:var(--t2-size);text-align:center}.app-footer .attribution{margin-top:var(--x1);color:var(--gray-600)}.screen-title{font-size:var(--t10-size);line-height:var(--t10-line);font-weight:var(--weight-bold);margin:0 0 var(--x2)}.lead{font-size:var(--t5-size);line-height:var(--t6-line);color:var(--fg-muted);margin:0 0 var(--x4)}.price{font-size:var(--t7-size);font-weight:var(--weight-bold);color:var(--fg-brand);margin:0 0 var(--x4)}.product-grid{display:grid;grid-template-columns:1fr;gap:var(--x4);margin-bottom:var(--x6)}@media (min-width: 560px){.product-grid{grid-template-columns:1fr 1fr}}.product-card{background:var(--bg-layer);border:1px solid var(--stroke-muted);border-radius:var(--r4);padding:var(--x5)}.product-card h2{font-size:var(--t7-size);margin:0 0 var(--x1)}.product-card p{color:var(--fg-muted);font-size:var(--t4-size);margin:0 0 var(--x3)}.odds-card{background:var(--bg-default);border:1px solid var(--stroke-muted);border-radius:var(--r4);padding:var(--x5)}.odds-card h3{margin:0 0 var(--x2);font-size:var(--t6-size)}.odds-card ul{margin:0;padding-left:var(--x4);color:var(--fg-muted);line-height:var(--t6-line)}.prize-table{display:flex;flex-direction:column;gap:var(--x3);margin:var(--x4) 0 var(--x6)}.prize-tier{border:1px solid var(--stroke-muted);border-radius:var(--r3);padding:var(--x3) var(--x4)}.prize-tier-header{margin-bottom:var(--x2)}.prize-tier ul{margin:0;padding-left:var(--x4);color:var(--fg-neutral)}.order-flow,.status-card,.prize-reveal{background:var(--bg-layer);border-radius:var(--r4);padding:var(--x5);display:flex;flex-direction:column;gap:var(--x3)}.field-label{display:flex;flex-direction:column;gap:var(--x1);font-size:var(--t3-size);color:var(--fg-muted);font-weight:var(--weight-medium)}.text-input,.file-input{background:var(--bg-default);border:1px solid var(--stroke-muted);border-radius:var(--r2);padding:var(--x2) var(--x3);font-size:var(--t5-size);color:var(--fg-neutral)}.error-text{color:var(--critical);font-size:var(--t3-size);display:flex;align-items:center;gap:var(--x1)}.status-card p{margin:0}.muted{color:var(--fg-muted);font-size:var(--t3-size)}.prize-reveal{align-items:center;text-align:center;padding:var(--x8) var(--x5)}.prize-reveal h2{font-size:var(--t9-size);margin:var(--x2) 0}.seed-action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--x1);border:none;cursor:pointer;border-radius:var(--r-full);font-weight:var(--weight-medium);transition:background-color .15s ease,opacity .15s ease;font-size:var(--t5-size);line-height:var(--t5-line);padding:var(--component-default-y) var(--x5)}.seed-action-button[data-full-width=true]{width:100%}.seed-action-button[data-size=small]{font-size:var(--t3-size);line-height:var(--t3-line);padding:var(--x2) var(--x3)}.seed-action-button[data-size=large]{font-size:var(--t6-size);line-height:var(--t6-line);padding:var(--x4) var(--x6)}.seed-action-button[data-variant=brand-solid]{background:var(--bg-brand-solid);color:var(--gray-00)}.seed-action-button[data-variant=brand-solid]:hover:not(:disabled){background:var(--bg-brand-pressed)}.seed-action-button[data-variant=neutral-solid]{background:var(--bg-layer);color:var(--fg-neutral)}.seed-action-button[data-variant=neutral-solid]:hover:not(:disabled){background:var(--gray-300)}.seed-action-button[data-variant=critical-solid]{background:var(--critical);color:var(--gray-00)}.seed-action-button[data-variant=ghost]{background:transparent;color:var(--fg-muted);padding:var(--x2) var(--x3)}.seed-action-button[data-variant=ghost]:hover:not(:disabled){background:var(--bg-layer)}.seed-action-button[data-state=disabled]{background:var(--bg-layer);color:var(--fg-muted);cursor:not-allowed}.seed-action-button[data-state=loading]{opacity:.85;cursor:progress}.spinner{width:14px;height:14px;border-radius:var(--r-full);border:2px solid rgba(255,255,255,.5);border-top-color:var(--gray-00);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seed-badge{display:inline-flex;align-items:center;padding:var(--x0_5) var(--x2);border-radius:var(--r-full);font-size:var(--t2-size);line-height:var(--t2-line);font-weight:var(--weight-medium)}.seed-badge[data-tone=positive]{background:color-mix(in oklch,var(--positive) 16%,transparent);color:var(--positive)}.seed-badge[data-tone=warning]{background:color-mix(in oklch,var(--warning) 20%,transparent);color:var(--warning)}.seed-badge[data-tone=critical]{background:color-mix(in oklch,var(--critical) 16%,transparent);color:var(--critical)}.seed-badge[data-tone=informative]{background:color-mix(in oklch,var(--informative) 16%,transparent);color:var(--informative)}.seed-badge[data-tone=neutral]{background:var(--bg-layer);color:var(--fg-muted)}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:5}.confetti-piece{position:absolute;top:-12px;border-radius:2px;opacity:0;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translate(var(--drift),220px) rotate(540deg);opacity:0}}.box-draw{display:flex;flex-direction:column;align-items:center;gap:var(--x4)}.box-draw-idle{display:flex;flex-direction:column;align-items:center;gap:var(--x4);width:100%}.honey-box{font-size:72px;line-height:1;cursor:pointer;animation:box-wobble 1.6s ease-in-out infinite;filter:drop-shadow(0 8px 16px color-mix(in oklch,var(--carrot-600) 30%,transparent))}.honey-box:active{animation:none;transform:scale(.94)}@keyframes box-wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.reel-window{position:relative;width:100%;max-width:260px;height:84px;overflow:hidden;border-radius:var(--r4);border:2px solid var(--stroke-brand-solid);background:var(--bg-layer)}.reel-highlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--r4);box-shadow:inset 0 0 0 1px var(--stroke-muted);background:linear-gradient(to bottom,color-mix(in oklch,var(--bg-default) 85%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in oklch,var(--bg-default) 85%,transparent) 100%);z-index:2}.reel-track{display:flex;flex-direction:column;transition-property:transform;transition-timing-function:cubic-bezier(.1,.75,.25,1);will-change:transform}.reel-item{display:flex;align-items:center;justify-content:center;font-size:42px;flex-shrink:0}.reel-window[data-phase=revealed] .reel-item:last-child{animation:reel-pop .5s ease}@keyframes reel-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1.15)}}.reveal-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r4);pointer-events:none;z-index:1;animation:glow-pulse 1.2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}.claw-game{display:flex;flex-direction:column;align-items:center;gap:var(--x4);width:100%}.claw-game.shake{animation:cabinet-shake .4s ease}@keyframes cabinet-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.claw-cabinet-wrap{width:100%;max-width:320px;perspective:900px}.claw-marquee{text-align:center;font-weight:var(--weight-bold);font-size:var(--t3-size);color:#3a2410;background:linear-gradient(180deg,var(--carrot-300),var(--carrot-500));border:2px solid var(--carrot-700);border-bottom:none;border-radius:var(--r3) var(--r3) 0 0;padding:var(--x1) 0;box-shadow:inset 0 6px 8px #ffffff59,0 -2px #0000000d}.claw-cabinet{position:relative;width:100%;height:230px;border-radius:0 0 var(--r4) var(--r4);border:2px solid var(--carrot-700);border-top:none;overflow:hidden;transform:rotateX(4deg);transform-style:preserve-3d;background:linear-gradient(to bottom,color-mix(in oklch,var(--informative) 10%,transparent) 0%,transparent 45%);box-shadow:0 18px 30px -14px #00000059}.cabinet-back-wall{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,color-mix(in oklch,var(--gray-00) 60%,var(--bg-layer)) 0%,var(--bg-layer) 70%)}.cabinet-side{position:absolute;top:0;bottom:0;width:14%;background:linear-gradient(to right,rgba(0,0,0,.16),transparent)}.cabinet-side-left{left:0}.cabinet-side-right{right:0;transform:scaleX(-1)}.cabinet-floor{position:absolute;left:4%;right:4%;bottom:0;height:46%;border-radius:50% 50% 0 0/22% 22% 0 0;background:radial-gradient(60% 100% at 50% 100%,rgba(0,0,0,.22),transparent 70%),linear-gradient(to bottom,color-mix(in oklch,var(--carrot-200) 55%,var(--bg-default)),var(--bg-layer))}.claw-rail{position:absolute;top:0;transform:translate(-50%);transition:left .25s ease;z-index:3}.claw-arm{display:flex;flex-direction:column;align-items:center;transform:translateY(0);transition:transform .65s ease}.claw-arm.phase-down,.claw-arm.phase-grab{transform:translateY(108px)}.claw-string{width:2px;height:34px;background:var(--gray-600)}.claw-toy{margin-top:-6px}.falling-toy{position:absolute;top:108px;transform:translate(-50%);animation:toy-fall .5s cubic-bezier(.4,0,1,1) forwards;z-index:2}@keyframes toy-fall{0%{top:108px;opacity:1}to{top:185px;opacity:.25}}.cabinet-toy{position:absolute;transform:translate(-50%,-50%);opacity:.95}.cabinet-chute{position:absolute;right:var(--x4);bottom:var(--x3);width:26px;height:18px;border-radius:var(--r1);background:radial-gradient(circle at 50% 30%,#1c1c1c,#000);box-shadow:inset 0 2px 3px #0009;opacity:.85}.cabinet-glass-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 18%,transparent 30%)}.claw-fail-msg{color:var(--critical);font-weight:var(--weight-medium);font-size:var(--t4-size);margin:0}.claw-controls{display:flex;align-items:center;gap:var(--x2);width:100%}.claw-controls>*:first-child,.claw-controls>*:last-child{flex:0 0 auto}.claw-controls>*:nth-child(2){flex:1}.claw-hint{text-align:center;margin:0}