@font-face{font-family:Plus Jakarta Sans;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Fraunces;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--ink:#281e2b;--paper:#f8f6f1;--line:#e5ddd1;--white:#fffdfa;--violet:#76557f;--violet-text:#64436b;--coral:#ff7a59;--muted:#625b64;--dark-muted:#dad0db;--wood:#12b981;--fire:#ff6b5e;--earth:#e8a33d;--metal:#c9a227;--water:#3e8bff;--site-max:72rem;--gutter:clamp(1rem, 4vw, 2.5rem);--font:"Plus Jakarta Sans", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", system-ui, sans-serif;--serif:Fraunces, "Noto Serif SC", "Songti SC", "Songti TC", serif;color:var(--ink);background:var(--paper);font-family:var(--font);font-synthesis:none}*,:before,:after{box-sizing:border-box}body{min-width:280px;margin:0}main{min-height:65vh}h1,h2,p,dl,dd{margin:0}h1,h2{text-wrap:balance;line-height:1.15}p{line-height:1.65}a{color:inherit}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--violet);outline-offset:4px}[id]{scroll-margin-top:5.5rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[hidden]{display:none!important}.content-width{width:min(calc(100% - 2 * var(--gutter)), var(--site-max));margin-inline:auto}.skip-link{z-index:50;background:var(--white);border-radius:6px;padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:10;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{width:min(calc(100% - 2 * var(--gutter)), 78rem);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;min-height:72px;margin-inline:auto;display:grid}.brand{white-space:nowrap;letter-spacing:-.035em;align-items:center;gap:.65rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.header-inner>.brand{justify-self:start}.brand-domain{color:var(--violet-text)}.brand picture{flex:none}.brand img{display:block}.footer-brand .brand img{background:var(--paper);border-radius:50%}.header-nav,.header-actions{align-items:center;gap:clamp(.65rem,1.6vw,1.5rem);display:flex}.header-nav a{color:var(--muted);padding:.45rem .2rem;font-size:.88rem;font-weight:700;text-decoration:none}.header-nav a:hover,.header-nav a[aria-current]{color:var(--violet-text)}.header-nav a[aria-current]{text-underline-offset:.4em;text-decoration:underline}.header-actions{justify-self:end}.site-action{color:#fff;text-align:center;background:#4e365f;border-radius:.72rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.65rem;padding:.6rem .95rem;font-size:.88rem;font-weight:750;text-decoration:none;display:inline-flex}.site-action:hover{background:#3c294b}.header-cta{white-space:nowrap}.header-menu{display:none;position:relative}.header-menu summary{border:1px solid var(--line);cursor:pointer;border-radius:.7rem;place-items:center;width:2.6rem;height:2.6rem;list-style:none;display:grid}.header-menu-panel{width:min(17rem, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);background:var(--white);border-radius:.85rem;padding:.65rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 .8rem 2rem #4027271a}.header-menu-panel nav{display:grid}.header-menu-panel a{border-radius:.4rem;padding:.65rem;font-size:.9rem;text-decoration:none;display:block}.header-menu-panel a:hover,.header-menu-panel a[aria-current]{background:#f1eaf2}.header-menu-panel p{border-top:1px solid var(--line);color:var(--muted);margin-top:.5rem;padding:.55rem .65rem .2rem;font-size:.8rem}.header-menu-panel ul{margin:0;padding:0;list-style:none}.language-menu{z-index:4;flex:none;position:relative}.language-menu summary{cursor:pointer;border:1px solid var(--line);border-radius:.7rem;align-items:center;gap:.45rem;padding:.55rem .65rem;font-size:.8rem;font-weight:700;list-style:none;display:flex}.language-menu summary::-webkit-details-marker,.header-menu summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.language-menu ul{background:var(--white);border:1px solid var(--line);border-radius:.75rem;width:max-content;min-width:9rem;margin:.5rem 0 0;padding:.4rem;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 .8rem 2rem #4027271a}.language-menu a{border-radius:.35rem;padding:.55rem .7rem;font-size:.85rem;text-decoration:none;display:block}.language-menu a:hover,.language-menu a[aria-current]{background:#f1eaf2}.hero{background:var(--paper);padding-block:clamp(1.65rem,2.65vw,2.15rem) clamp(1.55rem,3.5vw,2.8rem)}.hero-layout{justify-items:center;gap:1rem;display:grid}.hero-intro{text-align:center;width:min(100%,46rem)}.hero-intro h1{font:650 clamp(2.25rem, 5.2vw, 4rem)/1.06 var(--serif);letter-spacing:-.048em}.hero-intro>p{max-width:37rem;color:var(--muted);margin:.7rem auto 0;font-size:clamp(.92rem,1.5vw,1.04rem)}.hero-dial-layout{--dial-size:min(100%, 44rem);isolation:isolate;justify-items:center;width:min(100%,53rem);min-height:38rem;padding-top:clamp(9.5rem,14.5vw,11.5rem);display:grid;position:relative}.compass-stage{--dial-opacity:.46;width:var(--dial-size);pointer-events:none;z-index:-1;position:absolute;inset:0 auto auto 50%;transform:translate(-50%)}.calculator-wheel{transform-origin:50%;width:100%}.wheel-form{align-self:start;width:100%;min-width:0}@media (width>=721px){.wheel-form .calculator{padding-block:1.15rem}}.home-mode-tabs{border:1px solid var(--line);background:#fdfaf5;border-radius:1.35rem;flex-wrap:wrap;justify-content:center;gap:.25rem;width:fit-content;max-width:100%;margin:0 auto .75rem;padding:.28rem;display:flex;box-shadow:0 4px 14px #35243c0e}.home-mode-tabs button{min-height:2.45rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:1rem;padding:.42rem clamp(.55rem,2vw,1rem);font-size:.85rem;font-weight:750}.home-mode-tabs button:hover{color:var(--violet-text)}.home-mode-tabs button[aria-selected=true]{color:var(--white);background:#4e365f}.home-mode-tabs button[aria-selected=true]:hover{color:var(--white)}.home-mode-description{width:fit-content;max-width:100%;color:var(--ink);background:var(--paper);text-align:center;border-radius:.5rem;margin:0 auto .7rem;padding:.25rem .65rem;font-size:.83rem}.calculator-wheel.is-calculating{animation:1.2s cubic-bezier(.42,0,.18,1) both chart-turn}@keyframes chart-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-signals{border-top:1px solid var(--line);width:100%;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.6rem clamp(1rem,4vw,2.6rem);margin:.55rem 0 0;padding:1.1rem 0 0;font-size:.8rem;font-weight:700;list-style:none;display:flex}.hero-signals li{align-items:center;gap:.48rem;display:flex}.hero-signals span{background:#9b774b;border-radius:50%;flex:none;width:.32rem;height:.32rem}.example-section{border-block:1px solid var(--line);background:#f2ede4}.example-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:clamp(1.4rem,5vw,5rem);padding-block:clamp(2.7rem,7vw,5.3rem);display:grid}.section-tag{color:var(--violet-text);letter-spacing:.105em;margin-bottom:.65rem;font-size:.72rem;font-weight:800}.example-copy h2,.faq-section h2,.information h1{font:650 clamp(1.8rem, 4vw, 2.7rem)/1.14 var(--serif);letter-spacing:-.035em}.example-copy>p:not(.section-tag),.faq-section>header>p{color:var(--muted);margin-top:.7rem}.text-link{color:var(--violet-text);text-underline-offset:.22em;margin-top:1rem;font-size:.92rem;font-weight:800;display:inline-block}.text-link:hover{color:var(--ink)}.sample-chart{border:1px solid var(--line);background:var(--white);border-radius:1.15rem;padding:1rem}.sample-pillars{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.sample-pillar{text-align:center;background:var(--paper);border-radius:.65rem;min-width:0;padding:.65rem .1rem}.sample-pillar dt{color:var(--muted);font-size:.69rem;font-weight:800}.sample-pillar dd:not(.sample-gan){min-height:2.2em;color:var(--muted);overflow-wrap:anywhere;font-size:.66rem;line-height:1.2}.sample-day{background:#f2ecff;box-shadow:inset 0 0 0 1px #daccff}.sample-gan{font:650 clamp(1.25rem, 4vw, 2.2rem)/1.5 var(--serif);white-space:nowrap}.sample-gan.element-metal{color:#836313}.sample-gan.element-water{color:#235cb0}.sample-caption{color:var(--muted);gap:.3rem;padding:.9rem .25rem .1rem;font-size:.77rem;display:grid}.sample-caption strong{color:var(--ink)}.faq-section{max-width:54rem;padding-block:clamp(2.5rem,6vw,4.5rem)}.faq-section>header{text-align:center;margin-bottom:1.65rem}.faq-section .faq-list{border-top:1px solid var(--line)}.faq-more{text-align:center;margin:1.35rem auto 0;display:table}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;font-size:1rem;font-weight:750;list-style:none;display:flex}.faq-list p{color:var(--muted);margin:-.1rem 1.3rem .9rem 0}.faq-plus{width:.85rem;height:.85rem;color:var(--violet-text);flex:none;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:currentColor;width:100%;height:2px;position:absolute;top:calc(50% - 1px)}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus:after{opacity:0}.information{max-width:52rem;padding-block:clamp(2.5rem,7vw,5rem)}.information header{border-bottom:1px solid var(--line);margin-bottom:1.25rem;padding-bottom:1.5rem}.information header>p{color:var(--muted);margin-top:.6rem;font-size:1.05rem}.information section{margin:1.6rem 0}.information section h2{margin-bottom:.45rem;font-size:1.2rem}.information section p,.information .attribution{color:var(--muted)}.information .attribution{font-size:.86rem}.information .attribution a{text-underline-offset:.18em}.bottom-cta{padding:clamp(1.75rem, 5vw, 3.4rem) var(--gutter);border:1px solid var(--line);text-align:center;background:#f2ede4;border-radius:1.45rem;margin-bottom:clamp(2.5rem,6vw,5rem)}.bottom-cta h2{font:650 clamp(1.6rem, 4vw, 2.5rem)/1.2 var(--serif)}.bottom-cta p{max-width:42rem;color:var(--muted);margin:.65rem auto 0}.bottom-cta .site-action{margin-top:1.15rem}.bottom-cta .bottom-cta-note{margin-top:1rem;font-size:.77rem}.site-footer{background:var(--ink);color:var(--dark-muted);padding-block:clamp(2rem,4vw,3rem) 1.3rem}.footer-inner{grid-template-columns:1.55fr repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.footer-brand .brand,.footer-nav h2{color:var(--white)}.footer-brand p{max-width:17rem;margin-top:.7rem;font-size:.85rem}.footer-nav h2{font-size:.91rem}.footer-nav ul{gap:.48rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.footer-nav a{color:var(--dark-muted);font-size:.85rem;text-decoration:none}.footer-nav a:hover{color:var(--white);text-decoration:underline}.footer-copyright{border-top:1px solid #f8f6f128;margin-top:1.65rem;padding-top:1rem;font-size:.76rem}html:not([lang=en]) .hero-intro h1,html:not([lang=en]) .example-copy h2,html:not([lang=en]) .faq-section h2,html:not([lang=en]) .bottom-cta h2,html:not([lang=en]) .information h1{font-family:var(--font);letter-spacing:0}@media (width<=800px){.header-inner{justify-content:space-between;gap:.65rem;display:flex}.brand img{width:36px;height:36px}.header-nav,.header-actions>.language-menu{display:none}.header-actions{gap:.4rem}.header-cta{padding-inline:.65rem}.header-menu{display:block}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.header-inner>.brand{gap:.45rem;font-size:.88rem}.header-inner>.brand img{width:32px;height:32px}.header-cta{font-size:.8rem}}@media (width<=720px){.header-inner{gap:.7rem;min-height:60px}.hero-layout{gap:.75rem}.hero-dial-layout{--dial-size:min(108%, 31rem, 100vw - .5rem);min-height:0;padding-top:clamp(8.6rem,39vw,13.5rem)}.hero{overflow-x:clip}.home-mode-tabs button{font-size:.79rem}.hero-signals{font-size:.74rem}.example-layout{grid-template-columns:1fr}.sample-chart{padding:.55rem}}@media (width<=365px){.brand{gap:.35rem;font-size:.87rem}.brand img,.header-inner>.brand img{width:30px;height:30px}.header-cta{padding-inline:.45rem;font-size:.73rem}.header-actions{gap:.35rem}.header-menu summary{width:2.15rem}}@media (width<=340px){.header-inner>.brand{gap:.32rem;font-size:.77rem}.header-inner>.brand img{width:28px;height:28px}.header-inner{gap:.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}[data-astro-cid-rgtbzk7x][data-analytics-settings] button[data-astro-cid-rgtbzk7x]{color:var(--dark-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem}[data-astro-cid-rgtbzk7x][data-analytics-settings] button[data-astro-cid-rgtbzk7x]:hover{color:var(--white);text-decoration:underline}#analytics-preferences[data-astro-cid-rgtbzk7x]{z-index:40;inset:auto max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) auto;border:1px solid var(--line);background:var(--white);width:min(23rem,100% - 1.5rem);color:var(--ink);border-radius:.75rem;padding:.9rem 1rem;font-size:.82rem;position:fixed;box-shadow:0 .5rem 2rem #281e2b26}#analytics-preferences[data-astro-cid-rgtbzk7x] h2[data-astro-cid-rgtbzk7x]{font-size:.95rem}#analytics-preferences[data-astro-cid-rgtbzk7x] p[data-astro-cid-rgtbzk7x]{color:var(--muted);margin-top:.35rem}.analytics-actions[data-astro-cid-rgtbzk7x]{flex-wrap:wrap;gap:.45rem;margin-top:.65rem;display:flex}.analytics-actions[data-astro-cid-rgtbzk7x] button[data-astro-cid-rgtbzk7x]{border:1px solid var(--line);background:var(--paper);min-height:2.3rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.4rem;flex:auto;padding:.25rem .55rem}.analytics-actions[data-astro-cid-rgtbzk7x] button[data-astro-cid-rgtbzk7x]:hover{border-color:var(--violet-text)}