body:has(.slime){background:#0b0907;margin:0;overflow:hidden}.slime{--table:#0b0907;--ink:#f1e8d4;--muted:#a39780;--line:#f1e8d429;--glass:#18130eb8;--slime:#f4c811;--label:var(--font-slime-label), Georgia, serif;--data:var(--font-slime-data), ui-monospace, monospace;color-scheme:dark;color:var(--ink);background:var(--table);font:400 .8125rem/1.5 var(--data);-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:clip}.slime .plate{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.slime .drafting{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.slime .drafting line{stroke:#8fd3ff;stroke-width:1.25px;stroke-dasharray:6 4;stroke-linecap:round}.slime .drafting circle{fill:none;stroke:#8fd3ff;stroke-width:1.25px}.slime .label{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));pointer-events:none;max-width:min(22rem,100% - 2rem);position:absolute}.slime .label a,.slime .label .engineer{pointer-events:auto}.slime .home{color:var(--muted);letter-spacing:.04em;text-decoration:none}.slime .home:hover,.slime .home:focus-visible{color:var(--ink)}.slime h1{font:400 clamp(1.6rem, 4.2vw, 2.6rem) / 1 var(--label);letter-spacing:-.01em;text-wrap:balance;margin:.35rem 0 0}.slime .sub{font:italic 400 1.05rem/1.2 var(--label);color:var(--muted);margin:.3rem 0 .75rem}.slime .readout{gap:1.25rem;margin:0;display:flex}.slime .readout div{display:grid}.slime .readout dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.slime .readout dd{font-variant-numeric:tabular-nums;margin:0}.slime .engineer{color:#8fd3ff;margin:.6rem 0 0}.slime .unsupported{border:1px solid var(--line);background:var(--glass);width:min(28rem,100% - 3rem);font:400 1.15rem/1.45 var(--label);text-align:center;border-radius:.75rem;margin:0;padding:1.25rem 1.4rem;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.slime .bench{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px)saturate(1.2);border-radius:1.1rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;width:max-content;max-width:calc(100% - 1.5rem);padding:.5rem;display:flex;position:absolute;translate:-50%;box-shadow:0 18px 50px #00000073}.slime .tools{border:0;gap:.25rem;margin:0;padding:0;display:flex}.slime .tools label{min-width:3.4rem;color:var(--muted);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border-radius:.7rem;justify-items:center;gap:.1rem;padding:.35rem .4rem .3rem;font-size:.6875rem;display:grid;position:relative}.slime .tools input{opacity:0;pointer-events:none;position:absolute}.slime .tools svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.slime .tools label:hover{color:var(--ink)}.slime .tools label:has(input:checked){color:#1a1406;background:var(--slime)}.slime .tools label:has(input:focus-visible),.slime button:focus-visible,.slime select:focus-visible,.slime input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.slime .actions{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.slime button{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin:0;padding:.45rem .7rem}.slime button:hover{border-color:#f1e8d466}.slime button[aria-pressed=true]{border-color:var(--slime);color:var(--slime)}.slime [popover]{color:var(--ink);border:1px solid var(--line);backdrop-filter:blur(16px);background:#14100ceb;border-radius:1rem;margin:0;box-shadow:0 24px 60px #0000008c}.slime [popover]::backdrop{background:0 0}.slime .knobs{inset:auto max(1rem, env(safe-area-inset-right)) 6.5rem auto;width:min(20rem,100% - 2rem);max-height:calc(100dvh - 9rem);padding:1rem 1.1rem 1.1rem;overflow:auto}.slime .knobs h2,.slime .notes h2{font:400 1.6rem/1.1 var(--label);margin:0 0 .75rem}.slime .strains{flex-wrap:wrap;gap:.3rem;margin-bottom:1rem;display:flex}.slime .strains button{padding:.3rem .6rem}.slime .sliders{gap:.6rem;display:grid}.slime .sliders label{color:var(--muted);grid-template-columns:1fr auto;gap:.15rem .5rem;display:grid}.slime .sliders output{color:var(--ink);font-variant-numeric:tabular-nums}.slime .sliders input{width:100%;accent-color:var(--slime);grid-column:1/-1}.slime .hint{color:var(--muted);font:italic 400 1rem/1.35 var(--label);margin:1rem 0 0}.slime .notes{box-sizing:border-box;width:min(36rem,100% - 2rem);max-height:calc(100dvh - 2rem);font:400 1.1rem/1.5 var(--label);padding:1.4rem 1.6rem 1.2rem;inset:50% auto auto 50%;overflow:auto;translate:-50% -50%}.slime .notes h3{font:400 .75rem/1.4 var(--data);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.25rem 0 .35rem}.slime .notes p,.slime .notes ul{margin:0 0 .75rem}.slime .notes ul{padding-left:1.1rem}.slime .notes li{margin-bottom:.3rem}.slime .notes b{font:400 .8125rem/1 var(--data);letter-spacing:.06em;text-transform:uppercase;color:var(--slime)}.slime .notes .credits{color:var(--muted);font-size:.95rem}.slime .notes .close{width:2rem;height:2rem;padding:0;font-size:1.2rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.slime [hidden]{display:none!important}.slime .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.slime .label{top:.75rem;left:.9rem}.slime .sub{margin-bottom:.4rem}.slime .bench{bottom:max(.6rem, env(safe-area-inset-bottom));gap:.4rem;padding:.4rem}.slime .tools label{min-width:3rem}.slime button{padding:.4rem .55rem;font-size:.75rem}.slime .knobs{width:auto;max-height:calc(100dvh - 12rem);inset:auto .75rem 9.5rem}}
