:root{--bg:#07090d;--panel:#0c1218db;--line:#5ee7ff40;--text:#e8eef2;--muted:#93a4ae;--accent:#5ee7ff;--warm:#d9a066;--controls-h:132px;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1,h2,h3{line-height:1.25}.muted{color:var(--muted)}.stage{height:100dvh;position:relative;overflow:hidden}.app,.scene-host{position:absolute;inset:0}.bean-canvas{touch-action:none;width:100%;height:100%;display:block}.hotspot-layer{pointer-events:none;position:absolute;inset:0}.hotspot{border:2px solid var(--accent);width:24px;height:24px;box-shadow:0 0 12px var(--accent);cursor:pointer;pointer-events:auto;background:#5ee7ff40;border-radius:50%;padding:0;position:absolute;top:-12px;left:-12px}.hotspot:focus-visible{outline-offset:3px;outline:2px solid #fff}.hero{isolation:isolate;text-shadow:0 1px 2px #07090de6,0 0 16px #07090dcc;max-width:520px;padding:20px;position:absolute;top:12vh;left:16px;right:16px}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#07090dcc 40%,#07090d00);position:absolute;inset:-15% -25% -15% -15%}html[data-deep-link] .hero{display:none}.hero h1{margin:.2em 0;font-size:clamp(1.7rem,5vw,2.6rem)}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem}button{font:inherit;color:inherit}.primary{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:#5ee7ff26;border-radius:999px;padding:10px 18px;text-decoration:none;display:inline-block}.controls{padding:10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(0deg, var(--bg) 60%, #07090d00);gap:8px;display:grid;position:absolute;bottom:0;left:0;right:0}.mode-toggle{gap:6px;display:flex}.mode-toggle button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px}.mode-toggle button[aria-pressed=true]{border-color:var(--accent);background:#5ee7ff2e}.agtron{position:relative}.agtron-label{color:var(--muted);font-size:.9rem;display:block}.agtron-label strong{color:var(--text)}#agtron-slider{-webkit-appearance:none;appearance:none;border-radius:999px;width:100%;height:10px;margin:8px 0 18px}#agtron-slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:24px;height:24px}#agtron-slider::-moz-range-thumb{border:3px solid var(--accent);background:#fff;border-radius:50%;width:22px;height:22px}.agtron-ticks{height:14px;position:absolute;bottom:0;left:12px;right:12px}.agtron-ticks span{color:var(--muted);font-size:.68rem;position:absolute;transform:translate(-50%)}.layer-nav{gap:6px;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.layer-nav button{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;display:flex}.layer-nav button[aria-current]{border-color:var(--accent)}.layer-nav .n{border:1px solid var(--accent);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;display:grid}.sheet{width:min(380px,100% - 32px);max-height:calc(100dvh - var(--controls-h) - 32px);border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);border-radius:14px;padding:16px;position:absolute;top:16px;left:16px;overflow:auto}.sheet:focus{outline:none}.sheet h2{margin:.2em 0 .4em}.sheet h3{margin:1em 0 .3em;font-size:.95rem}.sheet-head{align-items:center;gap:8px;min-height:32px;display:flex;position:sticky;top:-16px}.sheet-head .close{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:50%;width:32px;height:32px;margin-left:auto;font-size:1.2rem;line-height:1}.group{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.8rem}.draft-badge,.draft-banner{color:#1a1300;background:#ffcf5c;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.draft-banner{font-size:.9rem;display:inline-block}.now{color:var(--muted)}.no-curve{color:var(--muted);border-left:2px solid var(--line);padding-left:10px;font-size:.85rem}.dummy-note{color:#ffcf5c;border-left:2px solid #ffcf5c;padding-left:10px;font-size:.85rem}.card-sources{padding-left:1.2em;font-size:.85rem}.more{margin-top:8px;display:inline-block}.curve{width:100%;height:auto}.curve .axis{stroke:var(--line)}.curve .line{fill:none;stroke:var(--accent);stroke-width:2px}.curve .line-outside{stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:4 4}.curve .dot{fill:var(--accent)}.curve .marker{stroke:#fff;stroke-dasharray:3 3}.curve .tick,.curve .unit{fill:var(--muted);font-size:10px}.curve-dummy .line{stroke:#ffcf5c;stroke-dasharray:6 4}.curve .dummy-mark{fill:#ffcf5c;opacity:.35;letter-spacing:.12em;font-size:22px;font-weight:700}.radar{margin:8px 0}.radar svg{width:100%;max-width:300px;height:auto;margin:0 auto;display:block;overflow:visible}.radar .ring{fill:none;stroke:var(--line)}.radar .spoke{stroke:var(--line)}.radar .shape{fill:#d9a06659;stroke:var(--warm);stroke-width:2px}.radar .shape-outside{fill:#93a4ae2e;stroke:var(--muted);stroke-dasharray:4 3}.radar-outside{color:var(--warm);text-align:center;margin:4px 0;font-size:.8rem}.radar .radar-label{fill:var(--text);font-size:10px}.radar figcaption{color:var(--muted);text-align:center;font-size:.8rem}.flo-beans ul{gap:8px;padding:0;list-style:none;display:grid}.flo-beans li a{color:var(--text);grid-template-rows:auto auto;grid-template-columns:56px 1fr;column-gap:10px;text-decoration:none;display:grid}.flo-beans img{object-fit:cover;border-radius:8px;grid-row:span 2}.flo-beans small{color:var(--muted)}.shop-button{border:1px solid var(--warm);color:var(--text);border-radius:999px;padding:8px 14px;text-decoration:none;display:inline-block}.fallback{text-align:center;background:var(--bg);place-content:center;padding:16px;display:grid;position:absolute;inset:0}.noscript{left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;margin:0;position:absolute}@media (width<=720px){.layer-nav{top:auto;bottom:var(--controls-h);padding:6px 16px;display:flex;left:0;right:0;overflow-x:auto;transform:none}.layer-nav .t{white-space:nowrap}.sheet{width:100%;top:auto;left:0;right:0;bottom:calc(var(--controls-h) + 56px);max-height:calc(100dvh - var(--controls-h) - 56px - 56px);border-radius:14px 14px 0 0}.hero{top:6vh}.sheet-quiet{padding:10px 16px}.sheet-quiet h2{margin:0 0 2px;font-size:1.1rem}.sheet-quiet p{margin:0 0 4px}.sheet-quiet .summary{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sheet-quiet .muted{font-size:.85rem}.sheet-quiet .more{margin-top:0}}@media (height<=500px) and (orientation:landscape){.controls{grid-template-columns:auto 1fr;align-items:center;column-gap:16px;padding-top:4px}.layer-nav{top:8px;bottom:auto;left:auto;right:max(8px, env(safe-area-inset-right));max-height:calc(100dvh - var(--controls-h) - 16px);padding:0;display:grid;overflow:auto;transform:none}.layer-nav button{padding:3px 10px}.sheet{top:8px;bottom:auto;left:max(8px, env(safe-area-inset-left));width:min(340px,45%);max-height:calc(100dvh - var(--controls-h) - 16px);border-radius:14px;right:auto}.hero{top:4px;left:max(16px, env(safe-area-inset-left));padding:8px 16px}.hero h1{font-size:1.5rem}.hero p{margin:.3em 0}}.page{max-width:760px;margin:0 auto;padding:16px}.crumbs{color:var(--muted);font-size:.9rem}.doc .lead{color:var(--muted);font-size:1.15rem}.doc figure{margin:16px 0}.doc figcaption{color:var(--muted);font-size:.85rem}.cite a{text-decoration:none}.sources ol{padding-left:1.4em;font-size:.9rem}.link-list{padding-left:1.2em}.radar-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.radar-row h3{text-align:center;margin:0;font-size:.95rem}.compound-row{border-top:1px solid var(--line);padding:8px 0}.page-foot{color:var(--muted);margin-top:48px;font-size:.9rem}.section-nav{top:max(10px, env(safe-area-inset-top));z-index:3;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.section-nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:.9rem;text-decoration:none}.section-nav a[aria-current=page]{color:var(--text);background:#d9a06638}.section-nav a:hover{color:var(--text)}.sheet .term{color:var(--warm);margin:-.3em 0 .6em;font-style:italic}.controls-hint{color:var(--muted);margin:0;font-size:.85rem}.app-cherry .hero{top:14vh}@media (width<=720px){.section-nav{top:max(8px, env(safe-area-inset-top))}.section-nav a{padding:4px 10px;font-size:.82rem}.hero,.app-cherry .hero{top:calc(6vh + 40px)}}.callout-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.callout-lines line{stroke:#e8eef28c;stroke-width:1px}.callout{cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.callout-text{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:3px 9px;font-size:.8rem;line-height:1.2;display:block;transform:translateY(-50%)}.callout-left .callout-text{transform:translate(-100%,-50%)}.callout[aria-current] .callout-text{border-color:var(--warm);color:#fff;background:#3c2614eb}.callout-dot{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 2px #07090db3,0 0 8px #fff9}.callout:focus-visible .callout-text{outline-offset:2px;outline:2px solid #fff}.controls-process{gap:10px}.process-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.process-tabs button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:5px 14px}.process-tabs button[aria-selected=true]{border-color:var(--warm);background:#d9a06633}.timeline{scrollbar-width:none;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.timeline li{flex:1 0 auto;position:relative}.timeline li+li:before{content:"";background:var(--line);width:12px;height:1px;position:absolute;top:20px;left:-6px}.timeline button{cursor:pointer;text-align:left;width:100%;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;margin:0 6px 0 0;padding:6px 10px;font-size:.85rem;display:flex}.timeline button[aria-current]{border-color:var(--warm);color:var(--text);background:#d9a06624}.timeline button span{max-width:13em}.state-icon{flex:none}.process-card .step-now{align-items:flex-start;gap:10px;margin:.2em 0 .6em;display:flex}.process-card h3{margin-top:.9em}.flavor-notes{margin:.3em 0;padding-left:1.1em;font-size:.92rem}.flavor-notes li{margin:.25em 0}.card-links{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:8px 0 0;display:flex}.card-links .more{margin-top:0}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.pill{color:var(--text);background:#d9a0661f;border:1px solid #d9a06680;border-radius:999px;margin:2px 4px 2px 0;padding:1px 9px;font-size:.8rem;display:inline-block}.compare-panel{width:auto;max-width:1100px;max-height:calc(100dvh - var(--controls-h) - 80px);margin:0 auto;top:64px;left:16px;right:16px}.compare-panel .sheet-head h2{margin:0;font-size:1.15rem}.flow{gap:10px;margin-top:6px;display:grid}.flow-lane{border:1px solid var(--line);border-radius:12px;padding:8px 10px}.flow-lane[aria-current]{border-color:var(--warm)}.flow-name{align-items:center;gap:8px;margin:0 0 6px;font-size:.95rem;display:flex}.flow-steps{flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;display:flex}.flow-step{position:relative}.flow-step+.flow-step:before{content:"→";color:var(--muted);font-size:.8rem;position:absolute;top:10px;left:-15px}.flow-hit{color:var(--text);cursor:pointer;text-align:left;font:inherit;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;font-size:.85rem;text-decoration:none;display:flex}.flow-step[aria-current] .flow-hit{border-color:var(--warm);background:#d9a06624}.flow-dur{color:var(--muted);margin:-4px 0 0 52px;font-size:.78rem;display:block}.flow-dry{color:var(--muted);margin:6px 0 0;font-size:.85rem}@media (width<=720px){.app-process .sheet{bottom:var(--controls-h)}.timeline button span{display:none}.timeline button[aria-current] span{display:inline}.compare-panel{border-radius:14px 14px 0 0;top:52px;left:0;right:0}.app-process .sheet-quiet .flavor-notes,.app-process .sheet-quiet h3{display:none}}.doc .term{color:var(--warm);margin:-.4em 0 .8em;font-style:italic}.steps-list{gap:6px;padding:0;list-style:none;display:grid}.steps-list li{align-items:center;gap:10px;display:flex}.doc .flow{margin:12px 0 24px}
