/* Orbital Study — Copyright (c) 2026 Antonio Juarez (@antoniojl16). All rights reserved. See LICENSE. */
:root{--explorer-tab-line:var(--line)}
.explorer-system-tabs{display:flex;gap:4px;border-bottom:1px solid var(--explorer-tab-line);margin:32px 0 22px}.explorer-system-tabs button{border:0;background:transparent;color:var(--muted);padding:13px 17px;font-size:11px}.explorer-system-tabs button.active{color:var(--ink);box-shadow:inset 0 -2px var(--accent)}
:root{--selector-border:var(--line)}
.hd-layout.personality .design-column,.hd-layout.design .personality-column{opacity:.22;filter:grayscale(1)}.hd-layout.personality .design-column .hd-planet,.hd-layout.design .personality-column .hd-planet{visibility:hidden}.hd-layout.incarnation-cross .hd-column .hd-planet:nth-child(n+4){display:none}.system-selector-stack{display:grid;gap:8px;margin-top:28px}.selector-row{display:flex;align-items:center;gap:15px}.selector-label{width:82px;color:var(--muted);font:9px 'DM Mono',monospace;letter-spacing:1px}.selector-row .system-tabs{margin-top:0}.influence-tabs button{padding-top:9px;padding-bottom:9px}
:root{--channel-empty:#d2d3d5}
body.dark{--channel-empty:#55585d}
.hd-channel{cursor:pointer}.hd-channel-label{pointer-events:none}
.hd-gate-half{cursor:pointer}.hd-gate-half .channel-track{stroke:var(--channel-empty);stroke-width:10;stroke-linecap:round;opacity:.75}.hd-gate-half .channel-fill{stroke:transparent;stroke-width:6;stroke-linecap:round}.hd-gate-half .channel-fill.design{stroke:var(--accent)}.hd-gate-half .channel-fill.personality{stroke:var(--ink)}.hd-gate-half:hover .channel-track{stroke:var(--gold)!important;opacity:1}.hd-gate-half:hover .channel-fill{stroke:var(--gold)!important;opacity:1}
.hd-auxiliary-connection{cursor:pointer}.hd-auxiliary-connection line{stroke:var(--gold);stroke-width:3;stroke-dasharray:5 4;opacity:.9}.hd-auxiliary-connection:hover line{stroke:var(--accent);stroke-width:5}
.mandala-zodiac-ring{fill:none;stroke:var(--line);stroke-width:2}.mandala-gate-tick{stroke:var(--muted);stroke-width:1;opacity:.7}.zodiac-boundary{stroke:var(--line);stroke-width:1.4;opacity:.9}.mandala-zodiac{fill:var(--ink);font:9px 'DM Mono',monospace;overflow:visible}.zodiac-glyph{font:20px 'Playfair Display',serif;fill:var(--accent)}
:root{--hd-silhouette:#c6c8cb;--hd-undefined:#d9dadd}
body.dark{--hd-silhouette:#4b4d52;--hd-undefined:#292b30}
:root{--wheel-hidden-display:none}
.wheel-stage #chartWheel[hidden],.wheel-stage .wheel-caption[hidden]{display:none!important}
.wheel-stage.aspects-only #chartWheel,.wheel-stage.aspects-only .wheel-caption{display:none!important}
.house-cusp{stroke:var(--gold);stroke-width:1;opacity:.7}.house-number{fill:var(--gold);font:10px 'DM Mono',monospace}.zodiac-tick{stroke:var(--muted);stroke-linecap:butt}.zodiac-tick.bold{stroke-width:1.3}.zodiac-tick.thin{stroke-width:.6;opacity:.75}.house-system-toggle{cursor:pointer}.house-system-toggle:hover{color:var(--accent);border-color:var(--accent)}
.wheel-sign{fill:var(--ink)}.wheel-sign.fire{fill:var(--accent)}.wheel-sign.earth{fill:var(--green)}.wheel-sign.air{fill:var(--gold)}.wheel-sign.water{fill:var(--blue)}
.cycle-picker{display:flex;align-items:center;gap:26px;margin:24px 0 14px;flex-wrap:wrap}.cycle-picker label{display:flex;flex-direction:column;gap:7px;font:10px 'DM Mono',monospace;color:var(--muted)}.cycle-picker select{border:1px solid var(--line);background:var(--panel);padding:9px 10px;font-size:11px;color:var(--ink);min-width:200px}.cycle-type-tabs{display:flex;gap:6px;flex-wrap:wrap}.cycle-type-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:8px 13px;font-size:10px;border-radius:20px}.cycle-type-tabs button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cycle-occurrence-row{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.cycle-chip{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:8px 12px;font:10px 'DM Mono',monospace;border-radius:4px;text-align:center}.cycle-chip small{display:block;color:var(--muted);margin-top:2px}.cycle-chip.active{border-color:var(--accent);background:var(--accent-soft)}.cycle-chip.past{color:var(--muted);border-style:dashed}.cycle-chip.past.active,.cycle-chip.past.active small{color:var(--ink)}

.mandala-zodiac.fire .zodiac-glyph{fill:var(--accent)}.mandala-zodiac.earth .zodiac-glyph{fill:var(--green)}.mandala-zodiac.air .zodiac-glyph{fill:var(--gold)}.mandala-zodiac.water .zodiac-glyph{fill:var(--blue)}
.system-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:38px}.system-tabs button{border:0;background:transparent;color:var(--muted);padding:13px 15px;font-size:11px}.system-tabs button.active{color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.system-surface{margin-top:22px}.system-layout{display:grid;grid-template-columns:minmax(520px,1fr) 300px;gap:20px}.system-visual,.system-info{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.system-toolbar{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.sample-badge{font:9px 'DM Mono',monospace;color:var(--blue)}.bodygraph,.gene-paths{display:block;width:min(100%,600px);height:640px;margin:auto;padding:18px}.gene-paths{height:430px}.design-channel{stroke:var(--blue);stroke-width:7;stroke-linecap:round;opacity:.65}.design-center{cursor:pointer}.design-center:hover{filter:brightness(1.15)}.design-center text{font:10px 'DM Mono',monospace;fill:#fff;pointer-events:none}.system-info{padding:23px}.system-info h3{font:700 25px 'Playfair Display',serif;margin:14px 0 8px}.system-info p{color:var(--muted);font-size:12px;line-height:1.6}.system-stat{border-top:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between;gap:8px}.system-stat span{font:9px 'DM Mono',monospace;color:var(--muted)}.system-stat strong{font-size:11px;text-align:right}.system-note{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:11px;line-height:1.5}.gene-arc{fill:none;stroke:var(--line);stroke-width:2}.gene-sphere{cursor:pointer}.gene-sphere:hover circle{filter:brightness(1.15)}.gene-sphere text{fill:#fff;font:12px 'DM Mono',monospace}.gene-sphere .sphere-label{fill:var(--muted);font-size:9px}.zodiac-mode-toggle{cursor:pointer}.zodiac-mode-toggle:hover{color:var(--accent);border-color:var(--accent)}
.gene-all-paths{display:block;width:min(100%,780px);height:auto;margin:auto;padding:18px}.gk-path{cursor:pointer}.gk-path-track{stroke:var(--gk-path-color);stroke-width:2;opacity:.55}.gk-path:hover .gk-path-track{stroke-width:3;opacity:.9}.gk-path-label{fill:var(--gk-path-color);font:700 11px 'DM Mono',monospace;pointer-events:none}.gk-path:hover .gk-path-label{filter:brightness(1.3)}.gk-sphere{cursor:pointer}.gk-sphere:hover circle{filter:brightness(1.15)}.gk-sphere-name{fill:#fff;font:8px 'DM Mono',monospace;pointer-events:none}.gk-sphere-gate{fill:#fff;font:700 13px 'DM Mono',monospace;pointer-events:none}.gk-path.disabled{cursor:default;pointer-events:none}.gk-path.disabled .gk-path-track{stroke:var(--muted);opacity:.2}.gk-path.disabled .gk-path-label{fill:var(--muted);opacity:.35}.gk-sphere.disabled{cursor:default;pointer-events:none}.gk-sphere.disabled circle{fill:var(--muted);opacity:.3}.gk-sphere.disabled .gk-sphere-name,.gk-sphere.disabled .gk-sphere-gate{opacity:.5}
.hd-layout{display:grid;grid-template-columns:150px minmax(400px,1fr) 150px;gap:0;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.hd-column{padding:22px 10px}.hd-column-title{text-align:center;font:600 13px 'Playfair Display',serif;text-transform:capitalize;border-bottom:2px solid var(--accent);padding-bottom:8px;margin-bottom:12px}.personality-column .hd-column-title{border-color:var(--line)}.hd-planet{display:flex;justify-content:center;gap:8px;height:38px;align-items:center;font:11px 'DM Mono',monospace}.hd-planet span{font-size:16px}.hd-visual{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:none}.hd-bodygraph{height:670px;padding:12px}.hd-silhouette{fill:var(--hd-silhouette);opacity:.4}.hd-bodygraph .design-channel{stroke:var(--accent);stroke-width:8;opacity:.8}.hd-channel-label{fill:var(--muted);font:8px 'DM Mono',monospace}.design-center{stroke:var(--panel);stroke-width:2}.design-center text{font-size:9px}.hd-info{margin-top:20px}.hd-mandala-layout{display:grid;grid-template-columns:minmax(520px,1fr) 300px;gap:20px}.hd-mandala-visual{min-height:700px}.hd-mandala{display:block;width:min(100%,700px);height:auto;margin:auto;padding:18px}.mandala-ray{stroke:var(--line);stroke-width:1;opacity:.45}.mandala-outer,.mandala-ring{fill:none;stroke:var(--line);stroke-width:1}.mandala-core{fill:var(--hd-silhouette);opacity:.4}.mandala-gate{fill:var(--muted);font:14px 'DM Mono',monospace}.mandala-planet-glyph{font:18px 'DM Mono',monospace;cursor:pointer}.mandala-planet-glyph:hover{filter:brightness(1.4)}.mandala-active{cursor:pointer}.mandala-active circle{fill:var(--accent)}.mandala-active text{fill:#fff;font:9px 'DM Mono',monospace}.mandala-active:hover circle{filter:brightness(1.2)}
.selection-bar{display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--paper);padding:11px 15px;margin-top:24px;font-size:11px}.selection-bar span{color:#b9b7ae;margin-right:auto}.selection-bar .secondary-button{border-color:#676a63;color:var(--paper);padding:7px 10px}.selection-bar .text-button{color:#e59d7d}.transfer-label{display:grid;gap:7px;margin-top:22px;font:10px 'DM Mono',monospace;color:var(--muted)}.transfer-label select{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px;font-size:11px}
.selection-bar[hidden]{display:none!important}

.form-grid textarea{border:1px solid var(--line);background:var(--paper);padding:10px;font:11px Manrope,sans-serif;color:var(--ink);resize:vertical;outline-color:var(--accent)}
.aspect-glyph{display:inline-block;color:var(--accent);font-size:14px;font-weight:500;width:20px}.aspect-empty{color:var(--muted);font-size:10px;padding:12px 0}
.timeline-zoom{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:10px;color:var(--muted);font:9px 'DM Mono',monospace}.timeline-zoom button{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:24px;height:22px;padding:0;font-size:14px;line-height:1}.timeline-zoom button:hover{border-color:var(--accent);color:var(--accent)}.timeline-center{margin-right:auto;width:auto!important;padding:0 9px!important;font:9px 'DM Mono',monospace;letter-spacing:.5px}
.wheel-stage #chartWheel[hidden],.wheel-stage .wheel-caption[hidden]{display:none}.wheel-stage:has(#aspectGrid){min-height:560px;padding:25px 25px 17px}.aspect-grid{display:grid}.wheel-stage #aspectGrid{display:grid;overflow:auto;max-width:100%;padding:16px 4px 10px}.grid-corner{background:var(--paper-deep);border-bottom:1px solid var(--line)}.grid-label{background:var(--paper-deep);border-bottom:1px solid var(--line);color:var(--muted);font:8px 'DM Mono',monospace;padding:8px 4px;writing-mode:vertical-rl;transform:rotate(180deg);min-height:73px;text-align:left}.grid-label.row-label{writing-mode:initial;transform:none;min-height:0;text-align:right;padding:8px 7px;white-space:nowrap}.aspect-cell{min-height:34px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:#aaa79f;display:grid;place-items:center;font:14px 'Playfair Display',serif}.aspect-cell.has-aspect{color:var(--accent);background:var(--accent-soft)}.aspect-cell.has-aspect.weak{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}.aspect-cell.has-aspect.strong{box-shadow:inset 0 0 0 2px #333}.aspect-cell.has-aspect.exact{box-shadow:inset 0 0 0 3px #333}body.dark .aspect-cell.has-aspect.strong{box-shadow:inset 0 0 0 2px #999}body.dark .aspect-cell.has-aspect.exact{box-shadow:inset 0 0 0 4px #999}.aspect-cell[data-aspect-tip]{cursor:help}
:root{--paper:#f5f1e9;--paper-deep:#eae4d8;--ink:#242622;--muted:#66655f;--line:#d9d3c7;--panel:#fbf9f4;--accent:#ad5039;--accent-soft:#f0d7cc;--gold:#b88a46;--green:#4f766c;--blue:#517088;--shadow:0 18px 45px rgba(55,48,35,.08);font-family:Manrope, sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-width:1000px}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:254px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:30px 20px 22px;display:flex;flex-direction:column;background:rgba(251,249,244,.55)}.brand-lockup{display:flex;gap:13px;align-items:flex-start;margin:4px 10px 46px}.brand-lockup h1{font:700 23px/1.02 'Playfair Display',serif;letter-spacing:-.5px;margin:5px 0 0}.brand-mark{width:27px;height:27px;position:relative;margin-top:2px}.brand-mark span{position:absolute;border:1.5px solid var(--accent);border-radius:50%}.brand-mark span:nth-child(1){inset:2px 8px 2px 8px}.brand-mark span:nth-child(2){inset:8px 2px 8px 2px}.brand-mark span:nth-child(3){inset:5px}.eyebrow,.nav-label{font:500 10px/1.2 'DM Mono',monospace;letter-spacing:1.3px;color:var(--muted);text-transform:uppercase}.accent-label{color:var(--accent)}.workspace-switcher{margin:0 10px 35px}.nav-label{display:block;margin-bottom:10px}.workspace-button{width:100%;border:1px solid var(--line);background:var(--panel);padding:10px 11px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--ink);border-radius:4px}.workspace-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.chevron{margin-left:auto;color:var(--muted)}.primary-nav{display:grid;gap:4px}.nav-item,.side-action,.shortcuts-link{border:0;background:transparent;color:var(--muted);padding:10px;border-radius:4px;text-align:left;display:flex;align-items:center;gap:11px;font-size:12px}.nav-item.active,.nav-item:hover{color:var(--ink);background:var(--paper-deep)}.nav-icon{font-size:17px;color:var(--accent);width:18px;text-align:center}.nav-count{margin-left:auto;font:500 10px 'DM Mono',monospace;color:var(--accent)}.sidebar-rule{height:1px;background:var(--line);margin:27px 10px}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.side-action,.shortcuts-link{font-size:11px}.side-action span,.shortcuts-link span{font-size:17px;width:18px;text-align:center;color:var(--muted)}.shortcuts-link{border-top:1px solid var(--line);margin-top:12px;padding-top:17px}.shortcuts-link kbd{margin-left:auto}.storage-note{font:10px 'DM Mono',monospace;color:var(--muted);margin:22px 10px 0}.storage-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70947b;margin-right:5px}.main-content{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{display:flex;gap:12px;align-items:center;font:10px 'DM Mono',monospace;letter-spacing:1px}.breadcrumb strong{color:var(--accent);font-weight:500}.muted-text{color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:18px}.save-state{font:10px 'DM Mono',monospace;color:var(--green)}.icon-button{border:0;background:transparent;color:var(--muted);font-size:19px}.avatar{border:0;background:var(--ink);color:var(--paper);width:30px;height:30px;border-radius:50%;font:10px 'DM Mono',monospace}.view{padding:43px 46px 50px;max-width:1440px}.page-intro,.explorer-head{display:flex;justify-content:space-between;align-items:flex-end}.page-intro h2,.explorer-head h2{font:700 42px/1.1 'Playfair Display',serif;letter-spacing:-1.3px;margin:11px 0 8px}.intro-copy{color:var(--muted);font-size:13px;margin:0}.primary-button,.secondary-button,.filter-button{border:1px solid var(--ink);padding:11px 14px;background:var(--ink);color:var(--paper);font-size:11px;border-radius:3px}.primary-button span{color:#e59d7d;margin-right:4px}.primary-button kbd{margin-left:16px;background:rgba(255,255,255,.12);color:#d9d3c7}.secondary-button,.filter-button{background:transparent;color:var(--ink);border-color:var(--line)}.stats-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:43px;padding:18px 0;display:flex;align-items:center;gap:44px}.stat-block{display:grid;gap:7px;min-width:115px}.stat-block span{font:10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.stat-block strong{font:600 14px Manrope}.stat-block strong i{font-style:normal;color:var(--accent);padding:0 4px}.library-tools{margin-left:auto;display:flex;gap:9px}.search-field{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);padding:0 10px;width:250px}.search-field span{color:var(--muted);font-size:20px}.search-field input{border:0;outline:0;background:transparent;padding:10px 0;width:100%;font-size:11px}.table-wrap{margin-top:24px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;font-size:11px}th{font:500 9px 'DM Mono',monospace;letter-spacing:.8px;color:var(--muted);text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #e7e1d7;vertical-align:middle}tbody tr{transition:background .15s;cursor:pointer}tbody tr:hover{background:#f4eee5}tbody tr.selected{background:#f0e7dc}.check-col{width:42px;padding-left:17px}.chart-cell{display:flex;align-items:center;gap:12px;min-width:180px}.chart-name{font-weight:700}.chart-type{color:var(--muted);font:9px 'DM Mono',monospace;margin-top:3px}.birth-cell,.location-cell{color:#55554f}.date-note{display:block;color:var(--accent);font:9px 'DM Mono',monospace;margin-top:3px}.signature-cell{display:flex;align-items:center;gap:8px}.signature-glyph{font:22px 'Playfair Display';color:var(--accent)}.signature-text strong{display:block;font-size:11px}.signature-text small{color:var(--muted);font-size:9px}.tag{display:inline-block;padding:4px 6px;background:var(--accent-soft);color:#8f4a38;border-radius:2px;font:9px 'DM Mono',monospace;margin:2px}.note-count{color:var(--muted)}.table-footer{display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace;padding:14px 2px}.table-hint{display:flex;gap:7px;align-items:center}.table-hint span{color:var(--line)}kbd{font:9px 'DM Mono',monospace;border:1px solid var(--line);border-bottom-color:#bbb4a8;padding:3px 5px;border-radius:2px;color:var(--muted);background:var(--panel)}.empty-state{text-align:center;color:var(--muted);padding:40px;font-size:12px}.explorer-head{align-items:flex-start}.back-link{border:0;background:transparent;color:var(--muted);font:10px 'DM Mono',monospace;padding:0;margin-bottom:31px}.explorer-head h2{margin:8px 0}.explorer-actions{display:flex;gap:9px;margin-top:25px}.chart-layout{display:grid;grid-template-columns:minmax(560px,1.5fr) minmax(300px,.7fr);gap:21px;margin-top:39px}.chart-panel,.detail-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 16px}.segmented{display:flex;background:var(--paper-deep);padding:3px;gap:2px}.segmented button,.detail-tabs button,.aspect-filters button{border:0;background:transparent;color:var(--muted);font-size:10px;padding:7px 12px}.segmented button.active,.detail-tabs button.active,.aspect-filters button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}.chart-toolbar-right{display:flex;gap:15px;color:var(--muted);font:10px 'DM Mono',monospace}.wheel-stage{padding:18px 20px 12px}.wheel-stage svg{display:block;width:min(100%,680px);margin:auto}.wheel-caption{display:flex;justify-content:center;gap:25px;color:var(--muted);font:10px 'DM Mono',monospace}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.birth{background:var(--accent)}.legend-dot.design{background:var(--blue)}.wheel-caption small{color:var(--muted);margin-left:3px}.timeline-control{border-top:1px solid var(--line);padding:18px 23px 15px}.timeline-label{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:var(--muted)}.timeline-label strong{color:var(--ink);font-weight:500}.timeline-control input{width:100%;accent-color:var(--accent);margin:14px 0 7px}.timeline-tick{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:var(--muted);font:8px 'DM Mono',monospace;white-space:nowrap}.timeline-tick i{display:block;width:1px;height:4px;background:var(--line)}.timeline-tick b{font-weight:400;margin-top:2px}.detail-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 13px}.detail-tabs button{padding:16px 11px}.detail-tabs button.active{box-shadow:inset 0 -2px var(--accent);background:transparent}.detail-content{padding:20px}.signature-card{padding:18px;background:var(--paper-deep);border:1px solid var(--line)}.sign-glyph{font:43px 'Playfair Display';color:var(--accent)}.detail-section{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;color:var(--muted);margin-bottom:12px}.text-button{border:0;background:transparent;color:var(--accent);font:10px 'DM Mono',monospace}.aspect-filters{display:flex;border-bottom:1px solid var(--line);margin-bottom:4px}.aspect-filters button{padding:6px 8px}.aspect-list{display:grid}.aspect-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:10px}.aspect-row span:last-child{font:9px 'DM Mono',monospace;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:0;box-shadow:0 25px 80px rgba(36,38,34,.2);width:min(580px,calc(100% - 40px))}dialog::backdrop{background:rgba(36,38,34,.34);backdrop-filter:blur(3px)}dialog form,dialog>div{padding:29px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font:700 28px 'Playfair Display';margin:8px 0}.close-button{border:0;background:transparent;font-size:25px;color:var(--muted);align-self:flex-start}.dialog-copy{font-size:11px;color:var(--muted);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.form-grid label{display:grid;gap:6px;font:10px 'DM Mono',monospace;color:var(--muted)}.form-grid input{border:1px solid var(--line);background:var(--paper);padding:10px;font-size:11px;color:var(--ink);outline-color:var(--accent)}.form-grid .wide-field{grid-column:span 2}.form-grid small{font-size:9px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.workspace-list{display:grid;gap:7px;margin-top:18px}.workspace-choice{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);background:var(--paper);text-align:left}.workspace-choice.active{border-color:var(--accent);background:var(--accent-soft)}.workspace-choice small{margin-left:auto;font:9px 'DM Mono',monospace;color:var(--muted)}.shortcut-list{display:grid;gap:13px;padding-top:10px}.shortcut-list div{display:flex;align-items:center;gap:12px;font-size:12px}.shortcut-list div span{margin-left:5px}.toast{position:fixed;bottom:24px;right:28px;background:var(--ink);color:var(--paper);padding:12px 17px;font:10px 'DM Mono',monospace;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.visible{transform:translateY(0);opacity:1}@media(max-width:1100px){.view{padding-left:30px;padding-right:30px}.chart-layout{grid-template-columns:1fr}.detail-panel{max-width:none}.stats-row{gap:20px}}
body.dark{--paper:#202522;--paper-deep:#2d322e;--ink:#eee8dc;--muted:#aeb0a7;--line:#424841;--panel:#272c28;--accent:#df7657;--accent-soft:#56352e;--gold:#d6a85a;--blue:#8fb0c9;--green:#86b3a6;--shadow:0 18px 45px rgba(0,0,0,.18)}body.dark .sidebar{background:#1d211e}body.dark tbody tr:hover{background:#30352f}body.dark .avatar{background:var(--accent);color:var(--paper)}body.dark .search-field input{color:var(--ink)}
.ephemeris-debug-bar{background:#4a4030;color:#f0e8d8;font:11px 'DM Mono',monospace;letter-spacing:.3px;padding:6px 16px;text-align:center;white-space:nowrap;overflow-x:auto}.ephemeris-debug-bar.real{background:#31502f;color:#dcf0d8}.ephemeris-debug-bar.warn{background:#6b2f2a;color:#f6dcd8}
.fix-zodiac-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none}.fix-zodiac-toggle input{margin:0;accent-color:var(--accent)}
:root{--acg-ocean:#dbe3e3;--acg-land:#f8f5ee}body.dark{--acg-ocean:#1a2123;--acg-land:#353b36}
.acg-map-wrap{position:relative}.acg-map{display:block;width:100%;height:560px;cursor:default;touch-action:none;user-select:none}.acg-ocean{fill:var(--acg-ocean)}.acg-land{fill:var(--acg-land-fill,var(--acg-land))}.acg-lake{fill:var(--acg-lake-fill,var(--acg-ocean))}.acg-border{fill:none;stroke:var(--acg-border-color,var(--muted));stroke-width:.6;stroke-opacity:var(--acg-border-opacity,.5);stroke-linejoin:round;vector-effect:non-scaling-stroke}.acg-state{fill:none;stroke:var(--acg-border-color,var(--muted));stroke-width:.5;stroke-opacity:var(--acg-state-opacity,.35);stroke-dasharray:3 2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.acg-graticule{stroke:var(--acg-graticule-color,var(--muted));stroke-width:.5;opacity:.3;vector-effect:non-scaling-stroke}.acg-graticule.equator{opacity:.6}.acg-zoom{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:4px}.acg-zoom button{width:30px;height:30px;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:16px;line-height:1;box-shadow:var(--shadow)}.acg-zoom button:hover{border-color:var(--accent);color:var(--accent)}
.acg-layout{grid-template-columns:minmax(440px,1fr) 150px 320px}.acg-filters{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:18px 12px;display:flex;flex-direction:column;gap:12px}.acg-filter-group{display:flex;flex-direction:column;gap:5px;margin-top:6px}.acg-filter-subhead{font:9px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.acg-filter{display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer;user-select:none}.acg-filter input{margin:0;accent-color:var(--accent)}.acg-filter i{display:block;width:10px;height:3px;border-radius:2px;flex:none}
.acg-line{fill:none;stroke:var(--acg-line-color);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.acg-label-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.acg-label{fill:var(--acg-line-color);font:600 11px 'DM Mono',monospace;paint-order:stroke;stroke:var(--acg-land);stroke-width:3px;stroke-linejoin:round}.acg-label-tick{stroke:var(--acg-line-color);stroke-width:1.2}.acg-zenith{fill:rgba(20,18,12,.13);stroke:var(--acg-line-color);stroke-width:1.2;vector-effect:non-scaling-stroke}body.dark .acg-zenith{fill:rgba(0,0,0,.32)}
.acg-origin{pointer-events:auto;cursor:move}.acg-origin-hit{fill:transparent}.acg-origin-glyph{fill:var(--ink);font-size:18px;paint-order:stroke;stroke:var(--acg-land);stroke-width:3px;stroke-linejoin:round}.acg-origin:hover .acg-origin-glyph{fill:var(--accent)}.acg-origin-actions{display:flex;flex-direction:column;gap:6px}.acg-origin-actions[hidden]{display:none}.acg-origin-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:6px 8px;font:10px 'DM Mono',monospace;text-align:left}.acg-origin-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.acg-origin-button:disabled{opacity:.45;cursor:default}
.acg-tooltip{position:absolute;left:0;top:0;z-index:2;pointer-events:none;background:var(--ink);color:var(--paper);font:10px 'DM Mono',monospace;line-height:1.6;padding:7px 10px;border-radius:3px;box-shadow:0 8px 20px rgba(0,0,0,.25);white-space:nowrap}.acg-tooltip[hidden]{display:none}.acg-tooltip-title{opacity:.7;margin-bottom:2px}.acg-tooltip-section{margin-top:6px}
#chartSystemSurface .chart-layout.with-filters{grid-template-columns:minmax(440px,1.5fr) 290px 216px minmax(260px,.7fr)}
.hd-typology{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.hd-typology-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.hd-typology-card h3{font:700 16px 'Playfair Display',serif;margin:0;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}.hd-typology-card h3 small{font:600 11px 'DM Mono',monospace;color:var(--accent);letter-spacing:.5px}.hd-typology-row{display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:9px 18px;border-bottom:1px solid var(--line);font-size:11px}.hd-typology-row:last-child{border-bottom:0}.hd-typology-row strong{text-align:right;font-weight:600}.hd-typology-row small{grid-column:1/-1;font:9px 'DM Mono',monospace;color:var(--muted);margin-top:2px}
.hd-bases{margin-top:20px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:15px 18px}.hd-bases-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.hd-base{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:6px 12px;font-size:11px;background:var(--paper)}.hd-base b{font:600 11px 'DM Mono',monospace;color:var(--accent)}.hd-bases p{color:var(--muted);font-size:11px;margin:10px 0 0}
.aspect-hit{stroke:transparent;stroke-width:2;pointer-events:stroke}.wheel-tooltip{position:fixed;z-index:60;pointer-events:none;background:var(--ink);color:var(--paper);font:10px 'DM Mono',monospace;line-height:1.6;padding:7px 10px;border-radius:3px;box-shadow:0 8px 20px rgba(0,0,0,.25);white-space:nowrap}.wheel-tooltip[hidden]{display:none}.wheel-tooltip-main{font-size:11px;font-weight:600}.wheel-tooltip-sub{opacity:.75}
.planet-motion{font:600 7.5px 'DM Mono',monospace;dominant-baseline:middle}
.pair-picker{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:start;margin-top:32px}.pair-slot{display:grid;gap:8px}.pair-combo{position:relative;display:flex}.pair-input{flex:1;min-width:0;border:1px solid var(--line);border-right:0;background:var(--panel);color:var(--ink);padding:11px 12px;font:700 20px 'Playfair Display',serif;outline:none}.pair-input:focus{border-color:var(--accent)}.pair-input:focus+.pair-toggle{border-color:var(--accent)}.pair-toggle{border:1px solid var(--line);background:var(--panel);color:var(--muted);width:40px;font-size:14px}.pair-toggle:hover{color:var(--accent)}.pair-options{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:320px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.pair-options[hidden]{display:none}.pair-option{padding:9px 12px;cursor:pointer;display:grid;gap:2px;border-bottom:1px solid var(--line)}.pair-option:last-child{border-bottom:0}.pair-option b{font-size:12px}.pair-option small{font:9px 'DM Mono',monospace;color:var(--muted)}.pair-option.highlighted{background:var(--paper-deep)}.pair-option.selected b{color:var(--accent)}.pair-empty{padding:12px;color:var(--muted);font-size:11px}.pair-details{margin:0;color:var(--muted);font-size:12px}.pair-swap{align-self:center;margin-top:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);width:40px;height:40px;border-radius:50%;font-size:16px}.pair-swap:hover{border-color:var(--accent);color:var(--accent)}.pair-message{margin-top:20px}.pair-placeholder{padding:40px}
.gk-pair-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.acg-pair-layout{display:grid;grid-template-columns:minmax(500px,1fr) 150px;gap:20px;align-items:start}.acg-pair-maps{display:grid;gap:20px}
.pair-astro-layout{display:grid;grid-template-columns:minmax(440px,1.5fr) 290px 216px minmax(260px,.7fr);gap:20px;align-items:start;margin-top:20px}.pair-astro-toolbar{gap:12px;flex-wrap:wrap;justify-content:flex-start}.pair-seg{display:flex;background:var(--paper-deep);padding:3px;gap:2px}.pair-seg button{border:0;background:transparent;color:var(--muted);font-size:10px;padding:7px 12px}.pair-seg button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}.pair-astro-toolbar .chart-toolbar-right{margin-left:auto}.pair-astro-stage svg[hidden],.pair-astro-stage [hidden]{display:none!important}.pair-grid-heading{margin:18px 0 8px}.pair-aspect-grid{display:grid;overflow:auto;max-width:100%;padding-bottom:10px}.pair-aspect-grid .grid-label{font-size:9px}
.pair-astro-stage{position:relative}.pair-legend{display:grid;gap:6px;margin:0 0 10px;color:var(--muted);font:10px 'DM Mono',monospace;z-index:1}.pair-legend small{color:var(--muted);margin-left:3px}
/* The bodygraph or mandala keeps its full size beside both charts' columns (--hd-main: what that takes); the side panel sits beside it while there's room, else drops below. */.pair-hd-layout{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin-top:20px;--hd-main:740px}.pair-hd-layout.hd-precise{--hd-main:836px}.pair-hd-layout.hd-mandala-view{--hd-main:820px}.pair-hd-layout.hd-precise.hd-mandala-view{--hd-main:916px}.pair-hd-layout>.system-visual{flex:999 1 var(--hd-main);min-width:0}.pair-hd-layout>.system-info{flex:1 1 240px;min-width:0;padding:18px;overflow-wrap:anywhere}.pair-hd-stage{position:relative;padding:18px}.pair-hd-stage .pair-bodygraph{display:block;width:min(100%,440px);height:auto;margin:40px auto 0}.pair-hd-stage .hd-mandala{padding:40px 0 0}.legend-swatch{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle}.legend-swatch.halo{height:6px;background:var(--em-halo);opacity:var(--em-halo-opacity)}
:root{--pair-blue:#5b95cf;--pair-green:#2e9e5b}body.dark{--pair-blue:#7fb0e3;--pair-green:#4cc47f}.hd-gate-half .channel-fill.person-a{stroke:var(--pair-blue)}.hd-gate-half .channel-fill.person-b{stroke:var(--pair-green)}:root{--em-halo:#f4c21b;--em-halo-opacity:.85}body.dark{--em-halo:#f2cc4a;--em-halo-opacity:.7}.hd-channel-halo{stroke:var(--em-halo);stroke-width:14;stroke-linecap:round;opacity:var(--em-halo-opacity)}
.hd-channels{margin-top:20px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:15px 18px}.hd-channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:10px}.hd-channel-item{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;border:1px solid var(--line);background:var(--paper);padding:8px 12px}.hd-channel-item b{font:600 11px 'DM Mono',monospace;color:var(--accent)}.hd-channel-item span{font-size:12px;font-weight:600}.hd-channel-item small{grid-column:1/-1;font:9px 'DM Mono',monospace;color:var(--muted);margin-top:3px}.hd-channel-empty{color:var(--muted);font-size:11px;margin:10px 0 0}
.pair-aspect-panel .aspect-list{max-height:680px;overflow-y:auto}.pair-aspect-name{font-style:normal;font-weight:600}.aspect-row.exact span:first-child{font-weight:700}
.pair-compare{margin-top:20px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);overflow-x:auto}.pair-compare-table{font-size:12px}.pair-compare-table th,.pair-compare-table td{padding:11px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.pair-compare-table thead th{font:600 10px 'DM Mono',monospace;letter-spacing:.6px;text-transform:uppercase}.pair-compare-table tbody th{font:500 9px 'DM Mono',monospace;letter-spacing:.8px;color:var(--muted);text-transform:uppercase;white-space:nowrap;width:1%}.pair-compare-table tbody tr:last-child>*{border-bottom:0}.pair-compare-table tbody tr:hover{background:transparent}.pair-compare-table td:last-child{font-weight:600}.pair-compare-none{color:var(--muted)}
.pair-connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.pair-connection-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:15px 18px}.pair-connection-card h3{font:700 16px 'Playfair Display',serif;margin:0;display:flex;justify-content:space-between;align-items:baseline}.pair-connection-card h3 small{font:600 12px 'DM Mono',monospace;color:var(--accent)}.pair-connection-card>p{color:var(--muted);font-size:11px;margin:5px 0 0}.pair-connection-card.electromagnetic h3 span{box-shadow:inset 0 -6px color-mix(in srgb,var(--gold) 35%,transparent)}.pair-connection-card .hd-channel-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
/* Bodygraph gate numbers: colored for the fill under them. Defined centers keep their
   own color in both themes, so their labels do too; undefined centers take the theme's
   panel fill, so their labels follow the theme. */
:root{--hd-label-undefined:#5d5c56}body.dark{--hd-label-undefined:#c9cbc2}
.hd-gate-label{font:600 8px 'DM Mono',monospace;text-anchor:middle;dominant-baseline:central;pointer-events:none}.hd-gate-label.on-dark{fill:#fff}.hd-gate-label.on-light{fill:#242622}.hd-gate-label.on-undefined{fill:var(--hd-label-undefined)}
/* Undefined centers stay opaque (so the gates beneath stay hidden) with a softened outline. */
.design-center.undefined polygon{stroke-opacity:.6}
.hd-precision-toggle{margin-left:6px;color:var(--muted);font:10px 'DM Mono',monospace}
.hd-toolbar-right{display:flex;align-items:center;gap:14px}.hd-variable-arrow{cursor:help}.hd-variable-arrow line{stroke:currentColor;stroke-width:3;stroke-linecap:round}.hd-variable-arrow polygon{fill:currentColor}.hd-arrow-hit{fill:transparent}
/* Astrology wheel + planet filters: when wheel, filters and side panel don't all fit on
   one row (below ~1320px), the wheel and its filters stay side by side and only the side
   panel moves below at full width — like the ACG maps, whose filters always sit beside them. */
@media(max-width:1560px){#chartSystemSurface .chart-layout.with-filters,.pair-astro-layout{grid-template-columns:minmax(0,1fr) 290px 216px}#chartSystemSurface .chart-layout.with-filters>.detail-panel,.pair-astro-layout>.pair-aspect-panel{grid-column:1/-1}#chartSystemSurface .chart-layout.with-filters>.detail-panel .aspect-list,.pair-astro-layout>.pair-aspect-panel .aspect-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:28px}}
@media(max-width:1180px){#chartSystemSurface .chart-layout.with-filters,.pair-astro-layout{grid-template-columns:minmax(0,1fr) 290px}#chartSystemSurface .chart-layout.with-filters>.chart-panel,.pair-astro-layout>.chart-panel{grid-row:span 2;align-self:start}}
/* Zodiac ring: a faint tint per sign in its element's color. These are brighter than the
   theme's muted blue and green, which at a faint tint read as the same grey. */
:root{--element-fire:#d9493a;--element-water:#2f7fd1;--element-air:#e8b52e;--element-earth:#3f9e55;--element-tint:.12}body.dark{--element-tint:.2}
.zodiac-sector{stroke:none;fill-opacity:var(--element-tint)}.zodiac-sector.fire{fill:var(--element-fire)}.zodiac-sector.water{fill:var(--element-water)}.zodiac-sector.air{fill:var(--element-air)}.zodiac-sector.earth{fill:var(--element-earth)}
.wheel-filter-group-toggle span{font:9px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.wheel-filter-section{margin-top:10px}.aspect-filter-glyph{display:inline-block;width:14px;text-align:center;font-weight:500}
.chart-signature{display:flex;align-items:center;gap:28px;padding:12px 22px;border-bottom:1px solid var(--line);flex-wrap:nowrap;overflow:hidden}.signature-point{display:flex;align-items:center;gap:11px}.signature-label{font:500 9px 'DM Mono',monospace;letter-spacing:1.2px;color:var(--muted)}.signature-point .sign-glyph{font-size:26px;line-height:1}.signature-point h3{font:700 16px 'Playfair Display',serif;margin:0;white-space:nowrap}.signature-point>div{min-width:132px}.signature-point p{margin:2px 0 0;color:var(--muted);font:10px 'DM Mono',monospace;white-space:nowrap}
/* Bodygraph channels: transparent (the gates' colors show through); only defined ones
   take the pointer, and highlight in gold on hover. */
.hd-channel{fill:none;stroke:transparent;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;visibility:hidden;pointer-events:none}.hd-channel.defined{visibility:visible;pointer-events:stroke;cursor:pointer}.hd-channel.defined:hover{stroke:var(--gold);stroke-opacity:.45}
.gene-star-pearl .gk-sphere-name{font-size:12px}.gene-star-pearl .gk-sphere-gate{font-size:22px}.gene-star-pearl .gk-path-track{stroke-width:2.5;opacity:.9}
.gk-tooltip{white-space:normal;max-width:340px;line-height:1.5;padding:10px 12px}.gk-tip-title{font:600 11px 'DM Mono',monospace}.gk-tip-title:not(:first-child){margin-top:9px}.gk-tip-text{font:11px Manrope,sans-serif;opacity:.8;margin-top:2px}
.gk-sphere-cycle{fill:var(--pair-green);font:700 12px 'DM Mono',monospace;pointer-events:none;paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}.gene-star-pearl .gk-sphere-cycle{font-size:15px}
.cycle-system-layout{margin-top:20px}.cycle-toolbar-label{margin-left:auto}.cycle-info-subhead{display:block;margin-top:18px}
/* Cycle Explorer: the cycle's description, top and center above the system tabs. */
.cycle-signature{margin:22px auto 0;max-width:760px;text-align:center;padding:18px 24px;background:var(--paper-deep);border:1px solid var(--line)}.cycle-signature:empty{display:none}.cycle-signature h3{font:700 26px 'Playfair Display',serif;margin:8px 0 6px}.cycle-signature p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.cycle-signature .cycle-signature-note{margin-top:8px;font:10px 'DM Mono',monospace}
/* Chart Explorer: the chart's name is a picker (type to filter, or ▾ to browse). */
.explorer-name-picker{margin:8px 0}.explorer-name-picker .pair-combo{display:inline-flex;max-width:100%}.explorer-name-picker .explorer-name-input{font:700 42px/1.1 'Playfair Display',serif;letter-spacing:-1.3px;color:var(--ink);background:transparent;border:1px solid transparent;border-right:0;padding:2px 8px;margin-left:-9px;field-sizing:content;min-width:6ch;max-width:100%}.explorer-name-picker .explorer-name-input:hover,.explorer-name-picker .explorer-name-input:focus{border-color:var(--line);background:var(--panel)}.explorer-name-picker .explorer-name-input:focus{border-color:var(--accent)}.explorer-name-picker .pair-toggle{background:transparent;border-color:transparent;font-size:18px}.explorer-name-picker .pair-combo:hover .pair-toggle{border-color:var(--line)}.explorer-name-picker .pair-options{min-width:360px;font-family:Manrope,sans-serif;letter-spacing:0}
.shortcut-section{margin:10px 0 0;font:500 9px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}.shortcut-section:first-child{margin-top:0}.shortcut-section small{color:var(--muted);letter-spacing:.3px;text-transform:none;margin-left:6px}#shortcutsDialog{width:min(900px,calc(100% - 40px))}#shortcutsDialog .shortcut-columns{display:block;columns:2 300px;column-gap:48px}#shortcutsDialog .shortcut-list .shortcut-group{display:grid;gap:9px;break-inside:avoid;margin-bottom:20px}#shortcutsDialog .shortcut-group>div{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px}#shortcutsDialog .shortcut-keys{display:flex;gap:4px}#shortcutsDialog .shortcut-group>div>span:last-child{margin-left:0}
.zodiac-tick,.zodiac-boundary{pointer-events:none}.wheel-sign{cursor:help}
/* Chart Library: system tabs and the per-row miniature charts. */
.library-system-tabs{margin-top:24px}.library-system-tabs+.table-wrap{margin-top:0}
.chart-cell .mini-chart{flex:none;display:block}.mini-wheel-svg{width:46px;height:46px}.mini-bodygraph-svg{width:46px;height:58px}
.mini-wheel-svg .zodiac-sector{fill-opacity:.35}.mini-ring{fill:none;stroke:var(--line);stroke-width:.8}.mini-axis{stroke:var(--muted);stroke-width:.8;opacity:.7}.mini-aspect{stroke-width:.9;opacity:.75}.mini-planet{fill:var(--ink)}.mini-planet.sun{fill:var(--accent)}
.mini-gate-track{stroke:var(--channel-empty);stroke-width:12;stroke-linecap:round}.mini-gate{stroke-width:12;stroke-linecap:round}.mini-gate.personality{stroke:var(--ink)}.mini-gate.design{stroke:var(--accent)}.mini-center{stroke-width:5}
.library-fact{font-size:12px}.library-sub{display:block;color:var(--muted);font-size:9px;margin-top:2px}.library-detail{color:#55554f}body.dark .library-detail{color:var(--muted)}
/* Library table in dark mode: the text and selection colors above are fixed light-mode tones. */
body.dark .birth-cell,body.dark .location-cell{color:var(--ink)}body.dark tbody tr.selected{background:var(--accent-soft)}
.library-view th,.library-view td{padding-left:10px;padding-right:10px}.library-view .chart-cell{min-width:0;gap:10px}.library-view .chart-type+.chart-type{margin-top:1px}.library-view .birth-cell{white-space:nowrap}
.brand-lockup h1{margin-top:0}#aboutDialog{width:min(640px,calc(100% - 40px))}.about-body{display:grid;gap:16px;margin-top:8px;max-height:70vh;overflow-y:auto;padding-right:4px}.about-lead{margin:0;font-size:13px;line-height:1.6}.about-section{border-top:1px solid var(--line);padding-top:12px}.about-section p{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--ink)}.about-section a{color:var(--accent)}.about-links{display:flex;gap:18px;flex-wrap:wrap}.about-fine{color:var(--muted)!important;font:10px 'DM Mono',monospace!important}.about-credits{margin:6px 0 0;padding-left:18px;font-size:12px;line-height:1.7}
#aboutDialog>.about-body{padding-top:0}
/* Developer aids: only in developer mode (About → Developer mode). */
body:not(.developer-mode) #ephemerisDebugBar,body:not(.developer-mode) #mandalaHoverTooltip,body:not(.developer-mode) #bodygraphHoverTooltip,body:not(.developer-mode) #geneKeysHoverTooltip,body:not(.developer-mode) #astrologyWheelHoverTooltip{display:none!important}
.about-toggle{display:flex;gap:10px;align-items:flex-start;margin-top:8px;font-size:12px;cursor:pointer}.about-toggle input{margin-top:3px;accent-color:var(--accent)}.about-toggle small{display:block;color:var(--muted);font-size:11px;margin-top:2px;line-height:1.5}
.empty-state .empty-title{font:700 20px 'Playfair Display',serif;color:var(--ink);margin:0 0 6px}.empty-state p{margin:0}.empty-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}
/* Accessibility: text for screen readers only; person-colored headings mixed toward the ink so they stay readable (WCAG AA). */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pair-compare-table thead th.pair-person-head{color:color-mix(in srgb,var(--person-color) 72%,var(--ink))}
.chart-name-link{color:inherit;text-decoration:none}.chart-name-link:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
/* Birth-location search (place-search.js) */
.form-grid label:has(.place-results){position:relative}
.place-results{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:2px;max-height:320px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 36px rgba(36,38,34,.16);font:12px Manrope,sans-serif;color:var(--ink)}
.place-results[hidden]{display:none}
.place-option{padding:8px 11px;cursor:pointer;display:grid;gap:2px;border-bottom:1px solid var(--line)}
.place-option:last-child{border-bottom:0}
.place-option b{font-weight:600}
.place-option small{font:10px 'DM Mono',monospace;color:var(--muted)}
.place-option[aria-selected=true],.place-option:hover{background:var(--paper-deep)}
.place-status{padding:10px 11px;font:10px 'DM Mono',monospace;color:var(--muted)}
/* Astrocartography map styles and city names */
.acg-tiles image{image-rendering:auto}
/* The land is drawn through <use> copies, which inherit custom properties from here. */
.acg-map-wrap[data-map-style=relief]{--acg-land-fill:none;--acg-lake-fill:none;--acg-border-color:#3d3a33;--acg-border-opacity:.45;--acg-state-opacity:.3}
.acg-city circle{fill:var(--ink);stroke:var(--acg-land);stroke-width:1.2}
.acg-city text{font:600 10px Manrope,sans-serif;fill:var(--ink);paint-order:stroke;stroke:var(--acg-land);stroke-width:3px;stroke-linejoin:round}
/* Astrocartography: main roads and saved locations */
.acg-road{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.acg-road.major{visibility:var(--acg-roads-major,hidden);stroke:#a4552f;stroke-width:1.1;stroke-opacity:.65}
.acg-road.minor{visibility:var(--acg-roads-minor,hidden);stroke:#a4552f;stroke-width:.7;stroke-opacity:.5}
/* Map (with timeline) and saved locations stacked on the left; filters and info span both rows. */
.acg-layout>.acg-visual{grid-column:1;grid-row:1}.acg-layout>.acg-filters{grid-column:2;grid-row:1 / span 2;align-self:start}.acg-layout>[data-acg-info]{grid-column:1;grid-row:2;align-self:start}
.acg-locations{grid-column:3;grid-row:1 / span 2;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:0 0 6px;align-self:start}
.acg-locations>.system-toolbar{padding:14px 18px 10px}
.acg-locations-empty{margin:0;padding:4px 18px 12px;font-size:12px;color:var(--muted)}
.acg-location-list{list-style:none;margin:0;padding:0}
.acg-location{border-top:1px solid var(--line);padding:12px 18px}
.acg-location-body{display:grid;gap:5px;margin:8px 0 0 30px}
.acg-location-block{display:flex;align-items:baseline;gap:10px}
.acg-location-subhead{flex:none;width:74px;font:10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}
.acg-chips{display:flex;flex-wrap:wrap;gap:4px 5px;min-width:0}
.acg-chip{display:inline-flex;align-items:baseline;gap:2px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:11px 'DM Mono',monospace;line-height:1.5;padding:0 8px;cursor:help;white-space:nowrap}
.acg-chip:hover,.acg-chip:focus-visible{border-color:var(--ink)}
.acg-chip b{font-weight:700;margin-right:1px}
.acg-chip-times{color:var(--muted);margin:0 3px}
.acg-chip-km{color:var(--muted);margin-left:6px}
.acg-chip-none{font:11px 'DM Mono',monospace;color:var(--muted)}
.acg-location-remove{flex:none;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:2px 6px;cursor:pointer}
.acg-location-remove:hover{color:var(--accent)}
.aspect-row[data-aspect-tip]{cursor:help}.aspect-row[data-aspect-tip]:hover{background:var(--paper-deep)}.aspect-row[data-aspect-tip]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.support-link{text-decoration:none}.support-link:hover{color:var(--ink);background:var(--paper-deep)}.support-link:hover span{color:var(--accent)}
.hd-tip-stat,.hd-tip-value{cursor:help}.hd-tip-stat:hover strong,.hd-tip-value:hover{text-decoration:underline dotted var(--muted);text-underline-offset:3px}.hd-tip-stat:focus-visible,.hd-tip-value:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hd-channel-list{align-items:start}details.hd-channel-item{display:block;padding:0}.hd-channel-item summary{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;align-items:baseline;padding:8px 12px;cursor:pointer;list-style:none}.hd-channel-item summary::-webkit-details-marker{display:none}.hd-channel-item summary::after{content:'+';grid-column:3;grid-row:1;font:11px 'DM Mono',monospace;color:var(--muted)}.hd-channel-item[open] summary::after{content:'−'}.hd-channel-item summary:hover span{text-decoration:underline dotted var(--muted);text-underline-offset:3px}.hd-channel-item summary small{grid-column:1/-1;font:9px 'DM Mono',monospace;color:var(--muted);margin-top:3px}.hd-channel-item p{margin:0;padding:0 12px 10px;font-size:11px;line-height:1.55;color:var(--ink)}
.acg-search{position:relative;padding:12px 16px}.acg-search input{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:9px 11px;font:12px Manrope,sans-serif;outline-color:var(--accent);border-radius:0}.acg-search .place-results{left:16px;right:16px;z-index:30}.acg-pair-search .acg-search{padding:14px 16px}
/* Life Events (life-events.js) */
.life-events{margin-top:24px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:18px 20px 8px}
.life-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.life-search{flex:1;min-width:220px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:9px 11px;font:12px Manrope,sans-serif;outline-color:var(--accent)}
.life-tag-filter{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px;font:11px Manrope,sans-serif}
.life-toolbar-actions{display:flex;gap:8px;margin-left:auto}
.life-count{font:10px 'DM Mono',monospace;color:var(--muted);margin:14px 0 4px;min-height:12px}
.life-list{list-style:none;margin:0;padding:0}
.life-item{display:grid;grid-template-columns:150px 1fr auto;gap:18px;border-top:1px solid var(--line);padding:14px 0}
.life-when strong{display:block;font:600 12px 'DM Mono',monospace;color:var(--ink)}
.life-when small{display:block;font:10px 'DM Mono',monospace;color:var(--muted);margin-top:3px}
.life-item.place-only .life-when strong{color:var(--muted)}
.life-title{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.life-title strong{font-size:14px}
.life-kind{font:9px 'DM Mono',monospace;letter-spacing:.6px;text-transform:uppercase;border:1px solid var(--line);padding:1px 6px;color:var(--muted)}
.life-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--muted);margin-top:4px}
.life-meta small{font-size:11px}
.life-tags{margin-top:6px}
.life-notes{white-space:pre-wrap;font-size:12px;line-height:1.55;margin:8px 0 0;color:var(--ink)}
.life-actions{display:flex;gap:6px;align-items:flex-start}
.life-empty{list-style:none;color:var(--muted);font-size:12px;line-height:1.6;padding:12px 0 14px;margin:0}
.life-dialog{width:min(720px,calc(100% - 40px));max-height:calc(100vh - 40px);overflow:hidden}
/* One scrolling area: the fields. The heading and the Save / Cancel buttons stay put. */
.life-dialog[open]{display:flex}
.life-dialog form{display:flex;flex-direction:column;flex:1;min-height:0;max-height:calc(100vh - 42px)}
.life-dialog .form-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:18px;padding:4px 4px 8px}
.life-dialog .dialog-actions{margin-top:12px}
.form-grid select{border:1px solid var(--line);background:var(--paper);padding:9px;font-size:11px;color:var(--ink);outline-color:var(--accent)}
.life-moment{border:0;padding:0;margin:0 0 10px;display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:10px}
.life-moment[hidden]{display:none}
.life-moment legend{font:10px 'DM Mono',monospace;color:var(--ink);padding:0;margin-bottom:6px}
.life-hint{display:block;font-size:10px!important;line-height:1.5}
.life-field-label{display:block;font:10px 'DM Mono',monospace;color:var(--muted);margin-bottom:6px}
.life-person{display:grid;grid-template-columns:1fr 170px 26px;gap:10px;align-items:center;padding:3px 0;font-size:12px}
.form-grid .life-person label{display:flex;gap:7px;align-items:center;font:12px Manrope,sans-serif;color:var(--ink)}
.life-person input[data-life-role]{padding:6px 8px}
.life-person input[data-life-role]:disabled{opacity:.4}
.life-person.unlinked span small{color:var(--muted);font-size:10px;margin-left:4px}
.form-grid label.life-inline{display:flex;gap:8px;align-items:center;margin-top:8px}
.life-inline input{flex:1}
.life-inline button{padding:8px 12px}
[data-life-tags]{display:flex;flex-wrap:wrap;gap:5px}
.form-grid label.life-tag-choice{position:relative;display:inline-flex;gap:0;align-items:center;cursor:pointer}
.life-tag-choice input{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none}
.life-tag-choice span{border:1px solid var(--line);border-radius:999px;padding:3px 9px;font:10px 'DM Mono',monospace;color:var(--muted)}
.life-tag-choice input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
.life-tag-choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
.acg-location-when{font:10px 'DM Mono',monospace;color:var(--accent);font-weight:400;margin-left:8px}
.acg-location-remove-placeholder{flex:none;width:26px}
@media(max-width:1100px){.life-item{grid-template-columns:1fr}.life-actions{justify-content:flex-start}}
/* Cycle Explorer: Life Timeline (cycles.js) */
.cycle-life{margin-top:18px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}
.cycle-life>summary{display:flex;align-items:baseline;gap:12px;padding:13px 18px;cursor:pointer;list-style:none}
.cycle-life>summary::-webkit-details-marker{display:none}
.cycle-life>summary::after{content:'+';margin-left:auto;font:12px 'DM Mono',monospace;color:var(--muted)}
.cycle-life[open]>summary::after{content:'−'}
.cycle-life>summary small{font:10px 'DM Mono',monospace;color:var(--muted)}
.cycle-celestial-body{padding:0 18px 14px}.cycle-celestial-body .cycle-occurrence-row{margin-top:12px}
.cycle-celestial+.cycle-life{margin-top:10px}
.cycle-life-filters{align-items:center}.cycle-life-show{display:flex;gap:16px}.cycle-life-sort{margin-left:auto;padding:3px 8px}.cycle-life-add{padding:3px 8px}
.cycle-life-buttons{align-items:center}.cycle-life-buttons [data-cycle-life-edit]{margin-left:8px}
.cycle-signature{margin-top:14px;padding:10px 18px}
.cycle-signature .cycle-signature-head{margin:0;color:var(--ink);display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap}
.cycle-signature-head[title]{cursor:help}
.cycle-signature-age{font:10px 'DM Mono',monospace;letter-spacing:.6px;text-transform:uppercase;color:var(--accent)}
.cycle-signature-head strong{font:700 19px 'Playfair Display',serif}
.cycle-signature .cycle-signature-when{margin-top:2px;font:10px 'DM Mono',monospace;color:var(--muted)}
.cycle-life-filters{display:flex;gap:16px;padding:0 18px 8px}
.pair-life{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.pair-life-toolbar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.pair-life-count{margin-left:auto;font:10px 'DM Mono',monospace;color:var(--muted)}
.pair-life-toolbar .acg-origin-button{padding:4px 9px}
.pair-life-head,.pair-life-item{display:grid;grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);gap:0 18px;padding:0 18px}
.pair-life-head{padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--line);font:10px 'DM Mono',monospace;letter-spacing:.8px;color:var(--muted)}
.pair-life-head span:nth-child(2){text-align:center}.pair-life-head span:last-child{text-align:right}
.pair-life-head .legend-dot{background:var(--pair-color)}
.pair-life-list{list-style:none;margin:0;padding:0;position:relative}
.pair-life-item{position:relative;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--line);align-items:start}
.pair-life-side.b{text-align:right}.pair-life-side.b .pair-life-title,.pair-life-side.b .pair-life-buttons,.pair-life-side.b .life-tags{justify-content:flex-end}
.pair-life-side.a .pair-life-card{border-left:3px solid var(--pair-blue);padding-left:10px}.pair-life-side.b .pair-life-card{border-right:3px solid var(--pair-green);padding-right:10px}
.pair-life-when{text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line);align-self:stretch;padding:2px 0}
.pair-life-when strong{display:block;font:600 11px 'DM Mono',monospace}.pair-life-when small{display:block;font:10px 'DM Mono',monospace;color:var(--muted);margin-top:3px}
.pair-life-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px}
.pair-life-meta{margin-top:3px;font-size:11.5px;color:var(--muted)}
.pair-life-card .life-tags{display:flex;flex-wrap:wrap;margin-top:4px}
.pair-life-buttons{display:flex;gap:6px;margin-top:7px}.pair-life-buttons .acg-origin-button{padding:3px 8px}
.pair-life-item.shared{background:var(--accent-soft)}
.pair-life-item.shared .pair-life-buttons{margin-top:0}
.pair-life-shared{grid-column:1 / -1;margin-top:8px;text-align:center}.pair-life-shared .pair-life-card{display:inline-block;text-align:center;border-top:3px solid var(--accent);padding-top:6px}.pair-life-shared .pair-life-title,.pair-life-shared .life-tags{justify-content:center}
.life-kind.shared{border-color:var(--accent);color:var(--accent)}
.pair-life-now{padding:3px 18px;font:9px 'DM Mono',monospace;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent);text-align:center}
.cycle-life-list{list-style:none;margin:0;padding:0 0 6px;max-height:300px;overflow-y:auto;border-top:1px solid var(--line)}
.cycle-life-item{display:grid;grid-template-columns:110px 64px 1fr auto;gap:12px;align-items:center;padding:7px 18px;border-bottom:1px solid var(--line);font-size:12px}
.cycle-life-item.current{background:var(--paper-deep)}
.cycle-life-date{font:11px 'DM Mono',monospace;color:var(--ink)}
.cycle-life-item small{font:10px 'DM Mono',monospace;color:var(--muted)}
.cycle-life-title{min-width:0}
.cycle-life-item.event .cycle-life-title{font-weight:700}
.cycle-life-item.cycle .cycle-life-title{color:var(--muted)}
.cycle-life-item.birth .cycle-life-title{font-weight:700;color:var(--accent)}
.cycle-life-period{display:block;font-weight:400}
.cycle-life-buttons{display:flex;gap:6px}
.acg-origin-button.current{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.cycle-life-now{list-style:none;padding:3px 18px;font:9px 'DM Mono',monospace;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent)}
/* Moments along a timeline slider (bindTimelineSlider's markers) */
.timeline-markers{position:relative;height:12px;margin:-4px 0 4px}
.timeline-markers[hidden]{display:none}
.timeline-marker{position:absolute;top:2px;width:9px;height:9px;margin-left:-4.5px;padding:0;border:1.5px solid var(--panel);border-radius:50%;background:var(--marker-color);cursor:pointer;opacity:.75}
.timeline-marker.band{margin-left:0;top:3px;height:6px;border:0;border-radius:3px;min-width:4px}
.timeline-marker.current{opacity:1;box-shadow:0 0 0 2px var(--marker-color)}
.timeline-marker:hover,.timeline-marker:focus-visible{opacity:1}
.life-person{position:relative}.life-person .life-role-results{left:auto;right:36px;width:170px;max-height:220px}
.acg-location-list{transition:opacity .15s}[data-acg-locations].updating .acg-location-list{opacity:.45}
/* Saved locations: compact rows (astrocartography.js, acgLocationsMarkup) */
.acg-locations>.system-toolbar{align-items:center}
.acg-locations-count{color:var(--accent);margin-left:4px}
.acg-locations-sort{padding:4px 8px}
.acg-location-list{max-height:760px;overflow-y:auto}
.acg-location{padding:8px 14px 8px 12px}
.acg-location-toggle{display:flex;align-items:baseline;gap:6px;width:100%;border:0;background:transparent;color:var(--ink);padding:0;text-align:left;cursor:pointer;font:inherit}
.acg-location-toggle strong{flex:1;min-width:0;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.acg-location-toggle:hover strong{text-decoration:underline dotted var(--muted);text-underline-offset:3px}
.acg-location-caret{flex:none;width:10px;font-size:9px;color:var(--muted);transition:transform .15s}
.acg-location.open .acg-location-caret{transform:rotate(90deg)}
.acg-location-years{flex:none;font:10px 'DM Mono',monospace;color:var(--accent)}
.acg-location-actions{display:flex;gap:6px;align-items:center;margin:6px 0 0 16px}
.acg-location-actions .acg-origin-button{padding:3px 8px}
.acg-location-actions .acg-location-remove{margin-left:auto}
.acg-location .acg-location-body{margin:10px 0 2px 16px}
.acg-location-where{margin:0;font:10px 'DM Mono',monospace;color:var(--muted);line-height:1.5}
.acg-location .acg-location-block{flex-direction:column;gap:4px}
.acg-location .acg-location-subhead{width:auto}
/* Pins: a small blue ring, bigger when its row is open */
.acg-pin{pointer-events:auto;cursor:pointer}
.acg-pin-hit{fill:transparent}
.acg-pin-ring{fill:none;stroke:#1f5fe0;stroke-width:2.6;paint-order:stroke}
.acg-pin-ring{filter:drop-shadow(0 0 1px rgba(255,255,255,.95))}
.acg-pin.active .acg-pin-ring{stroke:var(--accent);stroke-width:3}
.acg-pin:hover .acg-pin-ring{stroke-width:3.4}
.acg-pin-dot{fill:#1f5fe0}.acg-pin.active .acg-pin-dot{fill:var(--accent)}
.life-fixed{font:9px 'DM Mono',monospace;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);cursor:help}
.life-item.birth .life-title strong::before,.acg-location.birth .acg-location-toggle strong::before{content:"☉ ";color:var(--accent)}
.life-dialog-delete{margin-right:auto;color:var(--accent)}
.edit-col{width:1%;text-align:right;padding-right:17px}.edit-col .acg-origin-button{padding:4px 9px;display:block;width:100%;text-align:center}.edit-col .acg-origin-button+.acg-origin-button{margin-top:5px}
.chart-dialog-delete{margin-right:auto}
.life-annotation-note{margin:0;padding:10px 12px;background:var(--paper-deep);border:1px solid var(--line);font-size:12px;line-height:1.5}.life-annotation-note small{font:10px 'DM Mono',monospace;color:var(--muted)}
.cycle-life-item.annotated .cycle-life-title{color:var(--ink)}
.acg-natal-lines .acg-line{opacity:.3;stroke-width:1.4;stroke-dasharray:5 4}.acg-natal-lines .acg-zenith{display:none}
.cycle-summary-precision{margin:0 0 14px;padding:10px 14px;border:1px dashed var(--line);font:11px 'DM Mono',monospace;color:var(--muted)}
.cycle-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cycle-summary-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}
.cycle-summary-body{padding:14px 18px 16px}
.cycle-summary-list{list-style:none;margin:0;padding:0}
.cycle-summary-aspect{padding:9px 0;border-bottom:1px solid var(--line)}.cycle-summary-aspect:first-child{padding-top:0}
.cycle-summary-row{display:flex;justify-content:space-between;gap:10px;font-size:12px}.cycle-summary-row small{flex:none;font:10px 'DM Mono',monospace;color:var(--muted)}
.cycle-summary-aspect p{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted)}
.cycle-summary-nature{font:9px 'DM Mono',monospace;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:0 5px;margin-left:4px;white-space:nowrap}
.cycle-summary-foot{margin:10px 0 0;font:10px 'DM Mono',monospace;color:var(--muted);line-height:1.5}
.cycle-summary-empty{margin:0;font-size:12px;color:var(--muted);line-height:1.6}
.cycle-summary-gates{display:flex;flex-wrap:wrap;gap:6px}.cycle-summary-gate{font:11px 'DM Mono',monospace;padding:3px 8px;background:var(--paper-deep);border:1px solid transparent;border-radius:3px;cursor:help}.cycle-summary-gate b{margin-right:4px;font-weight:400}.cycle-summary-gate.natal{border-color:var(--accent)}
.cycle-summary-card .system-stat{margin-top:12px}
.cycle-summary-keys{font-size:11px}.cycle-summary-keys th{padding:6px 8px}.cycle-summary-keys td{padding:6px 8px;cursor:default}.cycle-summary-keys tbody tr:hover{background:transparent}.cycle-summary-keys tr.echo td{background:var(--accent-soft)}
.cycle-summary-place{margin:0 0 8px;font-weight:700;font-size:12px}
.cycle-summary-reading{margin-top:10px}.cycle-summary-tip{padding:8px 0;border-bottom:1px solid var(--line);font-size:11.5px;line-height:1.5}.cycle-summary-tip .gk-tip-title{font-weight:700;margin-top:4px}.cycle-summary-tip .gk-tip-text{color:var(--muted);margin-top:2px}
@media(max-width:1100px){.cycle-summary-grid{grid-template-columns:1fr}}
.life-dialog [hidden]{display:none!important}
.life-dialog input:disabled,.life-dialog select:disabled{opacity:.6;cursor:not-allowed;background:var(--paper-deep)}
/* Life Timeline strip (Cycle Explorer) */
.cycle-life-strip{padding:6px 18px 10px}
.life-strip{position:relative;padding:0 0 22px;margin:0 6px}
.life-strip-lane{position:relative}
.life-strip-lane.ticks{height:16px}.life-strip-lane.bars{height:calc(var(--period-rows) * 9px);margin:4px 0}.life-strip-lane.dots{height:12px;border-bottom:1px solid var(--line)}
.life-strip button{position:absolute;padding:0;border:0;transform:translateX(-50%)}
.life-strip-tick{top:0;width:4px;height:16px;border-radius:1px;background:var(--tick)}
.life-strip-bar{transform:none!important;height:6px;border-radius:3px;background:var(--blue);opacity:.75}
.life-strip-dot{top:1px;width:10px;height:10px;border-radius:50%;background:var(--panel)!important;border:2px solid var(--accent)!important}
.life-strip-dot.birth{background:var(--accent)!important;transform:none!important}
.life-strip button:hover,.life-strip button:focus-visible{outline:2px solid var(--ink);outline-offset:1px;z-index:2}
.life-strip button.current{outline:2px solid var(--accent);outline-offset:2px;opacity:1;z-index:2}
.life-strip-now,.life-strip-studied{position:absolute;top:-2px;bottom:18px;width:0;border-left:1px dashed var(--muted);z-index:1;pointer-events:none}
.life-strip-studied{border-left:2px solid var(--accent)}
.life-strip-axis{position:absolute;left:0;right:0;bottom:0;height:18px;font:9px 'DM Mono',monospace;color:var(--muted)}
.life-strip-axis span{position:absolute;top:3px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;line-height:1.1}
.life-strip-axis span:first-child{transform:none;align-items:flex-start}.life-strip-axis span:last-child{transform:translateX(-100%);align-items:flex-end}
.life-strip-axis small{font-size:8px;opacity:.75}
.life-strip-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 6px 0;font:9px 'DM Mono',monospace;color:var(--muted)}
.life-strip-legend i{display:inline-block;width:4px;height:10px;margin-right:5px;vertical-align:-1px;border-radius:1px}
.life-strip-legend i.bar{width:14px;height:6px;border-radius:3px;background:var(--blue);opacity:.75;vertical-align:1px}
.life-strip-legend i.dot{width:8px;height:8px;border-radius:50%;border:2px solid var(--accent);box-sizing:border-box}
/* Browsing by tag (Life Events tabs) */
.life-tag-chips{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0;border-top:1px solid var(--line)}
.life-tag-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:10px 'DM Mono',monospace;padding:5px 9px;border-radius:12px}
.life-tag-chip small{color:var(--muted);margin-left:3px}
.life-tag-chip.active{background:var(--accent-soft);border-color:var(--accent);color:#8f4a38}
.life-pattern-panel{border:1px solid var(--line);background:var(--paper);padding:12px 14px;margin:0 0 12px}
.life-pattern-panel .system-toolbar,.pair-life-patterns .system-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.life-pattern-panel .system-toolbar .acg-filter,.pair-life-patterns .system-toolbar .acg-filter{margin-left:auto}
.life-pattern-list{list-style:none;margin:0;padding:0}
.life-pattern-list li{padding:9px 0;border-top:1px solid var(--line)}
.life-pattern-row{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.life-pattern-row strong{font:500 11px 'DM Mono',monospace;color:var(--accent)}
.life-pattern-list p{margin:4px 0;font-size:12px;line-height:1.5}
.life-pattern-list small{font:9px 'DM Mono',monospace;color:var(--muted)}
.life-pattern-empty{font-size:12px;color:var(--muted);margin:4px 0}
.life-tag-moment{display:grid;grid-template-columns:150px 1fr auto;gap:18px;border-top:1px solid var(--line);padding:12px 0;align-items:center}
.life-transits{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:5px}
.life-transit{display:inline-flex;gap:3px;align-items:center;padding:2px 6px;border:1px solid var(--line);border-radius:2px;background:var(--panel);font:10px 'DM Mono',monospace;color:var(--muted)}
.life-transit b{font-weight:400;color:var(--ink);font-size:12px}
.life-transit-note{font:9px 'DM Mono',monospace;color:var(--muted)}
.life-transit-who{font:9px 'DM Mono',monospace;color:var(--muted);margin-right:2px}
.pair-life-patterns{padding:14px 18px;border-bottom:1px solid var(--line);background:var(--paper)}
.pair-life-pattern-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pair-life-pattern-columns .legend-dot{background:var(--pair-color)}
.pair-life-shared .life-transits{justify-content:center}
@media(max-width:1100px){.life-tag-moment{grid-template-columns:1fr}.pair-life-pattern-columns{grid-template-columns:1fr}}
.life-pattern-panel .system-toolbar,.pair-life-patterns .system-toolbar{justify-content:flex-start;padding:0 0 8px;border-bottom:0}
body.dark .life-tag-chip.active{color:var(--ink)}
.pair-life-toolbar [hidden]{display:none!important}
.life-pattern-left{font:9px "DM Mono",monospace;color:var(--muted);margin:0 0 6px}
.library-events{display:inline-block;margin-top:4px;font:9px "DM Mono",monospace;color:var(--accent);text-decoration:none}.library-events:hover{text-decoration:underline}
/* Pair Explorer composite settings, at the bottom of the filter column */
.pair-composite-controls[hidden]{display:none}
.pair-composite-find{position:relative;display:block;margin-top:6px}
.pair-composite-search{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:5px 6px;font:10px 'DM Mono',monospace;border-radius:2px}
.pair-composite-controls .place-results{text-align:left;width:280px}
.pair-legend .pair-composite-about{display:block;margin:3px 0 0 12px;line-height:1.4}

/* Degrees on single-chart wheels, and the positions list beside the wheel's filters */
.planet-glyph-letters{font-size:13px}.planet-degree{font:600 10px 'DM Mono',monospace}.planet-minutes{font:9px 'DM Mono',monospace;opacity:.8}.planet-sign{font-size:11px;fill:var(--ink)}.planet-sign.fire{fill:var(--accent)}.planet-sign.earth{fill:var(--green)}.planet-sign.air{fill:var(--gold)}.planet-sign.water{fill:var(--blue)}
.wheel-positions{gap:8px;align-self:start}.wheel-positions .wheel-filter-section{margin-top:12px}.pos-system{text-transform:none;letter-spacing:0}
.pos-list{display:grid}.pos-row{display:grid;grid-template-columns:15px minmax(0,1fr) auto 12px 16px;align-items:center;column-gap:4px;padding:2px 0;font:10px 'DM Mono',monospace;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.pos-row:last-child{border-bottom:0}
.pos-row.pos-pair{grid-template-columns:14px minmax(0,1fr) auto auto;column-gap:5px}.pos-cell{display:flex;align-items:center;justify-content:flex-end;gap:1px}.pos-cell .pos-motion{width:11px;text-align:right}
.pos-head .pos-who{font:600 9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.5px;text-align:right;padding-right:9px;white-space:nowrap}
.pos-glyph{text-align:center;font-size:12px}.pos-name{font:10.5px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-value{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.pos-sign{font-weight:400;margin-right:3px;color:var(--ink)}.pos-sign.fire{color:var(--accent)}.pos-sign.earth{color:var(--green)}.pos-sign.air{color:var(--gold)}.pos-sign.water{color:var(--blue)}
.pos-motion{color:var(--accent);font-size:8px;white-space:nowrap}.pos-house{text-align:right;color:var(--muted)}
.pos-cusps{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;margin-top:4px}.pos-cusp{display:grid;grid-template-columns:18px auto 0;align-items:center;padding:2px 0;font:10px 'DM Mono',monospace}.pos-cusp .pos-name{font:10px 'DM Mono',monospace;color:var(--muted)}.pos-cusp .pos-motion{display:none}
.house-band{fill:none;stroke:var(--paper-deep);stroke-opacity:.85}.house-band-edge{fill:none;stroke:var(--line);stroke-width:1}.house-band-number{font-size:10.5px}
/* Cycle Explorer: Transits · now, and the Transit | Full chart switch */
.cycle-picker .cycle-now-button{align-self:flex-end}
.cycle-signature .cycle-signature-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}
.cycle-reading{display:inline-flex}.system-toolbar .cycle-reading{margin-left:auto;margin-right:10px}
.cycle-summary-gate.design{color:var(--accent)}
.intensity-swatch{display:inline-block;width:16px;height:0;border-top:1px solid var(--ink);vertical-align:middle;margin-right:6px}.intensity-swatch.exact{border-top-width:4px}.intensity-swatch.strong{border-top-width:2px}.intensity-swatch.weak{border-top-style:dashed}
.acg-filters.wheel-filters{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:0;align-content:start}.wheel-filter-column{display:flex;flex-direction:column;gap:12px;min-width:0}.wheel-filters>.pair-composite-controls{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;margin-top:6px}.wheel-filters>.pair-composite-controls[hidden]{display:none}
.acg-filter i.intensity-swatch{display:inline-block;flex:none;width:16px;height:0;border-radius:0;background:none}
.acg-filters.wheel-filters{align-self:start}

/* The timeline slider: a moving window with date ticks */
.timeline-exact-row{margin-top:8px}
.timeline-exact{border:0;border-bottom:1px dashed transparent;background:none;padding:0;color:var(--accent);font:11px 'DM Mono',monospace;cursor:text}.timeline-exact:hover,.timeline-exact:focus-visible{border-bottom-color:var(--accent)}
.timeline-goto{font:11px 'DM Mono',monospace;color:var(--ink);background:var(--paper);border:1px solid var(--accent);padding:3px 6px}
.timeline-track{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;gap:6px;align-items:start}
.timeline-pan{margin-top:12px;height:22px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:14px;line-height:1;padding:0}.timeline-pan:hover{border-color:var(--accent);color:var(--accent)}
.timeline-rail{min-width:0}
.timeline-ticks{position:relative;height:28px;margin:0 0 4px}
.timeline-tick.start{transform:translateX(-4px);align-items:flex-start}.timeline-tick.end{transform:translateX(calc(-100% + 4px));align-items:flex-end}
.timeline-tick small{font:8px 'DM Mono',monospace;color:var(--ink);opacity:.75;margin-top:1px}
.timeline-anchor{position:absolute;top:-3px;width:0;height:0;margin-left:-5px;border:5px solid transparent;border-top:7px solid var(--accent)}
.timeline-ends{display:flex;justify-content:space-between;align-items:center;min-height:16px;color:var(--muted);font:9px 'DM Mono',monospace}.timeline-ends .timeline-origin{margin:0 auto}
.timeline-away{border:0;background:none;padding:0;color:var(--accent);font:9px 'DM Mono',monospace;cursor:pointer}.timeline-away:hover{text-decoration:underline}
.timeline-zoom [data-timeline-span]{min-width:64px;text-align:center}
.timeline-zoom .timeline-center{font:10px 'DM Mono',monospace!important;height:22px}
.pos-note{margin:6px 0 0;font:9px 'DM Mono',monospace;color:var(--muted);line-height:1.4}
.timeline-goto{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;font:11px 'DM Mono',monospace;color:var(--ink);border:0;padding:0;background:none}.timeline-goto input,.timeline-goto select{font:11px 'DM Mono',monospace;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:2px 4px}.timeline-goto input[data-goto="year"]{width:62px}.timeline-goto input[data-goto="day"]{width:44px}.timeline-goto button{font:10px 'DM Mono',monospace;border:1px solid var(--accent);background:var(--paper);color:var(--accent);padding:2px 8px}.timeline-goto small{flex-basis:100%;color:var(--muted);font-size:9px}

/* CSV import review */
.csv-import-dialog{width:min(1120px,calc(100% - 40px))}.csv-import-table-wrap{max-height:60vh;overflow:auto;margin-top:14px;border:1px solid var(--line)}
.csv-import-table{font-size:11px}.csv-import-table th{position:sticky;top:0;background:var(--panel);z-index:1}.csv-import-table td{padding:8px 10px;vertical-align:top}
.csv-import-table tr.skipped td{color:var(--muted)}.csv-import-table tr.differs .csv-offset{background:color-mix(in srgb,var(--gold) 14%,transparent)}
.csv-born{font-family:'DM Mono',monospace;white-space:nowrap}.csv-place{min-width:220px}.csv-place>span:first-child{display:block}
.csv-place-find{display:block;position:relative;margin-top:4px}.csv-place-find input{width:100%;font:10px 'DM Mono',monospace;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:3px 6px}.csv-place-find .place-results{position:absolute;left:0;right:0;z-index:5;min-width:280px}
.csv-offset{font-family:'DM Mono',monospace;white-space:nowrap}.csv-offset small{color:var(--muted);font-size:9px}.csv-choice{display:flex;align-items:center;gap:5px;cursor:pointer}.csv-choice input{accent-color:var(--accent);margin:0}
.csv-note{color:var(--accent);font-size:10px;max-width:220px}

/* Export selected, and the import review */
.export-options{display:grid;gap:12px;margin-top:16px}.export-options .acg-filter{align-items:flex-start}.export-options .acg-filter input{margin-top:2px}.export-options small{display:block;color:var(--muted);font-size:10px;margin-top:2px;line-height:1.4}.export-options input:disabled+span{opacity:.5}
.import-review-all{display:flex;align-items:center;gap:8px;margin-top:12px;font:10px 'DM Mono',monospace;color:var(--muted)}.import-review-choice{display:flex;gap:12px;white-space:nowrap}
/* Epoch Explorer (epoch.js, epoch-astrology.js, epoch-human-design.js). Its two moments: purple inside, green outside. */
:root{--epoch-inner:#8a63c9;--epoch-outer:#3f9a6c}body.dark{--epoch-inner:#b497ea;--epoch-outer:#6cc79a}
.epoch-astro-layout,.epoch-hd-layout{display:grid;grid-template-columns:minmax(460px,1.35fr) minmax(320px,1fr);gap:20px;align-items:start;margin-top:20px}
.epoch-hd-layout{grid-template-columns:minmax(480px,1.4fr) minmax(280px,.8fr)}
.epoch-astro-layout>.chart-panel{grid-row:auto}
.epoch-side{display:grid;gap:20px;align-content:start}
.epoch-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:18px 16px;display:flex;flex-direction:column;gap:10px}
.epoch-panel-section{margin-top:12px}
.epoch-field{display:flex;flex-direction:column;gap:5px;font:9px 'DM Mono',monospace;color:var(--muted)}
.epoch-field select{font:12px Manrope,sans-serif;padding:7px 8px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.epoch-step-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.epoch-hd-steps{grid-template-columns:repeat(6,auto);justify-content:start}
.epoch-step-buttons .secondary-button{padding:7px 9px;font-size:10px;white-space:nowrap}
.epoch-aspect-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:11px}
.epoch-aspect-filters label{display:flex;align-items:center;gap:6px}
.epoch-legend{display:flex;gap:14px;font-size:11px}
.epoch-wheel-panel .panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.epoch-wheel-panel .chart-toolbar-right{display:flex;align-items:center;gap:8px}
.epoch-lock{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-left:auto}
.epoch-lock input{width:auto;margin:0}
.epoch-table{width:100%;border-collapse:collapse;font-size:11px}
.epoch-table th{font:9px 'DM Mono',monospace;color:var(--muted);text-align:left;font-weight:400;padding:6px 8px;border-bottom:1px solid var(--line)}
.epoch-table td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.epoch-table tbody th{text-align:left;font-size:13px;color:var(--ink);padding:6px 8px;border-bottom:1px solid var(--line)}
.epoch-table small{display:block;font:9px 'DM Mono',monospace;color:var(--muted);margin-top:2px}
.epoch-table tr.selected td,.epoch-table tr.selected th{background:var(--accent-soft)}
.epoch-cycles-table tbody tr{cursor:pointer}.epoch-cycles-table tbody tr:hover td,.epoch-cycles-table tbody tr:hover th{background:var(--paper-deep)}
.epoch-close span{color:var(--accent);font-weight:600}
.epoch-pass{display:block;white-space:nowrap}
.epoch-set{white-space:nowrap;text-align:right}
.epoch-set-button{border:1px solid var(--thumb);color:var(--thumb);background:transparent;font-size:9px;padding:3px 8px;margin-left:4px;border-radius:2px;cursor:pointer}
.epoch-set-button:hover{background:var(--thumb);color:var(--panel)}
.epoch-heading{font:400 20px 'Playfair Display',serif;margin:34px 0 4px}
.epoch-pair-list-body{padding:0 18px 12px}
.epoch-millennium>summary{cursor:pointer;padding:9px 0;font-size:12px;border-bottom:1px solid var(--line)}
.epoch-millennium>summary small{font:10px 'DM Mono',monospace;color:var(--muted);margin-left:8px}
.epoch-millennium .epoch-table{margin:4px 0 12px}
.epoch-hd-epoch{border:1px solid var(--line);background:var(--panel);margin-top:6px;padding:0 14px}
.epoch-hd-epoch[open]{box-shadow:var(--shadow)}
.epoch-notes-body{padding:4px 18px 18px;font-size:12px;line-height:1.65;max-width:980px}
.epoch-notes-body a{color:var(--accent)}
.epoch-table-scroll{overflow:auto;margin:10px 0}
.epoch-compare-table td:nth-child(n+4){text-align:right;font-family:'DM Mono',monospace;font-size:10px}
.epoch-lock-row td{font-weight:600}
.epoch-mandala-panel .hd-mandala{display:block;width:100%;max-width:620px;margin:0 auto}
.epoch-pointer{stroke-width:2.2;stroke-linecap:round}.epoch-pointer.personality{stroke:var(--ink)}.epoch-pointer.design{stroke:var(--accent)}
.epoch-pointer-label{font-size:15px;fill:var(--ink)}
.epoch-hd-summary h3{margin:6px 0 4px}
.epoch-cross-name{font:400 23px 'Playfair Display',serif}.epoch-cross-name small{font:10px 'DM Mono',monospace;color:var(--accent);vertical-align:middle}
.epoch-cross-gates{font:13px 'DM Mono',monospace;margin:4px 0 14px}
.epoch-gate{cursor:help;border-bottom:1px dotted var(--muted)}
.epoch-loading{margin-top:24px}
.hd-mandala .mandala-gate[data-epoch-gate]{cursor:help}
.epoch-astro-layout{grid-template-columns:minmax(380px,1fr) 280px}
.epoch-hd-layout{grid-template-columns:minmax(420px,1fr) 300px}
.epoch-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:11px}
.epoch-check-grid label{display:flex;align-items:center;gap:6px;white-space:nowrap}
.epoch-check-grid input{margin:0}
.epoch-steppers{display:flex;flex-wrap:wrap;gap:8px 16px}
.epoch-hd-steps{flex-wrap:nowrap}
.epoch-stepper{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.epoch-stepper span{font:9px 'DM Mono',monospace;color:var(--muted);margin-right:4px;text-transform:uppercase;letter-spacing:.05em}
.epoch-stepper button{padding:5px 10px;font-size:10px;border-radius:2px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}
.epoch-stepper button:hover{border-color:var(--ink)}
.epoch-sign-cusp{stroke:var(--line);stroke-width:1}
.epoch-wheel .planet-degree,.epoch-wheel .planet-minutes{font-size:10px}
.epoch-legend{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font:10px 'DM Mono',monospace;color:var(--ink);margin:6px 0 0 6px}
.epoch-cycles-table thead small{display:inline;margin:0 0 0 4px}
.epoch-cycles-table .epoch-pass{font:10px 'DM Mono',monospace;color:var(--muted)}
.epoch-cycles-table .epoch-pass b{font-weight:500;color:var(--ink)}
.epoch-progress-row{display:flex;align-items:center;gap:8px;margin-top:5px}
.epoch-progress{flex:1;height:6px;background:var(--paper-deep);border:1px solid var(--line);border-radius:3px;overflow:hidden;cursor:help;min-width:60px}
.epoch-progress i{display:block;height:100%;background:var(--ink);opacity:.55}
.epoch-progress.empty{cursor:default}
.epoch-aspect-symbol{min-width:14px;font:700 15px 'DM Mono',monospace;line-height:1;text-align:center}
.epoch-hd-table-panel{padding:8px 14px 14px}
.epoch-hd-table td small{display:block}
.epoch-hd-table tr.epoch-hd-other td{border-bottom-color:var(--ink-line,var(--line));color:var(--muted)}
.epoch-hd-table tr.epoch-hd-other{box-shadow:inset 0 -1px var(--muted)}
.epoch-hd-table tr[data-epoch-hd-row]{cursor:help}
.epoch-hd-table tr[data-epoch-hd-row]:hover td{background:var(--paper-deep)}
.epoch-hd-gates{font:12px 'DM Mono',monospace;white-space:nowrap}
.epoch-lock-tag{display:inline!important;font:9px 'DM Mono',monospace;color:var(--accent);margin-left:4px}
.epoch-tip-table{border-collapse:collapse;margin-top:6px;font:10px 'DM Mono',monospace}
.epoch-tip-table th{text-align:left;font-weight:400;opacity:.85;padding:2px 10px 2px 0}
.epoch-tip-table td{padding:2px 10px 2px 0;white-space:nowrap}

.epoch-cycles-panel{margin-top:20px}
.epoch-cycle-cell{cursor:pointer}
.epoch-cycle-cell:hover{background:var(--paper-deep)}
.epoch-cycles-table td.selected{background:var(--accent-soft)}
.epoch-aspect-tag{display:inline-flex;align-items:baseline;gap:3px;min-width:48px}
.epoch-aspect-tag small{display:inline;margin:0;font:10px 'DM Mono',monospace;color:var(--ink)}
.epoch-hd-moment{padding:10px 20px 0;border-top:1px solid var(--line)}.epoch-moment-panel input[type=range]{accent-color:var(--thumb)}
[data-epoch-hd-slider]{padding:0 20px 12px}
.epoch-mandala-title{text-align:center;padding:18px 20px 0}
.epoch-mandala-title .epoch-cross-name{margin:0}
.epoch-mandala-title .epoch-cross-gates{margin:6px 0 2px;font-size:15px}
.epoch-cross-dates{margin:0;font:10px 'DM Mono',monospace;color:var(--muted)}

/* The Astrology moments: three slim lines each (controls; date, zoom; track). */
.epoch-time-panel{margin-top:16px;padding:0}
.epoch-moment-panel{padding:8px 16px 2px;border-left:3px solid transparent}
.epoch-moment-panel.active{border-left-color:var(--thumb);background:linear-gradient(90deg,var(--paper),transparent 40%)}
.epoch-moment-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.epoch-moment-pick{border:0;background:none;padding:0;font-size:12px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;border-radius:0;cursor:pointer;min-width:58px}
.epoch-compact-select{font:11px Manrope,sans-serif;padding:3px 4px;border:1px solid var(--line);background:var(--paper);color:var(--ink);max-width:170px;border-radius:2px}
.epoch-moment-head .epoch-stepper button{padding:2px 7px;font-size:9px}
.epoch-cycle-progress{margin-left:auto;font:11px 'DM Mono',monospace;color:var(--ink)}
.epoch-moment-panel .epoch-slider{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:14px;border-top:0;padding:6px 0 0}
.epoch-moment-panel .timeline-label span{display:none}
.epoch-moment-panel .timeline-exact-row{margin:0}
.epoch-moment-panel .timeline-exact{font-size:10px}
.epoch-moment-panel .timeline-zoom{margin:0;justify-content:flex-end}
.epoch-moment-panel .timeline-zoom .timeline-center{margin-right:8px}
.epoch-moment-panel .timeline-track{grid-column:1 / -1;margin-top:2px}
.epoch-moment-panel .timeline-control input{margin:6px 0 3px}
.epoch-moment-panel .timeline-pan{margin-top:6px}
.epoch-moment-panel .timeline-ticks{height:22px;margin:0}
.epoch-moment-panel .timeline-ends{display:none}
/* The wheel shrinks to leave room for both moments below it on one screen. */
.epoch-wheel-panel .wheel-stage{padding:10px 16px 8px;position:relative}
.epoch-wheel{display:block;width:100%;max-height:max(420px,calc(100vh - 430px));margin:0 auto}
.epoch-wheel-panel .panel-toolbar{padding-top:8px;padding-bottom:8px}
.epoch-cross-text p{margin:8px 0}
.epoch-cross-text p strong{color:var(--ink)}
.epoch-cross-gate-list{list-style:none;padding:0;margin:10px 0;font-size:11px;line-height:1.5}
.epoch-cross-gate-list li{padding:3px 0}
.epoch-cross-gate-list .epoch-gate{font-family:'DM Mono',monospace}
.epoch-cross-role{display:block;font:9px 'DM Mono',monospace;color:var(--muted)}
.epoch-cross-iching{color:var(--muted)}
.epoch-cross-text .epoch-cross-source{font-size:10px;font-style:italic}
.epoch-cross-text{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.epoch-cross-text .epoch-cross-text-name{font:400 19px 'Playfair Display',serif;color:var(--ink);text-align:center;margin:0}
.epoch-cross-text .epoch-cross-theme{font-size:12px;text-align:center;margin:2px 0 12px}
.epoch-side{display:flex;flex-direction:column;gap:16px}
.epoch-moment-head .epoch-lock{margin-left:0}
.epoch-moment-head .epoch-stepper button:disabled{opacity:.35;cursor:not-allowed}
.epoch-focus{margin:0;min-height:15px;font:11px 'DM Mono',monospace;color:var(--thumb)}
.epoch-moment-head .epoch-focus{margin-left:auto;min-height:0}
.epoch-moment-head .epoch-focus:empty{display:none}
.epoch-moment-head .epoch-focus:empty+.epoch-cycle-progress{margin-left:auto}
.epoch-moment-head .epoch-focus+.epoch-cycle-progress{margin-left:14px}
.epoch-reference-panel{gap:8px;padding:14px 14px 4px;border-left:3px solid transparent}
.epoch-reference-panel .epoch-moment-pick{align-self:flex-start}
.epoch-select-row{display:flex;gap:6px}
.epoch-reference-panel .epoch-compact-select{max-width:none;min-width:0;flex:1 1 0}
.epoch-reference-panel [data-epoch-pair]{flex-grow:1.5}
.epoch-reference-panel .epoch-stepper button{padding:2px 7px;font-size:9px}
.epoch-reference-panel .epoch-focus{margin:0}
.epoch-reference-panel .epoch-slider{grid-template-columns:1fr auto}
.epoch-reference-panel .timeline-label{grid-column:1 / -1}
.epoch-reference-panel .timeline-center{display:none}
.epoch-reference-degree{stroke:var(--epoch-inner);stroke-width:1.5;stroke-dasharray:4 3}
.epoch-wheel-title{font:400 23px 'Playfair Display',serif;fill:var(--ink)}
.epoch-wheel-legend{font:11.5px 'DM Mono',monospace;fill:var(--ink)}
.epoch-wheel-subtitle{font:12px 'DM Mono',monospace;fill:var(--epoch-inner)}
.epoch-conj-layout{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(470px,1fr);gap:20px;align-items:start;margin-top:20px}
.epoch-conj-layout .panel-toolbar .epoch-lock{margin-left:auto}
.epoch-conj-glyphs{font-size:15px}
.epoch-conj-year{font:10.5px 'DM Mono',monospace;fill:var(--ink)}
.epoch-conj-mark{cursor:help}
.epoch-conj-table td{white-space:nowrap}
.epoch-conj-table td small{color:var(--muted)}
.epoch-conj-pass{display:block;font:9px 'DM Mono',monospace}
.epoch-conj-share{display:flex;align-items:center;gap:6px}
.epoch-conj-share .epoch-progress{width:46px;min-width:0;flex:none}
.epoch-sort{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;letter-spacing:inherit}
.epoch-sort:hover,.epoch-sort.active{color:var(--ink)}
.epoch-sort-arrow{font-size:8px}
.epoch-conj-moment .epoch-moment-head .epoch-focus{margin-left:auto}
.cycle-year-pick{display:flex;align-items:center;gap:10px;font:10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.cycle-year-pick select{font:12px 'DM Mono',monospace;padding:6px 8px;min-width:200px;text-transform:none;letter-spacing:0}
.hd-double-layout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}
.hd-double-column{padding-top:40px;min-width:118px}
.hd-double-title{text-align:center;font:600 13px 'Playfair Display',serif;border-bottom:2px solid;padding-bottom:7px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.hd-double-row{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:6px;height:34px;font:11px 'DM Mono',monospace}
.hd-double-row span{font-size:16px;text-align:center;color:var(--ink)}
.hd-double-design{color:var(--accent);text-align:right;font-weight:400}
.hd-double-personality{color:var(--ink);text-align:left;font-weight:400}
.hd-double-column.fade-design .hd-double-design{opacity:.25}
.hd-double-column.off{opacity:.22;filter:grayscale(1)}
.hd-double-column.off .hd-double-row{visibility:hidden}
.pair-astro-toolbar .hd-precision-toggle{margin:0}
/* The Chart explorer's mandala between its planet columns keeps its size; the Mandala key drops below when there's no room beside them. */
.hd-mandala-layout{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.hd-mandala-layout>.hd-mandala-columns{flex:999 1 920px;min-width:0;grid-template-columns:150px minmax(0,1fr) 150px}
.hd-mandala-layout>.system-info{flex:1 1 240px;min-width:0;padding:18px}
.hd-mandala-columns .hd-mandala-visual{min-height:0}
/* ── Book a reading (readings.js): a warmer palette, centred and airy ── */
body.readings-page{--paper:#f7ecdf;--paper-deep:#efdfcb;--panel:#fcf4ea;--line:#e5d2bb;--ink:#2f2520;--muted:#7d6858;--accent:#b5562f;--accent-soft:#f3d8c6}
body.dark.readings-page{--paper:#231a16;--paper-deep:#30241e;--panel:#2a201b;--line:#4b3a2f;--ink:#f3e7d9;--muted:#bfa995;--accent:#e78d60;--accent-soft:#5a3727}
body.readings-page .main-content{background:radial-gradient(ellipse 60% 40% at 18% 8%,rgba(231,141,96,.10),transparent 70%),radial-gradient(ellipse 50% 35% at 88% 30%,rgba(138,99,201,.07),transparent 70%),var(--paper)}
.readings-view{max-width:1120px;margin:0 auto;padding-top:56px}
.readings-head{text-align:center}
.readings-head h2{font:400 46px/1.15 'Playfair Display',serif;letter-spacing:.2px;margin:0;color:var(--ink)}
.readings-head h2::after{content:'✦';display:block;margin:18px auto 0;font-size:12px;color:var(--accent);opacity:.8;letter-spacing:0}
.readings-head p{color:var(--muted);font-size:14px;margin:14px 0 0}
.readings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:80px;row-gap:96px;margin:72px 0 40px}
.reading-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:430px;width:100%;justify-self:center}
.reading-image{width:220px;height:220px;border-radius:50%;object-fit:cover;box-shadow:0 24px 50px rgba(70,35,20,.20),0 0 0 6px var(--panel),0 0 0 7px var(--line)}
.reading-card h3{font:600 24px/1.2 'Playfair Display',serif;margin:34px 0 8px;color:var(--ink)}
.reading-reader{font:500 10px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);margin:0}
.reading-description{color:var(--muted);font-size:13px;line-height:1.75;margin:16px 0 0;max-width:390px}
.reading-terms{margin:auto 0 0;padding-top:22px;display:flex;flex-direction:column;align-items:center;gap:6px}
.reading-terms span{font:10.5px 'DM Mono',monospace;color:var(--muted)}
.reading-terms strong{font:600 21px 'Playfair Display',serif;color:var(--ink);font-variant-numeric:lining-nums}
.reading-book{margin-top:16px;padding:9px 20px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:11px;text-decoration:none;letter-spacing:.3px;transition:background .2s,color .2s}
.reading-book:hover,.reading-book:focus-visible{background:var(--accent);color:var(--panel)}
.side-action.readings-link.active{color:var(--ink);background:var(--paper-deep)}
.side-action.readings-link span{color:var(--accent)}
body.dark.readings-page .sidebar{background:#1c1512}
.side-action.readings-link[hidden]{display:none}