.microcrystal-shell{--ink: #25302f;--muted: #6d7875;--card: #fff;--panel: #f4f7f5;--control: #fff;--control-strong: #fff;--border: rgba(37, 48, 47, .12);--border-soft: rgba(37, 48, 47, .08);--accent: #4f8f88;--accent-soft: #dcebe8;--amber: #b88a36;--rose: #b56b82;--stage: #eef3f1;--stage-ink: #25302f;--shadow: rgba(37, 48, 47, .08);color:var(--ink);padding:.75rem;width:100%}.microcrystal-card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 34px var(--shadow);display:grid;gap:.75rem;overflow:hidden;padding:.75rem}.microcrystal-stage,.microcrystal-controls{border:1px solid var(--border);border-radius:8px;overflow:hidden}.microcrystal-stage{background:var(--stage)}.microcrystal-toolbar,.microcrystal-readout{align-items:center;color:var(--stage-ink);display:flex;gap:.75rem;justify-content:space-between;padding:.82rem .9rem}.microcrystal-toolbar span,.microcrystal-toolbar strong,.microcrystal-controls span,.microcrystal-metrics span{font-size:.76rem;font-weight:800;text-transform:uppercase}.microcrystal-toolbar strong{color:var(--accent)}.microcrystal-lens{aspect-ratio:1.25;display:grid;overflow:hidden;position:relative}#microcrystal-canvas,.microcrystal-reticle{grid-area:1 / 1}#microcrystal-canvas{height:100%;width:100%}.microcrystal-reticle{border:8px solid rgba(55,68,67,.16);border-radius:50%;margin:1rem;pointer-events:none}.microcrystal-reticle:before,.microcrystal-reticle:after{background:#3744431a;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.microcrystal-reticle:before{height:1px;width:100%}.microcrystal-reticle:after{height:100%;width:1px}.microcrystal-readout{align-items:flex-start;background:var(--stage);border-top:1px solid var(--border-soft);display:grid}.microcrystal-readout span:first-child{color:var(--accent);font-weight:900}.microcrystal-readout span:last-child,.microcrystal-controls p{color:var(--muted);font-size:.9rem;line-height:1.45;margin:0}.microcrystal-controls{background:var(--panel);display:grid;gap:.75rem;padding:.75rem}.microcrystal-controls label{display:grid;gap:.5rem}.microcrystal-controls input{accent-color:var(--accent);width:100%}.microcrystal-sample-field{display:grid;gap:.5rem}.microcrystal-select{background:var(--control);border:1px solid var(--border);border-radius:8px;display:grid;min-height:58px;position:relative}.microcrystal-select:before{background:var(--accent-soft);border-radius:999px;content:"";height:28px;position:absolute;right:.65rem;top:calc(50% - 14px);width:28px}.microcrystal-select:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);content:"";height:7px;pointer-events:none;position:absolute;right:1.24rem;top:calc(50% - 5px);transform:rotate(45deg);width:7px}.microcrystal-select select{appearance:none;background:var(--control);border:0;color:var(--ink);cursor:pointer;font-size:inherit;font-weight:800;line-height:inherit;min-height:56px;padding:.75rem 3.1rem .75rem .85rem;width:100%}.microcrystal-select option{background:var(--control);color:var(--ink)}.microcrystal-select:focus-within{border-color:#4f8f889e;box-shadow:0 0 0 3px #4f8f8824}.microcrystal-reagents{display:grid;gap:.5rem}.microcrystal-reagents button,.microcrystal-grow{align-items:center;background:var(--control-strong);border:1px solid var(--border);border-radius:6px;color:var(--ink);cursor:pointer;display:flex;font-weight:800;gap:.6rem;justify-content:flex-start;min-height:52px;padding:.6rem .7rem;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.microcrystal-reagents button[data-active=true]{background:var(--accent-soft);border-color:#4f8f8870;color:var(--ink);transform:translateY(-1px)}.microcrystal-reagents span{border-radius:999px;display:inline-block;height:18px;width:18px}.microcrystal-reagents button:nth-child(1) span{background:var(--accent)}.microcrystal-reagents button:nth-child(2) span{background:var(--amber)}.microcrystal-reagents button:nth-child(3) span{background:var(--rose)}.microcrystal-metrics{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.microcrystal-metrics div{background:var(--control);border:1px solid var(--border-soft);border-radius:8px;display:grid;gap:.45rem;min-height:96px;overflow:hidden;padding:.7rem;position:relative}.microcrystal-metrics div:before{background:var(--accent-soft);border-radius:999px;content:"";height:38px;opacity:.8;position:absolute;right:-14px;top:-16px;width:38px}.microcrystal-metrics span,.microcrystal-metrics strong,.microcrystal-metrics i{position:relative;z-index:1}.microcrystal-metrics span{color:var(--muted)}.microcrystal-metrics strong{color:var(--ink);font-size:1.55rem;line-height:1}.microcrystal-metrics i{--value: 0%;background:#25302f17;border-radius:999px;display:block;height:7px;overflow:hidden}.microcrystal-metrics i:before{background:var(--accent);border-radius:inherit;content:"";display:block;height:100%;width:var(--value)}.microcrystal-metrics div:nth-child(2):before{background:#b88a362e}.microcrystal-metrics div:nth-child(2) i:before{background:var(--amber)}.microcrystal-metrics div:nth-child(3):before{background:#b56b822e}.microcrystal-metrics div:nth-child(3) i:before{background:var(--rose)}.microcrystal-grow{background:var(--accent);border-color:var(--accent);color:#fff;justify-content:center;min-height:56px}.microcrystal-warning{background:#fffaf0;border:1px solid rgba(184,138,54,.28);border-left:5px solid var(--amber);border-radius:8px;display:grid;gap:.35rem;padding:.75rem .85rem}.microcrystal-warning strong{color:#7c5b1c;font-size:.78rem;font-weight:900;text-transform:uppercase}.microcrystal-warning p{color:#5f594d;margin:0}.theme-dark .microcrystal-shell{--ink: #eef8f7;--muted: #a5b6b4;--card: #10191d;--panel: #142429;--control: #1b3035;--control-strong: #1b3035;--border: rgba(238, 248, 247, .14);--border-soft: rgba(238, 248, 247, .09);--accent: #45bcc1;--accent-soft: #1f3c42;--amber: #e1a843;--rose: #e06b95;--stage: #0d2224;--stage-ink: #eef8f7;--shadow: rgba(0, 0, 0, .34)}.theme-dark .microcrystal-card,.theme-dark .microcrystal-controls{background:var(--card)}.theme-dark .microcrystal-select,.theme-dark .microcrystal-metrics div{background:var(--control)}.theme-dark .microcrystal-warning{background:#211d12;border-color:#e1a84347;border-left-color:var(--amber)}.theme-dark .microcrystal-warning strong{color:#e8c46a}.theme-dark .microcrystal-warning p{color:var(--muted)}.theme-dark .microcrystal-reticle{border-color:#010a0d38}.theme-dark .microcrystal-reticle:before,.theme-dark .microcrystal-reticle:after{background:#ffffff24}@media(min-width:900px){.microcrystal-shell{padding:1rem}.microcrystal-card{grid-template-columns:minmax(520px,1fr) minmax(300px,.34fr)}}