:root{--bg: #f2f5f3;--bg-accent: #e4ece7;--ink: #1a2420;--muted: #5a6b62;--line: #c5d2cb;--brand: #1f6b4a;--brand-2: #0e3d2c;--danger: #b42318;--warn: #b54708;--card: #ffffff;--shadow: 0 10px 30px rgba(14, 61, 44, .08);font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d7ebe0 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#e8f0ea 0%,transparent 50%),var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,h3{font-family:DM Sans,sans-serif;letter-spacing:-.02em}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.nav{background:linear-gradient(180deg,var(--brand-2),#163528);color:#eef7f1;padding:1.25rem 1rem}.nav h1{font-size:1.15rem;margin:0 0 1rem}.nav a{display:block;color:#d7ebe0;text-decoration:none;padding:.55rem .7rem;border-radius:8px;margin-bottom:.25rem}.nav a.active,.nav a:hover{background:#ffffff14;color:#fff}.main{padding:1.5rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;box-shadow:var(--shadow);margin-bottom:1rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}label{display:grid;gap:.3rem;font-size:.85rem;color:var(--muted)}input,select,textarea,button{font:inherit;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--line)}button{background:var(--brand);color:#fff;border:none;cursor:pointer;font-weight:600}button.secondary{background:#e8efe9;color:var(--brand-2)}button:disabled{opacity:.6;cursor:not-allowed}.loss{color:var(--danger);font-weight:700}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.55rem;border-bottom:1px solid var(--line);font-size:.92rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(420px,100%)}.hotspot-board{position:relative;width:min(360px,100%);aspect-ratio:9/16;background:linear-gradient(180deg,#f7faf8,#dbe8e0);border-radius:18px;border:1px solid var(--line);overflow:hidden}.hotspot{position:absolute;width:18px;height:18px;border-radius:50%;background:#c2410c;border:2px solid white;transform:translate(-50%,-50%);cursor:pointer}.hotspot.selected{background:var(--brand);box-shadow:0 0 0 4px #1f6b4a40}.banner-warn{background:#fff7ed;border:1px solid #fdba74;color:var(--warn);padding:.7rem .9rem;border-radius:10px;margin-bottom:.8rem}@media(max-width:860px){.shell{grid-template-columns:1fr}.nav{display:flex;gap:.4rem;overflow-x:auto;align-items:center}.nav h1{margin:0 .5rem 0 0;white-space:nowrap}.nav a{white-space:nowrap}}.anatomy-viewer{display:flex;flex-direction:column;gap:.6rem}.anatomy-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;align-items:center}.anatomy-modes,.anatomy-actions,.anatomy-layers{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.chip{background:var(--bg-accent);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;font-size:.8rem;cursor:pointer}.chip:hover{border-color:var(--brand)}.chip-active{background:var(--brand);color:#fff;border-color:var(--brand)}.layer-chip{display:inline-flex;align-items:center;gap:.4rem}.chip-on{background:#1f2a25;color:#fff;border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.layer-dot{width:10px;height:10px;border-radius:50%;background:#7a8a82;opacity:.55}.chip-on .layer-dot{opacity:1}.layer-dot.layer-bone{background:#e8e2d0}.layer-dot.layer-muscle{background:#c0392b}.layer-dot.layer-nerve{background:#f2d024}.layer-dot.layer-organ{background:#e67e55}.layer-dot.layer-skin{background:#f0c9b0}.layer-dot.layer-human{background:#b98b6a}.anatomy-slider{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted)}.anatomy-slider input{width:90px}.anatomy-check{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--muted)}.anatomy-stage{position:relative;width:100%;height:460px;border-radius:12px;overflow:hidden;background:#121618;border:1px solid var(--line)}.zygote-canvas{width:100%!important;height:100%!important;display:block}.zygote-loading{color:#cdd6d1;font-size:.9rem}.anatomy-readout{position:absolute;left:.75rem;bottom:.75rem;background:#121618c7;color:#eef7f1;padding:.4rem .7rem;border-radius:8px;font-size:.85rem;max-width:80%}.anatomy-readout .muted{color:#a9b6af}.pin-label{background:#f1c40feb;color:#1a1a1a;font-size:.7rem;font-weight:600;padding:.2rem .45rem;border-radius:4px}