@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fraunces-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fraunces-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-display:clamp(2.5rem, 1.9rem + 2.6vw, 3.75rem);--fs-h1:clamp(2rem, 1.6rem + 1.6vw, 2.5rem);--fs-h2:clamp(1.625rem, 1.45rem + .8vw, 1.875rem);--fs-h3:clamp(1.3125rem, 1.22rem + .45vw, 1.5rem);--fs-h4:clamp(1.125rem, 1.09rem + .2vw, 1.25rem);--fs-lead:clamp(1.0625rem, 1rem + .3vw, 1.25rem);--fs-body:1rem;--fs-reading:1.0625rem;--fs-small:.875rem;--fs-caption:.8125rem;--lh-tight:1.15;--lh-heading:1.25;--lh-body:1.6;--lh-reading:1.75;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--touch-min:44px;--container-max:1120px;--reading-max:68ch;--header-h:64px;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur-normal:.22s;--dur-slow:.3s;--dur-reveal:.8s;--z-header:100;--z-banner:150;--z-modal:300}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fbf8f3;--color-surface:#fff;--color-surface-sunken:#f4efe6;--color-text:#1e1a2b;--color-text-muted:#5a5470;--color-text-subtle:#6e6885;--color-border:#e7e1d6;--color-border-strong:#d4cbbb;--color-primary:#4f3bc4;--color-primary-hover:#4130a8;--color-primary-active:#35278c;--color-on-primary:#fff;--color-primary-soft:#ece8fb;--color-gold:#b8862b;--color-gold-ink:#8a6416;--color-gold-soft:#f6eedc;--color-success:#166534;--color-warning:#a15c07;--color-danger:#b91c1c;--color-info:#1d4ed8;--color-focus:#1d4ed8;--num-1:#c2532f;--num-2:#2f7f6f;--num-3:#8f6900;--num-4:#5e7a3a;--num-5:#2d6fcc;--num-6:#c04c8b;--num-7:#6a48c4;--num-8:#8a5a30;--num-9:#b03045;--num-master:#8a6416;--halo-glow:#4f3bc438;--shadow-sm:0 1px 2px #1e1a2b0d, 0 1px 3px #1e1a2b0f;--shadow-md:0 6px 16px #1e1a2b12, 0 1px 3px #1e1a2b0d;--shadow-lg:0 20px 48px -12px #1e1a2b2e, 0 4px 12px #1e1a2b0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f0c1d;--color-surface:#1a1630;--color-surface-sunken:#141127;--color-text:#eeeaf8;--color-text-muted:#a9a3c7;--color-text-subtle:#8f89ae;--color-border:#2a2545;--color-border-strong:#3b3560;--color-primary:#9d8cff;--color-primary-hover:#b3a6ff;--color-primary-active:#c7bdff;--color-on-primary:#0f0c1d;--color-primary-soft:#241e45;--color-gold:#f0c46c;--color-gold-ink:#f0c46c;--color-gold-soft:#2b2416;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#f87171;--color-info:#93c5fd;--color-focus:#93c5fd;--num-1:#f08a68;--num-2:#5fc4ae;--num-3:#e9c25a;--num-4:#a4c77a;--num-5:#7fb0f5;--num-6:#f08cc4;--num-7:#b3a2ff;--num-8:#d6a274;--num-9:#f27d8e;--num-master:#f0c46c;--halo-glow:#9d8cff47;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px #00000059;--shadow-lg:0 20px 48px -12px #0009}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f0c1d;--color-surface:#1a1630;--color-surface-sunken:#141127;--color-text:#eeeaf8;--color-text-muted:#a9a3c7;--color-text-subtle:#8f89ae;--color-border:#2a2545;--color-border-strong:#3b3560;--color-primary:#9d8cff;--color-primary-hover:#b3a6ff;--color-primary-active:#c7bdff;--color-on-primary:#0f0c1d;--color-primary-soft:#241e45;--color-gold:#f0c46c;--color-gold-ink:#f0c46c;--color-gold-soft:#2b2416;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#f87171;--color-info:#93c5fd;--color-focus:#93c5fd;--num-1:#f08a68;--num-2:#5fc4ae;--num-3:#e9c25a;--num-4:#a4c77a;--num-5:#7fb0f5;--num-6:#f08cc4;--num-7:#b3a2ff;--num-8:#d6a274;--num-9:#f27d8e;--num-master:#f0c46c;--halo-glow:#9d8cff47;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px #00000059;--shadow-lg:0 20px 48px -12px #0009}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-semibold);line-height:var(--lh-heading);margin:0 0 var(--space-4);letter-spacing:-.01em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}p{margin:0 0 var(--space-4)}a{color:var(--color-primary);text-underline-offset:.18em}a:hover{color:var(--color-primary-hover)}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}.ui-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}@media (width>=640px){.container{padding:0 var(--space-6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.ui-btn{--btn-h:44px;--btn-px:var(--space-5);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border:1px solid #0000;line-height:1.2;text-decoration:none;display:inline-flex}.ui-btn svg{flex-shrink:0;width:1.15em;height:1.15em}.ui-btn:active{transform:translateY(1px)}.ui-btn--sm{--btn-h:36px;--btn-px:var(--space-4);font-size:var(--fs-small)}.ui-btn--lg{--btn-h:52px;--btn-px:var(--space-8);font-size:1.0625rem}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.ui-btn--primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.ui-btn--primary:active{background:var(--color-primary-active)}.ui-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.ui-btn--secondary:hover{background:var(--color-surface-sunken);color:var(--color-text)}.ui-btn--ghost{color:var(--color-text);background:0 0}.ui-btn--ghost:hover{background:var(--color-surface-sunken);color:var(--color-text)}.ui-btn[disabled],.ui-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.ui-field{gap:var(--space-2);min-width:0;margin:0 0 var(--space-5);flex-direction:column;display:flex}.ui-fieldset{border:0;padding:0}.ui-label{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--color-text);padding:0}.ui-hint{font-size:var(--fs-caption);color:var(--color-text-subtle);margin:0}.ui-error{font-size:var(--fs-small);color:var(--color-danger);font-weight:var(--fw-medium);margin:0}.ui-input,.ui-select{width:100%;min-height:48px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.ui-select{appearance:none;padding-right:var(--space-8);cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.ui-input::placeholder{color:var(--color-text-subtle)}.ui-input:hover,.ui-select:hover{border-color:var(--color-text-subtle)}.ui-input:focus,.ui-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.ui-input:focus-visible,.ui-select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-input[aria-invalid=true],.ui-select[aria-invalid=true]{border-color:var(--color-danger)}.ui-date{gap:var(--space-2);grid-template-columns:1fr 1.4fr 1.2fr;display:grid}.ui-check{align-items:center;gap:var(--space-3);min-height:var(--touch-min);cursor:pointer;display:inline-flex}.ui-check input{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.segmented{margin:0 0 var(--space-2);gap:var(--space-2);border:0;flex-wrap:wrap;padding:0;display:flex}.segmented legend{margin-bottom:var(--space-2);width:100%}.segment{min-height:var(--touch-min);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;font-size:var(--fs-small);font-weight:var(--fw-medium);background:var(--color-surface);align-items:center;display:inline-flex;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.segment:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-card--pad{padding:var(--space-6)}@media (width>=640px){.ui-card--pad{padding:var(--space-8)}}.ui-card-title{font-size:var(--fs-h4);margin:0 0 var(--space-3)}.ui-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-small);font-weight:var(--fw-semibold);line-height:1.4;display:inline-flex}.ui-badge--neutral{background:var(--color-surface-sunken);color:var(--color-text-muted)}.ui-badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.ui-badge--gold{background:var(--color-gold-soft);color:var(--color-gold-ink)}.ui-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.skip-link{left:var(--space-4);z-index:calc(var(--z-header) + 1);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-weight:var(--fw-semibold);position:absolute;top:-100px}.skip-link:focus{top:var(--space-2);color:var(--color-on-primary)}.site-header{z-index:var(--z-header);background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.site-header-inner{align-items:center;gap:var(--space-4);min-height:var(--header-h);display:flex}.logo{align-items:center;gap:var(--space-2);min-height:var(--touch-min);color:var(--color-text);font-family:var(--font-display);font-size:1.375rem;font-weight:var(--fw-semibold);text-decoration:none;display:inline-flex}.logo:hover{color:var(--color-text)}.logo-mark{width:30px;height:30px}.logo-mark .ring{fill:none;stroke:var(--color-gold);stroke-width:3px}.logo-mark .glow{fill:var(--color-primary-soft)}.logo-mark .dot{fill:var(--color-primary)}.site-nav{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.site-nav a{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--color-text-muted);font-weight:var(--fw-medium);font-size:var(--fs-small);text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--color-text);background:var(--color-surface-sunken)}.site-nav a[aria-current=page]{color:var(--color-text)}.site-nav .lang-link{border:1px solid var(--color-border-strong);color:var(--color-text)}.site-nav .lang-link svg{width:16px;height:16px}@media (width<=479px){.site-nav .nav-optional{display:none}}.site-main{min-height:60vh}.site-footer{margin-top:var(--space-20);border-top:1px solid var(--color-border);padding:var(--space-10) 0 var(--space-12);color:var(--color-text-muted);font-size:var(--fs-small)}.site-footer p{max-width:var(--reading-max)}.site-footer .footer-contact{min-height:1.6em}.site-footer .dev-note{color:var(--color-gold-ink);font-weight:var(--fw-semibold)}.num-1{--num:var(--num-1)}.num-2{--num:var(--num-2)}.num-3{--num:var(--num-3)}.num-4{--num:var(--num-4)}.num-5{--num:var(--num-5)}.num-6{--num:var(--num-6)}.num-7{--num:var(--num-7)}.num-8{--num:var(--num-8)}.num-9{--num:var(--num-9)}.num-master{--num:var(--num-master)}.nh-halo{--size:96px;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;margin:0;display:flex}.nh-halo--lg{--size:168px}.nh-halo--sm{--size:72px}.nh-halo-ring{width:var(--size);height:var(--size);background:var(--color-surface);border:2px solid var(--num);box-shadow:0 0 0 calc(var(--size) * .07) color-mix(in srgb, var(--num) 14%, transparent), 0 0 calc(var(--size) * .45) var(--halo-glow);border-radius:50%;place-items:center;display:grid;position:relative}.nh-halo.num-master .nh-halo-ring:after{content:"";inset:calc(var(--size) * -.12);border:1px solid color-mix(in srgb, var(--num) 55%, transparent);border-radius:50%;position:absolute}.nh-halo-value{font-family:var(--font-display);font-size:calc(var(--size) * .42);font-weight:var(--fw-semibold);color:var(--num);font-variant-numeric:lining-nums;line-height:1}.nh-halo-value--long{font-size:calc(var(--size) * .3)}.nh-halo-label{font-weight:var(--fw-semibold);font-size:var(--fs-small);color:var(--color-text)}.nh-halo--lg .nh-halo-label{font-size:var(--fs-body)}.nh-halo--reveal .nh-halo-ring{animation:nh-reveal var(--dur-reveal) var(--ease-out) both}@keyframes nh-reveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.nh-chart{gap:var(--space-5);justify-items:center;display:grid}.nh-chart-grid-wrap{aspect-ratio:1;width:min(100%,264px);position:relative}.nh-chart-grid{border-collapse:separate;border-spacing:6px;table-layout:fixed;z-index:1;width:100%;height:100%;position:relative}.nh-chart-grid td{text-align:center;vertical-align:middle;border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-sunken) 72%, transparent);font-family:var(--font-display);font-size:1.375rem;font-weight:var(--fw-semibold);color:var(--color-text);letter-spacing:.04em}.nh-chart-grid td.is-empty:before{content:attr(data-digit);color:var(--color-border-strong);font-weight:var(--fw-regular)}.nh-chart-grid td.has{background:color-mix(in srgb, var(--color-primary-soft) 78%, transparent);color:var(--color-primary)}.nh-chart-arrows{z-index:0;pointer-events:none;position:absolute;inset:0}.nh-chart-arrows line{stroke-width:14px;stroke-linecap:round}.nh-chart-arrows .is-full{stroke:var(--color-gold);opacity:.9}.nh-chart-arrows .is-empty{stroke:var(--color-text-subtle);stroke-width:6px;stroke-dasharray:1 14;opacity:.9}.nh-arrow-list{gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.nh-arrow{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-small);font-weight:var(--fw-medium);display:inline-flex}.nh-arrow--full{background:var(--color-gold-soft);color:var(--color-gold-ink)}.nh-arrow--empty{background:var(--color-surface-sunken);color:var(--color-text-muted);border:1px dashed var(--color-border-strong)}.nh-arrow-digits{font-variant-numeric:tabular-nums}.nh-chart-none{color:var(--color-text-muted);font-size:var(--fs-small);margin:0}.hero{padding:var(--space-12) 0 var(--space-12)}@media (width>=1024px){.hero{padding:var(--space-16) 0 var(--space-16)}}.hero-grid{gap:var(--space-8);align-items:center;display:grid}@media (width>=960px){.hero-grid{gap:var(--space-16);grid-template-columns:1.05fr 1fr}}.hero-text{text-align:center}@media (width>=960px){.hero-text{text-align:left}}.hero-eyebrow{margin-bottom:var(--space-5)}.hero h1{font-size:var(--fs-display);line-height:var(--lh-tight);max-width:14ch;margin:0 auto var(--space-5);letter-spacing:-.02em}@media (width>=960px){.hero h1{margin-left:0}}.hero-lead{font-size:var(--fs-lead);color:var(--color-text-muted);max-width:36rem;margin:0 auto}@media (width>=960px){.hero-lead{margin-left:0}}.hero-form{scroll-margin-top:calc(var(--header-h) + var(--space-4));box-shadow:var(--shadow-lg)}.calc-title{font-size:var(--fs-h3);margin-bottom:var(--space-5)}.calc-privacy{margin:var(--space-3) 0 0;font-size:var(--fs-caption);color:var(--color-text-subtle);text-align:center}.result-page{padding:var(--space-10) 0 var(--space-12)}.result-page .ui-card{margin-top:var(--space-5)}.result-head h1{margin-bottom:var(--space-2)}.result-for{color:var(--color-text-muted);margin-bottom:var(--space-2)}.result-settings-title{font-size:var(--fs-h4)}.result-settings .ui-hint{margin-bottom:var(--space-3)}.result-section h2{font-size:var(--fs-h3)}.result-numbers{gap:var(--space-8);place-items:center;display:grid}@media (width>=768px){.result-numbers{grid-template-columns:auto 1fr}}.result-readings{gap:var(--space-6);margin-top:var(--space-8);display:grid}.reading{max-width:68ch}.reading-title{align-items:center;gap:var(--space-3);font-size:var(--fs-h4);margin-bottom:var(--space-2);display:flex}.reading-num{min-width:2.25em;height:2.25em;padding:0 var(--space-2);border:2px solid var(--num,currentColor);color:var(--num,inherit);font-size:var(--fs-small);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;display:inline-grid}.reading p{margin:0}.result-steps summary{cursor:pointer;list-style-position:outside}.result-steps summary h2{margin:0;display:inline}.result-steps[open] summary{margin-bottom:var(--space-5)}.result-teaser{font-weight:var(--fw-semibold)}.result-chapters{padding-left:var(--space-5);color:var(--color-text-muted)}.result-chapters li{margin-bottom:var(--space-2)}.calc-steps h3{font-size:var(--fs-h4);margin-top:var(--space-6)}.steps-list{padding-left:var(--space-5);margin:0 0 var(--space-4);font-variant-numeric:tabular-nums}.steps-list li{margin-bottom:var(--space-1)}.steps-note{color:var(--color-text-subtle);font-size:var(--fs-small)}.steps-line{font-variant-numeric:tabular-nums}.name-words{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.name-word{align-items:flex-end;gap:var(--space-2);display:flex}.name-letters{gap:2px;display:flex}.name-letter{min-width:28px;padding:var(--space-1) 2px;border-radius:var(--radius-sm);background:var(--color-surface-sunken);flex-direction:column;align-items:center;display:inline-flex}.name-letter.is-vowel{background:var(--color-primary-soft);color:var(--color-primary)}.name-letter-char{font-weight:var(--fw-semibold)}.name-letter-value{font-size:var(--fs-caption)}.name-word-sum{font-weight:var(--fw-semibold);padding-bottom:var(--space-1)}.share-card{gap:var(--space-4);justify-items:start;display:grid}.share-card-img{border-radius:var(--radius-lg);width:min(100%,360px);height:auto;box-shadow:var(--shadow-md)}.design-share .share-card-img{width:min(100%,420px)}.how-page{padding:var(--space-12) 0}.how-container{max-width:calc(var(--reading-max) + 2 * var(--space-6))}.how-lead{font-size:var(--fs-lead);color:var(--color-text-muted)}.how-page section{margin-top:var(--space-10)}.how-page p{font-size:var(--fs-reading);line-height:var(--lh-reading)}.letters-table-wrap{overflow-x:auto}.letters-table{border-collapse:collapse;width:100%;min-width:480px;margin:var(--space-4) 0;text-align:center}.letters-table caption{text-align:left;font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.letters-table th{font-family:var(--font-display);color:var(--color-primary);padding:var(--space-2);border-bottom:1px solid var(--color-border-strong);font-size:1.25rem}.letters-table td{padding:var(--space-3) var(--space-2);letter-spacing:.08em;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.section{padding:var(--space-12) 0}.section-title{text-align:center;margin-bottom:var(--space-8)}.preview-card{max-width:880px;margin:0 auto}.preview-caption{text-align:center;color:var(--color-text-muted);font-size:var(--fs-small);margin-bottom:var(--space-8)}.preview-numbers{gap:var(--space-8);grid-template-columns:1fr;place-items:center;display:grid}.preview-small{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}@media (width>=768px){.preview-numbers{gap:var(--space-12);grid-template-columns:auto 1fr}}.preview-method{text-align:center;color:var(--color-text-subtle);font-size:var(--fs-caption);margin:var(--space-6) 0 0}.preview-chart{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.preview-chart h3{text-align:center;font-size:var(--fs-h4)}.features{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.features{grid-template-columns:repeat(3,1fr)}}.feature h3{font-size:var(--fs-h4)}.feature p{color:var(--color-text-muted);margin:0}.feature-icon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);margin-bottom:var(--space-4);border-radius:50%;place-items:center;display:grid}.feature-icon svg{width:20px;height:20px}.design-page{padding:var(--space-12) 0}.design-page h2{margin-top:var(--space-12)}.swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.swatch{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.swatch-chip{height:56px}.swatch-name{padding:var(--space-2) var(--space-3);font-size:var(--fs-caption);color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sw-bg{background:var(--color-bg)}.sw-surface{background:var(--color-surface)}.sw-sunken{background:var(--color-surface-sunken)}.sw-text{background:var(--color-text)}.sw-muted{background:var(--color-text-muted)}.sw-primary{background:var(--color-primary)}.sw-primary-soft{background:var(--color-primary-soft)}.sw-gold{background:var(--color-gold)}.sw-gold-soft{background:var(--color-gold-soft)}.sw-num{background:var(--num)}.type-sample{gap:var(--space-2);display:grid}.type-display{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-tight);margin:0}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.number-row{gap:var(--space-6);flex-wrap:wrap;display:flex}.chart-row{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.not-found{padding:var(--space-20) 0;text-align:center}.not-found p{color:var(--color-text-muted)}