.tl{--paper:#fff;--ink:#163044;--muted:#526a7b;--line:#d4e3ea;--soft:#eaf5f5;--accent:#0f766e;--blue:#2563eb;--purple:#6d28d9;--text-muted:var(--muted);background:#f3f8fb;color:var(--ink);padding:24px 20px 65px;font-family:Inter,sans-serif;font-size:16px}html[data-theme=dark] .tl{--paper:#152a39;--ink:#ecf5fa;--muted:#b1c7d4;--line:#355466;--soft:#163c42;--accent:#74e0d0;background:#0b1c28}.tl *{box-sizing:border-box}.tl [hidden]{display:none!important}.tl-shell{max-width:1240px;margin:auto}.tl-back{color:var(--muted);text-decoration:none;font-size:13px}.tl-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}.tl-eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:750;color:var(--accent)}.tl h1{font-size:40px;letter-spacing:-1.4px;line-height:1.1;margin:8px 0;color:var(--ink)}.tl h2{font-size:23px;letter-spacing:-.4px;line-height:1.3;margin:8px 0;color:var(--ink)}.tl h3{font-size:19px;color:var(--ink);margin:10px 0}.tl p{color:var(--muted);line-height:1.65;margin:8px 0 18px}.tl-header p{margin:0}.tl-badge{background:var(--paper);border:1px solid var(--line);padding:14px 20px;border-radius:12px;font-size:14px;white-space:nowrap;color:var(--accent)}.tl button,.tl input,.tl select{font:inherit}.tl button{min-height:44px;cursor:pointer}.tl button:disabled{cursor:default;opacity:.45}.tl :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.tl-tabs button{padding:14px 16px;text-align:left;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--paper);font-size:14px}.tl-tabs strong{margin-left:9px}.tl-tabs [aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.tl-bench-card,.tl-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:25px;min-width:0;box-shadow:0 8px 24px #102d4007}.tl-practical-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:22px;align-items:start}.tl-bench-card{position:sticky;top:90px;overflow:hidden;background:radial-gradient(ellipse at 60% 50%,var(--soft),var(--paper) 75%)}.tl-bench-heading,.tl-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.tl-bench-heading h2{font-size:21px}.tl-bench-heading button{font-size:13px;flex-shrink:0}.tl-apparatus{margin:6px -12px 0}.tl-apparatus svg{width:100%;max-width:720px;height:auto;display:block;margin:auto}.tl-diagram-labels text{fill:#436373}html[data-theme=dark] #tl-ticks text,html[data-theme=dark] .tl-diagram-labels text{fill:#bed9e7}.tc-calc-btn,.tl-primary{background:#0f766e;color:#fff;border:1px solid #0f766e;border-radius:10px;font-weight:650!important;padding:12px 17px}.tc-calc-btn:hover,.tl-primary:hover{background:#115e59}.tc-chip,.tc-titre-avg-btn,.tc-titre-toggle,.tl-secondary{background:var(--paper);color:var(--accent);border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:14px!important}.tc-chip:hover,.tl-secondary:hover{background:var(--soft)}.tl-link{background:0 0;color:var(--accent);border:0;text-decoration:underline;font-size:14px!important;padding:10px 0}.tl-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.tl-actions>*{flex:1}.tl-wide{width:100%}.tl label{font-size:14px;font-weight:600;color:var(--ink);display:block;margin:15px 0 7px}.tl input:not([type=checkbox]):not([type=radio]),.tl select{width:100%;min-width:0;min-height:46px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px;font-size:15px}.tl input:disabled{background:var(--soft)!important;opacity:.6}.tl .tl-note{font-size:12px;line-height:1.6;margin:7px 0 14px}.tl-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.tl-readouts>div{background:var(--soft);border:1px solid var(--line);padding:12px 8px;border-radius:10px;text-align:center}.tl-readouts span{font-size:12px;color:var(--muted);display:block}.tl-readouts strong{font-size:24px;display:block;margin:4px 0;color:var(--ink);font-variant-numeric:tabular-nums}.tl-readouts small{font-size:12px;color:var(--muted)}.tl-meniscus-card{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 17px}.tl-meniscus-card summary{font-size:14px;font-weight:600;cursor:pointer;color:var(--ink)}.tl-meniscus-card svg{width:100%;max-width:300px;display:block;margin:10px auto 0;background:#f4fbfd;border-radius:8px}.tl-dose{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:8px}.tl-dose small{font-size:11px}.tl-check{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important;line-height:1.5;margin:15px 0!important}.tl-check input{accent-color:#0f766e;width:18px;height:18px;margin:2px 0;flex-shrink:0}.tl-feedback:empty{display:none}.tl-error,.tl-feedback,.tl-success{border-left:4px solid var(--accent);background:var(--soft);padding:14px;border-radius:10px;font-size:14px;line-height:1.65;margin:14px 0;color:var(--ink)}.tl-error{border-left-color:#d97706}.tl-observation{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:16px}.tl-observation>span{width:24px;height:24px;border:1px solid #b893a5;border-radius:50%;flex-shrink:0}.tl-observation strong{font-size:16px}.tl-observation p{font-size:14px;margin:4px 0 0}.tl-bench-caption{display:flex;justify-content:space-between;gap:15px;margin-top:14px;font-size:12px;color:var(--muted)}.tl-setup{background:var(--paper);border:1px solid var(--accent);border-radius:14px;padding:20px;margin-bottom:15px}.tl-setup p{font-size:14px}.tl-notebook{margin-top:24px}.tl-notebook p{font-size:14px}.tl-table-scroll{overflow-x:auto}.tl table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.tl th{background:var(--soft);color:var(--ink);font-size:12px}.tl td,.tl th{padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tl td{color:var(--muted)}.tl-notes{margin-top:25px;font-size:14px}.tl-notes summary{font-weight:650;cursor:pointer;padding:4px 0}.tl-notes a{color:var(--accent)}.tl-notes p:first-of-type{margin-top:18px}.tc{max-width:900px;margin:auto}.tc-tabs{display:flex;gap:10px;margin:20px 0}.tc-tab{flex:1;border:1px solid var(--line);border-radius:11px;padding:13px 10px;color:var(--muted);background:var(--paper);font-size:14px!important}.tc-tab.active{border-color:var(--accent);background:var(--soft);color:var(--accent)}.tc-tab__formula,.tc-tab__title{display:block}.tc-tab__formula{font-size:12px;margin-top:4px}.tc-panel{display:none}.tc-panel.active{display:block}.tc-section{padding:20px 0;border-bottom:1px solid var(--line)}.tc-section__title{font-size:17px;font-weight:650;margin-bottom:8px;color:var(--ink)}.tc-icon{display:none}.tc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tc-input-group{min-width:0}.tc-vol-wrap{display:flex;gap:8px;align-items:center}.tc-vol-wrap select{width:105px;flex-shrink:0}.tc-ratio-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tc-calc-btn{margin:24px 0 12px;width:100%}.tc-result{background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:22px;line-height:1.65;margin:12px 0;color:var(--ink)}.tc-result.has-value{font-size:28px;color:var(--accent);font-weight:650;overflow-wrap:anywhere}.tc-working{display:none;border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.tc-working.visible{display:block}.tc-working__title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:18px;font-weight:650}.tc-working__heading{display:inline-flex;align-items:center;gap:8px}.tc-copy-btn{border:1px solid var(--line);background:var(--paper);color:var(--accent);border-radius:9px;padding:7px 13px;font-size:12px!important;font-weight:650!important;cursor:pointer;min-height:36px;display:inline-flex;align-items:center;gap:6px}.tc-copy-btn:hover{background:var(--soft)}html[data-theme=dark] .tc-copy-btn{border-color:var(--line);background:var(--paper);color:var(--accent)}.tc-view-steps{display:none;margin-top:12px;font-size:13px;font-weight:650;color:var(--accent);text-decoration:none}.tc-view-steps:hover{text-decoration:underline}.tc-working ol{padding-left:26px}.tc-working li{line-height:1.8;margin:15px 0;color:var(--muted);font-size:16px}.tc-titre-drawer{display:none;background:var(--soft);border-radius:12px;padding:18px;margin-top:18px}.tc-titre-drawer.open{display:block}.tc-titre-toggle{margin-top:9px}.tc-titre-result{margin-top:14px;font-size:14px;line-height:1.6}.tc-titre-avg-btn{margin-top:16px}.tc-info{font-size:14px;color:var(--muted);line-height:1.65;margin-top:18px}.tl-challenge-grid{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start}#tl-challenge-list{display:grid;gap:5px}#tl-challenge-list button{font-size:14px;color:var(--muted);padding:10px 9px;text-align:left;border:1px solid transparent;background:0 0;border-radius:9px}#tl-challenge-list [aria-current=step]{border-color:var(--accent);color:var(--accent);background:var(--soft)}.tl-option{display:flex!important;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:16px!important;font-weight:400!important;line-height:1.5}.tl-option:has(input:checked){border-color:var(--accent);background:var(--soft)}.tl-option input{margin-top:5px;accent-color:#0f766e}#tl-answer-unit{font-size:13px}#tl-hint-text{background:var(--soft);padding:16px;border-radius:12px}#tl-scene.is-dropping #tl-drop{animation:.45s ease-in tl-drop}#tl-scene.is-flowing #tl-drop{animation:.35s linear infinite tl-drop}#tl-scene.is-swirling #tl-flask{transform-box:fill-box;transform-origin:center bottom;animation:.65s ease-in-out tl-swirl}#tl-scene[data-setup=funnel] #tl-funnel,#tl-scene[data-setup=pipette] #tl-pipette{animation:.8s ease-out tl-setup-in}#tl-scene[data-setup=burette] #tl-burette,#tl-scene[data-setup=flask] #tl-flask{filter:drop-shadow(0 0 5px #16b6a6)}@keyframes tl-drop{0%{opacity:1;transform:translateY(0)}90%{opacity:1}100%{opacity:0;transform:translateY(107px)}}@keyframes tl-swirl{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}}@keyframes tl-setup-in{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.titration-lab-page .navbar__links:not(.open){display:none}.tl-practical-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.tl-bench-heading{display:block}.tl-bench-heading button{margin-top:10px}.tl-badge{display:none}.tl-bench-caption{display:block}.tl-bench-caption span{display:block;margin:5px 0}}@media(max-width:760px){.tl-challenge-grid,.tl-practical-grid{grid-template-columns:1fr}.tl-bench-card{position:static}.tl-controls{display:block}.tl-challenge-grid>.tl-card:first-child{order:2}.tl-bench-heading{display:flex}.tl-tabs strong{display:block;margin:6px 0 0}.tl-bench-caption{display:flex}.tl-apparatus{max-width:600px;margin:auto}.tl-bench-card,.tl-card{padding:20px}.tl-readouts strong{font-size:28px}.tl-meniscus-card svg{max-width:300px}.tl-notebook .tl-section-head{display:block}.tl-notebook .tl-section-head button{margin-top:10px}.tc-view-steps{display:inline-block}}@media(max-width:480px){.tl{padding:18px 12px 40px}.tl h1{font-size:34px}.tl-header{padding:20px 0}.tl-tabs{gap:6px}.tl-tabs button{font-size:12px;padding:12px 8px}.tl-bench-heading{display:block}.tl-bench-heading h2{font-size:21px}.tl-bench-card,.tl-card{padding:17px 14px;border-radius:15px}.tl-dose{gap:6px}.tl-dose button{font-size:13px!important;padding:10px 5px}.tl-bench-caption{display:block}#tl-ticks text,.tl-diagram-labels{display:none}.tc-inputs{grid-template-columns:1fr;gap:0}.tc-tabs{gap:6px}.tc-tab{font-size:12px!important;padding:10px 5px}.tc-vol-wrap{gap:6px}.tl-actions>button{min-width:110px}.tl-meniscus-card{padding:10px}.tl-readouts strong{font-size:24px}.tl-option{padding:12px}.tl-apparatus{margin:0 -10px}.tl-eyebrow,.tl-readouts span{font-size:11px}}@media(prefers-reduced-motion:reduce){#tl-scene *,.tl *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tl-mobile-observation{display:none}@media(max-width:760px){.tl-mobile-observation{position:sticky;top:72px;z-index:5;display:flex;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:14px;box-shadow:0 4px 15px #0e293520}.tl-mobile-observation svg{width:50px;flex-shrink:0}.tl-mobile-observation strong{font-size:14px;line-height:1.4;display:block}.tl-mobile-observation span{font-size:12px;display:block;margin-top:6px;color:var(--muted)}}
/*# sourceMappingURL=tools/titration-calculator.min.css.map */