*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:#f1e6d3;background:#08121f;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:3px solid #ffe4a4}header{z-index:10;background:#08121f;justify-content:space-between;align-items:center;gap:20px;padding:24px 5%;display:flex;position:relative}.brand{letter-spacing:5px;white-space:nowrap;font-family:Georgia,serif;font-size:25px}nav,.actions{align-items:center;gap:25px;display:flex}nav a,.actions button{font-size:14px}.actions button{min-height:44px}.language,.login,.menu{background:0 0;border:0}.outline,.gold{background:0 0;border:1px solid #cba96d;border-radius:7px;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;display:inline-flex}.gold{color:#142032;background:linear-gradient(120deg,#f4d797,#c99b51);font-weight:600}.menu{display:none}.hero{background:linear-gradient(90deg,#050f1de0,#050f1d66 50%,#050f1d08),url(/hero.png) 50%/cover;align-items:center;min-height:650px;padding:70px 6%;display:flex;position:relative}.hero-content{max-width:680px;position:relative}.eyebrow{letter-spacing:3px;color:#c6b698;font-size:11px;line-height:1.8}h1{margin:26px 0;font-family:Georgia,serif;font-size:clamp(44px,5.5vw,82px);font-weight:400;line-height:1.08}h1 em{color:#e5c388;font-style:normal}.lead{color:#e2e2e5;max-width:500px;font-size:19px;line-height:1.7}.buttons{flex-wrap:wrap;gap:16px;margin-top:35px;display:flex}.hero-caption{letter-spacing:3px;color:#bca580;font-size:9px;position:absolute;bottom:30px;left:6%}.section{border-bottom:1px solid #ffffff13;max-width:1260px;margin:auto;padding:85px 35px}h2{margin:12px 0 20px;font-family:Georgia,serif;font-size:clamp(32px,3.5vw,48px);font-weight:400}h3{margin:18px 0 12px;font-family:Georgia,serif;font-size:24px;font-weight:400}.muted{color:#aab5c6;max-width:590px;line-height:1.8}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.card{text-align:left;background:radial-gradient(at 100% 100%,#22354c,#0d1b2b 70%);border:1px solid #b99a5d55;border-radius:12px;min-height:210px;padding:28px;transition:transform .2s,border-color .2s;position:relative}.card:hover{border-color:#e0bb75;transform:translateY(-4px)}.card p{color:#aebacc;max-width:250px;font-size:14px;line-height:1.7}.symbol{color:#e3bd78;font-size:30px}.arrow{color:#d4b881;position:absolute;top:28px;right:24px}.note{color:#97a4b8;margin-top:26px;font-size:12px;line-height:1.8}.split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.orbit{outline-offset:15px;background:repeating-conic-gradient(#bb9a5333 0deg 1deg,#0000 1deg 30deg);border:1px solid #ad8d54;border-radius:50%;outline:1px solid #ad8d5444;place-items:center;width:190px;height:190px;margin-top:35px;display:grid}.orbit span{color:#e9c078;font-size:70px}.report{background:linear-gradient(130deg,#142538,#0b1625);border:1px solid #c4a97455;border-radius:14px;padding:30px;box-shadow:0 20px 60px #0003}.report-row{border-bottom:1px solid #ffffff18;gap:25px;padding:22px 0;display:flex}.report-row>div{flex:1;min-width:0}h4{margin:0 0 16px;font-size:15px;font-weight:400}.skeleton{background:#405069;border-radius:5px;width:80%;height:5px;margin-top:8px;display:block}.short{background:#293950;width:55%}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px;display:grid}.number{color:#d5b06a;font-family:Georgia,serif;font-size:40px}footer{color:#9cabbc;justify-content:space-between;align-items:center;gap:25px;max-width:1260px;margin:auto;padding:35px;font-size:12px;display:flex}dialog{color:#eee3d2;background:#112033;border:1px solid #c8a56b;border-radius:15px;width:calc(100% - 32px);max-width:520px;padding:35px}dialog::backdrop{background:#020814cc}dialog p{color:#bdc7d5;line-height:1.8}.dialog-close{background:0 0;border:0;min-width:44px;min-height:44px;font-size:28px;position:absolute;top:8px;right:12px}@media (max-width:1000px){header{flex-wrap:wrap}.brand{font-size:20px}nav{gap:18px}.actions{gap:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{gap:35px}.hero{min-height:580px}}@media (max-width:720px){header{gap:12px;padding:15px 18px}.brand{letter-spacing:3px;font-size:18px}.actions{gap:6px}.actions button{font-size:12px}.actions .outline{padding:8px 10px}.login{display:none}.menu{display:block}nav{order:3;width:100%;padding:12px 0;display:none}nav.open{display:flex}.hero{background-image:linear-gradient(90deg,#061122db,#06112288),url(/hero.png);background-position:60%;min-height:600px;padding:55px 24px}.lead{font-size:17px}.section{padding:55px 24px}.cards,.split,.steps{grid-template-columns:1fr}.card{min-height:175px;padding:24px}.report{padding:23px}.orbit{display:none}.steps{gap:22px}.steps>div{border-bottom:1px solid #ffffff13;padding-bottom:20px}footer{flex-wrap:wrap;padding:25px 24px}.hero-caption{left:24px}.buttons>a{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}.mobile-login{display:none}@media (max-width:720px){header{grid-template-columns:1fr auto;gap:6px 12px;padding:12px 18px;display:grid}.brand{letter-spacing:2px;font-size:17px}.actions{display:contents}.actions .language{grid-area:1/2;font-size:12px}.actions .outline{grid-area:2/1;justify-self:start;padding:8px 14px}.actions .menu{grid-area:2/2;justify-self:end;width:44px}nav{border-top:1px solid #ffffff18;flex-direction:column;grid-area:3/1/auto/-1;align-items:stretch;gap:4px;margin-top:6px;padding:8px 0}nav a,.mobile-login{text-align:left;min-height:44px;padding:12px;font-size:14px}.mobile-login{color:#e3bd78;background:0 0;border:0;display:block}.hero{min-height:530px;padding:38px 24px 65px}.hero h1{margin:20px 0;font-size:clamp(32px,8.8vw,48px);line-height:1.12}.hero .eyebrow{letter-spacing:2px;font-size:9px}.lead{font-size:16px;line-height:1.6}.buttons{gap:12px;margin-top:24px}}.natal-actions{align-items:center;gap:20px;display:flex}.natal-page h1{font-size:clamp(34px,4vw,58px)}.birth-form{max-width:760px;margin-top:35px}fieldset{border:0;margin:0;padding:0}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.form-grid label{color:#c4cddd;flex-direction:column;gap:10px;font-size:14px;display:flex}.form-grid input{color:#f1e6d3;width:100%;min-width:0;min-height:48px;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#132338;border:1px solid #53617a;border-radius:6px;padding:12px}.wide{grid-column:1/-1}button:disabled{opacity:.5;cursor:default}.calculate-button{margin-top:25px}.location-options{max-width:760px;margin-top:25px}.location-option{text-align:left;background:#112136;border:1px solid #a28654;border-radius:7px;flex-direction:column;gap:8px;width:100%;margin:10px 0;padding:16px;display:flex}.location-option span,.location-option small{color:#adb9ce}.location-selected{background:#122338;border-left:3px solid #cfaf71;max-width:760px;margin-top:25px;padding:20px}.location-selected p{color:#b6c2d5;line-height:1.6}.error{color:#ffd1c4;background:#492e30;border-radius:6px;padding:16px}.result-section{background:#102034;border:1px solid #435269;border-radius:8px;margin:16px 0;padding:20px}.result-section summary{cursor:pointer;line-height:1.6}.result-field{border-top:1px solid #ffffff18;margin:14px 0;padding:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#c8d3e5;max-width:100%;font-size:12px;line-height:1.7;overflow:auto}.natal-result{margin-top:45px}.natal-page{overflow-wrap:anywhere}@media (max-width:720px){.form-grid{grid-template-columns:1fr}.natal-actions{gap:10px;font-size:12px}.natal-page .calculate-button,.birth-form .outline{width:100%}.natal-actions .language{min-height:44px}.result-section{padding:14px}}.event-card{background:#ffffff04;border:1px solid #d6bc7a40;border-radius:16px;margin:24px 0;padding:24px}.event-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.birth-form select,.birth-form textarea{box-sizing:border-box;color:#f6f0e3;width:100%;min-width:0;font:inherit;background:#111a2b;border:1px solid #d6bc7a55;border-radius:8px;padding:12px}.birth-form textarea{resize:vertical;min-height:80px}.birth-form select:focus,.birth-form textarea:focus{outline:2px solid #d6bc7a}.check-label{align-items:center;gap:12px;margin:20px 0;display:flex!important}.check-label input{width:auto!important}.alternative-limit{max-width:300px;margin:24px 0;display:block}.place-picker{margin:24px 0}.event-heading h3{margin:0}.birth-form fieldset,.birth-form{min-width:0}.natal-result>details>pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto}.event-card .form-grid{margin-bottom:18px}dialog.rectification-modal{color:#f6f0e3;text-align:left;background:linear-gradient(145deg,#172239,#091322);border:1px solid #d6bc7a70;border-radius:20px;width:min(900px,100vw - 40px);max-width:900px;max-height:90dvh;padding:32px;overflow:auto}dialog.rectification-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020817cf}.rectification-modal .modal-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-top h2{margin:8px 0 20px}.modal-close{color:#f6f0e3;background:#111a2b;border:1px solid #d6bc7a60;border-radius:50%;flex-shrink:0;min-width:44px;min-height:44px;font-size:24px;position:sticky;top:0}.rectification-modal .birth-form{background:0 0;border:0;padding:0}.unknown-time{margin:18px 0 24px}.unknown-time input{accent-color:#d6bc7a}.unknown-time button{margin-top:8px}@media (max-width:720px){.event-card{padding:16px}.event-heading{align-items:flex-start}.natal-actions{flex-wrap:wrap;gap:10px}dialog.rectification-modal{box-sizing:border-box;border-radius:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:20px 16px}.modal-top h2{font-size:27px}}.accept-time{border:1px solid #d6bc7a50;border-radius:12px;margin:24px 0;padding:20px}.accept-time label{margin:12px 0;display:block}.accept-time input{color:#f6f0e3;font:inherit;background:#111a2b;border:1px solid #d6bc7a70;border-radius:8px;margin-top:8px;padding:12px;display:block}.rect-time-result{background:linear-gradient(135deg,#d6bc7a17,#122340);border:1px solid #d6bc7a70;border-radius:18px;margin:24px 0;padding:28px}.rect-time{letter-spacing:2px;color:#e5cd94;margin:14px 0;font-family:Georgia,serif;font-size:clamp(40px,8vw,64px);line-height:1.15}.candidate-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0;display:grid}.candidate-choice{text-align:left;color:#f6f0e3;font:inherit;background:#122033;border:1px solid #d6bc7a40;border-radius:12px;padding:16px}.candidate-choice.active{background:#d6bc7a18;border-color:#e5cd94}.candidate-choice span,.candidate-choice strong,.candidate-choice small{display:block}.candidate-choice strong{color:#e5cd94;margin:8px 0;font-size:25px}.candidate-choice small{color:#b5bfd0}.candidate-choice:focus-visible{outline-offset:3px;outline:2px solid #e5cd94}.natal-result{scroll-margin-top:20px}@media (max-width:720px){.rect-time-result{padding:20px}.candidate-list{grid-template-columns:1fr}.accept-time .gold{width:100%}}.wheel-section{background:linear-gradient(140deg,#18263b,#0e192b);border:1px solid #d6bc7a50;border-radius:20px;margin-top:28px;padding:24px}.wheel-title,.wheel-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.wheel-title h3{margin:10px 0;font-size:28px}.wheel-controls{margin:14px 0}.wheel-controls .check-label{margin:0}.zoom-controls{gap:6px;display:flex}.zoom-controls button{color:#eee3c9;min-width:44px;min-height:44px;font:inherit;background:#122036;border:1px solid #d6bc7a50;border-radius:8px}.wheel-layout{grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);align-items:start;gap:24px;display:grid}.wheel-viewport{touch-action:auto;background:#101b2e;border-radius:18px;width:100%;max-height:650px;overflow:auto}.wheel-viewport:focus-visible{outline:2px solid #d6bc7a}.wheel-viewport svg [role=button]:focus-visible{filter:drop-shadow(0 0 4px #f8dca1);outline:none}.wheel-info{background:#ffffff04;border:1px solid #d6bc7a30;border-radius:14px;min-width:0;padding:20px}.wheel-info h3{margin:12px 0;font-size:24px}.position-highlight{color:#e4c98c}.aspect-row{border-bottom:1px solid #ffffff12;margin:0;padding:10px 0}.aspect-row span,.aspect-row strong{display:block}.aspect-row span{color:#b3c1d2;margin-top:5px;font-size:13px}.aspect-filters{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.aspect-filter{color:#9eaec1;font:inherit;background:#132239;border:1px solid #7f8d9e45;border-radius:20px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.aspect-filter.active{color:#f1e5ca;border-color:#c5b28390}.aspect-filter span{opacity:.4;border-radius:50%;width:9px;height:9px}.aspect-filter.active span{opacity:1}.planet-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.planet-list-item{text-align:left;color:#e8dfcf;width:100%;min-height:48px;font:inherit;background:#132239;border:1px solid #8a9ab340;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:4px 0;padding:12px;display:flex}.planet-list-item>span:first-child{font-weight:600}.planet-list-item>span:nth-child(2){color:#c6d0df;font-size:14px}.planet-list-item small{color:#a3b5ca}.planet-list-item.selected{border-color:#e4c98c}:is(.planet-list-item:focus-visible,.aspect-filter:focus-visible){outline-offset:2px;outline:2px solid #e4c98c}.house-table>summary{cursor:pointer;color:#e4c98c;padding:12px 0}.house-table{margin-top:16px}@media (max-width:1000px){.wheel-layout{grid-template-columns:1fr}.wheel-info{min-height:100px}}@media (max-width:720px){.wheel-section{margin-left:-8px;margin-right:-8px;padding:14px}.wheel-title h3{font-size:24px}.wheel-layout{gap:14px}.planet-table{grid-template-columns:1fr}.wheel-viewport{max-height:480px}.wheel-info{padding:16px}}.synastry-page{max-width:1240px}.person-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.person-card{background:#ffffff03;border:1px solid #d6bc7a45;border-radius:16px;min-width:0;padding:24px}.person-card h2{margin:0 0 24px;font-size:26px}.person-card>label{margin:12px 0;display:block}.person-card .form-grid{margin-top:20px}.synastry-result{margin-top:40px;scroll-margin-top:24px}.person-summary{color:#a6b8cd;flex-wrap:wrap;gap:8px 24px;display:flex}.compatibility-hero{background:linear-gradient(140deg,#243149,#14223a);border:1px solid #d6bc7a55;border-radius:20px;margin:24px 0 36px;padding:32px}.compatibility-value{color:#e5cd94;margin:18px 0;font:64px Georgia,serif}.compatibility-value small{color:#a8b6ca;font:22px Georgia,serif}.compatibility-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.compatibility-metrics span,.compatibility-metrics strong{display:block}.compatibility-metrics span{color:#acbdd0;font-size:14px}.compatibility-metrics strong{margin-top:8px;font-size:22px;font-weight:400}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.theme-card{background:#ffffff03;border:1px solid #d6bc7a35;border-radius:14px;min-width:0;padding:22px}.theme-card h3{margin:0 0 18px;font-size:22px}.theme-card summary{cursor:pointer;color:#e3cd9d;padding:14px 0}.theme-bar-row{grid-template-columns:105px minmax(0,1fr) 40px;align-items:center;gap:10px;margin:14px 0;font-size:13px;display:grid}.theme-bar-row meter{accent-color:#8bbaba;width:100%;height:16px}.theme-bar-row.friction meter{accent-color:#d7919b}.theme-bar-row strong{font-weight:400}.relationship-pattern{border-top:1px solid #ffffff16;padding:12px 0}.relationship-pattern h4{margin:8px 0}.relationship-pattern small{color:#aabbd0}.pair-legend{flex-wrap:wrap;gap:18px;display:flex}.wheel-controls select{color:#eee4ce;font:inherit;background:#132239;border:1px solid #d6bc7a50;border-radius:8px;margin-left:12px;padding:10px}@media (max-width:1000px){.person-grid{grid-template-columns:1fr}}@media (max-width:720px){.theme-grid{grid-template-columns:1fr}.compatibility-hero{padding:22px}.compatibility-value{font-size:52px}.compatibility-metrics{grid-template-columns:1fr}.person-card{padding:16px}.theme-card{padding:18px}.theme-bar-row{grid-template-columns:92px minmax(0,1fr) 38px}.wheel-controls select{margin:8px 0;display:block}}.composite-reading{margin-top:3rem}.reading-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.composite-reading .theme-card{min-width:0}.profile-link{white-space:nowrap;color:var(--gold,#ddc282)}.profile-tools{margin:1rem 0}.profile-tools .natal-actions{flex-wrap:wrap;justify-content:flex-start;gap:.6rem}.profile-notice{background:#ddc28212;border:1px solid #b59b59;border-radius:14px;margin:1.5rem 0;padding:1rem 1.3rem;line-height:1.7}.profile-notice p{margin:0}.profile-notice a{color:#e5ce98;text-decoration:underline}.field-help{vertical-align:middle;margin-right:.45rem;display:inline-flex;position:relative}.info-dot{color:#e5ce98;cursor:help;background:#17243a;border:1px solid #b8a779;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-family:Georgia,serif;font-size:14px;font-weight:700;display:inline-grid}.info-dot:focus-visible{outline-offset:3px;outline:2px solid #e5ce98}.help-tooltip{z-index:30;color:#f1e9d9;background:#17243a;border:1px solid #b8a779;border-radius:10px;width:min(280px,65vw);padding:12px 14px;font-size:14px;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 10px 30px #0008}.person-card label,.birth-form label{overflow:visible}@media (max-width:700px){header .actions{flex-wrap:wrap;gap:.5rem}header .profile-link{font-size:12px}.natal-actions{flex-wrap:wrap}.profile-tools button{font-size:12px}.help-tooltip{width:min(240px,40vw)}}.field-caption{align-items:center;gap:4px;display:flex}.field-caption .field-help{flex-shrink:0}.event-order-panel{background:#ddc2820a;border:1px solid #b59b59;border-radius:14px;margin:1.5rem 0;padding:1.2rem}.order-question{margin:1rem 0}.order-question label{flex-direction:column;gap:.6rem;display:flex}.order-question select{color:#f1e9d9;background:#15243a;border:1px solid #718096;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:.8rem}.transit-bar-button{text-align:left;color:#eee4cd;background:#15243a;border:1px solid #52617a;border-radius:12px;width:100%;margin:.7rem 0;padding:1rem;display:block}.transit-track{background:#28354d;border-radius:10px;height:20px;margin-top:.7rem;display:block;position:relative;overflow:hidden}.transit-window{background:#ddc282;border-radius:5px;height:8px;position:absolute;top:6px}.transit-hit{background:#92d9e1;border:2px solid #15243a;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;transform:translate(-50%)}.transit-card{margin:1rem 0}.transit-card summary{cursor:pointer;font-size:18px}.transit-event-list{gap:1rem;padding:0;list-style:none;display:grid}.transit-event-list li{border-left:2px solid #718096;gap:.4rem;padding:.5rem 1rem;display:grid}.transit-event-list .exact-event{border-color:#ddc282}.transit-timeline select{color:#eee4cd;background:#15243a;border:1px solid #718096;border-radius:8px;padding:.6rem}.transit-timeline label{gap:.4rem;display:grid}
