:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--panel:#12161ee0;--panel-solid:#12161e;--text:#e8e6e3;--muted:#9aa3ad;--accent:#ff9f1c;color:var(--text);background:var(--bg);font:15px/1.5 system-ui,sans-serif}body{margin:0;overflow:hidden}#viewport{position:fixed;inset:0}#panel{z-index:2;box-sizing:border-box;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;width:min(380px,100vw - 32px);padding:20px;position:fixed;top:16px;bottom:16px;left:16px;overflow-y:auto}#layers{z-index:2;background:var(--panel);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;display:flex;position:fixed;top:16px;right:16px}#layers[hidden]{display:none}.stepper-label{color:var(--muted);font-size:12px}.stepper{align-items:center;gap:6px;display:flex}.slot{justify-content:center;width:32px;display:inline-flex}.slot button{width:32px;height:32px;padding:0;font-size:18px;line-height:1}.step-label{flex-direction:column;align-items:center;min-width:9em;display:flex}.step-name{text-align:center;font-weight:600}.step-next{color:var(--muted);font-size:12px}.pips{gap:6px;display:flex}.pips i{background:#343d4a;border-radius:50%;width:8px;height:8px}.pips i[data-on]{background:var(--accent)}#credits{z-index:2;position:fixed;bottom:16px;right:16px}#loader{z-index:2;background:var(--panel);color:var(--muted);border-radius:10px;padding:8px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}h1{margin:0;font-size:28px}h2{margin:18px 0 8px;font-size:17px}.tagline,.step,.disclaimer{color:var(--muted)}button{font:inherit;color:var(--text);cursor:pointer;background:#232a35;border:1px solid #343d4a;border-radius:8px;padding:6px 12px}button[aria-pressed=true],.primary{background:var(--accent);color:#111;border-color:var(--accent)}.link{color:var(--accent);background:0 0;border:none;padding:4px}.toggle{gap:6px;margin:8px 0;display:flex}input[type=search],input[type=number]{font:inherit;color:var(--text);background:#161b23;border:1px solid #343d4a;border-radius:8px;padding:6px 10px}input[type=search]{box-sizing:border-box;width:100%;margin:8px 0}input[type=number]{width:70px}ul{margin:0;padding:0;list-style:none}.results{max-height:220px;overflow-y:auto}.results button{text-align:left;width:100%;margin:2px 0}.plate li{align-items:center;gap:8px;margin:6px 0;display:flex}.plate li span:first-child{flex:1}.note{color:var(--muted);font-size:12px;display:block}.captions li{visibility:hidden;opacity:0;border-left:3px solid #0000;margin:0 0 10px;padding-left:10px;transition:opacity .4s,border-color .4s}.captions li.shown{visibility:visible;opacity:1}.captions li.past{opacity:.7}.captions li.active{border-left-color:var(--accent)}.captions li.captions-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-left:0;margin-bottom:4px;padding-left:13px;font-size:12px}@media (prefers-reduced-motion:reduce){.captions li{transition:none}}.cite{color:var(--accent);margin-left:4px;font-size:12px}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.swatch{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.howto{color:var(--muted);margin:8px 0 0;padding-left:20px}.hint{color:var(--muted);margin:12px 0}.footnote{color:var(--muted);margin:8px 0 0;font-size:12px}.legend strong{color:var(--text);margin-left:6px;font-weight:600}.mixbar{background:#232a35;border-radius:5px;height:10px;margin:10px 0;display:flex;overflow:hidden}.mixbar[hidden]{display:none}.mixbar span{flex-basis:0;min-width:2px}.nutrition{margin-top:14px}.nutrition summary{cursor:pointer;font-weight:600}.nutrition h2{margin-top:0}.nutrition h3{color:var(--muted);margin:12px 0 4px;font-size:14px;font-weight:600}.energy{justify-content:space-between;margin:8px 0 0;display:flex}.rows li{border-bottom:1px solid #232a35;justify-content:space-between;gap:12px;padding:2px 0;font-size:14px;display:flex}.amount{font-variant-numeric:tabular-nums;text-align:right}.amount[title]{cursor:help}.missing{color:var(--muted);font-style:italic}.micros{margin-top:10px}.controls{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.credits{max-width:640px;color:var(--text);background:#12161e;border:1px solid #343d4a;border-radius:14px}.credits a{color:var(--accent);word-break:break-all}.status{color:var(--muted)}@media (width<=640px){#panel{width:auto;max-height:45vh;scroll-padding-bottom:96px;inset:auto 16px 16px;overflow-y:auto}.controls{background:var(--panel-solid);z-index:1;margin:12px -20px -20px;padding:10px 20px 20px;position:sticky;bottom:-20px}#credits{inset:16px auto auto 16px}#layers{top:56px}}#lens{z-index:1;pointer-events:none;position:fixed;inset:0}.lens{transform-origin:0 0;opacity:0;background:#0b0e13;border-radius:50%;transition:opacity .25s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 2px #ffffff8c,0 12px 40px #0000008c}.lens canvas{display:block}.lens-tags{flex-direction:column;align-items:center;gap:3px;width:72%;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.lens-tag{color:var(--text);text-align:center;background:#0e1116c7;border-radius:10px;padding:2px 8px;font-size:10px;line-height:1.3}.lens-tag[hidden]{display:none}.body-tag{pointer-events:none;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.lens-leader{opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0;overflow:visible}.lens-leader line{stroke:#ffffffb3;stroke-width:1.5px}.lens-leader circle{fill:#fff;stroke:#0e1116cc;stroke-width:1.5px}#lens[data-shown] .lens,#lens[data-shown] .lens-leader{opacity:1}#lens[data-instant] .lens,#lens[data-instant] .lens-leader{transition:none}@media (prefers-reduced-motion:reduce){.lens,.lens-leader{transition:none}}