*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--bg2:#1e293b;--bg3:#0f172a;--border:#334155;--text:#e2e8f0;--text-muted:#94a3b8;--accent:#818cf8;--accent2:#c084fc;--gold:#f59e0b;--danger:#ef4444;--success:#22c55e;--radius:8px;--shadow:0 4px 24px #0006}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}#auth-overlay,#buy-overlay{background:var(--bg);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0;overflow-y:auto}.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);padding:2rem;position:relative}.auth-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.5rem;line-height:1;position:absolute;top:8px;right:12px}.auth-close:hover{color:var(--text)}.auth-logo{border-radius:50%;width:64px;height:64px;margin:0 auto .75rem;display:block}.buy-card{max-width:560px}.buy-plans{gap:1rem;margin-top:1.25rem;display:flex}.buy-plan{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg3);color:var(--text);text-align:center;flex:1;padding:1.25rem 1rem;text-decoration:none;transition:border-color .15s,transform .15s;position:relative}.buy-plan:hover{border-color:var(--accent);transform:translateY(-2px)}.buy-plan.featured{border-color:var(--accent)}.buy-plan-badge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:.7rem;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.buy-plan-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.buy-plan-price{color:var(--accent);margin:.5rem 0;font-size:1.8rem;font-weight:700}.buy-plan-period{color:var(--text-muted);font-size:.85rem;font-weight:400}.buy-plan-cta{background:var(--accent);color:#fff;border-radius:var(--radius);margin-top:.75rem;padding:.5rem;font-weight:600}@media (width<=520px){.buy-plans{flex-direction:column}}.paid-gate{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;max-width:480px;margin:3rem auto;padding:2rem 1.5rem}.paid-gate h3{color:var(--accent);margin:0 0 .5rem;font-size:1.2rem}.paid-gate p{color:var(--text-muted);margin:0 0 1.25rem}.paid-gate .btn-primary{letter-spacing:.08em;width:auto;margin-top:0;padding:.65rem 1.5rem}.auth-card h2{text-align:center;color:var(--accent);margin-bottom:.5rem;font-size:1.3rem}#email-form,#code-form{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}#email-form input,#code-form input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.6rem .8rem;font-size:.95rem}#auth-code{text-align:center;letter-spacing:.4em;font-weight:600;font-size:1.4rem!important}.tab-btn.locked:after{content:"🔒";opacity:.7;margin-left:.4em;font-size:.8em}.auth-error{color:#ef4444;min-height:1.2em;font-size:.85rem}.auth-note{color:var(--text-muted);text-align:center;font-size:.8rem}.user-badge{color:var(--text-muted);align-items:center;gap:.75rem;margin-left:auto;font-size:.85rem;display:flex}#login-btn{width:auto;margin-top:0;margin-left:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .8rem}.admin-table th{color:var(--text-muted);font-weight:600}.role-badge{border-radius:999px;padding:.15rem .5rem;font-size:.8rem;font-weight:600}.role-badge.role-admin{color:var(--accent);background:#312e81}.role-badge.role-user{color:var(--text-muted);background:#1e293b}header{background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:0 1rem;display:flex}header h1{color:var(--accent);white-space:nowrap;padding:.8rem 0;font-size:1.2rem;font-weight:700}.tab-bar{gap:.2rem;display:flex}#menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;margin-left:auto;padding:.5rem;display:none}#menu-toggle span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}header.menu-open #menu-toggle span:first-child{transform:translateY(6px)rotate(45deg)}header.menu-open #menu-toggle span:nth-child(2){opacity:0}header.menu-open #menu-toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.9rem 1.1rem;font-size:.85rem;transition:all .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-pane{display:none}.tab-pane.active{display:block}.app-layout{gap:0;min-height:calc(100vh - 50px);display:flex}.sidebar{background:var(--bg2);border-right:1px solid var(--border);width:300px;min-width:280px;padding:1.2rem;overflow-y:auto}.main-area{flex-direction:column;flex:1;gap:1.2rem;padding:1.2rem;display:flex;overflow-y:auto}.form-section h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.form-group{margin-bottom:.9rem}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.78rem;display:block}.form-group input,.form-group select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:.5rem .7rem;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.city-row{align-items:flex-end;gap:.5rem;display:flex}.city-row input{flex:1}.city-found{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.75rem;overflow:hidden}button{cursor:pointer;border-radius:var(--radius);border:none;padding:.5rem .9rem;font-size:.85rem;transition:all .2s}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;width:100%;margin-top:.5rem;padding:.65rem;font-weight:600}.btn-primary:hover:not(:disabled){background:#6366f1}.btn-secondary{background:var(--bg3);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-small{width:auto;margin-top:0;padding:.35rem .7rem;font-size:.8rem}.access-badge{color:#fff;letter-spacing:.06em;background:#dc2626;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.help-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.95rem;line-height:1;text-decoration:none;transition:border-color .15s,transform .15s;display:inline-flex}.help-btn:hover{border-color:var(--accent);transform:scale(1.05)}.help-btn[hidden]{display:none}.time-nav{align-items:center;gap:.4rem;margin-top:.6rem;display:flex}.time-nav-btn{background:var(--bg3);border:1px solid var(--border);color:var(--accent);border-radius:var(--radius);flex-shrink:0;padding:.5rem .8rem;font-size:1rem;line-height:1;transition:all .15s}.time-nav-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.time-nav-btn:active:not(:disabled){transform:scale(.93)}.time-nav-display{text-align:center;color:var(--gold);word-break:break-all;flex:1;font-family:monospace;font-size:.78rem;line-height:1.3}.aspect-filters{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.8rem;padding:.55rem .8rem;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin-right:.2rem;font-size:.72rem}.aspect-toggle{border:1px solid var(--c,#64748b);color:var(--c,#64748b);opacity:.35;background:0 0;border-radius:4px;padding:.2rem .55rem;font-size:.8rem;line-height:1.4;transition:opacity .15s,background .15s}.aspect-toggle.active{background:color-mix(in srgb, var(--c,#64748b) 18%, transparent);opacity:1}.aspect-toggle:hover{opacity:.75}.chart-wrapper{justify-content:center;margin-bottom:1rem;display:flex;position:relative;overflow:visible}#chart-container,#chart-container-t,#chart-container-sr{width:100%;max-width:700px;overflow:visible}#chart-container svg,#chart-container-t svg,#chart-container-sr svg{max-width:100%;height:auto;display:block;overflow:visible}.degrees-toggle{color:#64748b;opacity:.35;cursor:pointer;z-index:10;background:0 0;border:1px solid #64748b;border-radius:4px;width:32px;height:32px;padding:0;font-size:1.1rem;line-height:1;transition:opacity .15s;position:absolute;top:8px;left:8px}.degrees-toggle.active{opacity:1}.degrees-toggle:hover{opacity:.75}.panels-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--border);background:#818cf814;padding:.6rem .8rem;font-size:.78rem;font-weight:600}.panel-body{padding:0}.panel-header{color:var(--text-muted);padding:.4rem .6rem;font-size:.8rem}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);text-align:left;background:#ffffff08;padding:.4rem .6rem;font-size:.72rem;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid #33415580;padding:.35rem .6rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#818cf80d}.symbol{text-align:center;color:var(--gold);width:28px;font-size:1.1rem}.position{color:var(--accent2);font-family:monospace}.house-num{text-align:center;color:var(--text-muted)}.retro{color:var(--danger);font-size:.75rem;font-weight:700}.aspect-name{font-weight:600}.orb-val{color:var(--text-muted);font-family:monospace}.no-data{color:var(--text-muted);padding:1rem;font-size:.85rem}.transit-controls{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.8rem 1rem;display:flex}.transit-controls .form-group{margin-bottom:0}.transit-controls label{white-space:nowrap}.transits-list-panel .transit-item{border-bottom:1px solid #33415580;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.82rem;display:grid}.transits-list-panel .transit-item:last-child{border-bottom:none}.t-aspect{text-align:center;font-weight:700}.t-planet{color:var(--text)}.t-orb{color:var(--text-muted);font-family:monospace;font-size:.75rem}.sr-controls{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.8rem 1rem;display:flex}.sr-controls .form-group{margin-bottom:0}.sr-date-info{color:var(--gold);padding:.4rem;font-family:monospace;font-size:.82rem}.chart-info{z-index:10;text-align:right;pointer-events:none;position:absolute;top:.5rem;right:.75rem}.chart-title{color:var(--accent2);font-size:.85rem;font-weight:600}.chart-age{color:var(--text-muted);font-size:.75rem}.saved-charts-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;padding:.6rem .75rem}.saved-charts-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.saved-charts-box .city-row{align-items:center}.saved-charts-io{gap:.5rem;margin-top:.5rem;display:flex}.saved-charts-import-label{cursor:pointer;align-items:center;display:inline-flex}.saved-charts-box select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;flex:1;padding:.5rem .7rem;font-size:.9rem;transition:border-color .2s}.saved-charts-box select:focus{border-color:var(--accent)}.btn-danger{color:#ef4444;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ef4444;padding:.35rem .6rem;font-size:1rem;line-height:1;transition:background .2s}.btn-danger:hover{background:#ef444426}.astrobio-table{font-size:.82rem}.astrobio-row{cursor:pointer;transition:background .12s}.astrobio-row:hover td{background:#818cf814}.astrobio-row.selected td{background:#818cf829}.ab-planet{color:var(--accent2);font-weight:600}.ab-aspect{font-weight:600}.ab-date{color:var(--text-muted);font-family:monospace;font-size:.8rem}.ab-dur{color:var(--gold);font-size:.8rem}.ab-empty{color:var(--text-muted);padding:1.2rem;font-size:.85rem}#ab-chart-panel{margin-top:1.5rem}.ab-chart-body{border-radius:0 0 var(--radius) var(--radius);background:#0a1128;padding:.8rem}.location-alert{color:#86efac;border-radius:var(--radius);background:#1c2a1c;border:1px solid #3a5a3a;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.6rem .9rem;font-size:.82rem;display:flex}.location-alert button{color:#86efac;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;font-size:.9rem}.location-alert button:hover{opacity:1}.collapsible-header{cursor:default;justify-content:space-between;align-items:center;display:flex}.collapse-arrow{color:var(--text-muted);font-size:.7rem;display:none}@media (width<=700px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:.6rem .75rem 0}header{gap:.5rem;padding:0 .75rem}.tab-btn{padding:.7rem;font-size:.8rem}#menu-toggle{display:flex}header .tab-bar,header .user-badge,header #login-btn{order:99;width:100%;display:none}header.menu-open .tab-bar{border-top:1px solid var(--border);flex-direction:column;gap:0;padding-top:.25rem;display:flex}header.menu-open .tab-bar .tab-btn{text-align:left;border-bottom:none;width:100%;padding:.7rem .5rem}header.menu-open .tab-bar .tab-btn.active{background:var(--bg3)}header.menu-open .user-badge:not([hidden]),header.menu-open #login-btn:not([hidden]){border-top:1px solid var(--border);padding:.5rem 0;display:flex}header.menu-open #login-btn{justify-content:center;margin:0}.main-area{gap:.5rem;padding:.75rem .5rem}.chart-wrapper{justify-content:center;margin-left:calc(2px - .5rem);margin-right:-.5rem}#chart-container,#chart-container-t,#chart-container-sr{max-width:100%}.chart-wrapper{margin-bottom:.4rem}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg3);border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);letter-spacing:.06em;margin:0;padding:.55rem .85rem;font-size:.8rem}.collapse-arrow{color:var(--accent);font-size:.65rem;display:inline}.collapsible-body{opacity:0;max-height:0;margin:0;padding:0;transition:max-height .3s,opacity .2s;overflow:hidden}.collapsible-body.open{opacity:1;max-height:2000px;padding-bottom:.75rem}}