:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#2d1b4e,#4a1942);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #ff6b35}.header h1{font-size:1.6rem;font-weight:800;color:#ffb347;text-shadow:0 2px 4px rgba(0,0,0,.5);display:flex;align-items:center;gap:.5rem}.header-stats{display:flex;gap:1.5rem;align-items:center}.stat{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:1.05rem;background:#0000004d;padding:.4rem .8rem;border-radius:.5rem}.stat-icon{font-size:1.2rem}.stat-value{color:#ffb347}.main-layout{flex:1;display:grid;grid-template-columns:260px 1fr 280px;gap:0}.sidebar{background:#1e0e2e;border-right:2px solid #3d2266;padding:1rem;overflow-y:auto}.sidebar h2{font-size:1rem;color:#c9a0ff;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em}.recipe-list{display:flex;flex-direction:column;gap:.5rem}.recipe-card{background:#ffffff0a;border:2px solid transparent;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s}.recipe-card:hover{background:#ffffff14}.recipe-card.active{border-color:#ff6b35;background:#ff6b351a}.recipe-card.locked{opacity:.4;cursor:not-allowed}.recipe-card .recipe-emoji{font-size:1.5rem;margin-bottom:.25rem}.recipe-card .recipe-name{font-weight:700;font-size:.85rem;color:#e8d5ff}.recipe-card .recipe-origin{font-size:.7rem;color:#9a7bbf}.recipe-card .unlock-info{font-size:.65rem;color:#ff9a6c;margin-top:.25rem}.cooking-area{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:radial-gradient(ellipse at center,#2a1530,#1a0a1e)}.timer-bar{width:100%;max-width:500px;height:10px;background:#2d1b4e;border-radius:5px;overflow:hidden;margin-bottom:1rem}.timer-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ffb347);border-radius:5px;transition:width .3s linear}.timer-fill.urgent{background:linear-gradient(90deg,#f33,#ff6b35)}.current-step{text-align:center;margin:1rem 0}.current-step h3{font-size:1.1rem;color:#c9a0ff;margin-bottom:.5rem}.step-instruction{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:.75rem;min-height:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.eggplant-display{width:280px;height:280px;display:flex;align-items:center;justify-content:center;position:relative;margin:1rem 0}.eggplant-visual{font-size:8rem;transition:transform .3s;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.eggplant-visual.chopped{font-size:4rem}.eggplant-visual.cooked{filter:brightness(1.1) saturate(1.2) drop-shadow(0 8px 16px rgba(0,0,0,.5))}.eggplant-visual.seasoned{filter:brightness(1.2) contrast(1.1) drop-shadow(0 8px 16px rgba(0,0,0,.5))}.cooking-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.spark{position:absolute;font-size:2rem;animation:sparkAnim .8s ease-out forwards}@keyframes sparkAnim{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.steam{position:absolute;font-size:2.5rem;animation:steamAnim 2s ease-out infinite;opacity:.6}@keyframes steamAnim{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-80px) scale(1.5);opacity:0}}.action-area{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.action-hint{font-size:.85rem;color:#9a7bbf;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.action-btn{font-size:1.2rem;font-weight:700;padding:.8rem 2.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.05em}.action-btn.chop-btn{background:linear-gradient(135deg,#ff6b35,#e84525);color:#fff;box-shadow:0 4px 15px #ff6b3566}.action-btn.cook-btn{background:linear-gradient(135deg,#ff8c42,#ff6b35);color:#fff;box-shadow:0 4px 15px #ff8c4266}.action-btn.season-btn{background:linear-gradient(135deg,#c9a0ff,#9b59b6);color:#fff;box-shadow:0 4px 15px #c9a0ff66}.action-btn.serve-btn{background:linear-gradient(135deg,#4ecdc4,#2ecc71);color:#fff;box-shadow:0 4px 15px #4ecdc466;font-size:1.3rem}.action-btn.start-btn{background:linear-gradient(135deg,#ff6b35,#c9a0ff);color:#fff;box-shadow:0 4px 15px #ff6b3566;font-size:1.4rem;padding:1rem 3rem}.action-btn:active{transform:scale(.95)}.right-panel{background:#1e0e2e;border-left:2px solid #3d2266;padding:1rem;overflow-y:auto}.right-panel h2{font-size:1rem;color:#c9a0ff;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em}.order-queue{display:flex;flex-direction:column;gap:.6rem}.order-item{background:#ffffff0a;border-radius:.5rem;padding:.75rem;border-left:4px solid #3d2266}.order-item.active-order{border-left-color:#ff6b35;background:#ff6b3514}.order-item.completed-order{border-left-color:#2ecc71;opacity:.6}.order-dish{font-weight:700;font-size:.9rem;margin-bottom:.25rem}.order-tip{font-size:.75rem;color:#ffb347}.order-timer-text{font-size:.7rem;color:#9a7bbf}.completion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.completion-card{background:linear-gradient(135deg,#2d1b4e,#1e0e2e);border:2px solid #ff6b35;border-radius:1rem;padding:2.5rem;text-align:center;max-width:400px;animation:popIn .4s ease-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.completion-card h2{font-size:1.8rem;color:#ffb347;margin-bottom:.5rem}.completion-card .dish-result{font-size:3rem;margin:.5rem 0}.completion-card .score-breakdown{margin:1rem 0;text-align:left}.completion-card .score-line{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.9rem;color:#c9a0ff}.completion-card .score-line .amount{color:#ffb347;font-weight:700}.completion-card .total-line{display:flex;justify-content:space-between;padding:.5rem 0;margin-top:.5rem;border-top:1px solid #3d2266;font-size:1.1rem;font-weight:700;color:#fff}.completion-card .unlock-msg{background:#ff6b3526;border:1px solid #ff6b35;border-radius:.5rem;padding:.75rem;margin:1rem 0;color:#ffb347;font-weight:600;font-size:.9rem}.next-btn{background:linear-gradient(135deg,#ff6b35,#c9a0ff);color:#fff;border:none;padding:.8rem 2rem;border-radius:.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:.5rem}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem}.welcome h2{font-size:2.2rem;color:#ffb347;margin-bottom:1rem}.welcome p{color:#c9a0ff;font-size:1rem;max-width:400px;margin-bottom:1.5rem;line-height:1.6}.welcome .big-eggplant{font-size:6rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.step-progress{display:flex;gap:.5rem;margin:.5rem 0}.step-dot{width:10px;height:10px;border-radius:50%;background:#3d2266;transition:background .3s}.step-dot.done{background:#2ecc71}.step-dot.current{background:#ff6b35;box-shadow:0 0 8px #ff6b35}@media(max-width:900px){.main-layout{grid-template-columns:1fr}.sidebar,.right-panel{display:none}}