@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;700&display=swap";:root{--paper:#f3ecdf;--paper-strong:#fbf6ee;--paper-tint:#f0e2d2;--ink:#392719;--ink-strong:#20130d;--accent-soft:#8d3d34;--accent-red:#a33e33;--accent-red-soft:#ead0c7;--accent-green:#5e7f50;--accent-green-deep:#35553b;--accent-gold:#be8d49;--font-body:"Manrope", sans-serif;--font-display:"Cormorant Garamond", serif;color:var(--ink);background:var(--paper);font:18px/1.65 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 18%,#a33e332e,#0000 22%),radial-gradient(circle at 84% 12%,#5e7f5029,#0000 24%),radial-gradient(circle at 76% 70%,#be8d4924,#0000 24%),linear-gradient(#f3ecdf 0%,#f8f2e8 46%,#f4eadf 100%);min-width:320px;min-height:100vh;margin:0}#root{max-width:1200px;margin:0 auto;padding:1.8rem;position:relative}#root:before,#root:after{content:"";z-index:-1;pointer-events:none;filter:blur(18px);border-radius:50%;position:fixed}#root:before{background:radial-gradient(circle,#a33e3324,#0000 70%);width:18rem;height:18rem;top:7rem;left:-5rem}#root:after{background:radial-gradient(circle,#5e7f5029,#0000 70%);width:16rem;height:16rem;top:18rem;right:-4rem}h1,h2,p{margin:0}h1,h2{color:var(--ink-strong)}h1{font-family:var(--font-display);font-size:clamp(3rem,7vw,5.2rem);line-height:.94}h2{font-family:var(--font-display);font-size:1.9rem;line-height:1.05}::selection{background:#a33e332e}@media (width<=980px){:root{font-size:16px}#root{padding:1rem}}a,button,input{font:inherit}button{border:0}.site-shell{gap:1.5rem;display:grid}.site-header{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#fbf6eeeb,#f5ebe1e0);border:1px solid #5e7f502e;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex;position:sticky;top:0;box-shadow:0 16px 45px #35281814}.brand{color:var(--ink-strong);align-items:center;gap:.7rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(180deg, var(--accent-red), var(--accent-green));border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 0 6px #a33e331f}.site-nav{flex-wrap:wrap;gap:.55rem;display:flex}.nav-link{color:var(--ink);border-radius:999px;padding:.5rem .8rem;text-decoration:none;transition:background-color .16s,color .16s,transform .16s}.nav-link:hover{color:var(--ink-strong);background:#5e7f501a;transform:translateY(-1px)}.nav-link-active{color:var(--ink-strong);background:linear-gradient(90deg,#5e7f5024,#a33e331f)}.page{gap:1.5rem;display:grid}.page-tight{gap:1.2rem}.hero-panel,.split-panel,.calculator-layout,.detail-layout{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:1rem;display:grid}.hero-copy,.section-header,.surface-card,.content-card,.copy-card,.vibe-card{gap:.85rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--accent-soft);margin:0;font-size:.78rem}.intro{max-width:58ch}.hero-tags,.card-footer-row,.animal-pillars{flex-wrap:wrap;gap:.65rem;display:flex}.animal-themed{--animal-accent:var(--accent-red);--animal-tint:#a33e3314}.tag-pill,.mini-badge,.mini-link{border-radius:999px;align-items:center;width:fit-content;display:inline-flex}.tag-pill{color:var(--ink-strong);padding:.45rem .8rem;font-size:.88rem;box-shadow:inset 0 0 0 1px #39271914}.tag-pill-1{background:#a33e3324}.tag-pill-2{background:#5e7f5024}.tag-pill-3{background:#be8d4929}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.button-primary,.button-secondary{border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.15rem;text-decoration:none;display:inline-flex}.button-primary{background:linear-gradient(135deg, var(--accent-red), #c76446);color:#fbf4e7;box-shadow:0 12px 28px #a33e3338}.button-secondary{color:var(--ink-strong);background:linear-gradient(135deg,#5e7f5024,#5e7f5033)}.button-primary:hover,.button-secondary:hover{transform:translateY(-2px)}.zodiac-ring-card,.surface-card,.copy-card,.vibe-card{border:1px solid #49371a1a;border-radius:28px}.surface-card,.copy-card,.vibe-card{background:linear-gradient(#fffbf3eb,#f6eee3eb);padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 18px 40px #3528180f}.surface-card:before,.copy-card:before,.vibe-card:before{content:"";background:linear-gradient(90deg, var(--accent-red), var(--accent-gold), var(--accent-green));opacity:.78;width:100%;height:.35rem;position:absolute;inset:0 auto auto 0}.animal-themed:before{background:linear-gradient(90deg, var(--animal-accent), var(--accent-gold), var(--animal-accent))}.animal-overview-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--animal-accent) 14%, transparent), transparent 28%), linear-gradient(180deg, var(--animal-tint), #fffbf3f5)}.animal-detail-hero{border:1px solid color-mix(in srgb, var(--animal-accent) 22%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--animal-accent) 18%, transparent), transparent 30%), linear-gradient(180deg, var(--animal-tint), #fff9f2eb);border-radius:28px;padding:1.5rem;position:relative;box-shadow:0 18px 40px #3528180f}.animal-crest{background:color-mix(in srgb, var(--animal-accent) 18%, white);width:2.5rem;height:2.5rem;color:color-mix(in srgb, var(--animal-accent) 82%, #23150d);letter-spacing:.08em;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--animal-accent) 28%, transparent);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.animal-crest-large{width:3.4rem;height:3.4rem;font-size:1rem}.animal-illustration{--illustration-size:5.25rem;width:var(--illustration-size);height:calc(var(--illustration-size) * .92);display:block;position:relative}.animal-illustration-large{--illustration-size:7rem}.animal-illustration-halo{background:color-mix(in srgb, var(--animal-accent) 12%, white);border-radius:999px;width:92%;height:34%;position:absolute;inset:auto auto 0 50%;transform:translate(-50%)}.animal-illustration-head{background:color-mix(in srgb, var(--animal-accent) 28%, white);width:62%;height:58%;box-shadow:inset 0 -.25rem 0 color-mix(in srgb, var(--animal-accent) 14%, transparent);border-radius:45% 45% 42% 42%;position:absolute;top:18%;left:50%;transform:translate(-50%)}.animal-illustration-ear,.animal-illustration-eye,.animal-illustration-nose,.animal-illustration-detail{position:absolute}.animal-illustration-ear{background:color-mix(in srgb, var(--animal-accent) 38%, white);border-radius:70% 70% 30% 30%;width:18%;height:24%;top:10%}.animal-illustration-ear-left{left:22%;transform:rotate(-18deg)}.animal-illustration-ear-right{right:22%;transform:rotate(18deg)}.animal-illustration-eye{background:#23150d;border-radius:50%;width:7%;height:7%;top:42%}.animal-illustration-eye-left{left:38%}.animal-illustration-eye-right{right:38%}.animal-illustration-nose{background:color-mix(in srgb, var(--animal-accent) 52%, #6d4830);border-radius:999px;width:18%;height:12%;bottom:24%;left:50%;transform:translate(-50%)}.animal-illustration-detail-a,.animal-illustration-detail-b,.animal-illustration-detail-c{background:color-mix(in srgb, var(--animal-accent) 54%, white)}.animal-illustration-rat .animal-illustration-ear,.animal-illustration-aap .animal-illustration-ear{border-radius:50%;width:22%;height:22%;top:18%}.animal-illustration-rat .animal-illustration-detail-a,.animal-illustration-rat .animal-illustration-detail-b,.animal-illustration-rat .animal-illustration-detail-c{border-radius:999px;width:18%;height:2px;top:54%}.animal-illustration-rat .animal-illustration-detail-a{left:12%;transform:rotate(-12deg)}.animal-illustration-rat .animal-illustration-detail-b{right:12%;transform:rotate(12deg)}.animal-illustration-rat .animal-illustration-detail-c{border:2px solid color-mix(in srgb, var(--animal-accent) 54%, white);background:0 0;border-top:0;border-radius:999px;width:34%;height:18%;top:68%;left:50%;transform:translate(-50%)}.animal-illustration-os .animal-illustration-ear,.animal-illustration-geit .animal-illustration-ear,.animal-illustration-draak .animal-illustration-ear{width:14%;height:20%;top:8%}.animal-illustration-os .animal-illustration-detail-a,.animal-illustration-os .animal-illustration-detail-b,.animal-illustration-geit .animal-illustration-detail-a,.animal-illustration-geit .animal-illustration-detail-b,.animal-illustration-draak .animal-illustration-detail-a,.animal-illustration-draak .animal-illustration-detail-b{border-top:3px solid color-mix(in srgb, var(--animal-accent) 58%, white);background:0 0;border-radius:999px;width:18%;height:10%;top:8%}.animal-illustration-os .animal-illustration-detail-a,.animal-illustration-geit .animal-illustration-detail-a,.animal-illustration-draak .animal-illustration-detail-a{left:14%;transform:rotate(-16deg)}.animal-illustration-os .animal-illustration-detail-b,.animal-illustration-geit .animal-illustration-detail-b,.animal-illustration-draak .animal-illustration-detail-b{right:14%;transform:rotate(16deg)}.animal-illustration-geit .animal-illustration-detail-c{border-radius:0 0 999px 999px;width:10%;height:14%;bottom:12%;left:50%;transform:translate(-50%)}.animal-illustration-tijger .animal-illustration-detail-a,.animal-illustration-tijger .animal-illustration-detail-b,.animal-illustration-tijger .animal-illustration-detail-c{background:color-mix(in srgb, var(--animal-accent) 70%, #5e2818);border-radius:999px;width:7%;height:20%;top:28%}.animal-illustration-tijger .animal-illustration-detail-a{left:30%}.animal-illustration-tijger .animal-illustration-detail-b{left:46%}.animal-illustration-tijger .animal-illustration-detail-c{right:30%}.animal-illustration-konijn .animal-illustration-ear{border-radius:999px 999px 32% 32%;width:14%;height:34%;top:-2%}.animal-illustration-draak .animal-illustration-detail-c,.animal-illustration-haan .animal-illustration-detail-a,.animal-illustration-haan .animal-illustration-detail-b,.animal-illustration-haan .animal-illustration-detail-c{border-radius:999px}.animal-illustration-draak .animal-illustration-detail-c{width:14%;height:18%;top:10%;left:50%;transform:translate(-50%)}.animal-illustration-slang .animal-illustration-ear{display:none}.animal-illustration-slang .animal-illustration-head{border-radius:46% 46% 56% 56%;width:52%;height:62%}.animal-illustration-slang .animal-illustration-detail-a{border:3px solid color-mix(in srgb, var(--animal-accent) 48%, white);background:0 0;border-radius:999px;width:42%;height:26%;bottom:10%;left:50%;transform:translate(-50%)}.animal-illustration-slang .animal-illustration-detail-b,.animal-illustration-slang .animal-illustration-detail-c{background:color-mix(in srgb, var(--animal-accent) 70%, #b63f35);width:2px;height:12%;top:62%}.animal-illustration-slang .animal-illustration-detail-b{left:49%}.animal-illustration-slang .animal-illustration-detail-c{left:51%}.animal-illustration-paard .animal-illustration-head{border-radius:42% 42% 38% 38%;width:54%;height:64%}.animal-illustration-paard .animal-illustration-detail-a{border-radius:999px;width:16%;height:34%;top:18%;left:26%}.animal-illustration-paard .animal-illustration-detail-b,.animal-illustration-paard .animal-illustration-detail-c{display:none}.animal-illustration-aap .animal-illustration-detail-a,.animal-illustration-aap .animal-illustration-detail-b{background:color-mix(in srgb, var(--animal-accent) 10%, white);border-radius:50%;width:12%;height:12%;top:48%}.animal-illustration-aap .animal-illustration-detail-a{left:30%}.animal-illustration-aap .animal-illustration-detail-b{right:30%}.animal-illustration-aap .animal-illustration-detail-c,.animal-illustration-haan .animal-illustration-ear{display:none}.animal-illustration-haan .animal-illustration-detail-a,.animal-illustration-haan .animal-illustration-detail-b,.animal-illustration-haan .animal-illustration-detail-c{width:12%;height:14%;top:10%}.animal-illustration-haan .animal-illustration-detail-a{left:30%}.animal-illustration-haan .animal-illustration-detail-b{left:44%}.animal-illustration-haan .animal-illustration-detail-c{left:58%}.animal-illustration-haan .animal-illustration-nose{border-radius:0 50% 50%;width:14%;height:14%;bottom:28%}.animal-illustration-hond .animal-illustration-ear{border-radius:50% 50% 60% 60%;width:16%;height:28%;top:18%}.animal-illustration-varken .animal-illustration-nose{width:26%;height:18%;bottom:24%}.animal-illustration-varken .animal-illustration-detail-a,.animal-illustration-varken .animal-illustration-detail-b{background:color-mix(in srgb, var(--animal-accent) 70%, #8b5260);border-radius:999px;width:4%;height:8%;top:52%}.animal-illustration-varken .animal-illustration-detail-a{left:45%}.animal-illustration-varken .animal-illustration-detail-b{right:45%}.animal-illustration-varken .animal-illustration-detail-c{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.animal-motto{color:color-mix(in srgb, var(--animal-accent) 78%, #311c12);font-family:var(--font-display);font-size:1.25rem;line-height:1.1}.zodiac-ring-card{isolation:isolate;background:radial-gradient(circle at 24% 26%,#b5453b47,#0000 22%),radial-gradient(circle at 72% 68%,#5e7f5038,#0000 24%),linear-gradient(#231812fa,#142018fa);align-items:center;min-height:420px;padding:2rem 1.25rem 5.5rem;display:grid;position:relative;overflow:hidden}.zodiac-ring-card:after{content:"";background:radial-gradient(circle,#be8d4933,#0000 72%);border-radius:50%;width:18rem;height:18rem;position:absolute;inset:auto -10% -20% auto}.ring-lantern,.ring-spark{z-index:0;pointer-events:none;position:absolute}.ring-diagram{z-index:1;aspect-ratio:1;width:min(100%,25rem);margin:0 auto;position:relative}.ring-lantern{background:linear-gradient(#c95d49e6,#7b2b22eb);border-radius:1.6rem;width:2.8rem;height:3.8rem;animation:6s ease-in-out infinite floatSlow;top:1.25rem;box-shadow:0 0 24px #c95d493d}.ring-lantern:before{content:"";background:#f8e2b9a6;width:1px;height:1rem;position:absolute;top:-1rem;left:50%}.ring-lantern:after{content:"";border-top:1px solid #fdecd34d;border-bottom:1px solid #fdecd34d;position:absolute;inset:.7rem .55rem}.ring-lantern-left{left:1.75rem}.ring-lantern-right{animation-delay:-2.5s;right:1.75rem}.ring-spark{opacity:.34;filter:blur(.2px);will-change:transform, opacity;border-radius:50%;animation:10s ease-in-out infinite twinkle;transform:translate(-50%,-50%)}.ring-core{z-index:1;text-align:center;color:#2b1a0f;width:clamp(7rem,34%,10.125rem);height:clamp(7rem,34%,10.125rem);font-family:var(--font-display);background:radial-gradient(circle at 35% 35%,#fff2da,#d8b877 72%,#8d3d34);border-radius:50%;place-items:center;padding:1rem;font-size:clamp(1.1rem,4vw,1.4rem);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #f8dd9e3d}.ring-orbit{border:1px solid #f5dba833;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-orbit-inner{width:68%;height:68%}.ring-orbit-outer{width:88%;height:88%}.ring-node{z-index:1;color:#fff4d8;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#a33e332e,#5e7f5029);border:1px solid #fae0a83d;border-radius:999px;padding:.5rem .68rem;font-size:.9rem;transition:transform .18s,background-color .18s,box-shadow .18s;position:absolute;transform:translate(-50%,-50%)}.ring-node:hover{transform:translate(-50%,-50%)scale(1.06);box-shadow:0 0 20px #be8d4940}.ring-elements{z-index:1;flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.ring-elements span{color:#fff4d8;background:linear-gradient(135deg,#5e7f5024,#a33e331a);border-radius:999px;padding:.55rem .8rem}.entry-grid,.card-grid,.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.quick-link-card,.animal-overview-card{color:inherit;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s}.mini-badge{letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb, var(--animal-accent,var(--accent-green)) 12%, white);color:color-mix(in srgb, var(--animal-accent,var(--accent-green-deep)) 76%, #25311f);padding:.32rem .65rem;font-size:.76rem}.mini-link{color:color-mix(in srgb, var(--animal-accent,var(--accent-red)) 82%, #27160d);background:color-mix(in srgb, var(--animal-accent,var(--accent-red)) 10%, white);margin-top:auto;padding:.38rem .72rem;font-size:.86rem}.quick-link-card:hover,.animal-overview-card:hover,.surface-card:hover,.copy-card:hover,.vibe-card:hover{border-color:#5e7f5038;transform:translateY(-4px);box-shadow:0 22px 45px #3528181a}.vibe-card{background:radial-gradient(circle at 100% 0,#5e7f5029,#0000 24%),linear-gradient(#fffaf0f0,#f5e9e0f5);align-content:center}.vibe-quote{font-family:var(--font-display);color:var(--accent-red);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.05}.entry-grid>:first-child:before,.card-grid>:nth-child(3n+1):before{background:linear-gradient(90deg, var(--accent-red), var(--accent-gold))}.entry-grid>:nth-child(2):before,.card-grid>:nth-child(3n+2):before{background:linear-gradient(90deg, var(--accent-green), var(--accent-gold))}.entry-grid>:nth-child(3):before,.card-grid>:nth-child(3n):before{background:linear-gradient(90deg, var(--accent-red), var(--accent-green))}.field-label,.field-help,.result-meta,.result-note,.muted-copy,.timeline-row span,.discovery-index{color:#21170db8}.date-input{width:100%;font:inherit;background:#ffffffb8;border:1px solid #5e7f5033;border-radius:16px;padding:.95rem 1rem;transition:border-color .16s,box-shadow .16s}.date-input:focus{border-color:#a33e3361;outline:none;box-shadow:0 0 0 4px #a33e331a}.timeline-list,.list-grid{gap:.8rem;display:grid}.timeline-row{grid-template-columns:120px minmax(0,1fr) auto;align-items:center}.timeline-row-current{background:linear-gradient(90deg,#a33e3314,#be8d4914)}.timeline-row-own{outline:2px solid #5e7f5047}.timeline-row a{color:var(--accent-green-deep)}.match-meter{background:#39271914;border-radius:999px;width:100%;height:.8rem;overflow:hidden}.match-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-green), var(--accent-gold), var(--accent-red));height:100%;display:block}.element-card{align-content:start}.element-dot{border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 0 6px #be8d4914}.discovery-card{align-content:start;min-height:200px}.discovery-index{background:#5e7f501a;border-radius:999px;width:fit-content;padding:.25rem .55rem;display:inline-flex}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes twinkle{0%,to{opacity:.08;transform:translate(-50%,-50%)scale(.92)}50%{opacity:.42;transform:translate(-50%,-50%)scale(1.03)}}@media (width<=980px){.site-header,.hero-panel,.split-panel,.calculator-layout,.detail-layout,.entry-grid,.card-grid,.content-grid,.timeline-row{grid-template-columns:1fr}.site-header{border-radius:28px}.site-nav{justify-content:start}.zodiac-ring-card{min-height:auto;padding:1.25rem .85rem 4.5rem}.ring-diagram{width:min(100%,21rem)}.ring-lantern{width:2.2rem;height:3rem;top:.9rem}.ring-lantern-left{left:1rem}.ring-lantern-right{right:1rem}.ring-node{padding:.42rem .58rem;font-size:.8rem}.ring-elements{gap:.5rem;bottom:.75rem;left:.75rem;right:.75rem}.ring-elements span{padding:.45rem .62rem;font-size:.82rem}}