:root{--ink:#3d3a4b;--ink-soft:#7a7688;--card:#fffcf6eb;--line:#3d3a4b1a;--accent:#f08a6c;--accent-soft:#fde3d9;--good:#6cc4a1;--warn:#d9634a;--radius:18px;--shadow:0 6px 20px #3c466e29;--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--ink);font:600 14px/1.3 var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#bfe3f2 0%,#e6f1ea 100%);margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px)}.title{align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.title span{color:var(--ink-soft);font-size:13px;font-weight:600}.goal{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));width:min(250px,100% - 24px);padding:10px 12px 12px;position:absolute}.goal .row{grid-template-columns:auto 1fr auto;align-items:center;gap:2px 8px;margin-top:8px;font-size:13px;display:grid}.goal .row b{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.meter{background:var(--line);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.meter>div{background:var(--good);border-radius:3px;height:100%;transition:width .3s}.swatch{vertical-align:-2px;background:var(--c);width:14px;height:14px;display:inline-block;box-shadow:inset 0 -2px #00000026}.swatch.raw{border-radius:50%}.swatch.bar{vertical-align:0;border-radius:3px;height:10px}.swatch.part{background:radial-gradient(circle, transparent 3px, var(--c) 3.5px);border-radius:50%}.toolbar{left:50%;bottom:max(12px, env(safe-area-inset-bottom));scrollbar-width:none;background:var(--card);max-width:calc(100% - 16px);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:0;padding:6px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.toolbar button{min-width:42px;color:var(--ink);border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:1px;padding:6px 2px 4px;display:flex}.toolbar button span{letter-spacing:-.2px;color:var(--ink-soft);font-size:9px}.toolbar button.active{background:var(--accent);color:#fff}.toolbar button.active span{color:#fff}.toolbar .sep{background:var(--line);flex:0 0 1px;align-self:stretch;margin:6px 2px}.backdrop{position:absolute;inset:0}.build-menu{background:var(--card);flex-direction:column;gap:2px;min-width:150px;padding:6px;display:flex;position:absolute}.build-menu[hidden]{display:none}.build-menu button{text-align:left;border-radius:12px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.build-menu button span{flex-direction:column;display:flex}.build-menu button small{color:var(--ink-soft);font-size:11px}.build-menu button.active{background:var(--accent);color:#fff}.build-menu button.locked{opacity:.45}.panel{left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 76px);width:min(360px,100% - 24px);padding:10px 12px 12px;position:absolute;transform:translate(-50%)}.panel .title button{color:var(--ink-soft);margin-left:auto;padding:4px}.recipes{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.recipes button{background:var(--line);border-radius:12px;align-items:center;gap:3px;padding:8px 10px;font-size:12px;display:flex}.recipes button em{color:var(--ink-soft);font-style:normal}.recipes button span{margin-left:3px}.recipes button.active{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.status{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px;font-size:13px;display:flex}.chip{font-variant-numeric:tabular-nums;color:var(--ink);align-items:center;gap:4px;display:inline-flex}.warn{color:var(--warn)}.toasts{top:calc(max(12px, env(safe-area-inset-top)) + 4px);flex-direction:column;align-items:center;gap:6px;width:min(340px,100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--ink);color:#fff;text-align:center;box-shadow:var(--shadow);border-radius:14px;padding:10px 14px;font-size:13px;animation:3.2s forwards toast}.toast b{color:#ffd27a;margin-right:4px}@keyframes toast{0%{opacity:0;transform:translateY(-8px)scale(.96)}8%,85%{opacity:1;transform:none}to{opacity:0}}@media (max-width:600px){.toasts{top:calc(max(12px, env(safe-area-inset-top)) + 150px)}}