:root,:root[data-theme=default]{--color-bg:#f7f6f3;--color-surface:#fff;--color-border:#d4d1cc;--color-text:#1a1916;--color-text-muted:#6b6860;--color-accent:#3d5a47;--color-accent-hover:#2f4537;--color-danger:#8b2e2e;--color-past:#edecea;--color-current:#fff8e6;--color-swatch:#3d5a47}:root[data-theme=light]{--color-bg:#fff;--color-surface:#f9f9f9;--color-border:#e2e2e2;--color-text:#111;--color-text-muted:#666;--color-accent:#1a56db;--color-accent-hover:#1145b8;--color-danger:#c0392b;--color-past:#f0f0f0;--color-current:#fffbe6;--color-swatch:#1a56db}:root[data-theme=dark]{--color-bg:#111213;--color-surface:#1c1e20;--color-border:#2e3035;--color-text:#e8e6e3;--color-text-muted:#888c94;--color-accent:#6fcf97;--color-accent-hover:#5ab882;--color-danger:#eb5757;--color-past:#181a1b;--color-current:#1f2a1c;--color-swatch:#6fcf97}:root[data-theme=klein-blue]{--color-bg:#f5f4fa;--color-surface:#fff;--color-border:#c8c0e8;--color-text:#0d0b2a;--color-text-muted:#5e4ae3;--color-accent:#05299e;--color-accent-hover:#041f77;--color-danger:#f26ca7;--color-past:#ede9f8;--color-current:#fdf0f5;--color-swatch:#5e4ae3}:root[data-theme=berry-jungle]{--color-bg:#291720;--color-surface:#1e1118;--color-border:#8202638c;--color-text:#fff7fb;--color-text-muted:#f0e6eeb8;--color-accent:#fb8b24;--color-accent-hover:#d90368;--color-danger:#d90368;--color-past:#23131a;--color-current:#361a2a;--color-swatch:#fb8b24}:root[data-theme=petal-pop]{--color-bg:#eeebd0;--color-surface:#fff;--color-border:#e87ea173;--color-text:#291720;--color-text-muted:#291720b3;--color-accent:#ee2677;--color-accent-hover:#e86252;--color-danger:#e86252;--color-past:#f6f3df;--color-current:#fff3f6;--color-swatch:#ee2677}:root[data-theme=sims]{--color-bg:#f3fffa;--color-surface:#fff;--color-border:#21b96b52;--color-text:#0b2230;--color-text-muted:#0b2230ad;--color-accent:#21b96b;--color-accent-hover:#a6e329;--color-danger:#4276b7;--color-past:#e9fff5;--color-current:#f4fff2;--color-swatch:#21b96b}:root[data-theme=grape-willow]{--color-bg:#f5f6fb;--color-surface:#fff;--color-border:#54428e47;--color-text:#1a1a25;--color-text-muted:#1a1a25ad;--color-accent:#8963ba;--color-accent-hover:#54428e;--color-danger:#688b58;--color-past:#eef1f8;--color-current:#f2fff6;--color-swatch:#8963ba}:root[data-theme=amaranth-sun]{--color-bg:#0c090d;--color-surface:#151017;--color-border:#53b3cb38;--color-text:#fff7f8;--color-text-muted:#fff7f8b8;--color-accent:#e01a4f;--color-accent-hover:#f9c22e;--color-danger:#f15946;--color-past:#120d13;--color-current:#1a131e;--color-swatch:#e01a4f}:root[data-theme=tropical-mauve]{--color-bg:#f7fbfa;--color-surface:#fff;--color-border:#51a3a352;--color-text:#1b1b1f;--color-text-muted:#1b1b1fa6;--color-accent:#51a3a3;--color-accent-hover:#cb904d;--color-danger:#75485e;--color-past:#eef8f7;--color-current:#f6fff0;--color-swatch:#51a3a3}:root[data-theme=evergreen-fawn]{--color-bg:#0f1f17;--color-surface:#14281d;--color-border:#c2a87838;--color-text:#f3efe6;--color-text-muted:#f3efe6b8;--color-accent:#355834;--color-accent-hover:#c2a878;--color-danger:#6e633d;--color-past:#111f19;--color-current:#1a2f23;--color-swatch:#355834}:root[data-theme=twilight-rose]{--color-bg:#190e4f;--color-surface:#140b3f;--color-border:#ea638c47;--color-text:#fff6fb;--color-text-muted:#fff6fbb8;--color-accent:#ea638c;--color-accent-hover:#b33c86;--color-danger:#b33c86;--color-past:#160a45;--color-current:#23105d;--color-swatch:#ea638c}:root[data-theme=coffee-teal]{--color-bg:#171219;--color-surface:#225560;--color-border:#c9db9b59;--color-text:#edf060;--color-text-muted:#edf060ad;--color-accent:#edf060;--color-accent-hover:#c0bd4b;--color-danger:#e87a34;--color-past:#1f1522;--color-current:#262443;--color-swatch:#225560}:root{--font-sans:"Almendra", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-display:"Almendra", Georgia, serif;--radius:4px;--shadow:0 1px 3px #00000014}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.btn-primary{background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:.9rem;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;color:var(--color-text);background:0 0;padding:.5rem 1rem;font-size:.875rem;transition:border-color .15s}.btn-secondary:hover{border-color:var(--color-accent)}.btn-ghost{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius);background:0 0;border:none;padding:.45rem .8rem;font-size:.875rem;transition:color .15s,background .15s}.btn-ghost:hover{color:var(--color-text);background:var(--color-border)}.btn-icon{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;color:var(--color-text-muted);background:0 0;padding:.2rem .4rem;font-size:.75rem}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon:hover:not(:disabled){background:var(--color-bg)}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.btn-danger{color:var(--color-danger)!important}.field-group{flex-direction:column;gap:.3rem;margin-bottom:1.2rem;display:flex}.field-group label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.8rem;font-weight:600}.field-group input,.field-group select,.field-group textarea{border:1px solid var(--color-border);border-radius:var(--radius);font-size:.95rem;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);width:100%;padding:.5rem .65rem;transition:border-color .15s}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--color-accent);outline:none}.field-hint{color:var(--color-text-muted);font-size:.78rem}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{text-align:center;width:100%;max-width:420px}.auth-card h1{margin-bottom:.5rem;font-size:1.6rem}.auth-card p{color:var(--color-text-muted);margin-bottom:2rem}.google-btn-wrapper{justify-content:center;min-height:44px;margin-top:.5rem;display:flex}.btn-google{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:4px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #00000014}.btn-google:hover{background:#f8f9fa;box-shadow:0 2px 6px #0000001f}.btn-google:disabled{opacity:.5;cursor:not-allowed}.setup-screen{max-width:680px;margin:0 auto;padding:2rem 1rem}.setup-header{margin-bottom:2rem}.setup-header h1{margin:0 0 .25rem;font-size:1.5rem}.setup-header p{color:var(--color-text-muted);margin:0}.wizard-container{max-width:600px;margin:0 auto}.wizard-progress{margin-bottom:1.5rem}.wizard-progress span{color:var(--color-text-muted);font-size:.8rem}.progress-bar{background:var(--color-border);border-radius:2px;height:3px;margin-top:.4rem}.progress-fill{background:var(--color-accent);border-radius:2px;height:100%;transition:width .3s}.wizard-step h2{margin:0 0 .4rem;font-size:1.25rem}.step-description{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.9rem}.wizard-nav{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.25rem;display:flex}.aging-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.aging-table{border-collapse:collapse;width:100%;font-size:.875rem}.aging-table th{background:var(--color-bg);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:.5rem .75rem;font-size:.75rem;font-weight:600}.aging-table td{border-bottom:1px solid var(--color-border);padding:.5rem .6rem}.aging-table tr:last-child td{border-bottom:none}.aging-table input[type=text],.aging-table input[type=number]{border-radius:var(--radius);background:0 0;border:1px solid #0000;width:100%;padding:.3rem .4rem;font-size:.875rem}.aging-table input:focus{border-color:var(--color-accent);background:var(--color-surface);outline:none}.order-col{align-items:center;gap:.2rem;display:flex}.years-col{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.checklist-section{margin-bottom:1.5rem}.checklist-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 .6rem;font-size:.85rem}.checklist{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.checklist li label{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.875rem;transition:border-color .15s;display:flex}.checklist li label:has(input:checked){border-color:var(--color-accent);background:#edf2ee}.review-section{margin-bottom:1.5rem}.review-section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 .5rem;font-size:.85rem}.review-subgroup{margin-bottom:.75rem;margin-left:.75rem}.review-subgroup h4{color:var(--color-text);margin:0 0 .3rem;font-size:.8rem;font-weight:600}.review-list{margin:0;padding:0;font-size:.9rem;list-style:none}.review-list li{gap:.5rem;padding:.2rem 0;display:flex}.review-list li span:first-child{min-width:140px;font-weight:500}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0;box-shadow:0 1px 6px #0000000f}.app-header-inner{flex-wrap:nowrap;align-items:center;gap:.75rem;min-height:52px;padding:.6rem 1.25rem;display:flex}.app-header-brand{flex-shrink:0;align-items:baseline;gap:.6rem;display:flex}.app-title{letter-spacing:-.02em;color:var(--color-accent);margin:0;font-size:1.15rem;font-weight:800}.challenge-meta{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.app-header-spacer{flex:1}.app-header-controls{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.save-status{color:var(--color-text-muted);white-space:nowrap;font-size:.72rem}.user-info{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.72rem;overflow:hidden}.tab-nav{border-top:1px solid var(--color-border);gap:.1rem;padding:0 .5rem;display:flex}.tab-nav button{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius) var(--radius) 0 0;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.55rem .9rem;font-size:.82rem;transition:color .15s,border-color .15s,background .15s}.tab-nav button:hover:not(.active){color:var(--color-text);background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.tab-nav button.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:700}.app-main{flex:1;width:100%;padding:1rem}.timeline-view{width:100%}.timeline-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.timeline-actions{align-items:center;gap:.5rem;display:inline-flex}.timeline-hint{color:var(--color-text-muted);font-size:.78rem}.add-col-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.add-col-bar input{border:1px solid var(--color-border);border-radius:var(--radius);flex:1;min-width:200px;padding:.4rem .6rem;font-size:.875rem}.vt-wrapper{border:1px solid var(--color-border);border-radius:var(--radius);scrollbar-gutter:stable;max-width:100%;max-height:calc(100vh - 220px);overflow:auto}.vt-body{overflow:visible}.vt-header{z-index:6;background:var(--color-bg);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);z-index:3;font-size:.72rem;font-weight:600;display:flex;position:sticky;top:0}.vt-head-cell{box-sizing:border-box;border-right:1px solid var(--color-border);white-space:nowrap;flex-shrink:0;align-items:center;height:36px;padding:0 .5rem;display:flex;overflow:hidden}.vt-head-cell:last-child{border-right:none}.vt-row{border-bottom:1px solid var(--color-border);background:var(--color-surface);content-visibility:auto;contain-intrinsic-height:auto;flex-wrap:nowrap;align-items:stretch;min-height:48px;font-size:.82rem;display:flex}.vt-row.past{background:var(--color-past);color:var(--color-text-muted)}.vt-row.current{background:var(--color-current);box-shadow:inset 4px 0 0 var(--color-accent)}.vt-row.active{outline:2px solid var(--color-accent);outline-offset:-2px;box-shadow:inset 0 0 0 1px #0000000a}.vt-cell{box-sizing:border-box;border-right:1px solid var(--color-border);cursor:pointer;white-space:normal;flex-wrap:wrap;flex-shrink:0;align-content:flex-start;align-items:flex-start;gap:.25rem;height:auto;min-height:48px;padding:.35rem .5rem;display:flex;overflow:hidden}.vt-row .vt-cell:last-child{border-right:none}.vt-cell:hover{background:#3d5a470d}.vt-cell.editing{cursor:text;padding:0}.vt-cell.editing input{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--color-surface);width:100%;height:100%;color:var(--color-text);caret-color:var(--color-text);font-size:.82rem;font-family:var(--font-sans);border:none;padding:0 .5rem}.vt-cell.editing input::placeholder{color:var(--color-text-muted)}.vt-sticky-day{background:inherit;z-index:4;font-weight:500;position:sticky;left:0}.vt-sticky-daynum{background:inherit;z-index:4;font-variant-numeric:tabular-nums;font-family:var(--font-mono);cursor:pointer;position:sticky;left:56px}.vt-sticky-year{background:inherit;z-index:4;font-variant-numeric:tabular-nums;position:sticky;left:116px;box-shadow:6px 0 #00000008}.vt-head-sticky-day{z-index:7;background:var(--color-bg);position:sticky;left:0}.vt-head-sticky-daynum{z-index:7;background:var(--color-bg);position:sticky;left:56px}.vt-head-sticky-year{z-index:7;background:var(--color-bg);position:sticky;left:116px}.vt-daynum:hover{color:var(--color-accent);text-decoration:underline}.vt-events{cursor:default;flex-wrap:nowrap;gap:.25rem;overflow:hidden}.vt-events:hover{background:0 0}.event-input{outline:1px solid var(--color-accent);font-size:.8rem;font-family:var(--font-sans);background:var(--color-surface);min-width:80px;color:var(--color-text);caret-color:var(--color-text);border:none;flex:1;padding:0 .3rem}.event-input::placeholder{color:var(--color-text-muted)}.cell-placeholder{color:var(--color-border);-webkit-user-select:none;user-select:none;font-size:.75rem}.cell-tag{border-radius:var(--radius);white-space:nowrap;color:var(--color-text);background:#0000000f;background:color-mix(in srgb, var(--color-accent) 16%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-accent) 22%, var(--color-border));align-items:center;gap:.25rem;padding:.1rem .35rem;font-size:.72rem;display:inline-flex}.cell-tag-text{text-overflow:ellipsis;max-width:160px;overflow:hidden}.cell-tag-remove{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:0;line-height:1;display:none}.cell-tag:hover .cell-tag-remove{justify-content:center;align-items:center;display:inline-flex}.cell-tag-remove:hover{color:var(--color-text);border-color:var(--color-border);background:#0000000f}.cell-add-btn{border:1px dashed var(--color-border);border-radius:var(--radius);cursor:pointer;width:18px;height:18px;color:var(--color-text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;line-height:1;transition:border-color .1s;display:inline-flex}.cell-add-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.current-marker{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:.3rem;display:inline-block}.sheet-header{z-index:9;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:-.75rem;margin-bottom:1.25rem;padding:.75rem 0;display:flex;position:sticky;top:90px}.sheet-header h2{margin:0}.gen-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:1.5rem 0 .6rem;font-size:.8rem}.sims-list{flex-direction:column;gap:.5rem;display:flex}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.sim-table-header{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);background:var(--color-bg);z-index:5;grid-template-columns:112px 180px 110px 70px 90px 60px 90px 140px 140px 140px 140px 90px 90px 140px 180px 160px;gap:.6rem;padding:.4rem .6rem;font-size:.72rem;font-weight:700;display:grid;position:sticky;top:0}.sims-list.rows{flex-direction:column;min-width:max-content;display:flex}.sim-row{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.sim-row.deceased{opacity:.65}.sims-list.rows .sim-row:nth-child(2n){background:#00000005}:root[data-theme=dark] .sims-list.rows .sim-row:nth-child(2n),:root[data-theme=berry-jungle] .sims-list.rows .sim-row:nth-child(2n){background:#ffffff0a}.sim-row-main{grid-template-columns:112px 180px 110px 70px 90px 60px 90px 140px 140px 140px 140px 90px 90px 140px 180px 160px;align-items:start;column-gap:.6rem;padding:.45rem .6rem;display:grid}.sim-row:hover{background:#3d5a470f}.sim-row.expanded{outline:2px solid var(--color-accent);outline-offset:-2px}.sim-cell{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:var(--color-text);font-size:.86rem;line-height:1.3;overflow:visible}.sim-cell.traits-cell{flex-wrap:wrap;align-items:flex-start;gap:.25rem;min-height:1.8rem;display:flex}.sim-cell.traits-cell .cell-tag{max-width:100%}.sim-cell.stage,.sim-cell.gen,.sim-cell.sex,.sim-cell.born,.sim-cell.died{color:var(--color-text-muted);font-size:.82rem}.sim-actions{justify-content:center;align-items:center;gap:.35rem;display:flex}.expand-toggle{color:var(--color-text-muted)}.sim-row-details{color:var(--color-text-muted);border-top:1px dashed var(--color-border);padding:.6rem .85rem .85rem;font-size:.86rem}.details-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:.35rem 1rem;display:grid}.detail{white-space:normal;overflow-wrap:anywhere;line-height:1.35}.detail strong{color:var(--color-text);font-weight:700}.detail-full{grid-column:1/-1}.detail-chip-list{flex-wrap:wrap;gap:.25rem;margin-top:.35rem;display:flex}@media (width<=900px){.details-grid{grid-template-columns:1fr}.sim-table-header{display:none}.sim-row-main{grid-template-columns:32px 28px 1fr auto;grid-auto-flow:column}.sim-cell{display:none}.sim-cell.name{display:block}.sim-actions{grid-column:4}}.sim-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem}.sim-card.deceased{opacity:.6}.sim-card-header{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}.sim-stage{color:var(--color-text-muted);font-size:.78rem}.sim-card-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.sim-card-meta.stacked{flex-direction:column;gap:.25rem}.reorder-controls{align-items:center;gap:.25rem;display:inline-flex}.sim-card-actions{gap:.5rem;display:flex}.empty-state{color:var(--color-text-muted);padding:2rem 0;font-size:.9rem}.modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:560px;max-height:90vh;padding:1.5rem 1rem;overflow-y:auto}.modal h3{margin:0 0 1.25rem}.modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.aging-reference h2{margin-bottom:1.25rem}.aging-ref-block{margin-bottom:2rem}.aging-ref-block h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 .5rem;font-size:.85rem}.aging-ref-table{border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius);width:100%;font-size:.875rem;overflow:hidden}.aging-ref-table th{background:var(--color-bg);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:.4rem .75rem;font-size:.75rem;font-weight:600}.aging-ref-table td{border-bottom:1px solid var(--color-border);padding:.4rem .75rem}.aging-ref-table tr:last-child td{border-bottom:none}.loading-screen{min-height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}@media (width>=640px){.modal-overlay{align-items:center;padding:2rem}.modal{border-radius:var(--radius)}.app-main{padding:1rem 1.5rem}.sims-list{flex-flow:wrap}.sim-card{flex:280px}}.theme-picker{flex-direction:column;gap:.6rem;display:flex}.theme-picker-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.78rem;font-weight:600}.theme-picker-options{flex-wrap:wrap;gap:.5rem;display:flex}.theme-chip{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;color:var(--color-text);align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s;display:inline-flex}.theme-chip.active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.theme-chip-swatch{background:var(--color-swatch);border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:14px;height:14px}[data-theme-preview=default] .theme-chip-swatch{background:#3d5a47}[data-theme-preview=light] .theme-chip-swatch{background:#1a56db}[data-theme-preview=dark] .theme-chip-swatch{background:#6fcf97}[data-theme-preview=klein-blue] .theme-chip-swatch{background:linear-gradient(135deg,#05299e 0%,#f26ca7 100%)}[data-theme-preview=berry-jungle] .theme-chip-swatch{background:linear-gradient(135deg,#fb8b24 0%,#d90368 50%,#04a777 100%)}[data-theme-preview=petal-pop] .theme-chip-swatch{background:linear-gradient(135deg,#ee2677 0%,#e86252 60%,#e87ea1 100%)}[data-theme-preview=sims] .theme-chip-swatch{background:linear-gradient(135deg,#21b96b 0%,#a6e329 55%,#4276b7 100%)}[data-theme-preview=grape-willow] .theme-chip-swatch{background:linear-gradient(135deg,#54428e 0%,#afe3c0 70%,#688b58 100%)}[data-theme-preview=amaranth-sun] .theme-chip-swatch{background:linear-gradient(135deg,#e01a4f 0%,#f9c22e 55%,#53b3cb 100%)}[data-theme-preview=tropical-mauve] .theme-chip-swatch{background:linear-gradient(135deg,#51a3a3 0%,#dfcc74 55%,#c3e991 100%)}[data-theme-preview=evergreen-fawn] .theme-chip-swatch{background:linear-gradient(135deg,#14281d 0%,#355834 55%,#c2a878 100%)}[data-theme-preview=twilight-rose] .theme-chip-swatch{background:linear-gradient(135deg,#190e4f 0%,#b33c86 55%,#ea638c 100%)}[data-theme-preview=coffee-teal] .theme-chip-swatch{background:linear-gradient(135deg,#171219 0%,#225560 50%,#edf060 100%)}.settings-page{max-width:560px}.settings-page h2{margin:0 0 1.5rem}.settings-section{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:2rem}.settings-section:last-child{border-bottom:none}.settings-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 1rem;font-size:.8rem}.settings-meta{color:var(--color-text-muted);margin:0 0 1rem;font-size:.9rem}.save-status{color:var(--color-text-muted);margin-left:auto;font-size:.75rem}.support-us-button{color:#fff;background:var(--color-accent);border-radius:var(--radius);letter-spacing:.01em;white-space:nowrap;padding:.38rem .85rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .2s,transform .1s}.support-us-button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.save-select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);max-width:220px;padding:.2rem .4rem;font-size:.78rem}.save-action-btn{border-radius:var(--radius);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);white-space:nowrap;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.save-action-btn:disabled{opacity:.35;cursor:not-allowed}.save-action-rename:hover{border-color:var(--color-accent);color:var(--color-accent)}.save-action-delete:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface))}@media (width<=700px){.save-switcher{display:none}}.theme-picker-compact{align-items:center;gap:.35rem;display:flex}.theme-swatch-dot{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:12px;height:12px}[data-theme-preview=default].theme-swatch-dot{background:#3d5a47}[data-theme-preview=light].theme-swatch-dot{background:#1a56db}[data-theme-preview=dark].theme-swatch-dot{background:#6fcf97}[data-theme-preview=klein-blue].theme-swatch-dot{background:linear-gradient(135deg,#05299e 0%,#f26ca7 100%)}[data-theme-preview=berry-jungle].theme-swatch-dot{background:linear-gradient(135deg,#fb8b24 0%,#d90368 50%,#04a777 100%)}[data-theme-preview=petal-pop].theme-swatch-dot{background:linear-gradient(135deg,#ee2677 0%,#e86252 60%,#e87ea1 100%)}[data-theme-preview=sims].theme-swatch-dot{background:linear-gradient(135deg,#21b96b 0%,#a6e329 55%,#4276b7 100%)}[data-theme-preview=grape-willow].theme-swatch-dot{background:linear-gradient(135deg,#54428e 0%,#afe3c0 70%,#688b58 100%)}[data-theme-preview=amaranth-sun].theme-swatch-dot{background:linear-gradient(135deg,#e01a4f 0%,#f9c22e 55%,#53b3cb 100%)}[data-theme-preview=tropical-mauve].theme-swatch-dot{background:linear-gradient(135deg,#51a3a3 0%,#dfcc74 55%,#c3e991 100%)}[data-theme-preview=evergreen-fawn].theme-swatch-dot{background:linear-gradient(135deg,#14281d 0%,#355834 55%,#c2a878 100%)}[data-theme-preview=twilight-rose].theme-swatch-dot{background:linear-gradient(135deg,#190e4f 0%,#b33c86 55%,#ea638c 100%)}.theme-select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:.2rem .4rem;font-size:.78rem}.col-group{margin-bottom:1.5rem}.col-group h4{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 .5rem;font-size:.8rem}.col-group-grid{flex-direction:column;gap:.35rem;display:flex}.col-row{grid-template-columns:140px 1fr;align-items:center;gap:.6rem;display:grid}.col-id{font-family:var(--font-mono);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.col-label-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);padding:.45rem .6rem;font-size:.9rem}.col-label-input:focus{outline:2px solid var(--color-accent);outline-offset:0;border-color:#0000}.toast{z-index:200;border-radius:var(--radius);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;padding:.55rem .8rem;font-size:.85rem;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #00000040}:root[data-theme=dark] .toast,:root[data-theme=berry-jungle] .toast{color:var(--color-text);background:#ffffff24;border:1px solid #ffffff2e}.vt-inner{min-width:100%}.preg-grid-wrapper{border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.preg-grid-header,.preg-grid-row{grid-template-columns:180px 180px 80px 90px 100px 130px 1fr 110px;align-items:center;gap:.5rem;padding:.5rem;display:grid}.preg-grid-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.72rem;font-weight:700;position:sticky;top:0}.preg-grid-row{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.preg-grid-row:last-child{border-bottom:none}.preg-grid-row select,.preg-grid-row input[type=number]{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);padding:.35rem .5rem}.checkbox-center{justify-content:flex-start;align-items:center;gap:.5rem;display:inline-flex}.checkbox-center input[type=checkbox]{width:16px;height:16px}.tries-cell{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.try-box{border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.try-box.checked{border-color:var(--color-accent);box-shadow:0 0 0 2px #00000008}.try-box input{width:14px;height:14px}.vt-year-cell{border-right:1px solid var(--color-border);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:center;align-items:flex-start;padding:.35rem .25rem;font-size:.82rem;display:flex}.vt-year-merged,.vt-row:not(.vt-year-block-end) .vt-year-merged{display:contents}.vt-year-placeholder{color:#0000}.family-tree-canvas{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);height:calc(100vh - 220px);min-height:520px;overflow:hidden}.ft-node{background:var(--color-surface);color:var(--color-text);text-align:center;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;width:110px;min-width:110px;height:200px;max-height:200px;padding:.5rem .5rem .6rem;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.ft-sim.compact{justify-content:flex-start;height:auto;min-height:122px;max-height:none;padding:.4rem}.ft-sim.compact .ft-meta{display:none}.ft-sim.compact .ft-name{margin-bottom:0;font-size:.75rem}.ft-sim.compact .ft-avatar-ring{width:72px;height:72px}.ft-sim.compact .ft-avatar,.ft-sim.compact .ft-avatar img,.ft-sim.compact .ft-avatar-cropped{width:62px;min-width:62px;max-width:62px;height:62px;min-height:62px;max-height:62px}.ft-sim-dead{opacity:.6}.ft-avatar-ring{background:var(--color-surface);border:3px solid #4a90d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;padding:2px;display:flex}.ft-avatar{background:#0000000f;border-radius:50%;flex-grow:0;flex-shrink:0;align-self:center;width:74px;min-width:74px;max-width:74px;height:74px;min-height:74px;max-height:74px;display:block;overflow:hidden}.ft-avatar.circle{border-radius:50%}.ft-avatar.rounded{border-radius:12px}.ft-avatar.square{border-radius:2px}.ft-avatar img{object-fit:cover;width:74px;min-width:74px;height:74px;min-height:74px;display:block}.ft-avatar-cropped{background-color:#0000000f;background-repeat:no-repeat;width:74px;min-width:74px;height:74px;min-height:74px;display:block}.ft-meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .5rem;margin-top:.2rem;font-size:.72rem;display:flex}.ft-meta span{white-space:nowrap}.ft-meta span+span:before{content:"·";color:var(--color-border);margin-right:.3rem}.ft-avatar-fallback{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-weight:700;display:flex}.ft-name{word-break:break-word;margin-bottom:.3rem;font-size:.85rem;font-weight:700}.ft-dates{color:var(--color-text-muted);margin-top:.3rem;font-size:.75rem}.ft-node-female{background:color-mix(in srgb, #f9a8c9 10%, var(--color-surface));border-color:#ec99afcc}.ft-node-male{background:color-mix(in srgb, #93c5fd 10%, var(--color-surface));border-color:#93c5fdcc}.ft-node-other{border-color:var(--color-border);background:var(--color-surface)}.ft-union{border-radius:0;width:20px;min-width:20px;height:6px;padding:0;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.ft-union-heart{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative;box-shadow:0 1px 4px #0000001f}.ft-union-heart-icon{color:#e05c7a;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:12px;line-height:1}.react-flow__node:has(.ft-union-heart){box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.ft-union-dot{opacity:0;width:1px;height:1px}.ft-node .react-flow__handle{opacity:0;background:0 0;border:none;width:1px;min-width:0;height:1px;min-height:0}.react-flow__handle{border:2px solid var(--color-surface);background:var(--color-accent);width:8px;height:8px}.react-flow__controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.react-flow__controls>button{background:var(--color-accent);color:var(--color-bg);border:none;outline:none;transition:background .2s,color .2s}.react-flow__controls>button:hover{background:var(--color-accent-hover);color:var(--color-surface);background:var(--color-accent)}.react-flow__mini-map{background:var(--color-surface);border:1px solid var(--color-border);opacity:.9}.react-flow__mini-map-node{fill:var(--color-accent);stroke:var(--color-text);stroke-width:1px}.react-flow__edge-path{stroke:#00000059}:root[data-theme=dark] .react-flow__edge-path,:root[data-theme=berry-jungle] .react-flow__edge-path,:root[data-theme=amaranth-sun] .react-flow__edge-path,:root[data-theme=evergreen-fawn] .react-flow__edge-path,:root[data-theme=twilight-rose] .react-flow__edge-path{stroke:#ffffff59}:root[data-theme=dark] .react-flow__handle,:root[data-theme=berry-jungle] .react-flow__handle,:root[data-theme=amaranth-sun] .react-flow__handle,:root[data-theme=evergreen-fawn] .react-flow__handle,:root[data-theme=twilight-rose] .react-flow__handle{border-color:#ffffff8c}.avatar-upload-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.avatar-preview{border:1px solid var(--color-border);background:#0000000d;border-radius:999px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%;display:block}.avatar-preview-fallback{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-crop-editor{grid-template-columns:120px 1fr;align-items:start;gap:.75rem;display:grid}.avatar-crop-preview{border:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none;background-color:#0000000f;background-repeat:no-repeat;border-radius:999px;width:120px;height:120px}.avatar-crop-preview:active{cursor:grabbing}.avatar-crop-controls input[type=range]{width:100%}.avatar-crop-empty{color:var(--color-text-muted)}.family-tree-layout{grid-template-columns:1fr 320px;align-items:start;gap:1rem;display:grid}.family-tree-sidebar{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);max-height:calc(100vh - 220px);padding:.75rem;overflow:auto}.family-tree-sidebar h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:.75rem 0 .5rem;font-size:.85rem}.family-tree-sidebar .sidebar-list{flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.sidebar-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:.6rem}.sidebar-card select,.sidebar-card input{width:100%}@media (width<=980px){.family-tree-layout{grid-template-columns:1fr}.family-tree-sidebar{max-height:none}}.stage-filter{flex-direction:column;gap:.35rem;max-height:180px;padding-right:.25rem;display:flex;overflow:auto}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}