:root{--card: oklch(1 0 0);--ring: oklch(.6 .22 31);--input: oklch(.9 0 0);--muted: oklch(.97 0 0);--accent: oklch(.59 .17 29);--border: oklch(.9 0 0);--chart-1: oklch(.68 .19 16.6);--chart-2: oklch(.7 .05 270);--chart-3: oklch(.75 .15 130);--chart-4: oklch(.65 0 0);--chart-5: oklch(.45 0 0);--popover: oklch(1 0 0);--primary: oklch(.59 .17 29);--sidebar: oklch(1 0 0);--secondary: oklch(.97 0 0);--background: oklch(.99 0 0);--foreground: oklch(.28 0 0);--destructive: oklch(.63 .2 31);--sidebar-ring: oklch(.6 .22 31);--sidebar-accent: oklch(.98 0 0);--sidebar-border: oklch(.95 0 0);--card-foreground: oklch(.35 0 0);--sidebar-primary: oklch(.63 .2 31);--muted-foreground: oklch(.6 0 0);--accent-foreground: oklch(1 0 0);--popover-foreground: oklch(.35 0 0);--primary-foreground: oklch(1 0 0);--sidebar-foreground: oklch(.35 0 0);--secondary-foreground: oklch(.35 0 0);--destructive-foreground: oklch(1 0 0);--sidebar-accent-foreground: oklch(.35 0 0);--sidebar-primary-foreground: oklch(1 0 0);--radius: .5rem;--shadow: 0 1px 3px 0px oklch(0 0 0 / .1), 0 1px 2px -1px oklch(0 0 0 / .1);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--radius-lg: .5rem;--radius-md: calc(.5rem - 2px) ;--radius-sm: calc(.5rem - 4px) ;--radius-xl: calc(.5rem + 4px) ;--shadow-lg: 0 1px 3px 0px oklch(0 0 0 / .1), 0 4px 6px -1px oklch(0 0 0 / .1);--shadow-md: 0 1px 3px 0px oklch(0 0 0 / .1), 0 2px 4px -1px oklch(0 0 0 / .1);--shadow-sm: 0 1px 3px 0px oklch(0 0 0 / .1), 0 1px 2px -1px oklch(0 0 0 / .1);--shadow-xl: 0 1px 3px 0px oklch(0 0 0 / .1), 0 8px 10px -1px oklch(0 0 0 / .1);--shadow-xs: 0 1px 3px 0px oklch(0 0 0 / .05);--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--shadow-2xl: 0 1px 3px 0px oklch(0 0 0 / .25);--shadow-2xs: 0 1px 3px 0px oklch(0 0 0 / .05);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--fluid-font-body: clamp(.9375rem, .22vw + .89rem, 1rem);--mp-reading-fs: .875rem;--fluid-font-h1: clamp(1.35rem, 1.2vw + 1.1rem, 2rem);--fluid-font-label: clamp(.8125rem, .35vw + .74rem, .9375rem);--fluid-font-button: clamp(.875rem, .3vw + .8rem, .98rem);--fluid-font-small: clamp(.75rem, .22vw + .7rem, .875rem);--space-inline-page: clamp(.75rem, 2.6vw, 1.5rem);--space-card-pad: clamp(.625rem, 1.5vw, .9rem);--ink-reading: #44403c;--ink-reading-strong: #292524;--ink-reading-accent: #9a3412;--web-control-line: #fde68a;--web-control-accent: #fb923c;--web-control-soft: #fff7ed;--star-tint-sun: rgb(255, 140, 0);--star-tint-moon: rgb(30, 100, 200);--star-tint-water: rgb(66, 165, 245);--star-tint-metal: rgb(212, 168, 72);--star-tint-fire: rgb(244, 67, 54);--star-tint-wood: rgb(76, 175, 80);--star-tint-earth: rgb(206, 148, 44);--font-reading: Inter, ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Noto Sans CJK SC", sans-serif;--beta-cta-fill: #fbbf24;--beta-cta-fill-hover: #fcd34d;--beta-cta-ink: #2b1a02;--beta-cta-tag-bg: #2b1a02;--beta-cta-tag-ink: #fde68a;--beta-cta-sweep: rgba(255, 255, 255, .55);--beta-cta-icon-ring: rgba(43, 26, 2, .3);--beta-cta-ring: rgba(146, 94, 4, .32);--beta-cta-halo: rgba(217, 119, 6, .42);--beta-cta-halo-strong: rgba(217, 119, 6, .68);--beta-cta-pulse: rgba(217, 119, 6, .55);--z-dropdown: 100;--z-modal: 200;--z-modal-top: 210;--z-toast: 300;--error: #DC2626;--error-fg: #FFFFFF;--error-surface: #FEF2F2;--success: #16A34A;--success-fg: #FFFFFF;--success-surface: #F0FDF4;--warning: #D97706;--warning-fg: #FFFFFF;--warning-surface: #FFFBEB;--disabled: #D1D1D1;--disabled-fg: #9E9E9E;--hover-bg: color-mix(in oklch, var(--foreground) 6%, transparent);--pressed-bg: color-mix(in oklch, var(--foreground) 10%, transparent);--selected-bg: color-mix(in oklch, var(--primary) 12%, transparent);--focus-ring: var(--ring);--overlay-bg: oklch(0 0 0 / .5);--btn-bg: var(--primary);--btn-fg: var(--primary-foreground);--btn-hover-bg: color-mix(in oklch, var(--primary) 88%, oklch(0 0 0));--btn-ghost-hover: var(--hover-bg);--btn-disabled-bg: var(--disabled);--btn-disabled-fg: var(--disabled-fg);--input-bg: var(--card);--input-border: var(--border);--input-focus-border: var(--primary);--input-error-border: var(--error);--input-placeholder: var(--muted-foreground);--card-border: var(--border);--card-hover-bg: var(--hover-bg);--nav-bg: var(--background);--nav-border: var(--border);--nav-item-active: var(--primary);--duration-instant: 50ms;--duration-fast: .1s;--duration-base: .2s;--duration-slow: .3s;--duration-enter: .25s;--duration-exit: .15s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-base: var(--duration-base) var(--ease-standard);--transition-fast: var(--duration-fast) var(--ease-standard);--transition-enter: var(--duration-enter) var(--ease-decelerate);--transition-exit: var(--duration-exit) var(--ease-accelerate);--bg: var(--background);--panel: var(--popover);--line: var(--border);--text: var(--foreground);--warn: var(--destructive);--card-bg: var(--card)}:root{--mk-pigment: color-mix(in oklch, var(--chart-2) 88%, var(--chart-1));--mk-lavender: color-mix(in oklch, var(--mk-pigment) 20%, var(--card));--mk-sage: color-mix(in oklch, var(--chart-3) 9%, var(--card));--mk-page: color-mix(in oklch, var(--mk-pigment) 10%, var(--card));--mk-accent: color-mix(in oklch, var(--mk-pigment) 66%, var(--foreground));--mk-ink: var(--foreground);--mk-muted: color-mix(in oklch, var(--foreground) 66%, var(--card));--mk-line: color-mix(in oklch, var(--chart-2) 26%, var(--card));--mk-soft: color-mix(in oklch, var(--chart-2) 13%, var(--card));--mk-display: clamp(2.75rem, 4.8vw, 4.5rem);--mk-radius: calc(var(--radius-xl) * 2)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--mk-page);color:var(--mk-ink);font-family:Inter,var(--font-sans);font-size:var(--fluid-font-body);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,a,input{outline-offset:4px}:focus-visible{outline:2px solid var(--mk-accent)}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}[hidden]{display:none!important}img{max-width:100%;height:auto}.review-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem var(--space-inline-page);background:var(--foreground);color:var(--card)}.review-title{font-size:var(--text-sm);font-weight:600}.review-title small{margin-left:.5rem;font-size:.625rem;opacity:.6;letter-spacing:.12em}.review-options{display:flex;flex-wrap:wrap;gap:.25rem}.review-options button{background:transparent;border:1px solid transparent;border-radius:var(--radius-md);padding:.5rem .75rem;min-height:44px;color:inherit;font-size:var(--text-xs)}.review-options button[aria-pressed=true]{border-color:color-mix(in oklch,var(--card) 40%,transparent);background:color-mix(in oklch,var(--card) 10%,transparent)}.swatches{display:flex;margin-left:auto}.swatches button{width:44px;height:44px;background:transparent;border:0;position:relative}.swatches button:before{content:"";position:absolute;inset:.75rem;border-radius:50%;background:var(--mk-lavender)}.swatches button[data-palette-choice=white]:before{background:var(--card)}.swatches button[data-palette-choice=sage]:before{background:var(--mk-sage)}.swatches button[aria-pressed=true]:after{content:"";position:absolute;inset:.5rem;border:1px solid var(--card);border-radius:50%}.site-header,main,.site-footer{width:min(100% - 2 * var(--space-inline-page),75rem);margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:5.5rem;gap:1rem;border-bottom:1px solid var(--mk-line)}.brand{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-xl);font-weight:650;letter-spacing:-.05em}.brand img{border-radius:var(--radius-xl);width:2rem}.brand-key{font-family:"Cormorant Garamond",var(--font-serif);font-size:1.2em;font-style:italic;font-weight:500}nav{display:flex;align-items:center;gap:.5rem}.app-link{display:none}.language{display:flex;align-items:center}.language button{background:transparent;border:0;padding:.5rem;min-width:44px;min-height:44px;font-size:var(--text-sm);color:var(--mk-muted)}.language button[aria-pressed=true]{color:var(--mk-ink);text-decoration:underline;text-underline-offset:.4rem}.sign-in{background:transparent;border:1px solid var(--mk-line);border-radius:var(--radius-xl);min-height:44px;padding:.5rem .75rem;font-size:var(--text-sm)}.hero{display:grid;grid-template-areas:"intro" "form" "story";grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:2.5rem}.hero-narrative{display:contents}.intro{grid-area:intro;min-width:0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;color:var(--mk-accent)}.eyebrow-line{display:block;width:1.5rem;height:1px;background:currentColor}.chinese-label{font-size:var(--text-xs);letter-spacing:.14em;color:var(--mk-muted);border-left:1px solid var(--mk-line);padding-left:.75rem;font-weight:400}h1{margin:1.5rem 0 1rem;font-size:var(--mk-display);font-weight:500;line-height:1.04;letter-spacing:-.065em}h1 span,h1 em{display:block}h1 em{font-family:"Cormorant Garamond",var(--font-serif);font-size:1.16em;font-weight:500;letter-spacing:-.055em;line-height:1.08;color:var(--mk-accent)}html[lang=zh-CN] h1{font-size:clamp(2.75rem,4.8vw,4rem);line-height:1.18;letter-spacing:-.05em;max-width:8em}html[lang=zh-CN] h1 em{font-family:inherit;font-size:1em;font-style:normal}.hero-description{max-width:min(60%,27rem);line-height:1.8;color:var(--mk-muted);margin:1.25rem 0 1.5rem;font-size:var(--text-base)}.intro-illustration{position:absolute;right:-.5rem;bottom:-.5rem;width:min(40%,14rem);pointer-events:none}.mobile-start{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--mk-accent);color:var(--mk-accent);min-height:44px;max-width:55%;font-weight:550;padding-bottom:.5rem}.story{grid-area:story;padding:0;min-width:0}.story-topline{display:flex;justify-content:space-between;align-items:center;color:var(--mk-accent);font-size:var(--text-sm);font-weight:500}.story-counter{display:none}.story-stage{position:relative}.story-slide{min-height:13rem;padding-top:1.25rem}.story-text{position:relative;z-index:1;width:48%}.story h2{margin:0 0 .75rem;font-size:var(--text-2xl);line-height:1.12;font-weight:500;letter-spacing:-.04em;max-width:10em}.story p{color:var(--mk-muted);font-size:var(--text-sm);line-height:1.65;max-width:17rem;margin:0}.story-art{position:absolute;right:-.5rem;bottom:-.5rem;width:min(54%,17rem)}.story-slide[data-slide="1"] .story-art{width:min(38%,9rem);right:1rem}.story-controls{display:flex;justify-content:space-between;align-items:center}.story-dots,.story-arrows{display:flex;align-items:center}.story-dots{gap:1.25rem;margin-top:1rem}.story-dots button{min-width:44px;min-height:44px;background:transparent;border:0;border-bottom:1px solid transparent;padding:.5rem 0;color:var(--mk-muted);font-size:var(--text-sm)}.story-dots button[aria-pressed=true]{border-bottom-color:var(--mk-accent);color:var(--mk-accent)}.story-arrows{display:none}.form-panel{grid-area:form;align-self:start;min-width:0;background:color-mix(in oklch,var(--mk-pigment) 3%,var(--card));border:1px solid var(--mk-line);border-radius:var(--radius-xl);padding:1.25rem;scroll-margin-top:1rem}.form-heading{display:flex;align-items:center;justify-content:space-between}.form-mark{font-size:var(--text-2xl);color:var(--mk-accent)}.form-panel h2{font-size:clamp(1.75rem,2.4vw,2.25rem);font-weight:500;line-height:1.2;letter-spacing:-.055em;margin:0 0 1.5rem}.date-time-row{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.field{min-width:0}.field label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:var(--text-sm);font-weight:550}.field-number{display:none}.field input{display:block;width:100%;min-width:0;min-height:3.25rem;border:1px solid var(--mk-line);background:var(--card);border-radius:var(--radius-lg);color:var(--mk-ink);font-size:1rem;padding:.75rem;color-scheme:light}.field input::placeholder{color:var(--mk-muted);opacity:.75;font-size:var(--text-sm)}.field input:disabled{background:var(--muted);color:var(--muted-foreground)}.unknown-time{display:flex;align-items:center;gap:.5rem;min-height:44px;color:var(--mk-muted);font-size:var(--text-sm);margin-top:.25rem;cursor:pointer}.unknown-time input{width:1rem;height:1rem;accent-color:var(--mk-accent);margin:0}.location-field{margin-top:.75rem}.place-input>svg{position:absolute;top:1rem;left:.875rem;color:var(--mk-muted)}.place-input input{padding-left:2.5rem}.location-hint{display:flex;gap:.375rem;align-items:center;color:var(--mk-muted);font-size:var(--text-xs);margin:.5rem 0 0;line-height:1.5}.location-hint svg{flex:0 0 auto}.calculate{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:3.5rem;padding:.875rem 1.25rem;border:0;background:var(--mk-accent);color:var(--card);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:550;margin-top:1.5rem;transition:opacity var(--transition-base)}.calculate:hover{opacity:.9}.button-arrow{font-size:var(--text-xl);font-weight:400}.form-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;color:var(--mk-muted);font-size:var(--text-xs)}.form-footer>span:first-child{color:var(--mk-ink)}.form-footer>span:nth-child(2){color:var(--mk-line)}.form-footer button{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;background:transparent;border:0;padding:0;font-size:inherit;color:var(--mk-muted)}.form-footer small{font-size:.5rem;font-weight:650;color:var(--mk-accent);letter-spacing:.06em}.app-strip{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);padding:1.5rem 0}.app-strip-brand{display:flex;align-items:center;gap:.75rem;font-weight:550}.app-strip-brand img{border-radius:var(--radius-xl)}.app-strip small{margin-left:.5rem;font-size:.5rem;letter-spacing:.08em;color:var(--mk-accent)}.app-strip-link{display:inline-flex;gap:1rem;align-items:center;min-height:44px;font-size:var(--text-sm);color:var(--mk-accent);background:transparent;border:0;padding:0}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-block:1.5rem;border-top:1px solid var(--mk-line);color:var(--mk-muted);font-size:var(--text-xs)}dialog{background:var(--card);color:var(--mk-ink);border:1px solid var(--mk-line);border-radius:var(--mk-radius);padding:2rem;width:min(100% - 2rem,28rem);box-shadow:var(--shadow-xl)}dialog::backdrop{background:var(--overlay-bg)}dialog h2{font-size:var(--text-2xl);font-weight:500;letter-spacing:-.04em}dialog p{font-size:var(--text-base);color:var(--mk-muted);line-height:1.6}html[data-palette=white]{--mk-page: var(--card);--mk-soft: color-mix(in oklch, var(--chart-2) 9%, var(--card))}html[data-palette=sage]{--mk-page: color-mix(in oklch, var(--chart-3) 5%, var(--card));--mk-soft: var(--mk-sage);--mk-accent: color-mix(in oklch, var(--chart-3) 40%, var(--foreground));--mk-line: color-mix(in oklch, var(--chart-3) 16%, var(--card))}@media(min-width:481px){.date-time-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}@media(min-width:981px){.site-header,main,.site-footer{width:min(100% - 8rem,75rem)}.site-header{min-height:6rem}.brand{font-size:var(--text-2xl);gap:.75rem}.brand img{width:2.5rem}nav{gap:1.5rem}.app-link{display:block;font-size:var(--text-sm)}.sign-in{padding-inline:1.25rem}.hero{grid-template-areas:"intro form" "story form";grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);grid-template-rows:min-content 1fr;align-items:start;column-gap:5rem;row-gap:2rem;padding-block:3rem}.mobile-start,.intro-illustration{display:none}.hero-description{max-width:27rem}h1{margin-top:1.5rem}.story{padding:0}.story-slide{min-height:17rem;display:block;padding-top:1.5rem}.story-text{width:43%;max-width:43%}.story h2{font-size:var(--text-3xl)}.story p{font-size:var(--text-sm)}.story-art{position:absolute;right:-1.5rem;bottom:-.5rem;width:62%;margin:0}.story-slide[data-slide="1"] .story-art{width:38%;right:2rem}.form-panel{margin-top:.25rem;padding:2rem}.form-panel h2{margin-top:0;margin-bottom:1.75rem}.date-time-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem}.unknown-time{margin-top:.25rem}.location-field{margin-top:1rem}.calculate{margin-top:1.5rem}.form-footer{margin-top:.5rem}html[data-layout=spread] .hero{grid-template-areas:"intro intro" "story form";grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;padding-top:3rem}html[data-layout=spread] .intro{text-align:center}html[data-layout=spread] .intro .eyebrow{justify-content:center}html[data-layout=spread] h1{font-size:clamp(2.75rem,4.2vw,4rem);margin-top:1rem}html[data-layout=spread] h1 span,html[data-layout=spread] h1 em{display:inline}html[data-layout=spread] h1 em{margin-left:.2em}html[data-layout=spread] .hero-description{max-width:38rem;margin:1.25rem auto}html[data-layout=spread] .story{display:flex;flex-direction:column;padding:1rem 1.5rem 0}html[data-layout=spread] .story-stage{flex:1}html[data-layout=spread] .story-slide{padding-top:2rem;min-height:30rem}html[data-layout=spread] .story-text{width:100%;max-width:100%}html[data-layout=spread] .story p{max-width:24rem}html[data-layout=spread] .story-art{width:75%;right:-.5rem;bottom:0}html[data-layout=spread] .story-slide[data-slide="1"] .story-art{width:42%;right:4rem}html[data-layout=spread] .form-panel{margin-top:0}html[data-layout=spread][lang=zh-CN] h1{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.calculate{transition:none}}:root{--mk-reading-display: "Fraunces", var(--font-serif);--mk-reading-body: "Manrope", var(--font-sans)}.design-options{position:fixed;z-index:30;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));max-width:calc(100% - 2rem)}.design-options details{background:var(--card);border:1px solid var(--mk-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.design-options details[open]{width:min(22rem,calc(100vw - 2rem))}.design-options summary{display:flex;justify-content:space-between;align-items:center;gap:2rem;min-height:44px;padding:.75rem 1rem;color:var(--mk-accent);font-size:var(--text-sm);cursor:pointer;list-style:none}.design-options summary::-webkit-details-marker{display:none}.design-options details[open] summary{border-bottom:1px solid var(--mk-line)}.design-options details[open] summary span{transform:rotate(90deg)}.design-options-body{display:grid;gap:1.25rem;padding:1rem;max-height:min(70dvh,38rem);overflow-y:auto}.options-heading{display:flex;justify-content:space-between;align-items:center;color:var(--mk-muted);font-size:var(--text-xs)}.options-heading>span{letter-spacing:.12em}.options-heading small{font-size:inherit}.design-options fieldset{display:grid;gap:.25rem;border:0;padding:0;margin:0;min-width:0}.design-options legend{padding:0 0 .5rem;color:var(--mk-accent);font-size:var(--text-sm);font-weight:550}.design-options button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem;min-height:44px;border:1px solid transparent;border-radius:var(--radius-lg);padding:.5rem .75rem;background:transparent;color:var(--mk-ink);text-align:left;font-size:var(--text-sm)}.design-options button small{color:var(--mk-muted);font-size:var(--text-xs)}.design-options button[aria-pressed=true]{border-color:var(--mk-line);background:var(--mk-soft)}.design-options button:hover{background:var(--mk-soft)}.design-options #reset-design{color:var(--mk-accent);padding-left:0}.hero{row-gap:1.5rem;padding-block:2rem}html #hero-title{max-width:none;margin:1rem 0 0;font-size:var(--text-3xl);line-height:1.18;letter-spacing:-.04em;font-weight:500}html #hero-title span{display:block}html #hero-title em{display:block;margin:.125rem 0 0;font-size:1.2em;line-height:1.08;letter-spacing:-.035em}html[lang=en]{--mk-english-display: "Fraunces", var(--font-serif)}html[lang=en][data-typeface=cormorant]{--mk-english-display: "Cormorant Garamond", var(--font-serif)}html[lang=en][data-typeface=clean]{--mk-english-display: "Manrope", var(--font-sans)}html[lang=en] #hero-title em{font-family:var(--mk-english-display);font-style:italic;font-weight:500;font-size:1.08em;line-height:1.2;letter-spacing:-.025em;font-optical-sizing:auto}html[lang=en][data-typeface=cormorant] #hero-title em{font-size:1.2em;line-height:1.08}html[lang=en][data-typeface=clean] #hero-title em{font-size:1em;line-height:1.296;font-style:normal}html .hero-description{max-width:31rem;margin:1.25rem 0 0;font-size:var(--fluid-font-body);line-height:1.7;color:var(--mk-muted);text-wrap:pretty}.mobile-start{margin-top:1.25rem}.intro-illustration{width:5rem;right:0;bottom:-1rem}.discovery{position:relative;min-width:0;font-family:var(--mk-reading-body)}.discovery-cat{display:none}.discovery-content{position:relative;z-index:2;min-width:0;padding:1.5rem 1.75rem 1rem;border:1px solid var(--mk-line);border-radius:var(--mk-radius);background:var(--mk-lavender)}.discovery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--mk-line)}.discovery .discovery-label{margin:0;color:var(--mk-accent);font-family:var(--mk-reading-display);font-style:italic;font-size:var(--text-lg);line-height:1.4;letter-spacing:-.02em}.question-deck{position:relative;isolation:isolate;margin-right:0}.sliding-window{overflow:visible;height:auto;background:transparent;border:0;border-radius:0}.reading-track{display:grid;grid-template-rows:max-content max-content;height:auto}.reading-measure{visibility:hidden;pointer-events:none}.explore-card{position:relative;display:grid;grid-column:1;grid-row:1 / span 2;grid-template-rows:subgrid;height:auto;min-height:0;padding:1rem 0 .75rem;background:transparent;border:0;border-radius:0}.discovery .explore-card h2{margin:0 0 1rem;color:var(--mk-ink);font-family:var(--mk-reading-display);font-size:var(--text-3xl);line-height:1.22;font-weight:500;letter-spacing:-.025em;max-width:none;text-wrap:pretty}.discovery .sample-answer{min-height:8.75rem}.discovery .sample-answer p{max-width:none;color:var(--mk-ink);font-family:var(--mk-reading-body);font-size:var(--text-base);line-height:1.75;margin:0}.sample-answer.is-empty{min-height:5rem}.reading-pagination{display:flex;align-items:center;width:fit-content;margin-top:.25rem}.reading-pagination button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--mk-accent)}.reading-pagination button span{display:block;width:.375rem;height:.375rem;border-radius:var(--radius-xl);background:color-mix(in oklch,var(--mk-accent) 40%,var(--mk-page));transition:width var(--transition-base),background var(--transition-base)}.reading-pagination button[aria-pressed=true] span{width:1.25rem;background:var(--mk-accent)}.reading-pagination button:hover span{background:var(--mk-accent)}.star-portrait{position:absolute;top:1.5rem;left:0;width:3.5rem;height:3.5rem}.star-portrait img{width:3.5rem;height:3.5rem;object-fit:contain}html[data-discovery=stars] .reading-question{min-height:3.5rem;padding-left:4.5rem;display:flex;align-items:center;margin:0 0 1rem}html[data-cardstyle=margin] .discovery-heading{border-bottom:0}html[data-cardstyle=margin] .question-deck{border-left:1px solid var(--mk-accent);padding-left:1.25rem}html[data-cardstyle=margin] .explore-card{padding-top:.5rem}html[data-cardstyle=margin] .explore-card h2{font-family:"Cormorant Garamond",var(--font-serif);font-size:var(--text-3xl);letter-spacing:-.02em}html[data-cardstyle=spread] .explore-card h2{font-size:var(--text-3xl)}html[lang=zh-CN][data-cardstyle=margin] .explore-card h2{font-family:var(--font-serif)}html[lang=en][data-typeface] .discovery .explore-card h2,html[lang=en][data-typeface] .discovery-label{font-family:var(--mk-english-display)}html[lang=en][data-typeface=clean] .discovery-label{font-style:normal}.english-type-options [data-typeface-choice]>span{font-size:var(--text-lg)}.english-type-options [data-typeface-choice=fraunces]>span{font-family:"Fraunces",var(--font-serif)}.english-type-options [data-typeface-choice=cormorant]>span{font-family:"Cormorant Garamond",var(--font-serif);font-size:var(--text-xl)}.english-type-options [data-typeface-choice=clean]>span{font-family:"Manrope",var(--font-sans)}html[lang=zh-CN] .english-type-options{display:none}@media(max-width:980px){.hero{grid-template-areas:"intro" "story" "form"}}@media(min-width:981px){.site-header,main,.site-footer{width:min(100% - 6rem,82rem)}.site-header{min-height:6.5rem}.hero{grid-template-areas:"narrative form";grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto;column-gap:clamp(2rem,4vw,4rem);align-items:start;padding-block:3rem}.hero-narrative{grid-area:narrative;display:grid;grid-template-areas:"intro" "story";gap:2.5rem;min-width:0}html #hero-title{font-size:clamp(var(--text-4xl),3.3vw,var(--text-5xl))}html .hero-description{margin-top:1.5rem;max-width:32rem}html[lang=en] .hero-description{max-width:40rem}.intro-illustration{display:none}.discovery{display:block;position:relative}.discovery-content{grid-column:1;grid-row:1;width:100%}.discovery-cat{display:block;position:absolute;z-index:3;bottom:4.5rem;right:1rem;width:8rem;pointer-events:none}.sliding-window{height:auto}.discovery .sample-answer{width:calc(100% - 8rem)}.discovery .sample-answer p{max-width:none}html[data-layout=spread] .hero-description{margin-inline:auto}html[data-layout=spread] .discovery{padding:0}html[data-layout=spread] .discovery-content{width:100%}html[data-layout=spread] .discovery-cat{width:8rem}html[data-cardstyle=spread] .discovery-content,html[data-cardstyle=spread] .discovery-heading{width:100%}html[data-cardstyle=spread] .explore-card h2{max-width:none;font-size:var(--text-3xl)}html[data-cardstyle=spread] .sample-answer p{max-width:none}html[data-cardstyle=spread] .discovery-cat{width:8rem}}.result-preview-link{display:inline-flex;align-items:center;min-height:44px;margin-top:.5rem;font-size:var(--text-sm);color:var(--mk-accent)}@media(max-width:980px){.intro-illustration{display:none}.discovery-cat{display:block;position:static;width:min(45%,12rem);margin:0 0 1rem auto}.discovery{display:flex;flex-direction:column}.discovery-content{order:-1}.discovery .sample-answer p{font-size:var(--text-base)}}.mock-account{position:relative}.mock-charts-shortcut{display:none;min-height:44px;padding:.5rem 0;border:0;background:transparent;color:var(--mk-accent);font-size:var(--text-sm)}.mock-account summary{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.25rem .5rem;list-style:none;cursor:pointer;color:var(--mk-accent);font-size:var(--text-sm)}.mock-account summary::-webkit-details-marker{display:none}.mock-avatar{width:2rem;height:2rem;border:1px solid var(--mk-line);border-radius:50%;background:var(--card);display:inline-flex;align-items:center;justify-content:center}.mock-avatar svg{width:19px;height:19px}.mock-account-name{display:inline}.mock-account-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;display:grid;width:12rem;background:var(--card);border:1px solid var(--mk-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:.5rem}.mock-account-menu button{min-height:44px;text-align:left;padding:.625rem .75rem;background:transparent;border:0;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--mk-ink)}.mock-account-menu button:hover{background:var(--mk-soft)}.mock-account-menu button:last-child{color:var(--mk-muted);border-top:1px solid var(--mk-line);border-radius:0}.mock-auth-dialog{width:min(100% - 1.5rem,29rem);max-height:calc(100dvh - 1.5rem);padding:1.5rem;overflow-y:auto;overscroll-behavior:contain}body:has(.mock-auth-dialog[open]){overflow:hidden}.mock-auth-close{position:absolute;z-index:2;top:.75rem;right:.75rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--mk-muted);font-size:var(--text-2xl)}.mock-auth-close:hover{background:var(--mk-soft)}.mock-auth-intro{position:relative;padding:0 4.75rem .5rem 0;margin-bottom:1rem}.mock-auth-intro .brand{font-size:var(--text-lg);margin:.25rem 0 .75rem}.mock-auth-intro h2{font-size:var(--text-2xl);margin:.5rem 0;line-height:1.2}.mock-auth-intro p{margin:0;font-size:var(--text-sm);line-height:1.7;color:var(--mk-muted)}.mock-auth-cat{position:absolute;width:6rem;right:-.25rem;bottom:-.25rem;pointer-events:none}.mock-auth-provider{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:100%;border:1px solid var(--mk-line);border-radius:var(--radius-lg);background:var(--card);font-size:var(--text-sm);color:var(--mk-ink)}.mock-auth-provider+.mock-auth-provider{margin-top:.75rem}#mock-email-choice,#auth-email-choice{background:var(--mk-soft)}.mock-auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--mk-muted);font-size:var(--text-xs);margin:1rem 0}.mock-auth-divider:before,.mock-auth-divider:after{content:"";flex:1;height:1px;background:var(--mk-line)}.mock-auth-form{display:grid;gap:1rem}.mock-auth-form .calculate{margin-top:.25rem;justify-content:center}.mock-auth-form input{font-size:1rem}.mock-auth-forgot{justify-self:end;min-height:44px;margin-top:-.75rem}.mock-auth-text-button{display:inline-flex;align-items:center;min-height:44px;padding:.25rem 0;border:0;background:transparent;color:var(--mk-accent);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:.2rem}.mock-auth-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem;margin-top:.75rem;color:var(--mk-muted);font-size:var(--text-xs)}.mock-auth-review{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--mk-line);padding-bottom:env(safe-area-inset-bottom)}.mock-auth-review p,.mock-auth-reset-status{font-size:var(--text-xs);line-height:1.6;color:var(--mk-muted);margin:0}.mock-auth-review .mock-auth-text-button{justify-content:center;width:100%}.mock-auth-notice{position:fixed;z-index:40;inset:auto 1rem calc(1rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:fit-content;max-width:calc(100% - 2rem);padding:.5rem 1rem;background:var(--card);color:var(--mk-accent);border:1px solid var(--mk-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-size:var(--text-sm)}.mock-auth-notice[role=alert]{color:var(--destructive)}.mock-auth-notice button{min-height:44px;min-width:44px;padding:0;border:0;background:transparent;color:inherit;font-size:var(--text-xl)}body:has(.design-options:not([hidden])) .mock-auth-notice{bottom:calc(5.5rem + env(safe-area-inset-bottom))}.mock-saved-card{display:flex;align-items:flex-start;gap:.75rem;margin:1.25rem 0;padding:1.25rem 1.25rem 1rem;border:1px solid var(--mk-line);border-radius:var(--radius-xl);color:var(--mk-ink)}.mock-saved-card img,.mock-saved-card .mock-saved-thumb{display:none}.mock-saved-card strong,.mock-saved-title{display:block;font-size:var(--text-xl);font-weight:600;line-height:1.3;overflow-wrap:anywhere}.mock-saved-card span{display:block;font-size:var(--text-sm);line-height:1.6;color:var(--mk-muted);margin-top:.35rem;overflow-wrap:anywhere}.mock-saved-open{flex:0 0 auto;margin-left:auto;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--mk-accent);font-size:var(--text-2xl);line-height:1}.mock-saved-entry{border:1px solid var(--mk-line);border-radius:var(--radius-xl);margin:1.25rem 0}.mock-saved-entry .mock-saved-card{border:0;margin:0}.mock-saved-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding:0 1.25rem .5rem;border-top:1px solid var(--mk-line)}.mock-saved-actions a,.mock-saved-actions button{display:inline-flex;align-items:center;min-height:44px;border:0;padding:.5rem 0;background:transparent;color:var(--mk-accent);font-size:var(--text-sm)}.mock-saved-actions button{margin-left:0;color:var(--mk-accent)}.mock-saved-actions .mock-saved-delete{margin-left:auto;color:var(--mk-muted)}.mock-delete-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.mock-charts-empty{padding:2rem 0;text-align:center;color:var(--mk-muted);font-size:var(--text-sm)}.mock-auth-state-options{display:flex;flex-wrap:wrap;gap:.25rem}.mock-auth-state-options button{min-height:44px;padding:.5rem .75rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:inherit;font-size:var(--text-xs)}.mock-auth-state-options button[aria-pressed=true]{border-color:currentColor}.save-action[aria-pressed=true],[data-auth-save][aria-pressed=true]{color:var(--mk-accent);border-color:var(--mk-accent)}@media(min-width:981px){.mock-auth-dialog{padding:2rem}.mock-charts-shortcut{display:inline-flex;align-items:center}.mock-auth-notice{left:auto;right:2rem;bottom:2rem}}.mock-auth-dialog{border-radius:var(--radius-xl)}.mock-auth-dialog .mock-auth-intro{padding-right:6.5rem;padding-top:.5rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--mk-line)}.mock-auth-dialog .mock-auth-intro h2{font-family:"Cormorant Garamond",var(--font-serif);font-style:italic;font-size:var(--text-4xl);color:var(--mk-accent)}html[lang=zh-CN] .mock-auth-dialog .mock-auth-intro h2{font-family:inherit;font-style:normal;font-size:var(--text-2xl)}.mock-auth-dialog .mock-auth-cat{bottom:1.25rem}.mock-auth-dialog .mock-auth-provider{gap:.75rem}.mock-auth-dialog .mock-auth-provider svg{width:1.25rem;height:1.25rem;flex:0 0 auto}.mock-auth-dialog button:disabled{cursor:wait;opacity:.65}.mock-auth-reset-status:not([hidden]),.auth-outcome:not([hidden]){margin:.25rem 0 1rem;padding:1rem;border:1px solid var(--mk-line);border-radius:var(--radius-lg);background:var(--mk-soft);color:var(--mk-accent);font-size:var(--text-sm);line-height:1.7;overflow-wrap:anywhere}.mock-auth-reset-status[role=alert],.auth-outcome[role=alert]{color:var(--destructive)}#save-name-dialog .mock-auth-intro,#charts-dialog .mock-auth-intro{padding-right:2rem}#charts-dialog.charts-library-dialog{width:min(100% - 1.5rem,40rem);background:var(--card);border:1px solid var(--mk-line);box-shadow:var(--shadow-lg)}#charts-dialog .mock-auth-intro{padding-top:.25rem;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:0}#charts-dialog .mock-auth-intro h2{font-family:Inter,var(--font-sans);font-style:normal;font-size:var(--text-2xl);font-weight:600;color:var(--mk-ink);margin:0 0 .35rem}html[lang=zh-CN] #charts-dialog .mock-auth-intro h2{font-family:inherit;font-style:normal;font-size:var(--text-2xl);color:var(--mk-ink)}#save-name-form{display:grid;gap:1.25rem}#save-name-dialog .birth-editor-actions{border-top:1px solid var(--mk-line);padding-top:1.25rem}.mock-saved-card>div{min-width:0}.mock-saved-card strong{overflow-wrap:anywhere}.mock-auth-notice{box-shadow:var(--shadow-lg);padding:.75rem 1.25rem}.mock-auth-notice:before{content:"✓";display:grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:50%;background:var(--mk-soft)}.mock-auth-notice[role=alert]:before{content:"!"}.account-trigger[aria-expanded=true]{background:var(--mk-soft);border-radius:var(--radius-lg)}.account-dropdown button:hover,.account-dropdown button:focus-visible{background:var(--mk-soft);border-radius:var(--radius-md)}.app-link[data-app-open]{min-height:44px;border:0;background:transparent;padding:0;color:inherit;font-family:inherit;font-size:var(--text-sm)}body:has(.design-options:not([hidden])) .site-footer{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}#app-invite-dialog{width:min(100% - 1.5rem,64rem);max-height:calc(100dvh - 1.5rem);padding:0;overflow-y:auto;overscroll-behavior:contain}body:has(#app-invite-dialog[open]){overflow:hidden}.app-invite-close{position:absolute;top:.5rem;right:.5rem;z-index:2;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-lg);background:var(--card);color:var(--mk-muted);font-size:var(--text-2xl)}.app-invite-close:hover{background:var(--mk-soft)}.app-invite-content{display:flex;flex-direction:column;min-width:0}.app-request{order:0;min-width:0;padding:1.5rem}.app-invite-heading{display:flex;gap:.75rem;align-items:center;padding-right:1.5rem;margin-bottom:1.5rem}.app-invite-heading>img{width:3rem;height:3rem;border-radius:var(--radius-xl)}.app-invite-heading small{color:var(--mk-accent);font-size:var(--text-xs);letter-spacing:.08em}.app-invite-heading h2{font-size:var(--text-2xl);margin:.375rem 0 0}#app-invite-form{display:grid;gap:1.25rem}.app-platforms{min-width:0;border:0;margin:0;padding:0}.app-platforms legend{padding:0 0 .5rem;font-size:var(--text-sm);font-weight:550}.app-platform-choices{display:flex;flex-wrap:wrap;gap:.5rem}.app-platform-choices label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;flex:1;padding:.5rem .625rem;border:1px solid var(--mk-line);border-radius:var(--radius-lg);color:var(--mk-muted);font-size:var(--text-sm);cursor:pointer}.app-platform-choices input{flex:0 0 auto;width:1rem;height:1rem;accent-color:var(--mk-accent);margin:0}.app-platform-choices label:has(input:checked){color:var(--mk-accent);background:var(--mk-soft);border-color:var(--mk-accent)}#app-invite-form .calculate{margin:0;justify-content:center}#app-invite-dialog .app-invite-note{color:var(--mk-muted);font-size:var(--text-xs);line-height:1.6;margin:1rem 0 0}.app-invite-text-button{min-height:44px;padding:.5rem 0;border:0;background:transparent;color:var(--mk-accent);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:.25rem}.app-tour{order:1;min-width:0;position:relative;background:var(--mk-soft);padding:1.25rem 1.5rem;border-top:1px solid var(--mk-line)}.app-phone{position:relative;width:min(100%,16rem);margin:0 auto;overflow:hidden;border:1px solid var(--mk-line);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm)}.app-phone img{display:block;width:100%;height:auto;aspect-ratio:1320 / 2868;object-fit:contain}.app-screen-caption{position:absolute;bottom:1.5rem;left:.75rem;right:.75rem;width:fit-content;max-width:calc(100% - 1.5rem);margin-inline:auto;padding:.5rem .75rem;background:var(--card);border:1px solid var(--mk-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--mk-ink);font-size:var(--text-xs);font-weight:600;line-height:1.4;text-align:center}.app-tour-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.75rem}.app-tour-controls button{min-width:44px;min-height:44px;border:1px solid var(--mk-line);background:var(--card);border-radius:50%;color:var(--mk-accent);font-size:var(--text-lg)}.app-tour-count{color:var(--mk-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.app-invite-complete{padding:2rem 1.5rem 1.5rem}.app-invite-complete>img{display:block;width:6rem;margin:0 auto .5rem}.app-invite-complete h2{font-size:var(--text-2xl);text-align:center}.app-invite-complete .eyebrow{display:block;text-align:center}#app-invite-dialog .app-invite-complete p{text-align:center;color:var(--mk-muted);font-size:var(--text-sm);line-height:1.7}.app-invite-complete dl{margin:1.5rem 0;background:var(--mk-soft);border-radius:var(--radius-lg);padding:.75rem 1rem}.app-invite-complete dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding-block:.5rem}.app-invite-complete dt{color:var(--mk-muted);font-size:var(--text-sm)}.app-invite-complete dd{margin:0;color:var(--mk-ink);font-size:var(--text-sm);overflow-wrap:anywhere}.app-invite-complete .calculate{justify-content:center;margin:0}.app-invite-complete .app-invite-text-button{display:block;width:100%;margin-top:.5rem;padding-bottom:env(safe-area-inset-bottom)}.app-availability{display:grid;gap:.5rem;margin-top:1.5rem}.app-availability>div{display:flex;gap:1rem;align-items:center;padding:.75rem 1rem;border:1px solid var(--mk-line);border-radius:var(--radius-lg);font-size:var(--text-sm)}.app-availability strong{min-width:4.5rem;font-weight:600}.app-availability span{color:var(--mk-muted)}.app-newsletter{display:block;margin-top:1rem;padding-block:.5rem;min-height:44px;text-align:center;font-size:var(--text-sm);color:var(--mk-accent);text-decoration:underline;text-underline-offset:.25rem}@media(min-width:981px){.app-invite-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.app-request{grid-column:2;grid-row:1;padding:2rem}.app-tour{grid-column:1;grid-row:1;border-top:0;border-right:1px solid var(--mk-line);padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.app-phone{width:min(18rem,calc((100dvh - 8rem)*.46))}.app-invite-complete{max-width:28rem;margin:auto;padding:2rem}#app-invite-dialog:has(.app-invite-complete:not([hidden])){width:min(100% - 1.5rem,30rem)}}.reference-note{color:var(--card);opacity:.65;font-size:var(--text-xs)}.result-main{padding-bottom:2.5rem}.result-heading{display:flex;flex-direction:column;gap:1rem;padding-block:1.5rem}.result-main .result-heading h1{margin:0;max-width:none;font-size:var(--fluid-font-h1);font-weight:500;line-height:1.2;letter-spacing:-.05em}.birth-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;color:var(--mk-muted);font-size:var(--text-sm);margin-top:.5rem}.birth-meta a{display:inline-flex;align-items:center;min-height:44px;color:var(--mk-accent);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:.25rem}.result-actions{display:flex;flex-wrap:wrap;gap:.5rem}.secondary-action,.save-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.25rem;border:1px solid var(--mk-line);border-radius:var(--radius-lg);background:var(--card);color:var(--mk-ink);font-size:var(--text-sm)}.result-main .save-action,.result-main .save-action[data-saved=true]{border-color:var(--mk-accent);background:var(--mk-accent);color:var(--card);font-weight:600}.save-action:disabled{opacity:.75;cursor:default}.saved-charts-action{background:transparent}.result-actions .save-action{order:0}.result-actions .edit-action{order:1}.result-actions .saved-charts-action{order:2}.edit-action{padding:.75rem}.edit-action svg{width:17px;height:17px}.cycle-unlock{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;border-block:1px solid var(--mk-line)}.cycle-unlock-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--mk-line);border-radius:50%;color:var(--mk-accent);margin-bottom:1rem;font-size:var(--text-xl)}.cycle-unlock .eyebrow{color:var(--mk-accent);font-size:var(--text-xs)}.cycle-unlock h2{margin:.75rem 0 0;font-weight:500;font-size:var(--text-2xl)}.cycle-unlock p{max-width:28rem;margin:.75rem 0 1.25rem;color:var(--mk-muted);font-size:var(--text-sm);line-height:1.7}.cycle-unlock .calculate{width:auto;min-height:44px;margin:0;gap:1rem}.cycle-positions{max-width:48rem;margin:2.5rem auto 0;scroll-margin-top:1.5rem}#birth-preview-status{max-width:32rem;margin:.75rem 0 0;color:var(--mk-accent);font-size:var(--text-xs);line-height:1.6}#edit-birth-dialog{width:min(100% - 1.5rem,32rem);max-height:calc(100dvh - 2rem);padding:1.25rem;overflow-y:auto;overscroll-behavior:contain}body:has(#edit-birth-dialog[open]){overflow:hidden}.birth-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.birth-editor-heading h2{margin:0;font-size:var(--text-2xl)}.birth-editor-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:var(--mk-muted);font-size:var(--text-2xl);border-radius:var(--radius-lg)}.birth-editor-close:hover{background:var(--mk-soft)}#edit-birth-dialog .birth-editor-note{font-size:var(--text-xs);color:var(--mk-muted);line-height:1.6;margin:1.25rem 0}.birth-editor-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem;padding-bottom:env(safe-area-inset-bottom)}.birth-editor-actions .calculate{width:auto;min-height:44px;margin:0}.chart-surface{padding:.75rem 0 0}.chart-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-inline:.5rem;max-width:36rem;margin:auto}.chart-modes{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:var(--text-xs)}.active-mode{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid var(--mk-accent);color:var(--mk-accent);font-weight:550}.chart-modes button{display:inline-flex;gap:.375rem;align-items:center;min-height:44px;border:0;padding:0;background:transparent;color:var(--mk-muted);font-size:inherit}.chart-modes small{color:var(--mk-accent);letter-spacing:.05em;font-size:.5rem}.expand-button{background:transparent;border:0;display:inline-flex;gap:.5rem;align-items:center;min-height:44px;color:var(--mk-muted);font-size:var(--text-xs);padding:.5rem}.expand-button>span:first-child{font-size:var(--text-xl)}.chart-picture{width:min(100%,36rem);margin:0 auto}.chart-picture picture,.chart-picture img{display:block;width:100%;height:auto;aspect-ratio:1}.read-chart-link{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:52px;color:var(--mk-accent);border-top:1px solid var(--mk-line);font-size:var(--text-sm);max-width:36rem;margin:.5rem auto 0}.result-reading{padding-top:2.5rem;scroll-margin-top:1.5rem}.reading-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.reading-section-heading h2{font-size:var(--text-2xl);font-weight:500;letter-spacing:-.04em;margin:0}.reading-view-tabs{display:inline-flex;gap:1.5rem}.reading-view-tabs button{border:0;border-bottom:1px solid transparent;background:transparent;color:var(--mk-muted);min-height:44px;padding:.5rem 0;font-size:var(--text-sm)}.reading-view-tabs button[aria-selected=true]{border-bottom-color:var(--mk-accent);color:var(--mk-accent)}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"topics" "article" "stars";gap:1.5rem}.reading-navigation{grid-area:topics;min-width:0}.all-stars{grid-area:stars;min-width:0}.significator-topics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}.significator-topics button{text-align:left;display:flex;flex-direction:column;justify-content:center;gap:.75rem;min-height:6rem;min-width:0;border:1px solid var(--mk-line);border-radius:var(--radius-lg);background:transparent;padding:1rem;color:var(--mk-muted);font-size:var(--text-xs)}.significator-topics strong{color:var(--mk-ink);font-size:var(--text-lg);font-weight:500}.significator-topics button[aria-pressed=true]{background:var(--card);border-color:var(--mk-accent);color:var(--mk-accent)}.all-stars-label{display:block;margin:0 0 .75rem;font-size:var(--text-xs);color:var(--mk-muted)}.star-selectors{display:flex;flex-wrap:wrap;gap:.5rem}.star-selectors button{width:44px;height:44px;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--mk-line);background:var(--card);border-radius:50%}.star-selectors button[aria-pressed=true]{border-color:var(--mk-accent);background:var(--mk-lavender)}.star-selectors img{width:24px;height:24px}.reading-article{grid-area:article;min-width:0;padding:.5rem 0}.reading-article-heading{display:flex;align-items:center;gap:1rem}.reading-article-heading>img{width:3rem;height:3rem}.reading-kind{font-size:var(--text-xs);color:var(--mk-muted)}.reading-article h3{margin:.375rem 0 0;font-family:"Cormorant Garamond",var(--font-serif);font-style:italic;font-size:var(--text-4xl);font-weight:500;letter-spacing:-.05em}html[lang=zh-CN] .reading-article h3{font-family:inherit;font-style:normal;font-size:var(--text-3xl)}.star-lead{font-size:var(--text-base);color:var(--mk-accent);line-height:1.7;margin-block:1.5rem}.reading-prose p{margin:0 0 1rem;font-size:var(--fluid-font-body);color:var(--card-foreground);line-height:1.9}.read-full{border:0;background:transparent;color:var(--mk-accent);padding:.5rem 0;min-height:44px;font-size:var(--text-sm)}.positions-panel{background:var(--card);border:1px solid var(--mk-line);border-radius:var(--radius-xl);padding:1.5rem}.positions-panel table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.positions-panel th,.positions-panel td{text-align:left;padding:1rem .5rem;border-bottom:1px solid var(--mk-line);font-weight:400}.positions-panel th{color:var(--mk-muted);font-size:var(--text-xs)}.positions-panel tr:last-child td{border-bottom:0}.save-strip{display:grid;grid-template-columns:6rem minmax(0,1fr);grid-template-areas:"cat title" "cat action";align-items:center;gap:.75rem 1.25rem;background:var(--card);border-radius:var(--radius-xl);padding:1.25rem;margin-top:2.5rem}.save-strip>img{grid-area:cat;width:100%}.save-strip h2{grid-area:title;font-size:var(--text-xl);font-weight:500;margin:0}.save-strip button{grid-area:action;justify-self:start}#wheel-dialog{width:min(100% - 1rem,54rem);padding:1rem;max-height:95dvh}.wheel-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.wheel-dialog-header h2{font-size:var(--text-lg);margin:0}.wheel-dialog-header button{min-height:44px;border:0;background:transparent;color:var(--mk-accent);font-size:var(--text-sm)}#expanded-wheel{display:block;width:min(100%,76dvh);height:auto;aspect-ratio:1;margin:auto}.aspect-section{margin-top:2rem}.aspect-section h3{margin:0 0 1rem;font-size:var(--text-lg);font-weight:500}.aspect-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.aspect-table th,.aspect-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--mk-line);font-weight:400;vertical-align:top}.aspect-table th{color:var(--mk-muted);font-size:var(--text-xs)}.aspect-table td.is-empty{color:var(--mk-muted)}.aspect-empty{margin:0;color:var(--mk-muted);font-size:var(--text-sm)}#cycle-status:not(:empty):not([hidden]),#cycle-retry:not([hidden]){display:block;margin:.75rem auto 0;text-align:center}#result-title:focus{outline:none}#result-title:focus-visible{outline:2px solid var(--mk-accent);outline-offset:4px}@media(max-width:980px){.aspect-table,.aspect-table tbody,.aspect-table tr,.aspect-table td{display:block;width:auto}.aspect-table thead{display:none}.aspect-table tr{padding:.85rem 0;border-bottom:1px solid var(--mk-line)}.aspect-table tr:last-child{border-bottom:0}.aspect-table td{border:0;padding:0}.aspect-table td.is-empty{display:none}.aspect-table td.aspect-star{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin-bottom:.35rem;font-weight:550}.aspect-table td[data-rel-label]:not(.is-empty){display:inline-flex;align-items:baseline;gap:.35rem;margin:0 .75rem .35rem 0}.aspect-table td[data-rel-label]:before{content:attr(data-rel-label);color:var(--mk-muted);font-size:var(--text-xs)}}@media(min-width:981px){#edit-birth-dialog{padding:2rem}.result-main{width:min(100% - 2 * var(--space-inline-page),75rem)}.result-heading{flex-direction:row;justify-content:space-between;align-items:center;padding-block:1.5rem}.result-main .result-heading h1{font-size:var(--text-3xl)}.result-actions{flex:0 0 auto}.chart-surface{padding:0}.chart-modes{font-size:var(--text-sm);gap:1.5rem}.reading-layout{grid-template-columns:minmax(0,14rem) minmax(0,1fr);grid-template-areas:"topics article" "stars article";grid-template-rows:min-content 1fr;gap:1.5rem 3rem}.significator-topics{grid-template-columns:minmax(0,1fr)}.reading-article{padding:.5rem 0 0}.save-strip{grid-template-columns:9rem minmax(0,1fr) auto;grid-template-areas:"cat title action";padding:1rem 2rem}.save-strip h2{font-family:"Cormorant Garamond",var(--font-serif);font-size:var(--text-4xl);font-style:italic}.cycle-unlock{padding:2.5rem}}.chart-image-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:min(100%,48rem);margin:.5rem auto .75rem}.chart-image-actions button{min-height:44px;padding:.625rem .875rem;font-size:var(--fluid-font-label)}.chart-image-actions button:disabled{opacity:.6;cursor:wait}.chart-image-status{width:min(100%,48rem);margin:.5rem auto;text-align:center;font-size:var(--text-xs);line-height:1.5;color:var(--mk-accent)}.chart-image-status:empty{display:none}.chart-study{--study-ink: var(--foreground);--study-muted: color-mix(in oklch, var(--foreground) 57%, var(--card));--study-line: color-mix(in oklch, var(--chart-2) 46%, var(--card));--study-accent: color-mix(in oklch, var(--chart-2) 75%, var(--foreground));--study-rose: color-mix(in oklch, var(--chart-1) 56%, var(--foreground));--study-lav: color-mix(in oklch, var(--chart-2) 18%, var(--card));--study-blush: color-mix(in oklch, var(--chart-1) 8%, var(--card));--study-green: color-mix(in oklch, var(--chart-3) 10%, var(--card));--study-sky: color-mix(in oklch, var(--star-tint-moon) 8%, var(--card))}.chart-study text{font-family:Inter,system-ui,-apple-system,PingFang SC,sans-serif;fill:var(--study-ink);stroke:none}.chart-study .wheel-xiu-ring text{font-size:13px;font-weight:500;fill:var(--study-accent)}.chart-study .wheel-house-ring text{font-size:10px;font-weight:400;fill:var(--study-muted)}.chart-study .wheel-planet-bodies text{font-size:11.5px;font-weight:450;fill:var(--study-ink)}.chart-study .wheel-age-ring text{font-size:7px;fill:var(--study-muted)}.chart-study .wheel-age-ring .wheel-age-tick{font-size:6.5px}.chart-study .wheel-planet-sticks line{stroke:var(--study-accent);stroke-width:1}.chart-study .wheel-radials line{stroke:var(--study-line);stroke-width:.6}.chart-study .wheel-palace-ring path,.chart-study .wheel-house-ring path{stroke:var(--study-line);stroke-width:.55;fill:none}.chart-study .wheel-xiu-ring path,.chart-study .wheel-xiu-ring line{stroke:var(--study-line);stroke-width:.5}.chart-study .wheel-age-ring path{fill:none}.chart-study .wheel-age-ring line{stroke:var(--study-line);stroke-width:.5}.chart-study .hub-label{font-size:9.5px;fill:var(--study-muted);font-weight:400}.chart-study .hub-value{font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:400;fill:var(--study-accent);font-style:italic}html[lang=zh-CN] .chart-study .hub-value{font-family:inherit;font-style:normal;font-size:26px}.chart-study .hub-rule{stroke:var(--study-line);stroke-width:.6}.chart-study .hub-outline{fill:var(--card);stroke:var(--study-line);stroke-width:.6}.chart-study .outer-pencil{fill:none;stroke:var(--study-line);stroke-width:.55;pointer-events:none}.chart-study .wheel-xiu-ring path{fill:var(--study-lav);fill-opacity:.5}.chart-study.glyphs .wheel-xiu-ring path{stroke-width:.45}.chart-study.glyphs .wheel-palace-ring path{stroke:var(--study-line);stroke-width:.5}.chart-study.glyphs .wheel-planet-bodies text{font-size:14.5px}.chart-study .western-sign text{font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;font-size:19px;font-weight:400;fill:var(--study-accent)}.chart-study .wheel-palace-ring image,.chart-study .wheel-palace-ring svg[data-animal-index]{display:none}.chart-study .study-mingo-line{stroke:var(--study-rose);stroke-width:2}.chart-study .study-mingo-disc{fill:var(--card);stroke:var(--study-rose);stroke-width:1.5}.chart-study .xiu-callout{stroke:var(--study-muted);stroke-width:.5}.chart-surface{max-width:52rem;margin-inline:auto}.chart-topline{max-width:48rem;flex-wrap:wrap}.chart-modes{flex-wrap:nowrap}.chart-modes button{white-space:nowrap}.chart-modes button[aria-selected=true]{border-bottom:2px solid var(--mk-accent);color:var(--mk-accent);font-weight:550}.chart-modes button[aria-selected=false]{border-bottom:2px solid transparent}.star-label-options{display:flex;justify-content:flex-end;order:3;width:100%;gap:.25rem;border-top:1px solid var(--mk-line);padding-top:.25rem}.star-label-options button{min-height:44px;min-width:44px;padding:.5rem .75rem;border:0;border-radius:var(--radius-lg);background:transparent;font-size:var(--text-xs);color:var(--mk-muted);white-space:nowrap}.star-label-options button[aria-pressed=true]{color:var(--mk-accent);background:var(--mk-soft)}.chart-picture{width:min(100%,48rem);background:var(--card);border-radius:var(--radius-xl);overflow:hidden}.chart-study .wheel-dayun-planets{display:none}.chart-study .study-cycle-label{fill:var(--study-ink);font-size:16.43px;font-weight:450}.chart-study .study-cycle-leader{stroke:var(--study-line);stroke-width:.7;stroke-dasharray:3 3;fill:none}.chart-study .study-cycle-symbol{pointer-events:none}.chart-interaction-hint{max-width:48rem;margin:.75rem auto;padding-inline:.5rem;text-align:center;color:var(--mk-muted);font-size:var(--text-xs)}#wheelContainer,#expanded-wheel-host{position:relative;width:100%;aspect-ratio:1}.preview-wheel{display:block;width:100%;height:100%}.preview-wheel .chart-hotspot{cursor:pointer;outline:none}.preview-wheel .chart-hotspot:focus-visible{outline:2px solid var(--mk-accent);outline-offset:3px}.preview-wheel text.chart-hotspot:hover,.preview-wheel .chart-hotspot text:hover{text-decoration:underline}.chart-detail-tip{position:absolute;z-index:3;width:min(17rem,calc(100% - 1rem));padding:.875rem 1rem;border:1px solid var(--mk-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--card);color:var(--mk-ink);text-align:left}.chart-tip-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.chart-tip-heading strong{font-size:var(--text-sm);font-weight:550}.chart-tip-heading button{display:flex;justify-content:center;align-items:center;flex:0 0 44px;width:44px;height:44px;margin:-.625rem -.625rem -.375rem 0;border:0;background:transparent;color:var(--mk-muted);font-size:var(--text-xl)}.chart-detail-tip dl{margin:.75rem 0 0}.chart-detail-tip dl>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.5rem;padding-block:.375rem;border-top:1px solid var(--mk-line);font-size:var(--text-xs);line-height:1.6}.chart-detail-tip dt{color:var(--mk-muted)}.chart-detail-tip dd{margin:0;overflow-wrap:anywhere}.read-chart-link{max-width:48rem}@media(min-width:981px){.star-label-options{order:0;width:auto;border:0;padding:0;margin-left:auto}}html[lang=zh-CN] .chart-study.glyphs .wheel-planet-bodies text,html[lang=zh-CN] .chart-study .study-cycle-label{font-size:19px}@media(max-width:980px){.mobile-chart-adjusted .hub-value{font-size:var(--mobile-hub-fs)!important;font-weight:400!important}.mobile-chart-adjusted .hub-label{font-size:var(--mobile-hub-label-fs)!important;font-weight:400!important;fill:var(--study-muted)}.mobile-chart-adjusted .wheel-xiu-ring text{font-size:var(--mobile-xiu-fs)!important;font-weight:450!important}.mobile-chart-adjusted .wheel-house-ring text{font-size:var(--mobile-house-fs)!important;font-weight:400!important}.mobile-chart-adjusted .wheel-age-ring{visibility:hidden}.mobile-chart-adjusted .mobile-star-name{font-size:var(--mobile-star-fs)!important;font-weight:400!important;fill:var(--study-ink);font-family:Inter,PingFang SC,sans-serif}.mobile-chart-adjusted .mobile-star-leader{stroke:var(--study-accent);stroke-width:.8}.mobile-chart-adjusted .mobile-star-anchor,.mobile-chart-adjusted .mobile-transit-star .mobile-star-name{fill:var(--study-accent)}.mobile-chart-adjusted .mobile-transit-star .mobile-star-leader{stroke-dasharray:2 2}.mobile-chart-adjusted .mobile-transit-star .mobile-star-anchor{fill:var(--card);stroke:var(--study-accent);stroke-width:1}.mobile-chart-adjusted .mobile-transit-star .mobile-star-glyph{opacity:.8}.chart-surface .chart-picture{position:relative}.mobile-layer-key{position:absolute;top:4px;right:8px;display:flex;gap:12px;color:var(--mk-muted);font-size:10px;pointer-events:none}.mobile-layer-key span:last-child{color:var(--study-accent,var(--mk-accent))}#wheel-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:12px 0;border:0;border-radius:0}#wheel-dialog .wheel-dialog-header{padding-inline:16px}#wheel-dialog .chart-picture{width:100%;max-width:none;height:calc(100dvh - 120px);overflow:hidden}#expanded-wheel-host{height:100%;aspect-ratio:auto}#expanded-wheel{touch-action:none;cursor:grab}.mobile-chart-zoom{display:flex;justify-content:center;align-items:center;gap:12px;height:56px;padding-bottom:env(safe-area-inset-bottom);background:var(--card)}.mobile-chart-zoom button{min-width:44px;min-height:44px;border:1px solid var(--mk-line);border-radius:var(--radius-lg);background:var(--card);color:var(--mk-ink)}.mobile-chart-zoom span{min-width:48px;text-align:center;font-size:13px;color:var(--mk-muted)}}@media(max-width:980px){#wheel-dialog[open]{display:flex;flex-direction:column;overflow:hidden}#wheel-dialog .wheel-dialog-header{flex:0 0 44px}#wheel-dialog .chart-picture{flex:1;min-height:0;height:auto}.mobile-chart-zoom{flex:0 0 56px}}.site-footer.visual-footer{position:relative;isolation:isolate;display:block;overflow:hidden;padding:2rem 0 1.25rem;margin-top:2rem;border-top:1px solid var(--mk-line)}.footer-story{position:relative;z-index:1;display:grid;gap:1.25rem;padding:0 0 5rem}.footer-story h2{max-width:10em;margin:0;font-family:"Cormorant Garamond",var(--font-serif);font-style:italic;font-size:var(--text-4xl);font-weight:500;line-height:1.1;letter-spacing:-.04em;color:var(--mk-accent)}.footer-story p{max-width:31rem;margin:0;font-size:var(--text-sm);line-height:1.9;color:var(--mk-muted)}.footer-landscape{position:absolute;z-index:0;bottom:3rem;left:0;display:block;width:100%;height:auto;opacity:.36;pointer-events:none}.footer-bottom{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-top:1.25rem;border-top:1px solid var(--mk-line)}.footer-bottom>span{order:3;width:100%;font-size:var(--text-xs)}.footer-wordmark{color:var(--mk-ink);font-size:var(--text-2xl)}.result-reading{margin-top:1rem;padding-top:2rem;border-top:1px solid var(--mk-line)}.reading-article{position:relative;padding:1.5rem;background:var(--card);border-radius:var(--radius-xl)}.reading-article-heading{gap:.875rem;flex-wrap:wrap}.reading-article-heading>img{padding:.75rem;width:3.5rem;height:3.5rem;background:var(--mk-soft);border-radius:50%}.reading-kind{color:var(--mk-accent)}.reading-article h3{font-size:var(--text-4xl)}.reading-mansion{display:inline-flex;align-items:center;min-height:2rem;padding:.375rem .75rem;border:1px solid var(--mk-line);border-radius:var(--radius-xl);color:var(--mk-accent);background:var(--mk-soft);font-size:var(--text-xs)}.reading-article .star-lead{padding-bottom:1.25rem;border-bottom:1px solid var(--mk-line);margin:1.25rem 0;color:var(--mk-muted);font-size:var(--text-sm)}.reading-prose p{font-size:var(--text-base);line-height:1.9}.significator-topics button{border-color:transparent;border-radius:var(--radius-lg)}.significator-topics button[aria-pressed=true]{border-color:var(--mk-line);box-shadow:var(--shadow-sm)}.positions-panel>table{table-layout:fixed}.positions-panel>table th,.positions-panel>table td{padding:1rem .375rem;overflow-wrap:anywhere;font-size:var(--text-sm)}.positions-panel>table th{font-size:var(--text-xs)}.position-star{display:flex;align-items:center;gap:.5rem}.position-star img{flex:0 0 auto;width:1rem;height:1rem}.position-master{display:block;margin-top:.375rem;color:var(--mk-accent);font-size:var(--text-xs);line-height:1.5}@media(min-width:981px){.site-footer.visual-footer{margin-top:3.5rem;padding-top:3.5rem}.footer-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:5rem;padding-bottom:7rem}.footer-story h2{font-size:var(--text-5xl)}.footer-story p{padding-top:.5rem;font-size:var(--text-base)}.footer-landscape{bottom:3rem}.footer-bottom>span{order:0;width:auto;margin-right:auto}.reading-article{padding:2rem 2.5rem}.reading-mansion{margin-left:auto}.positions-panel>table th,.positions-panel>table td{padding:1.25rem .75rem}}.mock-auth-close{z-index:2}@media(max-width:980px){html{scroll-padding-top:1rem}.site-header,main,.site-footer{width:min(calc(100% - 3rem),44rem)}.site-header{min-height:5rem;gap:.5rem}.site-header nav{min-width:0;gap:.25rem}.brand,.language,.sign-in{flex-shrink:0}.hero{grid-template-areas:"intro" "form" "story";grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-block:2rem 2.5rem}.intro{padding-bottom:1.25rem}.eyebrow{gap:.75rem;letter-spacing:.08em;line-height:1.6}.eyebrow-line{width:1rem;flex:0 0 auto}html #hero-title{margin-top:1rem;font-size:var(--text-4xl);line-height:1.15}html #hero-title em{margin-top:.375rem}html .hero-description{max-width:38rem;margin-top:1.25rem;font-size:var(--text-base);line-height:1.75}.intro-illustration{display:block;width:7.5rem;right:-.5rem;bottom:0}.mobile-start{width:fit-content;max-width:calc(100% - 7rem);min-height:3.5rem;margin-top:3rem;gap:.75rem;padding-block:.75rem;font-size:var(--text-base)}.form-panel{padding:1.5rem;border-radius:var(--radius-xl);scroll-margin-top:1rem}.form-panel h2{margin-bottom:1.5rem;font-size:var(--text-3xl);line-height:1.2}.date-time-row{grid-template-columns:minmax(0,1fr);gap:1.25rem}.field label{font-size:var(--text-sm);line-height:1.5}.field input{min-height:3.5rem;font-size:1rem}.field input::placeholder{font-size:1rem}.unknown-time{gap:.75rem;margin-top:.5rem;line-height:1.6}.unknown-time input{flex:0 0 auto;width:1.125rem;height:1.125rem}.location-field{margin-top:1rem}.location-hint{align-items:flex-start;margin-top:.75rem}.location-hint svg{margin-top:.125rem}.calculate{min-height:3.5rem;font-size:var(--text-base)}.form-footer{margin-top:.75rem}.discovery{display:block;padding-top:0}.discovery-cat{display:none}.discovery-content{width:100%}.discovery-heading{padding-bottom:1.25rem}.discovery .discovery-label{font-size:var(--text-lg)}.explore-card{padding-top:1rem;padding-bottom:.75rem}html[data-cardstyle] .discovery .explore-card h2{max-width:none;margin-bottom:1rem;font-size:var(--text-3xl);line-height:1.22;overflow-wrap:break-word}.discovery .sample-answer{width:100%;min-height:8rem}html[lang] .discovery .sample-answer p{font-size:var(--text-base);line-height:1.75}.reading-pagination{margin-top:.25rem;gap:.25rem}.reading-pagination button{width:44px;height:44px}.site-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.site-footer.visual-footer{margin-top:0;padding-top:2rem}.footer-story{padding-bottom:3rem}.footer-story h2{max-width:10em}.footer-bottom{gap:.5rem 1rem}.design-options{position:static;width:min(calc(100% - 3rem),44rem);max-width:none;margin:0 auto calc(1.5rem + env(safe-area-inset-bottom))}.design-options details[open]{width:100%}.design-options-body{max-height:60dvh}body:has(.design-options:not([hidden])) .site-footer{padding-bottom:2rem}body:has(.design-options:not([hidden])) .mock-auth-notice{bottom:calc(1rem + env(safe-area-inset-bottom))}.mock-auth-dialog,#app-invite-dialog{max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));scroll-padding-block:1rem}.mock-auth-dialog,.app-request{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.app-phone{width:min(100%,12rem)}.mock-account-name{display:none}}@media(max-width:480px){.site-header,main,.site-footer,.design-options{width:calc(100% - 2.5rem)}.site-header{min-height:4.75rem;gap:.25rem}.site-header nav{gap:0}.sign-in{padding-inline:.625rem}.hero{padding-top:1.75rem;gap:2rem}html #hero-title{font-size:var(--text-3xl)}html[lang=zh-CN] #hero-title{font-size:var(--text-4xl);line-height:1.25}.intro-illustration{width:7rem}.form-panel{padding:1.25rem}.form-panel h2{font-size:var(--text-2xl);letter-spacing:-.04em}.discovery-content{padding:1.25rem 1.25rem .75rem}html[data-cardstyle] .discovery .explore-card h2{font-size:var(--text-2xl)}.mock-auth-intro{padding-right:3.5rem}.mock-auth-cat{width:4.5rem}.app-request{padding-inline:1.25rem}}@media(min-width:981px){.hero{grid-template-areas:"intro form" "story form";grid-template-rows:min-content 1fr;row-gap:2.5rem}}:root{--wheel-bg-glow-0: oklch(.995 .002 95 / 1);--wheel-bg-glow-55: oklch(.992 .002 95 / 1);--wheel-bg-glow-100: oklch(.988 .002 95 / 1);--wheel-zodiac-a: oklch(.935 .012 78 / .4);--wheel-zodiac-b: oklch(.95 .008 82 / .28);--wheel-zodiac-sign: oklch(.42 .06 75 / .82);--wheel-palace-fill: oklch(.55 .02 260 / .05);--wheel-palace-fill-hi: oklch(.62 .05 145 / .16);--wheel-palace-stroke: oklch(.48 .02 260 / .14);--wheel-palace-stroke-hi: oklch(.5 .06 145 / .32);--wheel-palace-text: oklch(.34 .03 255 / .86);--wheel-house-fill-a: oklch(.92 .012 75 / .12);--wheel-house-fill-b: oklch(.9 .01 80 / .08);--wheel-house-fill-hi: oklch(.7 .08 55 / .18);--wheel-house-stroke: oklch(.82 .02 75 / .22);--wheel-house-stroke-hi: oklch(.62 .05 55 / .28);--wheel-house-text: oklch(.4 .06 48 / .82);--wheel-house-text-hi: oklch(.42 .12 48 / .95);--wheel-radial: oklch(.45 .02 260 / .1);--wheel-radial-hi: oklch(.55 .12 75 / .55);--wheel-tick-30: oklch(.55 .03 250 / .2);--wheel-tick-10: oklch(.55 .02 260 / .11);--wheel-tick-5: oklch(.55 .015 260 / .06);--wheel-xiu-wedge-stroke: oklch(.78 .03 85 / .22);--wheel-xiu-divider: oklch(.72 .03 250 / .14);--wheel-xiu-text-fill: oklch(.32 .03 40 / .9);--wheel-xiu-text-stroke: oklch(.99 .01 95 / .65);--wheel-age-fill-a: oklch(.94 .015 85 / .55);--wheel-age-fill-b: oklch(.92 .012 80 / .45);--wheel-age-tick: oklch(.4 .01 280 / .14);--wheel-age-boundary: oklch(.42 .02 280 / .28);--wheel-age-num: oklch(.38 .02 280 / .78);--wheel-age-milestone: oklch(.48 .1 70 / .88);--wheel-age-label: oklch(.38 .03 260 / .68);--wheel-mingo-line: oklch(.46 .16 22 / .82);--wheel-mingo-dot-fill: oklch(.44 .15 22 / .9);--wheel-mingo-dot-stroke: oklch(.92 .04 50 / .75);--wheel-duzhu-1: oklch(.38 .12 22 / .95);--wheel-duzhu-2: oklch(.42 .08 25 / .78);--wheel-planet-ray: oklch(.48 .04 260 / .22);--wheel-planet-label: oklch(.99 0 0 / .98);--wheel-dayun-line: oklch(.5 .14 255 / .85);--wheel-dayun-dot-fill: oklch(.48 .14 255 / .9);--wheel-dayun-dot-stroke: oklch(.72 .06 255 / .65);--wheel-dayun-label: oklch(.45 .12 255 / .95);--wheel-overlay-planet-stroke: oklch(.97 .01 95 / .9);--wheel-overlay-planet-label-day: oklch(.38 .1 250 / .92);--wheel-overlay-planet-label-night: oklch(.55 .1 250 / .95);--wheel-dingxing-line: oklch(.58 .14 200 / .82);--wheel-dingxing-glow: oklch(.58 .14 200 / .35);--wheel-dingxing-label: oklch(.5 .12 200 / .98);--wheel-legend-muted: oklch(.48 .02 280 / .55);--wheel-legend-accent: oklch(.48 .12 255 / .88);--wheel-overlay-natal-glow: oklch(.55 .09 65 / .22);--wheel-overlay-natal-core: oklch(.52 .11 62 / .88);--wheel-overlay-natal-stroke: oklch(.98 .01 95 / .95);--wheel-overlay-natal-ring: oklch(.58 .1 65 / .42);--wheel-overlay-natal-label: oklch(.22 .02 280 / .92)}.chart-tooltip{position:fixed;z-index:1000;pointer-events:none;max-width:min(360px,92vw);max-height:70vh;overflow-y:auto;padding:10px 12px;border-radius:12px;font-size:clamp(12px,1.6vw + 9px,14px);font-weight:500;line-height:1.45;letter-spacing:.01em;color:#f1eee7fa;background:#322522db;border:1px solid oklch(.84 .05 70 / .22);box-shadow:0 10px 26px #00000042;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}html.day-mode .chart-tooltip{color:#3c2f2cfa;background:#fcf4e6d6;border-color:#8c6d5838;box-shadow:0 10px 26px #0000001a}#xiu-tooltip.xiu-tooltip--planet-rich{padding:0;background:transparent;border:none;border-radius:0;max-width:min(360px,92vw);pointer-events:none}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-card{background:#141b24f5;border:1px solid oklch(.85 .08 85 / .2);border-radius:12px;padding:12px 14px;box-shadow:0 12px 40px #00000061}html.day-mode #xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-card{background:#fefcf4f7;border-color:#8d685047;box-shadow:0 10px 32px #0000001a}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-title{font-size:clamp(12px,1.05vw,14px);font-weight:700;letter-spacing:.02em;line-height:1.35;color:#fde1a7;margin-bottom:8px}html.day-mode #xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-title{color:#54301f}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-lead{margin:0;font-size:clamp(11px,.95vw,12.5px);font-weight:500;line-height:1.45;color:#c1ccd7}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-lead--jump{text-decoration:none;text-underline-offset:2px;cursor:default}html.day-mode #xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-lead{color:#404952}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-meta{margin-top:6px;font-size:clamp(11px,.95vw,12.5px);font-weight:500;line-height:1.45;color:#c1ccd7}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-meta-label{margin-right:8px;font-size:11px;letter-spacing:.02em;color:#b6a27a}html.day-mode #xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-meta{color:#404952}html.day-mode #xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-meta-label{color:#7e5a42}.chart-tooltip .chart-tooltip-subrow{margin-top:3px;font-size:.92em;opacity:.85}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-preview{font-family:var(--font-serif);font-size:clamp(11px,1vw,13px);line-height:1.5;color:#bbc5d1;margin:0 0 8px}html.day-mode #xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-preview{color:#454e58}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-hint{margin:0;font-size:11px;font-weight:500;letter-spacing:.02em;color:#b6a27a;opacity:.92}html.day-mode #xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-hint{color:#7e5a42}@media(max-width:768px){#xiu-tooltip.xiu-tooltip--planet-rich{pointer-events:auto}.chart-tooltip{max-width:min(320px,92vw);padding:10px 12px;pointer-events:auto}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-card{padding:10px 11px}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-title{line-height:1.35;margin-bottom:6px}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-lead{line-height:1.4}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-lead--jump{text-decoration:underline;cursor:pointer}}@media(pointer:coarse){#xiu-tooltip.xiu-tooltip--planet-rich{pointer-events:auto}#xiu-tooltip.xiu-tooltip--planet-rich .wheel-planet-tooltip-lead--jump{text-decoration:underline;cursor:pointer}}.chart-tooltip--dayun{z-index:10000}.chart-tooltip-beak{position:fixed;z-index:10000;width:14px;height:14px;display:none;pointer-events:none;background:#322522db;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}html.day-mode .chart-tooltip-beak{background:#fcf4e6d6}.chart-tooltip-beak[data-side=right]{clip-path:polygon(0 50%,100% 0,100% 100%)}.chart-tooltip-beak[data-side=left]{clip-path:polygon(100% 50%,0 0,0 100%)}.chart-tooltip-beak[data-side=bottom]{clip-path:polygon(50% 0,0 100%,100% 100%)}.chart-tooltip-beak[data-side=top]{clip-path:polygon(50% 100%,0 0,100% 0)}.chart-tooltip--dayun.is-anchored{transition:opacity var(--duration-enter, .13s) ease,transform var(--duration-enter, .13s) cubic-bezier(.2,.8,.3,1)}@media(prefers-reduced-motion:reduce){.chart-tooltip--dayun.is-anchored{transition:opacity .12s ease}}.chart-tooltip--dayun .chart-tooltip-dayun-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}.chart-tooltip--dayun .chart-tooltip-dayun-title{font-weight:700;letter-spacing:.02em}.chart-tooltip--dayun .chart-tooltip-chip{font-size:10px;font-weight:600;letter-spacing:.04em;padding:1px 8px;border-radius:999px;border:1px solid oklch(.72 .06 85 / .5);color:#b6a27a}html.day-mode .chart-tooltip--dayun .chart-tooltip-chip{border-color:#7e5a4280;color:#7e5a42}.chart-tooltip--dayun .chart-tooltip-dayun-sub{font-size:.92em;opacity:.85;margin-bottom:6px}.chart-tooltip--dayun .chart-tooltip-dayun-mansions{margin-top:4px}.chart-tooltip--dayun .chart-tooltip-dayun-mansion{font-weight:600}.chart-tooltip--dayun .chart-tooltip-dayun-next{font-size:.92em;opacity:.85}.chart-tooltip--dayun .chart-tooltip-peaks{margin-top:6px;padding-top:6px;border-top:1px solid oklch(.84 .05 70 / .25)}.chart-tooltip--dayun .chart-tooltip-peak--natal{color:#b6a27a;font-weight:600}.chart-tooltip--dayun .chart-tooltip-peak--cycle{color:#29bbd4;font-weight:600}html.day-mode .chart-tooltip--dayun .chart-tooltip-peak--natal{color:#7e5a42}html.day-mode .chart-tooltip--dayun .chart-tooltip-peak--cycle{color:#007688;color:oklch(.52 .11 213)}.brand{font-family:Inter,var(--font-sans)}body[data-view=landing] .site-header .brand,body[data-view=loading] .site-header .brand,body[data-view=error] .site-header .brand,body[data-view=landing] .footer-wordmark,body[data-view=loading] .footer-wordmark,body[data-view=error] .footer-wordmark{font-family:Manrope,var(--font-sans);font-weight:650}body[data-view=landing],body[data-view=loading],body[data-view=error],body[data-view=landing] .footer-story p,body[data-view=loading] .footer-story p,body[data-view=error] .footer-story p,.hero-description,#form-title{font-family:var(--mk-reading-body)}body[data-view=result] .reading-prose,body[data-view=result] .reading-article .star-lead{font-family:Inter,var(--font-sans)}body[data-view=result] #landing,body[data-view=landing] #result,body[data-view=loading] #result,body[data-view=error] #result{display:none}body[data-view=result] #result{display:block}.place-input{position:relative}.place-results{position:absolute;z-index:8;left:0;right:0;top:calc(100% + .25rem);max-height:min(16rem,50dvh);overflow:auto;background:var(--card);border:1px solid var(--mk-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.place-option{display:block;width:100%;min-height:44px;padding:.75rem 1rem;border:0;background:transparent;text-align:left;color:var(--mk-ink)}.place-option.is-active,.place-option:hover{background:var(--mk-soft)}.place-search-status{position:absolute;z-index:8;inset-inline:0;top:calc(100% + .25rem);padding:.875rem 1rem;background:var(--card);border:1px solid var(--mk-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--mk-muted);font-size:var(--text-sm)}.place-search-status p{margin:0}.place-search-status button{min-height:44px;margin-top:.25rem;padding:0;border:0;background:transparent;color:var(--mk-accent);text-decoration:underline;text-underline-offset:.2em}.place-input[data-searching=true] input{padding-right:3rem}.place-input[data-searching=true]:after,.calculate-spinner{width:1.25rem;height:1.25rem;border:1.5px solid currentColor;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:calculate-turn 1.1s linear infinite}.place-input[data-searching=true]:after{content:"";position:absolute;right:1rem;top:1rem;color:var(--mk-accent)}.chart-loading{display:grid;place-items:center;height:12rem;margin:1rem 0 .5rem;overflow:hidden}.chart-loading img{width:11rem;height:11rem;object-fit:contain;animation:calculate-float 3.6s ease-in-out infinite}.chart-calculate{position:relative;overflow:hidden}.calculate-spinner{display:none;flex-shrink:0}.chart-calculate[data-loading=true]{opacity:1;cursor:wait}.chart-calculate[data-loading=true] .calculate-spinner{display:block}.chart-calculate[data-loading=true] .button-arrow{display:none}#birth-form .chart-calculate[data-loading=true]{margin-top:.5rem}.chart-calculate[data-loading=true]:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:35%;background:color-mix(in oklch,var(--card) 68%,transparent);border-radius:var(--radius-xl);animation:calculate-sweep 2.1s ease-in-out infinite}@keyframes calculate-turn{to{transform:rotate(360deg)}}@keyframes calculate-float{0%,to{transform:translateY(.25rem)}50%{transform:translateY(-.25rem)}}@keyframes calculate-sweep{0%{transform:translate(-105%)}to{transform:translate(390%)}}@media(prefers-reduced-motion:reduce){.chart-loading img,.calculate-spinner,.place-input[data-searching=true]:after,.chart-calculate[data-loading=true]:after{animation:none}.chart-calculate[data-loading=true]:after{width:100%;opacity:.5}}.overlap-choice{display:grid;gap:.5rem;margin-top:.75rem}.overlap-choice p{margin:0;color:var(--mk-accent);font-size:var(--text-sm)}.overlap-choice button{min-height:44px;border:1px solid var(--mk-line);border-radius:var(--radius-lg);background:var(--card)}.overlap-choice button[aria-pressed=true]{border-color:var(--mk-accent);background:var(--mk-lavender)}.birth-status:not(:empty):not([hidden]){min-height:1.25rem;margin:.75rem 0 0;color:var(--mk-accent);font-size:var(--text-sm);line-height:1.5}.birth-status:empty,.birth-status[hidden]{display:none}.birth-status[role=alert]{color:var(--destructive)}.app-invite-note:empty{display:none}.account-menu{position:relative}.account-menu[hidden]{display:none!important}.account-trigger{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.25rem .5rem;border:0;background:transparent;color:var(--mk-accent);font-size:var(--text-sm)}.account-caret{width:.45rem;height:.45rem;margin-top:-.15rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.account-dropdown{position:absolute;z-index:30;right:0;top:calc(100% + .5rem);display:grid;width:12rem;max-width:calc(100vw - 2 * var(--space-inline-page));padding:.5rem;background:var(--card);border:1px solid var(--mk-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.account-dropdown[hidden]{display:none!important}.account-dropdown button{display:block;width:100%;min-height:44px;border:0;background:transparent;text-align:left;padding:.625rem .75rem;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--mk-ink)}.account-dropdown #logout-btn{position:relative;color:var(--mk-muted);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.account-dropdown #logout-btn:before{content:"";position:absolute;left:.75rem;right:.75rem;top:0;height:1px;background:var(--mk-line)}.chart-picture #wheelContainer,#expanded-wheel-host{width:100%;aspect-ratio:1;margin:0 auto;background:var(--card)}#wheel,#expanded-wheel{width:100%;height:100%;display:block}#wheel-dialog .chart-picture{width:min(100%,76dvh);margin:auto}.reading-retry,.chart-retry{display:inline-flex;align-items:center;min-height:44px;margin-top:.75rem;border:0;background:transparent;color:var(--mk-accent)}.solitude-note{margin:1rem 0 0;color:var(--mk-muted);font-size:var(--text-sm);line-height:1.7}.saved-entry{display:grid;gap:.35rem;padding:1rem 0;border-bottom:1px solid var(--mk-line)}.saved-entry-actions{display:flex;flex-wrap:wrap;gap:.5rem}.saved-entry-actions button{min-height:44px;padding:0 .75rem;border:1px solid var(--mk-line);border-radius:var(--radius-lg);background:transparent}html body[data-view=result] .site-header,html body[data-view=result] .result-main,html body[data-view=result] .site-footer{width:min(100% - 2 * var(--space-inline-page),75rem)}html body[data-view=result] .site-header{min-height:5.5rem}@media(min-width:981px){html body[data-view=result] .site-header,html body[data-view=result] .result-main,html body[data-view=result] .site-footer{width:min(100% - 2 * var(--space-inline-page),75rem)}html body[data-view=result] .site-header{min-height:6rem}}.save-action svg{width:17px;height:17px}.design-options,.review-bar,.result-preview-link{display:none!important}@media(max-width:980px){input,select,textarea{font-size:1rem}}@media(prefers-reduced-motion:reduce){.reading-pagination button span{transition:none}}#birth-form #form-title{margin-bottom:2rem}#birth-form .location-field{margin-top:1.5rem}#birth-form .calculate{margin-top:2.5rem}#birth-form.form-panel{padding-bottom:2.5rem}@media(min-width:981px){#birth-form.form-panel{padding-bottom:3.5rem}html body[data-view=result] .result-main{width:min(100% - 2 * var(--space-inline-page),64rem)}}