:root{color-scheme:dark;--bg:#080d12;--panel:#0d141b;--line:#25303a;--muted:#82919f;--text:#e5edf0;--mint:#b6edcc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}main{max-width:1440px;margin:auto;padding:0 52px}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:var(--text);background:#131e27;border:1px solid var(--line);padding:12px 16px;border-radius:6px;transition:background .18s,border-color .18s}button:hover{background:#21313b;border-color:#658578}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{opacity:.4;cursor:wait}nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.wordmark{font:600 15px 'Space Grotesk',sans-serif;letter-spacing:2px}.brand-icon{font-size:28px;vertical-align:middle;margin-right:9px;color:var(--mint)}nav>span,footer>span:last-child{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-left:8px;box-shadow:0 0 12px #b6edcc66}header{display:flex;justify-content:space-between;align-items:end;padding:65px 0 54px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--mint);margin:0 0 20px}h1{font:500 clamp(40px,5vw,68px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:0}h1 em{font-style:normal;color:var(--mint)}.intro{max-width:575px;line-height:1.8;color:var(--muted);font-size:15px;margin:23px 0 0}.header-note{padding-right:35px}.header-note>span{font:400 36px 'Space Grotesk',sans-serif;color:#5f7686}.header-note p{line-height:1.8;color:var(--muted);font-size:12px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500;margin:0}.section-label h2{font-size:16px}.section-label>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.library{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.creature-card{text-align:left;padding:0;overflow:hidden;background:#0d151c;position:relative}.creature-card.selected{border-color:var(--mint);background:#112019}.creature-card canvas{display:block;width:100%;height:130px}.card-info{padding:12px 14px 14px;border-top:1px solid #1b2830}.card-info strong{display:block;font:500 13px 'Space Grotesk',sans-serif}.card-info span{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:7px}.card-index{position:absolute;top:12px;left:13px;font:10px monospace;color:#647884}.workspace{margin-top:38px;display:grid;grid-template-columns:1.45fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.specimen{position:relative;background:#090f15;min-width:0;display:flex;flex-direction:column}.canvas-top{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:1;font:9px monospace;color:var(--muted)}.pill{color:var(--mint);border:1px solid #315047;background:#10231d;padding:7px 9px;border-radius:4px;font:9px monospace;letter-spacing:.6px}#creature{display:block;width:100%;height:auto;min-height:360px;flex:1;object-fit:contain}.canvas-caption{display:flex;justify-content:space-between;padding:0 22px 18px;font:9px monospace;letter-spacing:1px;color:var(--muted)}.canvas-controls{border-top:1px solid var(--line);padding:14px 20px;display:flex;gap:16px;align-items:center;font-size:11px;color:var(--muted)}input[type=checkbox]{accent-color:var(--mint);vertical-align:middle;margin-right:5px}.canvas-controls button{padding:7px 9px;margin-left:auto;font-size:10px}#organ-info{font:10px/1.7 monospace;color:var(--muted);padding:0 22px 15px;min-height:32px}aside{background:var(--panel);padding:30px;border-left:1px solid var(--line);min-width:0}aside .eyebrow{margin-bottom:12px}aside h2{font-size:28px;letter-spacing:-.8px}.muted{color:var(--muted);line-height:1.7}.task-controls{margin-top:25px}.task-controls label,.band-label{display:block;font-size:11px;color:#b2c2cc;margin-bottom:10px}.task-controls select{width:100%;padding:10px;background:#0a1118;border:1px solid var(--line);border-radius:4px;color:var(--text);margin-bottom:20px}.task-controls output,.band-label output{float:right;color:var(--mint);font:11px monospace}input[type=range]{width:100%;accent-color:var(--mint);height:3px;margin:4px 0 20px}.actions{display:flex;gap:9px;margin-top:9px}.primary{background:var(--mint);color:#102019;font-weight:600;flex:1;border-color:var(--mint)}.primary:hover{background:#d7f7e2}.primary span{float:right;margin-left:10px}.receipt{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px;margin:16px 0 23px}.inspection{border-top:1px solid var(--line);padding-top:19px}.inspection h3{font-size:13px}.text-button{background:none;border:0;padding:0;font-size:10px;color:var(--mint)}pre{font:11px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#b8cbd1;margin:0}#task-output{max-height:205px;overflow:auto;background:#080f16;padding:13px;border-radius:4px}#trace{font-size:10px;color:var(--muted);margin:12px 0;max-height:65px;overflow:auto}.legend{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}summary{cursor:pointer;font-size:11px;color:var(--muted)}#color-legend{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:17px}.legend-item{font:10px monospace;display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%}.genome{margin-top:60px;border-top:1px solid var(--line);padding-top:35px}.genome-heading .eyebrow{margin-bottom:12px}.genome h2{font-size:30px;letter-spacing:-1px}.genome-heading p.muted{max-width:640px;font-size:13px}.genome-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:38px;margin-top:28px}.genome canvas{width:100%;display:block;border:1px solid var(--line);border-radius:5px}#wave{height:150px}#chroma{height:26px;margin-top:8px;image-rendering:pixelated}.micro{font-size:9px;color:var(--muted);letter-spacing:.5px}.recovery-actions{display:flex;gap:8px;margin-bottom:18px}.recovery-actions button{font-size:11px;padding:11px}#proof{background:#0d171d;border:1px solid var(--line);border-radius:5px;min-height:105px;padding:16px;color:var(--mint)}.downloads{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:17px}.downloads>span{font-size:9px;color:var(--muted);letter-spacing:1px}.downloads button{border:0;padding:0;background:none;font-size:10px;color:#c2d3da}.source-details{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}textarea{width:100%;height:190px;margin-top:16px;background:#0c141a;color:#b8cbd1;border:1px solid var(--line);padding:15px;resize:vertical;font:11px/1.6 monospace}footer{display:flex;gap:40px;align-items:center;border-top:1px solid var(--line);margin-top:50px;padding:30px 0}footer p{max-width:620px;color:var(--muted);font-size:10px;line-height:1.7}footer>span:last-child{margin-left:auto;white-space:nowrap}@media(min-width:1450px){header{padding-top:75px}}@media(max-width:1000px){main{padding:0 25px}.workspace{grid-template-columns:1.2fr 1fr}aside{padding:23px}.library{gap:8px}.card-info{padding:10px}.creature-card canvas{height:100px}.genome-grid{gap:22px}.canvas-controls{gap:8px;padding:12px;font-size:10px}.header-note{padding:0}}@media(max-width:760px){main{padding:0 18px}nav{height:66px}nav>span{font-size:8px}header{padding:38px 0}h1{letter-spacing:-1.8px}.header-note{display:none}.intro{font-size:13px}.library{grid-template-columns:repeat(2,1fr)}.creature-card canvas{height:125px}.workspace{grid-template-columns:1fr;margin-top:25px}aside{border-left:0;border-top:1px solid var(--line);padding:25px}.specimen #creature{min-height:280px}.genome-grid{grid-template-columns:1fr}.genome{margin-top:36px}.canvas-top{left:16px;right:16px}.canvas-top #metrics{font-size:8px}.canvas-controls{padding:12px 16px;gap:12px}footer{gap:14px;align-items:start;flex-direction:column}footer>span:last-child{margin-left:0}footer p{margin:0}.recovery-actions button{flex:1}.section-label>span{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none}}

footer p a{color:#b6edcc;text-decoration:underline;text-underline-offset:3px}

.motion-controls{border-top:1px solid var(--line);padding:16px 22px}.motion-controls summary{color:var(--mint)}.motion-controls label{display:block;font-size:11px;color:#b2c2cc;margin:14px 0 10px}.motion-controls select{width:100%;padding:9px;background:#0a1118;border:1px solid var(--line);border-radius:4px;color:var(--text)}.motion-controls .control-help{font-size:11px;line-height:1.7;color:var(--muted)}.rhythm-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rhythm-sliders output{float:right;color:var(--mint);font:11px monospace}.rhythm-footer{display:flex;align-items:center;gap:18px;justify-content:space-between}.rhythm-footer button{font-size:10px;white-space:nowrap;padding:8px 10px}@media(max-width:760px){.rhythm-sliders{grid-template-columns:1fr;gap:0}.rhythm-footer{align-items:start;flex-direction:column;gap:4px}}

.chroma-controls{border-top:1px solid var(--line);padding:20px 22px}.chroma-controls h3{font-size:14px}.chroma-controls label{display:block;font-size:11px;margin:12px 0 8px;color:#b2c2cc}.chroma-controls select{width:100%;padding:9px;background:#0a1118;border:1px solid var(--line);border-radius:4px;color:var(--text)}.chroma-role-legend{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:16px}.chroma-role-legend span{font-size:10px;color:#b2c2cc}.chroma-role-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.chroma-controls .control-help{color:var(--muted);font-size:11px;line-height:1.7}.chroma-scale{margin-top:18px}#chroma-scale-bar{height:12px;position:relative;border-radius:4px}#chroma-threshold{position:absolute;top:-4px;bottom:-4px;width:2px;background:#fff;box-shadow:0 0 0 1px #10151b}.chroma-scale-labels{display:flex;justify-content:space-between;margin-top:9px;font:11px monospace;color:var(--muted)}#chroma-value{font:12px/1.8 monospace;color:var(--text);white-space:pre-line}.chroma-controls[hidden],.chroma-controls [hidden]{display:none}