:root{color:#151820;background:#e8ebee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 auto 18px;max-width:1420px}.eyebrow{margin:0 0 6px;color:#5a6472;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(1.6rem,2.2vw,2.35rem);letter-spacing:0}h2{font-size:1rem;margin-bottom:12px}.topbar-actions,.button-row,.mode-row{display:flex;flex-wrap:wrap;gap:10px}.mode-row button,.button-row button{flex:1 1 120px}.workspace{display:grid;grid-template-columns:minmax(230px,280px) minmax(520px,1fr) minmax(230px,280px);gap:16px;max-width:1420px;margin:0 auto;align-items:start}.control-panel,.metrics-panel,.sim-panel,.metric-card,.episode-panel{background:#ffffffb8;border:1px solid rgba(28,34,43,.1);border-radius:8px;box-shadow:0 14px 38px #1e263214}.control-panel,.metrics-panel{padding:16px}.control-group{display:grid;gap:8px;margin-bottom:18px}.control-group label{color:#2d3541;font-weight:700;font-size:.9rem}.control-group p,.episode-list p{color:#657181;line-height:1.5;font-size:.9rem}select,input[type=range]{width:100%}select{border:1px solid rgba(28,34,43,.16);border-radius:7px;padding:9px 10px;background:#f8fafc;color:#151820}button{border:0;border-radius:7px;min-height:38px;padding:0 12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.icon-button{background:#f8fafc;color:#1c2533;border:1px solid rgba(28,34,43,.14)}.primary-button{background:#162033;color:#f7fbff}.sim-panel{padding:14px;overflow:hidden}.sim-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:#4f5b6b;font-size:.88rem}.sim-toolbar strong{color:#151820;white-space:nowrap}canvas{width:100%;height:auto;display:block;border-radius:6px;cursor:crosshair}.metrics-panel{display:grid;gap:12px}.metric-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value";gap:2px 10px;padding:14px}.metric-card svg{grid-area:icon;align-self:center;color:#366bb1}.metric-card span{grid-area:label;color:#647082;font-size:.82rem}.metric-card strong{grid-area:value;font-size:1.35rem}.episode-panel{padding:14px}.full-width-button{width:100%;margin-bottom:12px}.episode-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.episode-stats div{background:#eef1f5e6;border-radius:7px;padding:10px}.episode-stats span,.episode-row span{color:#647082;font-size:.82rem}.episode-stats strong{display:block;margin-top:4px}.episode-list{display:grid;gap:6px}.episode-row{display:grid;grid-template-columns:36px 48px 1fr 1fr;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(28,34,43,.08);font-size:.84rem}.fleet-list{display:grid;gap:8px;margin-top:18px}.fleet-row{display:grid;grid-template-columns:14px 34px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid rgba(28,34,43,.08);font-size:.84rem}.fleet-row span{color:#647082}.fleet-row em{color:#2d3541;font-style:normal;font-weight:700;text-transform:capitalize}.color-dot{width:11px;height:11px;border-radius:999px}.menu-grid{display:grid;gap:8px}.menu-button{display:grid;grid-template-columns:14px 1fr auto;grid-template-areas:"swatch name plus" "swatch recipe plus";align-items:center;gap:2px 10px;padding:10px 12px;min-height:48px;background:#f8fafc;border:1px solid rgba(28,34,43,.14);text-align:left}.menu-button:hover{background:#eef2f7}.menu-swatch{grid-area:swatch;width:12px;height:12px;border-radius:3px}.menu-name{grid-area:name;font-weight:700;font-size:.9rem;color:#1c2533}.menu-recipe{grid-area:recipe;font-size:.74rem;font-weight:500;color:#6b7686}.menu-button svg{grid-area:plus;color:#4f5b6b}.queue-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.queue-empty{color:#8a94a3;font-size:.82rem}.queue-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1.5px solid rgba(28,34,43,.2);background:#ffffffb3;font-size:.8rem;font-weight:600;color:#2d3541}.admin-shell{max-width:1420px;margin:0 auto}.admin-intro{padding:16px;margin-bottom:16px}.admin-intro p{color:#4f5b6b;line-height:1.6;font-size:.9rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.admin-card{padding:16px;display:grid;gap:12px;align-content:start}.admin-card-head{display:flex;align-items:center;gap:10px}.admin-name-input{flex:1;border:1px solid rgba(28,34,43,.16);border-radius:7px;padding:8px 10px;background:#f8fafc;color:#151820;font-weight:700}.ingredient-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ingredient-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#eef1f5cc;border:1px solid rgba(28,34,43,.08)}.ingredient-step{width:22px;height:22px;border-radius:999px;background:#162033;color:#f7fbff;display:grid;place-items:center;font-size:.78rem;font-weight:700}.ingredient-name{font-weight:600;color:#1c2533}.ingredient-actions{display:flex;gap:4px}.mini-button{min-height:28px;padding:0 7px;background:#fff;border:1px solid rgba(28,34,43,.16);color:#2d3541}.mini-button.danger{color:#b91c1c}.ingredient-add{display:flex;flex-wrap:wrap;gap:6px}.chip-button{min-height:30px;padding:0 10px;font-size:.82rem;background:#f8fafc;border:1px dashed rgba(28,34,43,.25);color:#2d3541}.admin-route{color:#647082;font-size:.84rem;font-weight:600;border-top:1px solid rgba(28,34,43,.08);padding-top:10px}.learn-caption{color:#647082;font-size:.82rem;line-height:1.5;margin-bottom:12px}.learn-best{margin-top:12px;padding:12px;border-radius:8px;background:#16815f14;border:1px solid rgba(22,129,95,.28);display:grid;gap:10px}.learn-best-head{display:flex;flex-direction:column;gap:2px}.learn-best-head span{color:#647082;font-size:.78rem;font-weight:600}.learn-best-head strong{font-size:.98rem;color:#12503b}.learn-best-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.learn-best-metrics div{background:#ffffffb3;border-radius:7px;padding:8px 10px}.learn-best-metrics span{color:#647082;font-size:.76rem}.learn-best-metrics strong{display:block;margin-top:3px;font-size:1.05rem}.learn-table{margin-top:12px;display:grid;gap:4px}.learn-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 9px;border-radius:6px;font-size:.82rem;background:#eef1f5b3}.learn-row.best{background:#16815f24;border:1px solid rgba(22,129,95,.3)}.learn-row span{color:#4f5b6b}.learn-row strong{color:#151820}.learn-row em{color:#8a94a3;font-style:normal;font-size:.78rem}@media(max-width:1120px){.workspace{grid-template-columns:1fr}.control-panel,.metrics-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.control-group{margin-bottom:0}}@media(max-width:720px){.app-shell{padding:14px}.topbar{align-items:stretch;flex-direction:column}.control-panel,.metrics-panel{grid-template-columns:1fr}}