body:has(.bonding){background:#edf2f7}.bonding{--zsa-max-width:1400px;--zsa-navy:#102d4f;max-width:1400px;padding:28px 36px 30px;background:#f6f8fb;color:#40546b;font-size:14px}.bonding [hidden]{display:none!important}.bonding h1,.bonding h2,.bonding h3{color:#102d4f}.bonding h1{font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.04em;margin:0;font-weight:600}.bonding h2{font-size:21px;font-weight:600;margin:0}.bonding p{line-height:1.65}.header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid #dce5ed;margin-bottom:24px}.identity{display:flex;align-items:center;gap:12px}.brand{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid #e0e8f0;border-radius:11px;background:white}.brand img{display:block}.header nav{display:flex;gap:8px;flex-shrink:0}.bonding .zsa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:13px;border-radius:8px;padding:9px 13px;border-color:#c9d7e5;background:white;color:#274864}.bonding .primary{background:#187566;color:white;border-color:#187566}.bonding .primary:hover{background:#126357;color:white}.bonding button:disabled{opacity:.5;cursor:not-allowed}.bonding button:focus-visible,.bonding summary:focus-visible,.bonding a:focus-visible,.bonding input:focus-visible{outline:3px solid #387ee0;outline-offset:4px}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.controls{display:grid;gap:17px}.panel{background:#fff;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 4px 18px #193d6508}.sample-panel,.station-panel{padding:20px}.samples{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.samples button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:103px;border:1px solid #dce5ed;border-radius:9px;background:#f7f9fc;color:#456078;padding:8px 3px}.samples button[aria-pressed=true]{border:2px solid #248476;background:#eff8f5;padding:7px 2px}.samples strong{font-size:17px;color:#173e5a}.samples small{font-size:8px}.chip{display:block;width:31px;height:24px;margin:5px 0 7px;clip-path:polygon(10% 15%,45% 0,95% 30%,85% 85%,40% 100%,0 70%)}.tin{background:linear-gradient(145deg,#eef7fa,#a9bcc8 40%,#e5f2f9 45%,#738c9e 60%,#c2d1d8)}.salt{background:linear-gradient(130deg,#fff,#e0e6e6 40%,#a8b9c4 45%,#f6f7ef)}.sugar{background:repeating-linear-gradient(130deg,#eee7d8 0 4px,#d4d0c5 5px 6px,#f9f2e2 8px 9px)}.iodine{background:linear-gradient(140deg,#b3aabc,#3f3c50 50%,#928398 54%,#3d3b4e)}.small{font-size:12px;color:#526b80;margin:13px 0 0;line-height:1.65}.eyebrow{font-size:9px!important;letter-spacing:.14em;font-weight:700;color:#536c82;margin:0 0 9px;line-height:1.4!important}.stations{display:grid;gap:7px;margin-top:14px}.stations button{display:flex;align-items:center;gap:12px;min-height:64px;padding:9px;border:1px solid transparent;border-radius:9px;background:#f5f8fb;text-align:left;color:#526d82}.stations button[aria-pressed=true]{background:#eaf3f1;border-color:#a6cec5;color:#1e6a5d}.stations button>span{font-size:11px;border:1px solid #d2dee6;border-radius:6px;padding:7px 6px;background:white}.stations strong{display:block;font-size:12px;color:#214762;font-weight:600}.stations small{display:block;font-size:10px;margin-top:4px}.bench-note{font-size:11px;color:#52677d;margin:0 4px}.bench-card{padding:23px}.bench-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.badge{background:#e9f4ee;border:1px solid #cae3d6;color:#24644e;font-size:10px;font-weight:600;letter-spacing:.08em;padding:7px 10px;border-radius:30px;white-space:nowrap}.scene{background:#183448;border:1px solid #274a60;border-radius:12px;overflow:hidden}.scene-topline,.scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;color:#c1d7e3;font-size:9px;letter-spacing:.1em;font-weight:600;min-height:41px}.scene-topline{background:#213e52}.scene-bottom{background:#122636;border-top:1px solid #395364;letter-spacing:.04em}.scene-bottom span:first-child{color:#c1e3d7}.bonding #apparatus{display:block;width:100%;height:auto}.svg-label{fill:#b5cedc;font:12px Inter,Arial,sans-serif;letter-spacing:1.5px}.svg-tiny{fill:#c2d9e3;font:12px Inter,Arial,sans-serif}.svg-dark{fill:#233b4d;font:12px Inter,Arial,sans-serif}.lcd{fill:#d8e9c9;font:23px ui-monospace,monospace}.interaction{padding:19px 0 15px;min-height:112px}.interaction .actions{display:flex;gap:8px;flex-wrap:wrap}.interaction label{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#294e69;font-size:13px;gap:12px}.interaction input[type=range]{width:100%;height:26px;accent-color:#187566;margin-top:10px}.interaction .small{margin:9px 0 0}.observation{border:1px solid #cfe0db;border-left:3px solid #288576;border-radius:9px;background:#eef6f3;padding:14px 17px;min-height:100px}.observation .eyebrow{color:#387468}.observation>p:last-child{color:#305f55;font-size:13px;margin:0;line-height:1.65}.bench-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:10px;color:#52677d}.text-button{border:0;min-height:44px;background:transparent;color:#2b625c;font-size:12px!important;padding:8px;white-space:nowrap}.model-note{margin:22px 0 0;padding:15px 21px;border:1px solid #dce5ed;border-radius:12px;background:#fff;font-size:13px}.model-note summary{cursor:pointer;color:#3d5871;font-weight:550;min-height:27px}.model-note p{margin:14px 0 0}.bonding .zsa-footer{font-size:11px;color:#536b80;margin-top:18px;padding-top:10px;border-color:#dce6ee;justify-content:space-between}.bonding dialog{width:calc(100% - 32px);max-width:720px;max-height:85vh;overflow:auto;padding:24px;border:1px solid #c5d3e4;border-radius:15px;background:white;color:#334155;box-shadow:0 18px 60px #0b2a5b33;font-size:15px;line-height:1.7}.bonding dialog::backdrop{background:#0b1b3373}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.icon-button{display:grid;place-items:center;width:44px;min-height:44px;flex-shrink:0;background:white;border:1px solid #d8e1ed;border-radius:8px;color:#355579;font-size:25px!important}.bonding dialog li{margin:10px 0}.share-link{display:flex;gap:8px;margin-top:7px}.share-link input{min-width:0;flex:1;border:1px solid #b8c8dc;border-radius:8px;padding:9px;background:#f8fafd;color:#334e72;font-size:13px}.bonding #share-status{font-size:13px;color:#38623e;min-height:22px}.clock{display:flex;align-items:center;gap:12px;margin-top:12px;color:#305f55;font:13px ui-monospace,monospace}.clock progress{flex:1;min-width:60px;height:8px;accent-color:#248476}.press-tool{transform-origin:440px 290px;animation:press .55s ease-in-out 3}.stir-tool{transform-origin:440px 300px;animation:stir .7s ease-in-out infinite}.vapor{animation:rise 2s linear infinite}.hot-indicator{fill:#e78759}.probe-lowered{transform:translateY(75px)}@keyframes press{50%{transform:translate(-4px,22px) rotate(-5deg)}}@keyframes stir{50%{transform:rotate(8deg)}}@keyframes rise{to{transform:translateY(-65px);opacity:0}}@media(min-width:1450px){.bonding{margin:24px auto;border:1px solid #dee7ef;border-radius:20px}}@media(max-width:1000px){.bonding{padding:22px}.workspace{grid-template-columns:235px minmax(0,1fr);gap:16px}.sample-panel,.station-panel{padding:15px}.bench-card{padding:18px}.scene-topline,.scene-bottom{font-size:8px;padding:12px}}@media(max-width:760px){.bonding{padding:18px 14px}.header{flex-wrap:wrap;gap:15px;margin-bottom:17px;padding-bottom:17px}.identity{width:100%}.bonding h1{font-size:24px}.header nav{margin-left:58px}.workspace{grid-template-columns:1fr}.controls{gap:12px}.sample-panel h2{font-size:17px}.samples{margin-top:12px}.samples button{min-height:76px;display:grid;grid-template-columns:1fr 1fr;gap:0}.samples .chip{grid-row:span 2;margin:0 auto;width:26px}.samples small{font-size:8px}.station-panel{padding:13px}.stations{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.stations button{min-height:60px;gap:8px;padding:7px}.stations strong{font-size:11px}.stations small{font-size:9px}.bench-note{display:none}.bench-card{padding:14px}.bench-heading{margin-bottom:14px}.scene-topline{font-size:7px;padding:10px;letter-spacing:.03em}.scene-topline>span:last-child{display:none}.scene-bottom{padding:10px;font-size:8px;letter-spacing:0}.bonding #apparatus{min-height:190px}.interaction .zsa-btn{font-size:12px;padding:9px 11px}.bench-footer>span{max-width:150px}.bonding h2{font-size:19px}.share-link{flex-wrap:wrap}.share-link input{flex-basis:100%;min-height:44px}.bonding dialog{padding:19px}.dialog-heading h2{font-size:21px}.model-note{padding:15px;font-size:12px}.badge{font-size:9px}.interaction label{font-size:12px}.bonding .zsa-footer{gap:10px}}