:root{color-scheme:dark;--bg: #08110f;--bg-elevated: rgba(15, 28, 24, .88);--bg-soft: rgba(20, 39, 33, .72);--line: rgba(124, 224, 191, .18);--line-strong: rgba(124, 224, 191, .34);--text: #eff5ef;--muted: #a8b9b2;--accent: #7ce0bf;--accent-warm: #f4a261;--accent-cool: #8da0ff;--danger: #ff8f70;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-ui: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);background:radial-gradient(circle at top left,rgba(124,224,191,.16),transparent 28%),radial-gradient(circle at top right,rgba(244,162,97,.12),transparent 24%),linear-gradient(180deg,#0b1512,#08110f 45%,#050907);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}code{font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.8rem;color:#d9e8dd}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:32px}.ambient{position:absolute;inset:auto;width:32rem;height:32rem;border-radius:999px;filter:blur(80px);opacity:.24;pointer-events:none}.ambient-left{top:-8rem;left:-10rem;background:#7ce0bf66}.ambient-right{right:-8rem;bottom:-10rem;background:#8da0ff59}.hero,.page-switcher,.flash-banner,.workspace{position:relative;z-index:1}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px;align-items:end;margin-bottom:24px}.eyebrow{margin:0 0 10px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,4vw,4.5rem);line-height:.98}.hero-copy{max-width:48rem;margin:18px 0 0;color:var(--muted);line-height:1.75;font-size:1rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card,.panel,.flash-banner{backdrop-filter:blur(18px);background:linear-gradient(180deg,#111e19eb,#0a110feb);border:1px solid var(--line);box-shadow:var(--shadow)}.metric-card{border-radius:22px;padding:18px}.metric-card span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;margin-top:10px;font-size:1.3rem}.page-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.page-switch{display:grid;gap:8px;min-height:112px;padding:18px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#0c1210a8;color:var(--text);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.page-switch:hover,.page-switch.is-active{transform:translateY(-2px);border-color:var(--line-strong);background:linear-gradient(135deg,rgba(124,224,191,.14),transparent 56%),#0c1210eb}.page-switch-title{font-family:var(--font-display);font-size:1.45rem}.page-switch-subtitle{color:var(--muted);line-height:1.55}.flash-banner{border-radius:18px;padding:14px 18px;margin:0 0 16px;color:#dff3eb}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:16px}.panel{border-radius:28px;padding:18px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.panel-head h2{margin:0;font-size:1.15rem}.text-button,.ghost-button,.primary-button,.choice-chip{border:1px solid transparent;border-radius:999px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.text-button,.ghost-button{background:#ffffff0a;color:var(--text)}.text-button{padding:8px 14px}.ghost-button{padding:12px 18px;border-color:#ffffff14}.primary-button{padding:12px 18px;background:linear-gradient(135deg,#7ce0bf,#b4ecd8);color:#082018;font-weight:700}.ghost-button:hover,.primary-button:hover,.text-button:hover,.choice-chip:hover{transform:translateY(-1px)}.search-box,.field{display:grid;gap:10px}.search-box span,.field span{color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.search-box input,.field select,.field textarea{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#050a0999;color:var(--text);padding:14px 16px;outline:none}.field textarea{resize:vertical;min-height:132px}.taxonomy-list,.queue-list{margin-top:16px;max-height:340px;overflow:auto;padding-right:6px}.taxonomy-node{margin-bottom:6px}.taxonomy-row{width:100%;display:grid;gap:4px;padding:12px 14px;border-radius:18px;border:1px solid transparent;background:#ffffff08;color:var(--text);text-align:left;margin-left:calc(var(--depth) * 12px)}.taxonomy-row.is-selected{border-color:#7ce0bf6b;background:#7ce0bf1f}.taxonomy-row.is-active-path{border-color:#f4a26147}.taxonomy-code{color:var(--muted);font-size:.72rem}.taxonomy-name{line-height:1.4}.taxonomy-children{margin-top:6px}.queue-head{margin-top:18px}.queue-head span{color:var(--muted)}.queue-card{width:100%;display:grid;gap:8px;margin-bottom:10px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:var(--text);text-align:left}.queue-card.is-current{border-color:#7ce0bf66;background:#7ce0bf14}.queue-card.is-submitted{border-color:#b4ecd857}.queue-card-top,.viewer-toolbar,.action-row,.chip-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.queue-card-title{font-size:1rem;font-weight:600}.queue-card-meta{color:var(--muted);font-size:.86rem}.urgency,.soft-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.urgency-routine,.soft-chip{background:#ffffff14;color:#dce8e0}.urgency-review{background:#f4a26124;color:#f4c18e}.urgency-priority{background:#ff8f7024;color:#ffb49d}.microscope-stage{position:relative;min-height:420px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at center,rgba(255,255,255,.06),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--cell-background);box-shadow:inset 0 0 0 1px #ffffff0a}.stage-noise,.stage-ring,.cell-shadow,.cell-body,.cell-nucleus,.scan-line,.stage-caption{position:absolute}.stage-noise{inset:0;opacity:.12;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.16) 0 1px,transparent 1px),radial-gradient(circle at 70% 40%,rgba(255,255,255,.12) 0 1px,transparent 1px),radial-gradient(circle at 30% 70%,rgba(255,255,255,.12) 0 1px,transparent 1px);background-size:28px 28px}.stage-ring{inset:10%;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #ffffff0a inset,0 0 40px #0000003d inset}.cell-shadow{width:48%;aspect-ratio:1;left:26%;top:22%;border-radius:48% 52% 51% 49%;background:#0000003d;filter:blur(18px)}.cell-body{width:46%;aspect-ratio:1;left:27%;top:20%;border-radius:48% 52% 51% 49%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),transparent 28%),radial-gradient(circle at center,var(--cell-primary),color-mix(in srgb,var(--cell-primary) 50%,#ffffff 12%));box-shadow:0 0 70px color-mix(in srgb,var(--cell-primary) 22%,transparent),inset 0 0 32px #ffffff1f}.cell-nucleus{background:color-mix(in srgb,var(--cell-accent) 78%,#20191b 22%);box-shadow:inset 0 0 18px #ffffff24}.nucleus-main{width:23%;aspect-ratio:1;left:38%;top:34%;border-radius:47% 53% 41% 59%}.nucleus-secondary{width:12%;aspect-ratio:1;left:53%;top:47%;border-radius:58% 42% 61% 39%;opacity:.72}.cell-granules span{position:absolute;width:12px;height:12px;border-radius:50%;background:#ffffff2e}.cell-granules span:nth-child(1){left:34%;top:32%}.cell-granules span:nth-child(2){left:48%;top:28%}.cell-granules span:nth-child(3){left:57%;top:36%}.cell-granules span:nth-child(4){left:33%;top:51%}.cell-granules span:nth-child(5){left:46%;top:58%}.cell-granules span:nth-child(6){left:58%;top:54%}.morphology-erythroid .cell-body,.morphology-artifact .cell-body{border-radius:52% 48% 56% 44%}.morphology-erythroid .nucleus-secondary,.morphology-artifact .nucleus-secondary{display:none}.morphology-lobed .nucleus-main{width:18%;left:38%;top:38%;border-radius:56% 44% 61% 39%}.morphology-lobed .nucleus-secondary{width:16%;left:50%;top:38%}.morphology-megakaryocyte .cell-body{width:56%;left:22%;top:16%}.morphology-artifact .cell-body{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at center,var(--cell-primary),color-mix(in srgb,var(--cell-primary) 40%,#000000 18%));clip-path:polygon(12% 20%,56% 12%,83% 31%,73% 55%,94% 78%,58% 88%,19% 76%,6% 49%)}.morphology-artifact .nucleus-main{width:15%;left:44%;top:40%;border-radius:32% 68% 41% 59%;opacity:.3}.scan-line{left:0;right:0;top:0;height:24%;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);mix-blend-mode:screen;animation:drift 5s linear infinite}.stage-caption{left:18px;right:18px;bottom:18px;display:flex;justify-content:center;padding:12px 16px;border-radius:999px;background:#080c0ba3;border:1px solid rgba(255,255,255,.06);color:#d8e8df}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.info-card,.api-hint{display:grid;gap:8px;padding:16px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.info-card span,.api-hint span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.info-card strong,.api-hint strong{font-size:1rem;line-height:1.5}.info-card p,.api-hint p{margin:0;color:#dbe6df;line-height:1.65}.viewer-toolbar{margin-top:16px}.viewer-toolbar .ghost-button,.action-row .ghost-button,.action-row .primary-button{flex:1}.editor-form{display:grid;gap:18px}.choice-row,.choice-grid{display:flex;gap:10px;flex-wrap:wrap}.choice-chip{padding:10px 14px;background:#ffffff0a;color:var(--text)}.choice-chip.is-active{border-color:#7ce0bf61;background:#7ce0bf1f}.empty-state{display:grid;place-items:center;min-height:240px;color:var(--muted);text-align:center}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}::-webkit-scrollbar-track{background:transparent}@keyframes drift{0%{transform:translateY(-30%)}to{transform:translateY(360%)}}@media(max-width:1280px){.workspace{grid-template-columns:280px minmax(0,1fr)}.right-panel{grid-column:1 / -1}.info-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-shell{padding:18px}.hero,.page-switcher,.workspace,.hero-metrics{grid-template-columns:1fr}.workspace{gap:12px}.microscope-stage{min-height:320px}}