:root{--mint:#d7e7e0;--ink:#123a35;--white:#f8fffc;--orange:#e46c48;--blue:#4a78d0}*{box-sizing:border-box}body{margin:0;background-color:var(--mint);background-image:linear-gradient(rgba(18,58,53,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(18,58,53,.07) 1px,transparent 1px);background-size:20px 20px;color:var(--ink);font-family:Tahoma,Arial,sans-serif}main{min-height:100vh;max-width:760px;margin:auto;padding:max(1.2rem,env(safe-area-inset-top)) 1.2rem max(1.2rem,env(safe-area-inset-bottom));background:rgba(215,231,224,.88)}header{display:flex;align-items:center;gap:.8rem;border-bottom:2px solid var(--ink);padding-bottom:.8rem}.labmark{width:48px;height:48px;border:2px solid;display:grid;place-items:center;font-weight:900;line-height:.7}.labmark i{font-size:.48rem;color:var(--orange)}header h1{font-size:.77rem;letter-spacing:.08em;margin:0}header p{font-size:.43rem;letter-spacing:.14em;margin:.3rem 0}#sample-no{margin-left:auto;font-size:.55rem}.protocol{padding-top:9vh}.protocol>p:first-child,.lab-result>p{font-size:.58rem;font-weight:800;letter-spacing:.2em;color:var(--orange)}.protocol h2,.lab-result h2{font-size:clamp(2.8rem,10vw,5.3rem);line-height:.88;letter-spacing:-.065em;margin:.7rem 0}.vials{display:flex;gap:1rem;margin:2rem 0}.vials i{width:72px;height:100px;border:3px solid;border-top:0;border-radius:0 0 25px 25px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;font-style:normal;font-size:2rem}.vials i:nth-child(1){background:linear-gradient(transparent 35%,#9bdbbd 35%)}.vials i:nth-child(2){background:linear-gradient(transparent 55%,#efa58f 55%)}.vials i:nth-child(3){background:linear-gradient(transparent 25%,#9cb9ed 25%)}.protocol>p:nth-last-of-type(1){max-width:520px;line-height:1.5}.protocol button,.lab-result button{border:2px solid var(--ink);background:var(--ink);color:var(--white);padding:1rem 1.4rem;font-weight:800;letter-spacing:.1em}.hidden{display:none!important}.workbench{padding-top:1.5rem}.labstats{display:flex;justify-content:space-between;font-size:.55rem;letter-spacing:.12em}.specimen{min-height:260px;margin:7vh auto 2rem;background:var(--white);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:1.5rem;display:flex;flex-direction:column;justify-content:center;cursor:grab;touch-action:none}.specimen p{font-size:.55rem;letter-spacing:.18em;color:var(--orange)}.specimen h2{font-size:clamp(1.8rem,7vw,3.3rem);line-height:1;margin:.6rem 0}.specimen>span{font-size:.5rem;letter-spacing:.12em;margin-top:1rem}.trays{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.trays button{min-height:105px;border:2px solid var(--ink);background:transparent;color:var(--ink);padding:.6rem}.trays i{display:block;font-style:normal;font-size:1.6rem}.trays b{display:block;font-size:.57rem;letter-spacing:.08em}.trays span{font-size:.46rem}.trays button:nth-child(1).selected{background:#9bdbbd}.trays button:nth-child(2).selected{background:#efa58f}.trays button:nth-child(3).selected{background:#9cb9ed}.analysis{min-height:3.2rem;font-size:.78rem;line-height:1.45}.lab-result{padding-top:18vh}.lab-result #lab-score{font-size:5rem;font-weight:900;color:var(--orange)}.lab-result #lab-copy{line-height:1.5;max-width:530px}.lab-result button{margin-top:1rem}@media(max-width:480px){.trays{gap:.3rem}.trays button{padding:.35rem}.trays span{display:none}}