:root{--ink:#102a5f;--muted:#58709b;--line:#c8d8ef;--line-strong:#9dbde4;--paper:#fff;--cool:#f5faff;--teal:#009aa9;--teal-dark:#067e94;--cyan:#62d8ed;--coral:#ff7b73;--violet:#8973ca;--shadow:0 8px 24px #183d7414;--radius:13px}*{box-sizing:border-box}html{background:var(--cool)}body{min-width:360px;color:var(--ink);background:var(--cool);margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:17px;line-height:1.55}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f3a447}button:disabled,fieldset:disabled label{cursor:not-allowed;opacity:.56}fieldset{min-width:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-root{background:linear-gradient(#fff 0,#f6faff 100%);min-height:100vh}.app-header{border-bottom:1px solid var(--line-strong);background:#fff;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:26px;min-height:92px;padding:15px clamp(20px,3vw,38px);display:grid;position:relative}.app-header:after{opacity:.5;content:"";pointer-events:none;background:radial-gradient(circle,#c4e6fb 3px,#0000 4px) 0 0/42px 24px;width:100px;height:48px;position:absolute;top:20px;left:60%}.brand{z-index:1;color:var(--ink);background:0 0;border:0;align-items:center;gap:13px;padding:0;font-size:clamp(24px,2.25vw,32px);font-weight:800;display:inline-flex;position:relative}.brand-mark,.orbit-mark{width:53px;height:53px;color:var(--teal-dark);background:radial-gradient(circle at 64% 25%,#fff 0 30%,#d6f8ff 31% 66%,#a5e5ed 67%);border:2px solid #058cbc;border-radius:50%;place-items:center;display:grid}.app-header>p{z-index:1;color:#4a6394;margin:0;font-size:clamp(16px,1.45vw,20px);position:relative}.app-header nav{z-index:1;gap:16px;display:flex;position:relative}.app-header nav button,.app-footer button,.secondary-button{color:#436192;background:#fff;border:1px solid #b5c8e6;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:9px 17px;font-weight:700;display:inline-flex}.app-layout{border-right:1px solid var(--line);border-left:1px solid var(--line);background:#fff;grid-template-columns:minmax(245px,1fr) minmax(500px,2.2fr) minmax(285px,1.15fr);max-width:1660px;min-height:calc(100vh - 193px);margin:0 auto;display:grid}.app-layout.without-evidence{grid-template-columns:minmax(245px,1fr) minmax(0,2.2fr)}.mission-rail,.evidence-rail{background:linear-gradient(#fcfeff,#f7fbff);padding:23px 21px}.mission-rail{border-right:1px solid var(--line)}.evidence-rail{border-left:1px solid var(--line)}.rail-heading{justify-content:space-between;align-items:baseline;gap:9px;display:flex}.rail-heading h2{margin:0;font-size:21px}.rail-heading span{color:#5a6f99;font-size:14px}.progress-line{background:#dfeafa;border-radius:99px;height:7px;margin:11px 0 21px;overflow:hidden}.progress-line span{border-radius:inherit;background:var(--teal);height:100%;transition:width .25s;display:block}.mission-rail ol{gap:16px;margin:0;padding:0;list-style:none;display:grid}.mobile-mission-summary{display:none}.mission-button{text-align:left;width:100%;color:var(--ink);background:#fff;border:1px solid #d1def1;border-radius:10px;grid-template-columns:37px 1fr auto;align-items:start;gap:12px;padding:14px 14px 12px;display:grid}.mission-button.active{border:2px solid var(--teal);box-shadow:0 4px 12px #008fa91f}.mission-button:hover{border-color:var(--teal)}.mission-number{color:#fff;background:#9daeca;border-radius:50%;place-items:center;width:33px;height:33px;font-weight:700;display:grid}.mission-button.active .mission-number{background:var(--teal)}.mission-button strong,.mission-button small,.mission-button em{display:block}.mission-button strong{font-size:16px;line-height:1.35}.mission-button small{color:#6a7ca2;margin-top:4px;font-size:13px;line-height:1.35}.mission-button em{color:var(--teal-dark);margin-top:8px;font-size:12px;font-style:normal;font-weight:700}.explorer-tip{background:#f3fbff;border:1px solid #a9cbed;border-radius:9px;margin-top:22px;padding:14px}.explorer-tip b{color:#6275a0;font-size:14px}.explorer-tip p{color:#355482;margin:4px 0 0;font-size:14px;line-height:1.45}.evidence-empty{color:#56719e;text-align:center;background:#fff;border:1px dashed #a9c5e8;border-radius:10px;place-items:center;min-height:122px;margin-top:18px;padding:16px;display:grid}.evidence-empty p{margin:5px 0 0;font-size:14px}.record-table{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:27px;overflow:hidden}.record-table h3,.rule-summary h3{margin:0;font-size:18px}.record-table h3{border-bottom:1px solid var(--line);padding:12px 13px}.record-table p{color:#6c7fa2;text-align:center;padding:18px 13px;font-size:14px}.record-table dl{margin:0}.record-table dl div{border-bottom:1px solid #e6eef9;padding:9px 13px}.record-table dl div:last-child{border-bottom:0}.record-table dt{color:#59729c;font-size:13px}.record-table dd{margin:2px 0 0;font-size:14px;font-weight:700}.rule-summary{border-top:1px solid var(--line-strong);margin-top:28px;padding-top:21px}.rule-summary p{color:#6076a0;font-size:14px}.rule-summary b,.rule-summary small{display:block}.rule-summary b{color:#4c3c8c;font-size:15px}.rule-summary small{color:#6d7fa1;margin-top:8px;font-size:13px}.app-footer{border:1px solid var(--line-strong);background:#fbfdff;border-top:0;border-radius:0 0 18px 18px;grid-template-columns:repeat(5,1fr);gap:17px;max-width:1660px;margin:0 auto;padding:17px 44px;display:grid}.app-footer button{width:100%;min-height:52px}.app-footer .finish-button{color:#ed574f;border-color:#ff8c84}.welcome{grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);align-items:center;gap:clamp(30px,7vw,100px);max-width:1060px;min-height:calc(100vh - 92px);margin:0 auto;padding:clamp(60px,10vw,150px) 28px;display:grid}.welcome h1,.journal h1{letter-spacing:-.045em;margin:16px 0 0;font-size:clamp(40px,6vw,68px);line-height:1.15}.welcome-subtitle{color:#35619c;margin:14px 0;font-size:clamp(19px,2.1vw,25px)}.welcome p:not(.welcome-subtitle){color:#526c98;max-width:680px}.welcome-actions{flex-wrap:wrap;gap:13px;margin-top:27px;display:flex}.primary-button{color:#fff;background:linear-gradient(90deg, var(--teal-dark), #00a9b3);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:11px 21px;font-weight:800;display:inline-flex;box-shadow:0 6px 15px #008ba033}.concept-card{border-radius:var(--radius);background:#f4fbff;border:1px solid #a8cbed;max-width:580px;margin-top:24px;padding:17px 19px}.concept-card h2{margin:0;font-size:19px}.concept-card p{margin:7px 0}.welcome aside{box-shadow:var(--shadow);background:#fff;border:1px solid #b6ccea;border-radius:14px;padding:26px}.welcome aside h2{margin-top:0;font-size:22px}.welcome aside ol{color:#36527f;padding-left:25px}.welcome aside li{margin:14px 0}.welcome aside p{color:#7d629e;font-size:14px}.dialog-backdrop{z-index:20;background:#102a5f59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.app-dialog{background:#fff;border:1px solid #b5cae8;border-radius:15px;width:min(100%,650px);max-height:min(720px,90vh);padding:24px;overflow:auto;box-shadow:0 22px 65px #0d2e5e4d}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;display:flex}.dialog-heading h2{margin:0 0 14px}.dialog-heading button{color:#526e9e;border:1px solid var(--line-strong);background:#fff;border-radius:6px;min-height:40px;padding:5px 12px}.app-dialog li{margin:9px 0}.update-list{padding:0;list-style:none}.update-list b,.update-list span{display:block}.update-list span{color:#526e99;margin-top:6px}.journal{max-width:1000px;margin:0 auto;padding:70px 25px}.journal>p{color:#5d76a0}.journal-empty{border:1px dashed var(--line-strong);background:#fff;border-radius:12px;padding:30px}.journal-list{gap:20px;margin:26px 0;display:grid}.journal article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.journal h2{margin:0 0 15px}.journal dl{grid-template-columns:repeat(2,1fr);gap:13px 24px;display:grid}.journal dl div{border-bottom:1px solid #e5edf8}.journal dt{color:#59729d;font-size:14px}.journal dd{margin:2px 0 7px;font-weight:700}@media (width<=1080px){.app-header{grid-template-columns:1fr auto}.app-header>p{grid-area:2/1/auto/-1}.app-layout{grid-template-columns:minmax(230px,.75fr) minmax(0,2fr)}.evidence-rail{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.evidence-empty,.record-table,.rule-summary{margin:0}.app-footer{grid-template-columns:repeat(3,1fr)}}@media (width>=721px) and (width<=1080px){.welcome{align-items:start;min-height:calc(100vh - 125px);padding:clamp(44px,7vw,72px) 28px 70px}}@media (width<=720px){.app-header{grid-template-columns:1fr;gap:6px;min-height:0;padding:10px 16px 11px}.brand{gap:9px;font-size:23px}.brand-mark{width:42px;height:42px}.brand-mark svg{width:25px;height:25px}.app-header>p{color:#5c739b;font-size:14px;line-height:1.35}.app-header nav{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app-header nav button{min-height:38px;padding:7px;font-size:13px}.app-layout{display:block}.mission-rail{border-right:0;border-bottom:1px solid var(--line);padding:17px}.mobile-mission-summary{color:#4e6793;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:14px;font-weight:800;display:flex}.mobile-mission-summary button{color:#176980;background:#effcff;border:1px solid #91cddb;border-radius:7px;min-height:38px;padding:7px 10px;font-weight:800}.mission-rail ol{margin-top:14px;display:none}.mission-rail ol.expanded{display:grid}.mission-rail li{min-width:0}.explorer-tip{display:none}.evidence-rail{border-top:1px solid var(--line);display:block}.evidence-empty,.record-table,.rule-summary{margin-top:17px}.app-footer{grid-template-columns:1fr 1fr;padding:14px}.app-footer .finish-button{grid-column:1/-1}.welcome{grid-template-columns:1fr;min-height:auto;padding:42px 21px}.journal{padding:45px 18px}.journal dl{grid-template-columns:1fr}}.next-notice{color:#086779;text-align:center;background:#effcfd;max-width:1660px;margin:0 auto;padding:8px 18px;font-size:14px;font-weight:700}.journal-empty button{color:#345c91;text-align:left;background:#fff;border:1px solid #b7cdea;border-radius:7px;width:100%;min-height:44px;margin:9px 0;display:block}.workspace{background:#fff;min-width:0;padding:clamp(24px,3vw,42px)}.mission-kicker{color:#007e8d;background:#def9fc;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:800;display:inline-block}.workspace h1{letter-spacing:-.035em;margin:5px 0 4px;font-size:clamp(30px,3vw,42px);line-height:1.24}.mission-question{color:#314d7c;margin:0 0 21px;font-size:19px}.conditions-panel,.control-panel,.prediction-panel,.observation-panel,.evidence-panel,.rule-panel,.application-panel,.data-overview,.added-table{border-radius:var(--radius);background:#fff;border:1px solid #cfddf0;margin:18px 0}.conditions-panel{padding:17px}.section-title{justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:14px;display:flex}.section-title>span{font-weight:800}.section-title small{color:#63769a;font-size:14px}.section-title b{color:var(--teal-dark)}.beaker-pair{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:14px;display:grid}.compare-mark{color:#7084aa;place-items:center;font-size:12px;font-weight:700;display:grid}.compare-mark:before,.compare-mark:after{content:"";background:#c0d1e9;width:1px;height:24px}.control-panel,.prediction-panel,.evidence-panel,.rule-panel,.application-panel{padding:16px 18px}.control-panel{background:linear-gradient(100deg,#f5fcff,#fff);border-color:#aed5ed}.workspace legend{color:#224b82;padding:0 3px;font-size:18px;font-weight:800}.control-panel p,.prediction-panel>p,.evidence-panel p,.application-panel p{color:#60779e;margin:4px 0 12px;font-size:14px}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.check-grid label{color:#405b89;border:1px solid #d9e6f5;border-radius:7px;align-items:center;gap:9px;min-height:41px;padding:8px 10px;font-size:15px;display:flex}.check-grid label.checked{color:#075c6b;background:#ecfcfc;border-color:#82cdd9}.check-grid input,.prediction-options input,.reason-options input,.evidence-panel input,.rule-panel input,.application-panel input{accent-color:var(--teal);flex:none;width:18px;height:18px}.prediction-panel{transition:opacity .2s}.prediction-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prediction-options label{color:#405a86;background:#fff;border:1px solid #bfcee5;border-radius:9px;align-items:center;gap:10px;min-height:59px;padding:10px 12px;font-size:15px;display:flex}.prediction-options label.selected{color:#087388;border:2px solid var(--teal);background:#f0fdff}.reason-options{border:0;border-top:1px solid #dce7f4;flex-wrap:wrap;gap:10px 17px;margin:17px 0 0;padding:11px 0 0;display:flex}.reason-options legend{color:#566f9a;font-size:14px;font-weight:700}.reason-options label,.evidence-panel label,.rule-panel label,.application-panel label{color:#46608c;align-items:center;gap:8px;font-size:15px;display:flex}.observation-panel{background:#fbfdff;justify-content:space-between;align-items:center;gap:18px;min-height:97px;padding:16px 18px;display:flex}.observation-panel h2{margin:0;font-size:19px}.observation-panel p{color:#61789f;margin:3px 0 0;font-size:14px}.watching{color:#0e7282;font-weight:700}.watching button{color:#4a6395;background:0 0;border:0;border-bottom:1px solid;margin-left:8px}.observation-result{color:#164c82;background:#edfbff;border:1px solid #8ac9e8;border-radius:8px;gap:2px;min-width:220px;padding:10px 14px;display:grid}.observation-result b{color:#007b90;font-size:13px}.observation-result strong{color:#473888}.evidence-panel label,.rule-panel label,.application-panel label{margin:10px 0;padding:8px 0}.rule-feedback{color:#52418d;border-left:4px solid var(--violet);background:#f7f5ff;margin:10px 0 0;padding:10px 12px;font-weight:700}.save-button{color:#5b45a2;background:#faf8ff;border:1px solid #c1b7ed;border-radius:7px;min-height:48px;padding:10px 17px;font-weight:800}.data-overview,.added-table{padding:17px}.section-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-row h2,.added-table h2{margin:0;font-size:19px}.section-row button{color:#5b499d;background:#fbfaff;border:1px solid #c7bdeb;border-radius:6px;min-height:41px;padding:7px 11px;font-size:14px;font-weight:700}.data-overview>p{color:#61779b;margin:5px 0 10px;font-size:14px}.bar-chart{background:linear-gradient(0deg,#f1f7ff 1px,#0000 1px) 0 0/100% 37px;border-bottom:1px solid #7893bc;align-items:end;gap:11px;height:180px;padding:12px 12px 0;display:flex}.bar-chart div{text-align:center;flex:1;align-items:end;gap:6px;min-width:25px;display:grid}.bar-chart i{background:var(--teal);border-radius:5px 5px 0 0;width:min(100%,34px);margin:auto}.bar-chart i.sucrose{background:var(--coral)}.bar-chart span{color:#5c7197;font-size:12px}.data-overview table,.added-table table{border-collapse:collapse;width:100%;margin-top:15px;font-size:14px}.data-overview caption{color:#5d739a;text-align:left;margin-bottom:6px}.data-overview th,.data-overview td,.added-table th,.added-table td{text-align:center;border:1px solid #d4e0ef;padding:8px 7px}.data-overview thead,.added-table thead{background:#f1f7ff}.data-overview tbody th,.added-table tbody th{text-align:left}.added-table{overflow-x:auto}.added-table table{min-width:560px}.student-step-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 20px;padding:0;list-style:none;display:grid}.student-step-progress li{color:#6880a5;background:#f9fbff;border:1px solid #d7e3f1;border-radius:8px;gap:2px;padding:8px;font-size:13px;display:grid}.student-step-progress li.current{color:#087288;background:#ecfcfc;border-color:#76cbd7;font-weight:800}.student-step-progress li.complete{color:#39705c;background:#f4fcf8;border-color:#a9d5c4}.student-step-progress small{font-size:11px}.student-stage-card{border-radius:var(--radius);background:#fff;border:1px solid #ccdeef;margin:16px 0;padding:18px}.student-stage-card.current{border-color:#8fcfda;box-shadow:0 5px 16px #008fa914}.student-stage-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-stage-heading h2{color:#214a7e;margin:0;font-size:22px}.student-stage-heading h2:focus{outline-offset:3px;outline:3px solid #f3a447}.student-stage-heading span{color:#067386;background:#e9fbfd;border-radius:99px;padding:3px 8px;font-size:12px;font-weight:800}.student-stage-card.complete .student-stage-heading span{color:#34765d;background:#eefaf3}.student-stage-summary{justify-content:space-between;align-items:center;gap:15px;margin-top:13px;display:flex}.student-stage-summary p,.student-next-action{color:#506a96;margin:0;font-size:15px}.student-stage-summary button{color:#17677e;background:#f1fcfd;border:1px solid #94cad7;border-radius:7px;min-height:36px;padding:7px 10px;font-weight:800}.student-next-action{border-top:1px solid #e2ebf5;margin-top:16px;padding-top:12px;font-weight:700}.scope-question{font-weight:800;color:#274d84!important;font-size:17px!important}@media (width<=1023px){.beaker-pair{grid-template-columns:1fr}.compare-mark{grid-template-columns:32px auto 32px;gap:7px}.compare-mark:before,.compare-mark:after{width:100%;height:1px}}@media (width<=720px){.workspace{padding:23px 16px}.mission-question{font-size:17px}.section-title{display:block}.section-title small{margin-top:4px;display:block}.beaker-pair{grid-template-columns:1fr}.compare-mark{grid-template-columns:32px auto 32px;gap:7px}.compare-mark:before,.compare-mark:after{width:100%;height:1px}.check-grid,.prediction-options{grid-template-columns:1fr}.observation-panel{display:block}.observation-panel .primary-button,.observation-result,.watching{width:100%;margin-top:13px}.section-row{flex-direction:column;align-items:start}.data-overview{overflow-x:auto}}.variable-panel{border-radius:var(--radius);background:#fbfdff;border:1px solid #cbdcf0;margin:18px 0;padding:16px 18px}.variable-panel>label{color:#405b89;align-items:center;gap:8px;margin:8px 18px 4px 0;display:inline-flex}.variable-panel input{width:18px;height:18px;accent-color:var(--teal)}.variable-feedback{color:#057184;border-left:4px solid var(--teal);background:#edfcfd;margin:10px 0 0;padding:8px 10px;font-size:15px;font-weight:700}.application-reveal{color:#085f78;background:#edfcfd;border:1px solid #88cfdf;border-radius:7px;min-height:44px;margin-top:13px;padding:8px 14px;font-weight:800}.application-result{color:#1d4e87;background:#f0fbff;border:1px solid #90cce7;border-radius:7px;margin:12px 0;padding:10px 12px;font-weight:700}.scope-options{border-top:1px solid #dce7f4;margin-top:12px;padding-top:9px}.scope-options label{color:#46608c;align-items:flex-start;gap:8px;margin:9px 0;font-size:15px;display:flex}.scope-options input{width:18px;height:18px;accent-color:var(--teal);flex:none}.rule-blocking-notice{color:#8a3f50;border-left:4px solid var(--coral);background:#fff4f3;margin:12px 0 0;padding:10px 12px;font-size:14px;font-weight:800}.mobile-next-step{display:none}@media (width<=720px){.progressive-mobile.is-locked{display:none}.mobile-next-step{color:#286287;background:#f5fbff;border:1px dashed #93bfdd;border-radius:10px;margin:18px 0;padding:14px 16px;font-size:15px;font-weight:800;display:block}.mobile-next-step p{margin:0}.added-table{overflow:visible}.added-table table{min-width:0}.added-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.added-table tbody,.added-table tr{gap:5px;display:grid}.added-table tr{background:#fbfdff;border:1px solid #cddded;border-radius:8px;margin:12px 0;padding:12px}.added-table th,.added-table td{text-align:left;border:0;grid-template-columns:110px 1fr;padding:4px 0;display:grid}.added-table td:before{color:#5d739a;content:attr(data-label);font-weight:700}}.beaker-card{background:#fff;border:1px solid #d2e0f2;border-radius:12px;min-width:0;padding:14px}.beaker-card h3{text-align:center;margin:0 0 9px;font-size:21px}.beaker-layout{grid-template-columns:155px minmax(110px,1fr);align-items:center;gap:14px;display:grid}.beaker-visual{width:130px;height:192px;margin:0 auto;position:relative}.beaker-rim{z-index:3;background:#fff;border:2px solid #446f9e;border-radius:50%;width:130px;height:14px;position:absolute;top:4px;left:0}.beaker-glass{background:linear-gradient(90deg,#ffffffbf,#dcf6ff24,#ffffffa6);border:2px solid #4f79a8;border-top:0;border-radius:5px 5px 24px 24px;width:105px;height:169px;position:absolute;top:12px;left:13px;overflow:hidden;box-shadow:inset -10px 0 14px #1c73ae21}.beaker-glass:before{z-index:3;content:"";border-top:1px solid #4d78a6;border-bottom:1px solid #4d78a6;width:14px;position:absolute;top:5px;bottom:11px;left:13px}.measure{z-index:4;color:#355986;font-size:11px;position:absolute;left:25px}.m1{top:38px}.m2{top:72px}.m3{top:106px}.m4{top:139px}.water-fill{background:linear-gradient(90deg,#6fd3f46b,#b8f0ffc7,#47b7e17a);border-radius:2px 2px 18px 18px;height:125px;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.water-fill:before{content:"";background:#56b3d8;height:2px;position:absolute;top:0;left:0;right:0}.crystal{background:#fff;border:1px solid #eefcff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 4px #ffffffe6}.sucrose .crystal{background:#ffe8e6;border-color:#ffbfc0}.crystal-1{top:21px;left:56px}.crystal-2{top:48px;left:28px}.crystal-3{top:54px;right:18px}.crystal-4{top:76px;left:61px}.crystal-5{top:94px;left:35px}.crystal-6{bottom:18px;right:29px}.crystal-7{bottom:45px;right:15px}.crystal-8{bottom:35px;left:24px}.crystal-9{bottom:15px;left:55px}.crystal-10{bottom:60px;left:48px}.solid-bed{z-index:4;color:#795a45;text-align:center;background:repeating-linear-gradient(45deg,#e3c48f,#e3c48f 3px,#f6dfb6 3px 6px);border-radius:50% 50% 2px 2px;padding:2px;font-size:10px;position:absolute;bottom:2px;left:10px;right:10px}.beaker-visual small{z-index:5;color:#335a89;font-size:11px;position:absolute;bottom:-5px;left:35px}.condition-list{gap:12px;margin:0;display:grid}.condition-list div{gap:1px;display:grid}.condition-list dt{color:#5c739d;font-size:13px}.condition-list dd{color:#244779;margin:0;font-size:16px;font-weight:700}.condition-list .revealed-value dd{color:#008396;font-size:18px}.sucrose .revealed-value dd{color:#c65b5c}@media (width<=720px){.beaker-layout{grid-template-columns:135px 1fr}.beaker-card{width:100%;max-width:420px;margin:0 auto}}