@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101b1c;--panel:#192728;--line:#344344;--muted:#91a09a;--text:#eeeede;--acid:#c4dc79;--amber:#ecab6b;--mono:'IBM Plex Mono',monospace;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;background-image:radial-gradient(ellipse at 60% 20%,#21333366,transparent 60%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--acid);outline-offset:4px}button:disabled{cursor:default;opacity:.45}button{border:0}a{color:inherit;text-decoration:none}button[hidden],[hidden]{display:none!important}.topbar{height:94px;border-bottom:1px solid var(--line);padding:0 max(28px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:14px;align-items:center;font-size:22px;font-weight:800;letter-spacing:3px}.brand svg{width:41px;height:41px;fill:none;stroke:var(--acid);stroke-width:1.6}.brand small{display:block;font:8px var(--mono);letter-spacing:1.2px;color:var(--muted);margin-top:5px}.session{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:1px;color:#acb9af}.led{height:6px;width:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 10px #c4dc7944}.proto{margin-left:18px;border:1px solid #4a5b50;color:var(--acid);padding:7px 9px;font-size:9px}main{max-width:1280px;margin:auto;padding:48px 28px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font:10px var(--mono);letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(30px,4.4vw,54px);line-height:1.18;letter-spacing:-2px;margin:12px 0 16px;font-weight:600}h1 span{color:var(--acid)}.intro p{font-size:14px;line-height:1.85;color:#b1bbb2;margin:0}.case-id{text-align:right;padding-left:20px}.case-id>span{font:9px var(--mono);letter-spacing:1.8px;color:var(--muted)}.case-id strong{display:block;font:64px var(--mono);font-weight:400;letter-spacing:-4px;line-height:1.2;margin:8px 0}.case-id strong span{font-size:30px;color:#6c7b73;letter-spacing:-1px}.case-id small{font:8px var(--mono);letter-spacing:1.5px;color:var(--amber)}.mission{display:flex;align-items:center;gap:18px;background:#23312c;border:1px solid #405039;border-left:3px solid var(--acid);padding:17px 21px;margin-bottom:24px}.mission-icon{font-size:32px;color:var(--acid);line-height:1}.mission>div:nth-child(2){flex:1}.mission span:not(.mission-icon){font:9px var(--mono);letter-spacing:1.4px;color:var(--acid)}.mission p{margin:5px 0 0;font-size:13px;line-height:1.5}.text-button{background:transparent;font-size:11px;color:#bac5ba;padding:9px 6px}.text-button:hover{color:var(--acid)}.text-button span{margin-left:14px}.workbench{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start}.side-panel{display:grid;gap:22px}.drawer-unit{background:#1c292a;border:1px solid #3a4746;padding:21px 20px 17px}.unit-heading{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.tiny-led{width:5px;height:5px;border-radius:50%;background:#657b68}.drawer-unit h2{font-size:19px;font-weight:600;letter-spacing:-.5px;margin:21px 0 8px}.muted{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 20px}.drawer-handle{width:100%;min-height:82px;background:linear-gradient(#364444,#243233);border:1px solid #4b5956;box-shadow:inset 0 2px #57655c55,0 5px 0 #0b1315;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:12px 8px;font:9px var(--mono);letter-spacing:1px}.drawer-line{display:block;width:110px;height:8px;background:#111b1e;border-bottom:2px solid #647166;border-radius:3px;margin:0 50px 6px}.drawer-arrow{font-size:16px;color:var(--acid)}.drawer-handle[aria-expanded=true] .drawer-arrow{transform:rotate(180deg)}.drawer-body{padding-top:23px;animation:drawer-in .35s ease both}.drawer-items{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.item-tile{background:#101b1d;border:1px solid #364544;min-height:94px;padding:8px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative;touch-action:none;user-select:none}.item-tile:hover{border-color:#83997a;background:#21322e}.item-tile:active{transform:scale(.98)}.item-tile.selected{outline:2px solid var(--acid);outline-offset:-2px;background:#35422a}.item-tile.selected:after{content:'✓';position:absolute;right:5px;top:2px;color:var(--acid);font:12px var(--mono)}.item-label{font:9px var(--mono);line-height:1.5;text-align:center;color:#bdc4b5}.item-role{font-size:10px;color:var(--acid);text-align:center;line-height:1.3}.micro{font:9px var(--mono);line-height:1.7;color:#90a093;margin:13px 0 0}.paper-note{position:relative;width:100%;background:#c8c5ac;color:#252e26;text-align:left;padding:26px 23px 20px;transform:rotate(-1.5deg);box-shadow:2px 6px 13px #0003;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,#454b3010 28px);transition:transform .2s}.paper-note:hover{transform:rotate(0)}.paper-note .eyebrow{font-size:8px;color:#59604c;letter-spacing:.5px}.paper-note strong{font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.8px;display:block;margin:21px 0 16px}.handwriting{display:block;font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.6;color:#4e5645}.paper-footer{display:flex;justify-content:space-between;font:9px var(--mono);border-top:1px solid #6f74584d;margin-top:24px;padding-top:13px;letter-spacing:.5px}.paper-clip{position:absolute;top:-9px;right:32px;width:14px;height:35px;border:2px solid #69756d;border-radius:8px;box-shadow:2px 2px #0002;transform:rotate(10deg)}.side-foot{display:grid;gap:8px;color:#6f8277;font:8px var(--mono);letter-spacing:1px;padding:3px 1px}.analyzer{position:relative;background:linear-gradient(120deg,#2c3b3a,#243332 65%,#202c2d);border:1px solid #55615b;box-shadow:0 12px 24px #0002,inset 0 0 0 5px #273433,inset 0 0 0 6px #3a4742;padding:30px}.screw{position:absolute;width:8px;height:8px;border-radius:50%;background:#6c776b;box-shadow:inset 1px 1px 2px #0008}.screw:after{content:'';position:absolute;left:1px;right:1px;top:3px;height:1px;background:#26332b;transform:rotate(-35deg)}.tl{top:12px;left:12px}.tr{top:12px;right:12px}.bl{bottom:12px;left:12px}.br{bottom:12px;right:12px}.machine-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.machine-heading h2{font:29px var(--mono);font-weight:500;letter-spacing:-1.5px;margin:8px 0 0}.machine-heading h2 span{color:#798b75}.machine-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.machine-status{font:8px var(--mono);white-space:nowrap;letter-spacing:1px;display:flex;align-items:center;gap:7px;color:#ad9e8b}.machine-status i{width:6px;height:6px;border-radius:50%;background:#bc785e;box-shadow:0 0 0 4px #9d5d4722}.machine-status.on{color:var(--acid)}.machine-status.on i{background:var(--acid);box-shadow:0 0 0 4px #c4dc7911}.instrument-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0}.hardware-target{background:#1a2727;border:1px solid #4d5b51;min-height:74px;display:flex;align-items:center;gap:12px;padding:11px 14px;text-align:left}.control-copy{display:flex;flex-direction:column;gap:8px;flex:1}.control-copy b{font:9px var(--mono);letter-spacing:1px;font-weight:500}.control-copy small{font:9px var(--mono);color:#819488}.target-plus{color:#82977e;font:20px var(--mono)}.lens{width:39px;height:39px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,#122328 45%,#546363 47%,#253332 55%,#738373 60%,#263632 65%);box-shadow:0 0 0 1px #536657;display:grid;place-items:center}.lens span{width:23px;height:23px;border-radius:50%;border:1px dashed #667475}.uv-active .lens span{background:radial-gradient(circle at 35% 30%,#c4a9fb,#635aad88 50%,#192536);border:1px solid #8f8ac0;box-shadow:0 0 18px #9984ff77}.uv-active .control-copy small{color:#b9a4dc}.fuse-well{display:block;width:38px;height:37px;background:#101918;border:1px solid #4a5e4e;box-shadow:inset 0 2px 3px #0008;position:relative}.fuse-well:before,.fuse-well:after{content:'';position:absolute;top:5px;bottom:5px;width:5px;background:#807954;left:3px}.fuse-well:after{left:auto;right:3px}.fuse-active .fuse-well i{display:block;position:absolute;inset:12px 5px;border:2px solid #c6c3a1;background:#658174;box-shadow:0 0 8px #b5d07933}.fuse-active .control-copy small{color:var(--acid)}.cassette{padding:16px 12px 13px;background:linear-gradient(#101b1e,#172225);border:1px solid #465953;box-shadow:inset 0 3px 7px #0006}.cassette-header,.cassette-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font:8px var(--mono);color:#9ba794;letter-spacing:.6px}.cassette-header span:last-child{font-size:7px;color:#718778}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:23px 0 17px}.sample-slot{height:168px;min-width:0;background:linear-gradient(90deg,#0e1619,#142225 55%,#0c1417);border:1px solid #304341;border-radius:34px 34px 7px 7px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding:12px 2px 8px;position:relative;box-shadow:inset 0 2px 9px #0008;transition:background .15s}.slot-number{font:10px var(--mono);color:#627769;position:absolute;bottom:9px;left:50%;transform:translateX(-50%)}.sample-slot .vial{margin-top:13px;--vh:74px;--vw:31px}.slot-empty{position:absolute;top:66px;color:#4c6357;font:22px var(--mono);font-weight:400}.slot-name{font:8px var(--mono);color:#9baca0;margin-top:9px;line-height:1.3;text-align:center;word-break:normal}.uv-active .slot-name{color:#bfbbeb}.filled-slot{border-color:#516453}.sample-slot.selected{box-shadow:inset 0 0 0 2px var(--acid)}.cassette-bottom{font-size:7px;justify-content:center;letter-spacing:.7px}.caution-stripe{width:29px;height:6px;background:repeating-linear-gradient(120deg,#a69e6666 0 3px,transparent 3px 6px)}.vial{--vh:43px;--vw:23px;position:relative;display:block;width:var(--vw);height:var(--vh);border-radius:3px 3px 8px 8px;border:1px solid #b6c8bd77;background:linear-gradient(90deg,#ffffff18,#ffffff03 40%,#fff2 70%,#ffffff03);box-shadow:inset 0 0 5px #bed1cd20,2px 3px 5px #0004;flex-shrink:0}.vial:before{content:'';position:absolute;top:-6px;left:-3px;right:-3px;height:11px;border:1px solid #a4aaa177;border-radius:2px;background:repeating-linear-gradient(90deg,#7c8780 0 2px,#485a52 2px 4px);z-index:2}.vial:after{content:'';position:absolute;inset:35% 2px 2px;background:var(--liquid);opacity:.7;border-radius:1px 1px 6px 6px;box-shadow:inset 0 3px 0 #ffffff30}.vial em{position:absolute;top:40%;left:-2px;right:-2px;background:#c4c2a9;color:#253c35;font:normal 11px var(--mono);text-align:center;padding:1px 0;z-index:1;border-radius:1px;box-shadow:0 1px 3px #0003}.fuse-icon{width:41px;height:18px;background:linear-gradient(90deg,#afb7a4 0 19%,#37504b99 19% 81%,#afb7a4 81%);border:1px solid #a1b2a3;border-radius:3px;position:relative;margin:13px 0}.fuse-icon:after{content:'';position:absolute;left:8px;right:8px;top:7px;height:2px;background:#d3ae77}.filter-icon{width:40px;height:40px;border:4px solid #939b8c;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ad98d1aa,#333449);box-shadow:0 0 0 1px #2c3d35,inset 0 0 0 2px #191e30;margin:2px 0}.chip-visual{display:inline-grid;place-items:center;min-width:37px;height:41px;border:1px solid #b2c17d;border-bottom:6px dashed #c8bc70;border-radius:4px;background:#486047;color:#d0d7b5;font:22px var(--mono)}.analyzer-footer{display:flex;align-items:stretch;gap:14px;margin-top:21px}.screen{background:#111f1a;border:1px solid #3b513f;padding:14px 15px;flex:1;min-height:77px;box-shadow:inset 0 1px 4px #0008}.screen-label{font:7px var(--mono);letter-spacing:1px;color:#6b826c}.screen p{font:11px var(--mono);line-height:1.5;color:#91a586;margin:8px 0 0}.screen.on p{color:var(--acid)}.cursor{animation:blink 1.3s steps(1) infinite}.scan-button{background:var(--acid);color:#263224;min-width:150px;font:11px var(--mono);font-weight:600;display:flex;align-items:center;gap:12px;justify-content:center;padding:15px 19px;box-shadow:0 3px 0 #7d8d55}.scan-button:hover{background:#d4ec89}.scan-symbol{font-size:23px}.scan-arrow{font-size:16px;margin-left:4px}.scan-button:disabled{opacity:.45;box-shadow:none}.output-area{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #647652;margin-top:20px;padding-top:20px;animation:drawer-in .35s}.output-area p{font-size:11px;line-height:1.7;color:#c4cdb7;margin:8px 0}.output-chip{display:flex;align-items:center;gap:10px;background:#142421;border:1px solid #7d925e;padding:11px;font:8px var(--mono);line-height:1.8;touch-action:none;flex-shrink:0}.output-chip b{font-weight:500;color:var(--acid)}.reader-target{width:100%;display:flex;gap:18px;align-items:center;text-align:left;border-top:1px solid #4f5d50;background:transparent;margin-top:23px;padding:21px 0 0}.reader-target>span:nth-child(2){display:grid;gap:6px;flex:1}.reader-target b{font:8px var(--mono);letter-spacing:1px}.reader-target small{font:9px var(--mono);color:var(--muted)}.reader-slot{display:block;width:70px;height:15px;background:#0d1819;border:3px solid #43544a;box-shadow:0 1px 0 #78907755,inset 0 3px 4px #0006}.reader-arrow{font:24px var(--mono);color:#809774}.reader-target.reader-ready .reader-slot{border-color:#adc577;box-shadow:0 0 14px #c4dc7922}.reader-target.inserted .reader-slot{background:repeating-linear-gradient(90deg,#b1a667 0 5px,#485f45 5px 9px)}.inventory{margin-top:24px;padding:21px 23px;background:#182525;border:1px solid #3a4944}.inventory-heading{display:flex;align-items:center;gap:22px;margin-bottom:15px;flex-wrap:wrap}.inventory-heading>div{display:flex;align-items:center;gap:10px}.inventory-heading .eyebrow{font-size:9px;color:#c6cbbb;letter-spacing:1.3px}#inventory-count{font:9px var(--mono);background:#334336;padding:2px 6px;color:var(--acid)}.inventory-heading p{font-size:11px;color:#8e9f91;margin:0;flex:1}.inventory-items{display:flex;gap:10px;flex-wrap:wrap;min-height:99px}.inventory-items .item-tile{min-width:92px;max-width:120px;flex:1;min-height:108px;padding:12px 7px 7px}.empty-inventory{width:100%;border:1px dashed #3b4b41;display:flex;align-items:center;justify-content:center;gap:12px;color:#7c9081;font-size:12px;min-height:99px}.empty-inventory span{font:27px var(--mono);color:#566e5b}.bottom-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0 32px}.bottom-tools>span{font:8px var(--mono);letter-spacing:.5px;color:#738676}.bottom-tools>div{display:flex;gap:14px}.bottom-tools .text-button{font-size:10px;color:#9cac9b}.site-footer{max-width:1224px;margin:auto;border-top:1px solid #304137;display:flex;justify-content:space-between;gap:20px;padding:23px 0 30px;font:8px var(--mono);letter-spacing:1px;color:#6a8071}.drop-ready{outline:1px dashed #bace78;outline-offset:3px}.drag-over{outline:3px solid var(--acid)!important;outline-offset:3px;background-color:#4c5f32!important}.drag-ghost{position:fixed;z-index:2000;pointer-events:none;background:#c4dc79;color:#1b3022;font:12px var(--mono);padding:12px 17px;box-shadow:0 8px 20px #0007;border-radius:3px;max-width:200px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#d4ddc0;color:#1b3022;padding:15px 21px;box-shadow:0 6px 25px #0005;z-index:3000;font-size:12px;line-height:1.6;max-width:calc(100% - 32px);width:max-content;transition:opacity .2s,transform .2s;border-left:4px solid #718b45}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #6b7966;background:#d3d1bb;color:#26352b;max-width:560px;width:calc(100% - 32px);padding:38px 36px;box-shadow:0 20px 90px #0008;max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#071214cc;backdrop-filter:blur(7px)}dialog .eyebrow{color:#637052;font-size:9px;line-height:1.6;padding-right:12px}dialog h2{font-size:28px;letter-spacing:-1px;font-weight:600;line-height:1.25;margin:14px 0 20px}dialog p{font-size:14px;line-height:1.85;color:#445341}.dialog-close{position:absolute;right:12px;top:8px;background:transparent;color:#59654e;font-size:28px;width:35px;height:35px}.rules{padding-left:24px}.rules li{padding-left:7px;margin:17px 0;font-size:14px;line-height:1.7}.rules li::marker{font:12px var(--mono);color:#7b6544}dialog .handwriting{border-top:1px solid #9dA38788;padding-top:17px;font-size:15px}.primary-button{width:100%;background:#243f31;color:#e0e7c8;padding:15px 22px;font-size:12px;margin-top:16px;font-weight:600}.primary-button:hover{background:#365640}.secondary-button{width:100%;border:1px solid #9ca88b;background:transparent;color:#44543b;padding:13px;margin-top:10px;font-size:12px}.win-dialog{background:#1e3129;color:#e1e8d1;text-align:center;border-color:#91a670}.win-dialog .eyebrow{color:#b0c67b}.win-dialog p{color:#b6c5ae;font-size:13px}.win-dialog .dialog-close{color:#b6c5ae}.success-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid #8da965;border-radius:50%;font-size:25px;color:var(--acid);margin:0 auto 24px}.location-card{background:#101f1b;border:1px solid #526548;padding:23px 12px;margin:25px 0}.location-card span{font:9px var(--mono);letter-spacing:2px;color:#9cb779}.location-card strong{display:block;font-size:25px;font-weight:600;margin-top:12px;letter-spacing:-.8px}.location-card p{margin:9px 0 0}.demo-warning{font-size:11px!important;line-height:1.7!important;opacity:.8;margin:15px 0}.win-dialog .primary-button{background:var(--acid);color:#273f29}.scanning .sample-slot:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#b1d9bb33,transparent);height:40%;animation:scan 1s linear infinite;pointer-events:none}.scanning .cassette{border-color:var(--acid)}
@keyframes drawer-in{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes scan{from{top:0}to{top:60%}}
@media(min-width:1400px){main{padding-top:58px}.intro{margin-bottom:39px}.analyzer{padding:34px}.slots{margin-top:28px;margin-bottom:23px}.sample-slot{height:184px}.sample-slot .vial{--vh:85px;margin-top:17px}.slot-name{margin-top:12px}}
@media(max-width:1000px){.workbench{grid-template-columns:225px minmax(0,1fr);gap:18px}.analyzer{padding:25px 21px}.drawer-unit{padding:18px 14px}.paper-note{padding:25px 17px 18px}.paper-note strong{font-size:21px}.hardware-target{gap:8px;padding:10px}.control-copy small{font-size:8px}.target-plus{display:none}.machine-status{font-size:7px;letter-spacing:0}.slots{gap:5px}.sample-slot{height:159px}.cassette-header{font-size:7px}.cassette-header span:last-child{font-size:6px}.cassette{padding:14px 9px}.scan-button{min-width:114px;padding:12px;font-size:10px;gap:8px}.scan-arrow{display:none}.screen p{font-size:10px}.screen-label{font-size:6px}.case-id strong{font-size:51px}.inventory-items .item-tile{min-width:78px}.site-footer{margin:0 28px}}
@media(max-width:720px){.topbar{height:74px;padding:0 20px}.brand{font-size:19px;gap:10px;letter-spacing:2px}.brand svg{width:32px;height:32px}.brand small{font-size:6px;letter-spacing:.5px}.session{font-size:0;gap:0}.session .led{display:none}.proto{font-size:8px;margin-left:0;padding:6px}.intro{margin-bottom:22px}.case-id{display:none}main{padding:30px 16px 0}h1{font-size:35px;letter-spacing:-1.7px;margin:10px 0 13px}.intro .eyebrow{font-size:8px;letter-spacing:1.7px}.intro p{font-size:12px;line-height:1.8}.desktop{display:none}.mission{padding:13px 12px;gap:10px;margin-bottom:19px}.mission-icon{font-size:25px}.mission span:not(.mission-icon){font-size:7px}.mission p{font-size:11px}.mission .text-button{font-size:10px;white-space:nowrap;padding:8px 1px}.mission .text-button span{display:none}.workbench{display:flex;flex-direction:column;gap:18px}.side-panel{display:grid;grid-template-columns:1fr;width:100%;gap:16px}.drawer-unit{padding:14px}.drawer-unit h2{font-size:17px;margin:11px 0 5px}.drawer-unit .muted{margin-bottom:12px}.drawer-handle{min-height:50px;flex-wrap:nowrap;padding:10px 14px;justify-content:space-between;font-size:8px}.drawer-line{margin:0;width:68px;height:8px}.drawer-body{padding-top:17px}.drawer-items{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.drawer-items .item-tile{min-height:87px;padding:7px 1px;gap:8px}.drawer-items .item-label{font-size:6px;line-height:1.5}.drawer-items .vial{--vw:17px;--vh:34px}.drawer-items .filter-icon{width:29px;height:29px;border-width:3px}.drawer-items .fuse-icon{width:29px;height:13px;margin:10px 0}.drawer-items .fuse-icon:after{top:5px}.drawer-items .item-role{font-size:6px}.drawer-unit .micro{font-size:8px}.paper-note{transform:none;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.paper-note .eyebrow,.paper-note .handwriting,.paper-clip{display:none}.paper-note strong{font-size:16px;line-height:1.35;margin:0}.paper-note strong br{display:none}.paper-footer{border:0;margin:0;padding:0;font-size:7px;gap:7px;max-width:82px;line-height:1.6}.side-foot{display:none}.analyzer{width:100%;padding:25px 15px 20px}.machine-heading .eyebrow{font-size:7px;letter-spacing:.7px}.machine-heading h2{font-size:25px;margin-top:7px}.machine-status{font-size:6px;letter-spacing:.4px}.machine-status i{width:4px;height:4px}.instrument-controls{gap:8px;margin:22px 0}.hardware-target{padding:9px 8px;min-height:66px;gap:9px}.control-copy b{font-size:8px;letter-spacing:.6px}.control-copy small{font-size:7px;line-height:1.5}.lens{width:31px;height:31px}.lens span{width:19px;height:19px}.fuse-well{width:30px;height:31px}.fuse-active .fuse-well i{inset:10px 4px}.cassette{padding:13px 7px}.cassette-header{font-size:6px;letter-spacing:.5px}.cassette-header span:last-child{font-size:5px}.slots{margin-top:19px;margin-bottom:16px;gap:5px}.sample-slot{height:156px;border-radius:24px 24px 6px 6px}.sample-slot .vial{--vw:25px;--vh:65px;margin-top:14px}.slot-number{font-size:8px}.slot-name{font-size:6px;line-height:1.5;letter-spacing:-.1px;margin-top:10px}.cassette-bottom{font-size:6px;gap:7px;letter-spacing:.25px}.caution-stripe{width:18px}.screen{padding:11px;min-height:72px}.screen-label{font-size:6px;letter-spacing:.5px}.screen p{font-size:9px;margin-top:8px}.analyzer-footer{gap:8px;margin-top:17px}.scan-button{min-width:105px;padding:11px 12px;font-size:9px;gap:8px}.scan-symbol{font-size:19px}.reader-target{margin-top:20px;padding-top:17px;gap:12px}.reader-slot{width:56px}.reader-target b{font-size:7px;letter-spacing:.7px}.reader-target small{font-size:8px;line-height:1.5}.output-area .eyebrow{font-size:7px;letter-spacing:.6px}.output-area p{font-size:10px;line-height:1.7}.output-chip{font-size:7px;padding:9px;gap:8px}.output-chip .chip-visual{min-width:27px;height:34px;font-size:18px}.inventory{padding:16px 13px;margin-top:18px}.inventory-heading{gap:10px;margin-bottom:13px}.inventory-heading .eyebrow{font-size:8px}.inventory-heading p{font-size:10px;flex-basis:calc(100% - 100px);line-height:1.6}.inventory-heading .text-button{font-size:10px;padding:0}.inventory-items{gap:7px}.inventory-items .item-tile{min-width:calc(25% - 7px);max-width:calc(25% - 4px);min-height:105px;padding:12px 4px 7px}.inventory-items .item-label{font-size:8px}.inventory-items .item-role{font-size:8px}.empty-inventory{font-size:10px;padding:15px;text-align:center}.bottom-tools{flex-direction:column;align-items:flex-start;gap:10px;margin:16px 0 23px}.bottom-tools>span{font-size:7px}.bottom-tools>div{width:100%;justify-content:space-between;gap:6px}.bottom-tools .text-button{font-size:10px;padding:9px 0}.site-footer{margin:0 16px;flex-direction:column;gap:10px;font-size:7px;line-height:1.7;padding-bottom:25px}.toast{bottom:calc(16px + env(safe-area-inset-bottom));font-size:11px}dialog{padding:32px 24px}dialog h2{font-size:26px}dialog p,.rules li{font-size:13px}.rules li{margin:13px 0}.location-card strong{font-size:23px}}
@media(max-width:720px){.drawer-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.drawer-items .item-tile{min-height:100px;padding:11px 4px}.drawer-items .item-label{font-size:9px}.drawer-items .item-role{font-size:9px}.drawer-items .vial{--vw:22px;--vh:41px}.drawer-items .filter-icon{width:37px;height:37px}.drawer-items .fuse-icon{width:37px;height:16px}.drawer-items .fuse-icon:after{top:6px}.slot-name{font-size:8px}.control-copy b{font-size:9px}.control-copy small{font-size:9px}.reader-target b{font-size:9px}.reader-target small{font-size:10px}.machine-status{font-size:8px;letter-spacing:0}.machine-heading .eyebrow{font-size:8px;letter-spacing:0}.cassette-header{font-size:7px}.cassette-header span:last-child{font-size:6px}.inventory-items .item-label,.inventory-items .item-role{font-size:9px}}
.reader-target.reader-ready{background:#c4dc7912;outline:1px solid #a1b877;outline-offset:7px}.reader-target.reader-ready small,.reader-target.reader-ready .reader-arrow{color:var(--acid)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}