:root{color-scheme:dark;--bg: #09030f;--bg-2: #120722;--panel: rgba(24, 12, 43, .74);--panel-strong: rgba(37, 18, 62, .92);--line: rgba(230, 198, 125, .18);--line-bright: rgba(230, 198, 125, .38);--gold: #e6c67d;--gold-2: #f4dfaa;--violet: #8b5cf6;--pink: #f472b6;--cyan: #67e8f9;--text: #f8f1df;--muted: #bdb0c9;--danger: #ff6b8a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(139,92,246,.22),transparent 28rem),radial-gradient(circle at 82% 12%,rgba(244,114,182,.18),transparent 24rem),var(--bg);color:var(--text)}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:1rem}.topbar{position:sticky;top:1rem;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:24px;background:#09030fd1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 70px #0000003d}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;color:var(--gold-2);background:linear-gradient(135deg,#e6c67d38,#8b5cf638);border:1px solid var(--line-bright)}.brand strong{display:block;letter-spacing:.2em}.brand small{color:var(--muted)}nav{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}nav button,.auth-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);padding:.65rem .85rem;border-radius:999px;cursor:pointer}nav button.active,nav button:hover,.auth-tabs button.active{border-color:var(--line);color:var(--gold-2);background:#e6c67d14}.layout-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem;margin-top:1rem;align-items:start}aside{position:sticky;top:6.5rem;display:grid;gap:1rem}.content{display:grid;gap:1rem;min-width:0}.panel,.metric-card,.side-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0b,#ffffff05),var(--panel);box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.panel{padding:clamp(1rem,2vw,1.5rem)}.side-card{padding:1rem}.hero{min-height:430px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1.5rem;align-items:center;background:radial-gradient(circle at 30% 20%,rgba(230,198,125,.2),transparent 12rem),radial-gradient(circle at 70% 40%,rgba(139,92,246,.26),transparent 17rem),linear-gradient(135deg,#120722e0,#09030ff0)}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.72) 1px,transparent 1.5px);background-size:60px 60px;opacity:.2;animation:drift 18s linear infinite}.stars.two{background-size:95px 95px;animation-duration:28s;opacity:.14}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-90px,45px,0)}}.hero-content,.cosmic-clock{position:relative;z-index:1}.eyebrow{margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:.72rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,7vw,6.2rem);line-height:.92;letter-spacing:-.07em;margin-bottom:1rem;max-width:820px;background:linear-gradient(135deg,var(--text),var(--gold-2),var(--pink));-webkit-background-clip:text;color:transparent}h2{font-size:clamp(1.4rem,2.4vw,2.3rem);letter-spacing:-.03em;margin-bottom:.5rem}h3{margin-bottom:.5rem}.hero-copy{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.65}.hero-actions,.report-actions,.history-actions,.target-date{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.primary-button,.ghost-button{border-radius:999px;border:1px solid var(--line-bright);display:inline-flex;gap:.45rem;align-items:center;justify-content:center;padding:.78rem 1rem;cursor:pointer;transition:transform .2s ease,border .2s ease,background .2s ease}.primary-button{background:linear-gradient(135deg,var(--gold),#b8842d);color:#170d16;font-weight:800}.ghost-button{background:#ffffff09;color:var(--text)}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px);border-color:var(--gold)}.ghost-button.danger{color:var(--danger)}.cosmic-clock{border:1px solid var(--line);background:#09030f8c;border-radius:28px;padding:1.2rem;min-height:240px;display:grid;align-content:center;text-align:center}.cosmic-clock svg{margin:0 auto .6rem;color:var(--gold);filter:drop-shadow(0 0 22px rgba(230,198,125,.45))}.cosmic-clock span{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem}.cosmic-clock strong{font-size:2.2rem;margin:.35rem 0}.cosmic-clock p{margin:0;color:var(--muted)}.auth-panel,.auth-card{border:1px solid var(--line);background:#140a23b8;border-radius:24px;padding:1rem;display:grid;gap:.85rem}.auth-card{grid-template-columns:auto 1fr;align-items:center}.auth-card button{grid-column:1 / -1}.auth-card span{display:block;color:var(--muted);font-size:.85rem}.auth-tabs{display:flex;flex-wrap:wrap;gap:.25rem}label{color:var(--muted);display:grid;gap:.35rem;font-size:.9rem}input,select{width:100%;border-radius:14px;border:1px solid var(--line);background:#ffffff0e;color:var(--text);padding:.75rem .85rem;outline:none}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e6c67d1f}option{background:#170d24}.small-note,.muted{color:var(--muted);font-size:.9rem;line-height:1.55}.nav-card{display:grid;gap:.6rem}.nav-card a{color:var(--gold-2);padding:.55rem .65rem;border:1px solid var(--line);border-radius:14px;background:#ffffff08}.toast{position:fixed;right:1rem;bottom:1rem;z-index:40;background:#09030ff2;border:1px solid var(--line-bright);border-radius:18px;padding:.9rem 1rem;display:flex;gap:.5rem;align-items:center;color:var(--gold-2);animation:toast 4s ease forwards;max-width:min(440px,calc(100vw - 2rem))}@keyframes toast{0%{opacity:0;transform:translateY(16px)}10%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-card{padding:1rem}.metric-card p{color:var(--muted);margin-bottom:.35rem}.metric-card strong{font-size:2rem;color:var(--gold-2);display:block}.metric-card span{color:var(--muted);font-size:.85rem}.report-stack{display:grid;gap:1rem}.report-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.profile-grid,.subject-grid,.tarot-grid,.forecast-grid,.comparison-grid{display:grid;gap:1rem}.profile-grid,.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tarot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.forecast-grid{grid-template-columns:repeat(7,minmax(180px,1fr));overflow-x:auto;padding-bottom:.25rem}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card,.subject-form,.tarot-card,.forecast-card,.comparison-card{border:1px solid var(--line);background:#ffffff09;border-radius:22px;padding:1rem}.profile-card-head,.subject-form-head,.meter-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border:1px solid var(--line);color:var(--gold-2);background:#e6c67d14;border-radius:999px;padding:.28rem .55rem;font-size:.75rem}.placement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0}.placement-grid span{border:1px solid var(--line);border-radius:14px;padding:.6rem;color:var(--muted);background:#0000001f}.placement-grid strong{display:block;color:var(--text)}.support-box{border-left:3px solid var(--gold);padding:.75rem;background:#e6c67d0f;color:var(--gold-2);border-radius:14px;line-height:1.55}.two-column{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem}.vortex-card{text-align:center}.orb{--orb: 240deg;width:min(250px,68vw);aspect-ratio:1;margin:1rem auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 180deg,var(--gold) var(--orb),rgba(255,255,255,.08) 0),radial-gradient(circle,#160a28 58%,transparent 59%);box-shadow:inset 0 0 44px #8b5cf666,0 0 80px #e6c67d1f}.orb span{font-size:3rem;color:var(--gold-2);font-weight:900}.meter-wrap{display:grid;gap:.35rem;margin:.65rem 0}.meter-head{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.meter{height:.65rem;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid var(--line)}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--pink),var(--gold));box-shadow:0 0 18px #f472b64d}.scanner{height:150px;border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;margin:1rem 0;background:linear-gradient(180deg,#67e8f914,#8b5cf614)}.scanner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(103,232,249,.08) 19px 20px)}.scanner span{position:absolute;inset:0;height:3px;background:var(--cyan);box-shadow:0 0 26px var(--cyan);animation:scan 2.6s ease-in-out infinite}@keyframes scan{0%,to{transform:translateY(0)}50%{transform:translateY(150px)}}.clean-list{display:grid;gap:.7rem;padding-left:1.1rem;line-height:1.55;color:var(--muted)}.clean-list li::marker{color:var(--gold)}.tarot-card{perspective:1000px;display:grid;gap:.85rem}.tarot-inner{position:relative;height:230px;transform-style:preserve-3d;transition:transform .7s ease}.tarot-card:hover .tarot-inner{transform:rotateY(180deg)}.tarot-front,.tarot-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:20px;border:1px solid var(--line-bright);display:grid;place-items:center;text-align:center;padding:1rem}.tarot-front{background:radial-gradient(circle,rgba(230,198,125,.24),transparent 50%),linear-gradient(135deg,#221038,#0c0613);color:var(--gold-2)}.tarot-front span{letter-spacing:.4em;font-weight:800}.tarot-back{transform:rotateY(180deg);background:linear-gradient(135deg,#8b5cf633,#f472b61f),#160a28}.tarot-back p{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.tarot-card>strong{color:var(--gold-2);line-height:1.55}.timeline{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:1rem}.timeline-slot{border:1px solid var(--line);border-radius:20px;padding:1rem;background:#ffffff08}.timeline-slot.open{border-color:#67e8f98c}.timeline-slot.direct{border-color:#e6c67d7a}.timeline-slot.volatile{border-color:#ff6b8a80}.timeline-slot>strong{color:var(--gold-2);font-size:1.2rem}.timeline-slot p,.timeline-slot span{color:var(--muted);line-height:1.55}.timeline-slot span{display:block;border-top:1px solid var(--line);padding-top:.7rem}.synastry-table{display:grid;gap:.75rem}.synastry-table article{border:1px solid var(--line);border-radius:20px;padding:1rem;background:#ffffff08;display:grid;grid-template-columns:1fr auto 220px;gap:1rem;align-items:center}.synastry-table span{color:var(--muted);display:block}.synastry-table p,.synastry-table em{grid-column:1 / -1;color:var(--muted);line-height:1.55}.synastry-table em{color:var(--gold-2)}.analysis-list{display:grid;gap:.45rem}.analysis-list dt{color:var(--gold);font-weight:800}.analysis-list dd{margin:0 0 .75rem;color:var(--muted);line-height:1.55}.forecast-card{min-width:180px}.forecast-card svg{color:var(--gold)}.forecast-card h3{font-size:1rem}.forecast-card p{color:var(--muted);line-height:1.5;font-size:.9rem}.target-date{margin-bottom:1rem}.target-date label{min-width:220px}.subject-form{display:grid;gap:.75rem}.subject-form-head button{border:0;color:var(--danger);background:transparent;cursor:pointer}.history-list{display:grid;gap:.75rem}.history-card{border:1px solid var(--line);border-radius:20px;padding:1rem;background:#ffffff08;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.compare-check{display:flex;gap:.45rem;align-items:center;color:var(--gold-2)}.compare-check input{width:auto}.trend-callout{margin-top:1rem;border:1px solid var(--line-bright);border-radius:20px;padding:1rem;display:flex;gap:.75rem;align-items:flex-start;background:#e6c67d12}.trend-callout svg{color:var(--gold);flex-shrink:0}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}footer{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);border-top:1px solid var(--line);padding:1.4rem .5rem .2rem;margin-top:1rem}footer strong{color:var(--gold-2)}@media(max-width:1160px){.layout-grid{grid-template-columns:1fr}aside{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.synastry-table article{grid-template-columns:1fr}}@media(max-width:850px){.topbar{position:static;align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}aside,.hero,.profile-grid,.subject-grid,.tarot-grid,.two-column,.comparison-grid,.profile-stats{grid-template-columns:1fr}.report-header,.section-head,footer{flex-direction:column;align-items:flex-start}.metrics-grid,.timeline{grid-template-columns:1fr}.app-shell{padding:.7rem}}@media print{.topbar,aside,.report-actions,.hero-actions,footer,.toast{display:none!important}body{background:#fff;color:#111}.app-shell{padding:0}.layout-grid{display:block}.panel,.metric-card{box-shadow:none;break-inside:avoid;border-color:#ddd;background:#fff;color:#111}.muted,.small-note,.analysis-list dd,.forecast-card p,.timeline-slot p,.timeline-slot span,.synastry-table p,.synastry-table em{color:#333}}.notification-box{border:1px solid var(--line);border-radius:22px;padding:1rem;background:#ffffff09;display:grid;gap:.85rem;margin:1rem 0}code{color:var(--gold-2);background:#e6c67d14;padding:.12rem .3rem;border-radius:.35rem}button:disabled{opacity:.58;cursor:not-allowed;transform:none!important}.astro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:1rem}.astro-card{border:1px solid var(--line);background:#ffffff09;border-radius:22px;padding:1rem}.astro-card.wide{grid-column:1 / -1}.planet-row{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:.6rem;margin-top:1rem}.planet-row span{border:1px solid var(--line);background:#00000024;border-radius:14px;padding:.65rem;color:var(--muted);display:grid;gap:.2rem}.planet-row b{color:var(--gold-2)}.transit-line{border-top:1px solid var(--line);padding:.75rem 0}.transit-line:first-of-type{border-top:0}.transit-line strong{display:block;color:var(--gold-2)}.transit-line span{color:var(--muted);font-size:.85rem}.transit-line p{color:var(--muted);margin:.35rem 0 0;line-height:1.45}.clean-list.compact{font-size:.86rem;gap:.45rem}@media(max-width:850px){.astro-grid,.planet-row{grid-template-columns:1fr}}
