@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600&display=swap";:root{--u-ink:#172e3e;--u-muted:#4d6371;--u-faint:#566d7b;--u-rule:#cbd5da;--u-card:#ffffff;--u-field:#ffffff;--u-field-line:#b2c1c9;--u-accent:#173e55;--u-accent-hover:#285f7b;--u-accent-ink:#ffffff;--u-hover:#dce7ec;--u-link:#255c79;--u-warm:#b4643c;--u-foot:#162f40;--u-foot-ink:#d0dce3;--stage-top:#e9e5dd;--stage-bottom:#cfc9bf;--stage-ink:#28343d;--tag-bg:rgba(255,255,255,.92);--tag-ink:#14232c;--tag-num:#1b5d7d;--leader:#2c3f49;--d-bg:#edf2f4;--d-paper:#fbfaf6;--d-line:#7a8d97;--d-ink:#1f3d57;--d-text:#22404f;--d-leader:#506874;--d-accent:#c4572f;--d-soft:#d8e5ea;--d-soft2:#afc7d1;--d-blue:#1c5f80;--d-body:#24394a;--d-lead:#444a4b;--d-metal-a:#a9b9c2;--d-metal-b:#f4f7f8;--d-metal-c:#71889a;--d-solvent:#5d9fb5;--d-colorant:#173d55;--d-resin:#bc673e;font-family:DM Sans,Noto Sans JP,sans-serif;color:var(--u-ink);font-synthesis:none;font-size:16px;line-height:1.6}html[data-theme=dark]{--u-ink:#e7eef1;--u-muted:#a9bac3;--u-faint:#9fb1ba;--u-rule:#36424a;--u-card:#181b1d;--u-field:#1d2225;--u-field-line:#45535b;--u-accent:#7cc2df;--u-accent-hover:#a2d6ea;--u-accent-ink:#0b1c25;--u-hover:#24313a;--u-link:#8ccbe5;--u-warm:#e0905f;--u-foot:#0d1418;--u-foot-ink:#b8c7cf;--stage-top:#383531;--stage-bottom:#1b1a18;--stage-ink:#dbe2e5;--tag-bg:rgba(24,27,29,.9);--tag-ink:#eef3f5;--tag-num:#7cc2df;--leader:#c4d1d7;--d-bg:#182025;--d-paper:#22292d;--d-line:#62747e;--d-ink:#a9d3ee;--d-text:#dbe6eb;--d-leader:#9fb3bd;--d-accent:#ee8a5c;--d-soft:#24343c;--d-soft2:#33505e;--d-blue:#3a8db5;--d-body:#2f4a5c;--d-lead:#8b9496;--d-metal-a:#6f7f88;--d-metal-b:#d9e1e5;--d-metal-c:#47565f;--d-solvent:#5fb3cc;--d-colorant:#9fc8e2;--d-resin:#e48a5c }*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}a{color:var(--u-link);text-underline-offset:4px}button{border:1px solid var(--u-field-line);border-radius:6px;background:transparent;color:inherit;padding:9px 14px;min-height:44px}button:hover{background:var(--u-hover)}button[aria-pressed=true],.primary{background:var(--u-accent);color:var(--u-accent-ink);border-color:var(--u-accent)}.primary:hover,button[aria-pressed=true]:hover{background:var(--u-accent-hover);color:var(--u-accent-ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--u-warm);outline-offset:3px}#root>header{padding:22px max(5vw,20px);border-bottom:1px solid var(--u-rule);display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{text-decoration:none;letter-spacing:.13em;font-weight:700;font-size:14px;color:var(--u-ink)}.wordmark span{font-weight:400;letter-spacing:0}.language{border:0}main{max-width:1320px;margin:auto;padding:0 5vw}.intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:24px 0}.intro h1{font-size:clamp(22px,2.1vw,31px);font-weight:500;letter-spacing:-.04em;margin:0}.intro p{font-size:14px;max-width:370px;margin:0;color:var(--u-muted)}.product-tabs{display:flex;border-bottom:1px solid var(--u-rule);gap:15px;margin-bottom:25px}.product-tabs button{border-radius:0;border:0;flex:1;display:grid;grid-template-columns:30px 1fr;column-gap:10px;text-align:left;padding:15px 20px}.product-tabs button span{grid-row:span 2;font-size:13px;opacity:.65;padding-top:4px}.product-tabs strong{font-size:20px;letter-spacing:.015em}.product-tabs small{font-size:14px;font-weight:400}.inspection{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.viewer{background:linear-gradient(180deg,var(--stage-top),var(--stage-bottom));position:relative;min-width:0;border-radius:14px;overflow:hidden;color:var(--stage-ink)}.viewer-top{display:flex;justify-content:space-between;gap:15px;position:absolute;left:22px;right:22px;top:18px;z-index:3;font-size:12px;letter-spacing:.05em;pointer-events:none;font-weight:600}.viewer-top span{background:var(--tag-bg);color:var(--tag-ink);padding:3px 9px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.canvas-wrap{position:relative}.canvas-wrap>div:first-child{height:560px!important}.callouts{position:absolute;left:0;right:0;top:0;height:560px;pointer-events:none;z-index:2}.callouts svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.callouts polyline{fill:none;stroke:var(--leader);stroke-width:1.1;opacity:.85}.callouts circle{fill:var(--tag-bg);stroke:var(--leader);stroke-width:1.4}.callouts .tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;max-width:200px;padding:5px 9px 5px 6px;border-radius:7px;background:var(--tag-bg);color:var(--tag-ink);font-size:12.5px;line-height:1.3;font-weight:500;box-shadow:0 1px #0000000d,0 4px 14px #00000017;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.callouts .tag b,.callout-key li:before{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--tag-num);color:var(--u-card);font-size:10.5px;font-weight:700}.callouts.compact .tag{padding:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.callouts.compact .tag span{display:none}.callouts.compact .tag b{width:22px;height:22px;font-size:11.5px;box-shadow:0 0 0 2px var(--tag-bg),0 2px 8px #00000040}.callout-key{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0}.view-controls{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 0;position:relative}.view-controls button{font-size:13px;padding:7px 10px;min-height:38px;background:var(--tag-bg);border-color:transparent;color:var(--tag-ink)}.view-controls button[aria-pressed=true]{background:var(--u-accent);color:var(--u-accent-ink)}.gesture{text-align:center;font-size:12px;color:var(--stage-ink);opacity:.85;margin:12px 15px}.touch-control{display:block;margin:0 16px 16px;font-size:13px;background:var(--tag-bg);color:var(--tag-ink);border-color:transparent}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--u-muted)}h2{font-size:clamp(26px,3vw,40px);font-weight:500;line-height:1.22;letter-spacing:-.035em;margin:18px 0}p{margin:16px 0}aside{padding:15px 0}aside p{max-width:440px}.spec{font-size:14px;border-bottom:1px solid var(--u-rule);padding-bottom:20px;color:var(--u-faint)}label{display:block;font-size:14px;margin:15px 0;font-weight:500}select{display:block;background:var(--u-field);border:1px solid var(--u-field-line);border-radius:4px;min-height:44px;padding:8px 12px;color:var(--u-ink);width:100%;margin-top:6px}.small{font-size:13px;color:var(--u-faint);line-height:1.6}.primary{margin-top:5px}.experiment{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:65px 0 25px}.experiment h2{font-size:32px}.controls{display:flex;flex-wrap:wrap;gap:8px}input[type=range]{width:100%;accent-color:var(--u-link);display:block;margin-top:10px;height:24px}.value{float:right;font-variant-numeric:tabular-nums}.mechanism{background:var(--d-bg);min-width:0;padding:14px 0;border-radius:14px;border:1px solid var(--u-rule)}.mechanism svg{width:100%;display:block}.mechanism text,.chemistry text{font-family:inherit;fill:var(--d-text)}.mechanism text{font-size:17px}.mechanism .d-small{font-size:15px}.mechanism .d-on-blue{fill:#fff;font-size:15px}.takeaway{border-left:3px solid var(--u-warm);padding:6px 25px;margin:20px 0 55px;max-width:930px}.takeaway h3{margin:0;font-size:20px}.takeaway p{margin:6px 0}.chemistry{border-top:1px solid var(--u-rule);padding:40px 0}.chemistry>p{max-width:930px}.chem-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:28px}.chem-grid svg{width:100%;display:block;background:var(--d-bg);border-radius:12px}.chem-grid h3{font-size:21px;font-weight:500}.chemistry text{font-size:18px}.evidence{border-top:1px solid var(--u-rule);display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:45px 0}.evidence h2{font-size:27px}.evidence li{margin-bottom:12px;font-size:14px}#root>footer{background:var(--u-foot);color:var(--u-foot-ink);padding:30px 5vw;font-size:13px}.fallback{display:flex;align-items:center;justify-content:center;padding:30px;height:100%}@media(max-width:760px){#root>header{padding:15px 20px}main{padding:0 16px}.intro{display:block;padding:22px 0}.intro p{margin-top:8px}.product-tabs{gap:0}.product-tabs button{padding:12px 8px;grid-template-columns:1fr}.product-tabs button span{display:none}.product-tabs strong{font-size:16px}.product-tabs small{font-size:12px}.inspection,.experiment,.chem-grid,.evidence{grid-template-columns:1fr;gap:22px}.canvas-wrap>div:first-child,.callouts{height:470px!important}.inspection aside{padding:0 2px}.viewer-top{left:14px;right:14px;font-size:11px}.view-controls button{min-height:44px}.view-controls{padding:8px 12px 0}.experiment{padding-top:45px}.experiment h2{font-size:28px}.chem-grid{gap:30px}.evidence{padding:35px 0}.takeaway{padding-left:18px;margin-bottom:35px}.wordmark{letter-spacing:.05em}.gesture{font-size:11px}.callout-key{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:4px 14px 6px;padding:0;list-style:none;counter-reset:k;font-size:12.5px;color:var(--stage-ink)}.callout-key li{counter-increment:k;display:flex;gap:7px;align-items:baseline;line-height:1.35}.callout-key li:before{content:counter(k)}}.callout-key li.off{opacity:.45}@media(max-width:380px){.canvas-wrap>div:first-child,.callouts{height:440px!important}.view-controls{gap:4px}.view-controls button{padding:7px 8px;font-size:12px}.callout-key{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}