:root{--ink: #15231d;--ink-muted: #596761;--surface: #ecf6f2;--surface-raised: #f9fefc;--line: #c8d5cf;--accent: #016b50;--accent-ink: #f5fcf9;--accent-2: #8c403c;--ok: #4f7629;--warn: #966c1e;--danger: #a83a38;--info: #3c688b;--gradient: linear-gradient(135deg, #006348 0%, #736424 50%, #ab5e59 100%);--font-display: Grenze, "Palatino Linotype", Palatino, Georgia, serif;--font-body: "Crimson Pro", "Iowan Old Style", Palatino, Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-base: 16px;--text-ratio: 1.25;--leading: 1.5;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--shadow: 0 2px 18px rgba(0, 0, 0, .22);--space: 8px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #e0ede7;--ink-muted: #9daca5;--surface: #0f1a16;--surface-raised: #1a2822;--line: #36453f;--accent: #62c2a0;--accent-ink: #07130f;--accent-2: #df827b;--ok: #93c26c;--warn: #e3b160;--danger: #eb7770;--info: #83b4de;--gradient: linear-gradient(135deg, #52b392 0%, #c1b067 50%, #fea69f 100%)}}:root[data-theme=dark]{--ink: #e0ede7;--ink-muted: #9daca5;--surface: #0f1a16;--surface-raised: #1a2822;--line: #36453f;--accent: #62c2a0;--accent-ink: #07130f;--accent-2: #df827b;--ok: #93c26c;--warn: #e3b160;--danger: #eb7770;--info: #83b4de;--gradient: linear-gradient(135deg, #52b392 0%, #c1b067 50%, #fea69f 100%)}:root{--color-primary: var(--accent);--color-on-primary: var(--accent-ink);--color-surface: var(--surface);--color-surface-raised: var(--surface-raised);--color-text: var(--ink);--color-text-muted: var(--ink-muted);--color-line: var(--line);--color-danger: var(--danger);--color-warn: var(--warn);--color-ok: var(--ok);--color-info: var(--info);--color-secondary: var(--accent-2)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5}#app{background:var(--color-surface);color:var(--color-text);min-height:100vh;max-width:560px;margin:0 auto;padding:14px 14px 40px}h1{font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:.02em;margin:6px 0 2px;line-height:1.05}h2{font-family:var(--font-display);font-size:22px;font-weight:600;margin:18px 0 6px}h3{font-size:15px;font-weight:400;color:var(--color-primary);margin:16px 0 4px;font-style:italic}p{margin:6px 0}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-muted);opacity:.75}.small{font-size:13px}button{font-family:var(--font-body);font-size:15px;background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer}button:hover{border-color:var(--color-primary)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button.primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}button.on{background:var(--color-surface-raised);border-color:var(--color-primary);color:var(--color-primary)}button:disabled{opacity:.4;cursor:default}button.tiny{font-size:12px;padding:3px 8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.hidden{display:none!important}.legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--color-text-muted);margin-top:6px}.legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px;border-radius:2px;background:var(--c)}.status{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:12px 0}.status>div{background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:6px 8px}.status b{display:block;font-size:20px;font-weight:400;color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.status span{font-size:12px;color:var(--color-text-muted)}.bar{height:6px;background:var(--color-line);border-radius:var(--radius-sm);margin-top:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--color-ok)}.bar i.low{background:var(--color-danger)}.tabs{display:flex;border-bottom:1px solid var(--color-line);margin:10px 0 0}.tabs button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;color:var(--color-text-muted)}.tabs button.on{color:var(--color-text);border-bottom-color:var(--color-primary)}.trait{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 0;border-bottom:1px solid var(--color-line);align-items:center}.trait .name{font-size:13px;color:var(--color-text-muted)}.trait .val{color:var(--color-text)}.trait .val.changed{color:var(--color-primary)}.trait .fit{font-size:12px;color:var(--color-text-muted)}.trait .fit.strain{color:var(--color-danger)}.trait .fit.ok{color:var(--color-ok)}.trait .ctl{display:flex;gap:4px}.kin{padding:10px 0;border-bottom:1px solid var(--color-line)}.kin .head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.kin .head b{font-weight:400;font-size:18px;color:var(--color-text)}.kin .diff{font-size:13px;color:var(--color-text-muted);margin-top:4px}.kin .diff span{color:var(--color-primary)}.kin.dead{opacity:.5}.log p{font-size:14px;padding:4px 0;border-bottom:1px solid var(--color-line);margin:0}.log p em{color:var(--color-primary);font-style:normal}.picker{background:var(--color-surface-raised);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:10px;margin:8px 0}.picker button{display:block;width:100%;text-align:left;margin:4px 0}.actions{position:sticky;bottom:0;background:var(--color-surface);padding:8px 0 4px;border-top:1px solid var(--color-line);margin-top:14px}.actions button{font-size:14px;padding:6px 10px}.orders{font-size:13px;color:var(--color-text-muted);margin-bottom:6px;min-height:1.3em}.notebook .entry{padding:10px 0;border-bottom:1px solid var(--color-line)}.notebook .slot{font-size:13px;color:var(--color-text-muted)}.notebook .rec{font-size:19px;color:var(--color-text)}.notebook .rec .star{color:var(--color-primary)}.notebook .verdict{display:inline-block;font-size:12px;padding:1px 7px;border-radius:2px;margin-left:6px;vertical-align:middle}.v-correct{background:color-mix(in srgb,var(--color-ok) 30%,var(--color-surface));color:var(--color-ok)}.v-wrong{background:color-mix(in srgb,var(--color-danger) 30%,var(--color-surface));color:var(--color-danger)}.v-lost{background:var(--color-surface-raised);color:var(--color-text-muted)}.notebook .note{font-size:13px;color:var(--color-text-muted);margin-top:4px}.notebook .note .verdict{margin:0 4px 0 0}.score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:44px;line-height:1;color:var(--color-text);margin:8px 0 0}.score small{font-size:16px;color:var(--color-text-muted)}.domain{font-size:13px;font-style:italic;color:var(--color-primary);margin:14px 0 2px}.goal{border-left:2px solid var(--color-primary);padding:2px 0 2px 12px;margin:14px 0}.ancestral .trait{grid-template-columns:1fr}@media(prefers-reduced-motion:no-preference){.picker{animation:in .15s ease-out}}@keyframes in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}