.home-page{--red:#a92b20;--ink:#173138;--muted:#68777a;--paper:#fbf8f1;--panel:#fffdf8;--line:#ded7ca;background:var(--paper);color:var(--ink);overflow-x:clip}.home-hero-scene{isolation:isolate;background:#fbf5e9 url(/images/home/landscape/home-panorama.webp) top/cover no-repeat;position:relative;overflow:hidden}.home-hero-scene:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(#fffcf51f,#fffcf533 54%,#fffcf514);position:absolute;inset:0}.home-hero-scene:after{z-index:0;background:linear-gradient(180deg, #fbf8f100, #fbf8f180 48%, var(--paper) 100%);pointer-events:none;content:"";height:clamp(76px,8vw,118px);position:absolute;bottom:-1px;left:0;right:0}.home-hero-scene>.intro-section{z-index:1;position:relative}.home-contact-buttons{bottom:clamp(22px,5vh,52px);right:clamp(18px,3vw,42px);bottom:calc(clamp(22px, 5vh, 52px) + env(safe-area-inset-bottom,0px));z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed}.home-contact-button{color:#fff;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 22px #17313833}.home-contact-button-zalo{background:#2196f3;box-shadow:0 0 0 5px #2196f333,0 8px 22px #17313833}.home-contact-button-phone{background:#ef1717;box-shadow:0 0 0 5px #ef171733,0 8px 22px #17313833}.home-phone-icon{fill:currentColor;width:21px;height:21px}.home-zalo-icon{color:#1689e5;letter-spacing:-.4px;background:#fff;border-radius:4px;place-items:center;width:27px;height:22px;font-size:10px;font-weight:800;display:grid}@media (max-width:640px){.home-contact-buttons{gap:8px}.home-contact-button{width:38px;height:38px}.home-contact-button-zalo{box-shadow:0 0 0 4px #2196f333,0 6px 16px #1731382e}.home-contact-button-phone{box-shadow:0 0 0 4px #ef171733,0 6px 16px #1731382e}.home-phone-icon{width:18px;height:18px}.home-zalo-icon{width:23px;height:18px;font-size:8px}}.home-page a:focus-visible,.home-page button:focus-visible,.home-page input:focus-visible,.home-page select:focus-visible{outline:2px solid var(--red);outline-offset:2px}.section-eyebrow{color:var(--red);letter-spacing:2px;margin:0 0 12px;font-size:9px;font-weight:700}.intro-section{background:0 0;border-top:1px solid #293a360a}.intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;column-gap:40px;min-height:342px;padding:34px 0 36px}.intro-eyebrow{letter-spacing:2.35px;margin-bottom:20px;font-size:9px;line-height:1.4}.intro-title{color:var(--ink);font-family:var(--font-serif);letter-spacing:-.025em;text-wrap:nowrap;margin:0;font-size:clamp(42px,5vw,50px);font-weight:500;line-height:1.12}.intro-title em{color:var(--gold);font-weight:500}.intro-description{color:#405955;text-shadow:0 1px #fffdf8b8;max-width:450px;margin:16px 0 0;font-size:12px;font-weight:500;line-height:1.72}.intro-stats{margin:28px 0 0;padding:0;display:flex}.intro-stats>div{border-left:1px solid var(--line);min-width:108px;padding:1px 22px 0 14px}.intro-stats dt{color:var(--ink);font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-size:19px;line-height:1.2}.intro-stats dd{color:#89928e;white-space:nowrap;margin:6px 0 0;font-size:8px;line-height:1.4}.home-header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf8f1f2;height:72px;position:sticky;top:0}.home-brand{gap:11px}.brand-mark{border:1px solid var(--red);width:42px;height:42px;color:var(--red);border-radius:50%;font:24px Lora,serif}.brand-name,.brand-tagline{display:block}.brand-name{font:600 18px Lora,serif}.brand-tagline{color:#9a7654;letter-spacing:2px;margin-top:2px;font-size:6px}.home-nav{gap:36px;height:100%}.home-nav a{border-bottom:2px solid #0000;place-items:center;height:100%;font-size:12px;display:grid}.home-nav a:hover,.home-nav .is-active{color:var(--red);border-color:var(--red)}.login-button{border:1px solid var(--line);min-height:40px;color:var(--ink);text-align:center;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;line-height:1;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.login-button:hover,.login-button:focus-visible{color:#173f38;background:#e8efe9;border-color:#86a392}.login-button:focus-visible{outline-offset:3px;outline:2px solid #86a392}.user-menu{align-items:center;display:inline-flex;position:relative}.user-menu-trigger{border:1px solid var(--line);height:42px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8e6;border-radius:9999px;align-items:center;gap:10px;padding:3px 14px 3px 5px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #2923190a}.user-menu-trigger:hover{color:var(--red);background:#fff;border-color:#c9bea9;box-shadow:0 3px 10px #29231914}.user-menu-trigger:focus-visible{outline:2px solid var(--red);outline-offset:2px}.user-menu-trigger.is-active,.user-menu-trigger[aria-expanded=true]{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px #a92b201f,0 2px 8px #2923190f}.user-avatar{color:#fff;letter-spacing:0;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#b73226 0%,#8b1f16 100%);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-family:Lora,serif;font-size:13px;font-weight:600;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40,0 2px 6px #a92b2038}.user-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.user-avatar-lg{width:42px;height:42px;font-size:16px}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:13px;font-weight:500;line-height:1.2;overflow:hidden}.user-menu-chevron{color:var(--muted);font-size:10px;transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s}.user-menu-trigger:hover .user-menu-chevron,.user-menu-trigger[aria-expanded=true] .user-menu-chevron{color:var(--red)}.user-menu-chevron.is-open{transform:rotate(180deg)}.user-menu-dropdown{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:100% 0;background:#fffefafa;border:1px solid #ded7cae6;border-radius:14px;width:270px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) forwards userMenuDropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px -8px #2923192e,0 6px 18px -3px #29231914,inset 0 0 0 1px #ffffffb3}@keyframes userMenuDropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.user-menu-header{align-items:center;gap:12px;padding:8px 10px 12px;display:flex}.user-menu-details{flex-direction:column;flex:1;min-width:0;display:flex}.user-menu-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.user-menu-subtitle{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;line-height:1.3;overflow:hidden}.user-menu-role{border-radius:9999px;align-self:flex-start;align-items:center;gap:4px;margin-top:5px;padding:2px 8px;font-size:10.5px;font-weight:600;line-height:1.2;display:inline-flex}.user-menu-role.role-admin{color:var(--red);background:#a92b2014;border:1px solid #a92b2033}.user-menu-role.role-member{color:#8c6328;background:#b78a4a1a;border:1px solid #b78a4a38}.user-menu-divider{background:#ded7cab3;border:0;height:1px;margin:5px 0}.user-menu-item{width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.user-menu-item:hover,.user-menu-item:focus-visible{color:var(--red);background:#a92b200f;outline:none;padding-left:12px}.user-menu-item-icon{color:var(--muted);flex-shrink:0;place-items:center;font-size:16px;transition:color .18s,transform .18s;display:grid}.user-menu-item:hover .user-menu-item-icon,.user-menu-item:focus-visible .user-menu-item-icon{color:var(--red);transform:scale(1.1)}.user-menu-item-content{flex-direction:column;min-width:0;display:flex}.user-menu-item-label{font-size:13px;font-weight:500;line-height:1.3}.user-menu-item-desc{color:var(--muted);margin-top:1px;font-size:10.5px;line-height:1.2}.user-menu-item-logout{color:#8b2b24}.user-menu-item-logout:hover,.user-menu-item-logout:focus-visible{color:var(--red);background:#a92b2014}.user-menu-item-logout .user-menu-item-icon{color:#a45a53}.user-menu-item-logout:hover .user-menu-item-icon,.user-menu-item-logout:focus-visible .user-menu-item-icon{color:var(--red)}.auth-overlay{z-index:50;background:#17313861;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-dialog{border:1px solid var(--line);background:var(--paper);border-radius:10px;width:min(420px,100%);padding:38px;position:relative;box-shadow:0 24px 80px #23231933}.auth-dialog>small{color:var(--red);letter-spacing:1.6px;font-size:9px;font-weight:700}.auth-dialog h2{font:500 32px var(--font-serif);margin:12px 0 8px}.auth-lead{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.6}.auth-close{color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:14px;right:18px}.auth-dialog label{color:var(--ink);gap:7px;margin-top:14px;font-size:11px;font-weight:600;display:grid}.auth-dialog input{border:1px solid var(--line);outline-color:var(--red);width:100%;color:var(--ink);background:#fffdf8;border-radius:5px;padding:12px}.auth-submit{background:var(--red);color:#fff;border:0;border-radius:5px;width:100%;margin-top:22px;padding:13px;font-size:12px}.auth-switch{color:var(--red);background:0 0;border:0;margin:16px auto 0;font-size:11px;display:block}.auth-error{color:var(--red);font-size:11px;line-height:1.5}.menu-button-lines{pointer-events:none;gap:5px;width:25px;display:grid}.menu-button-lines i{background:currentColor;border-radius:999px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-menu[open] .menu-button .menu-button-lines i:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu[open] .menu-button .menu-button-lines i:nth-child(2){opacity:0}.mobile-menu[open] .menu-button .menu-button-lines i:last-child{transform:translateY(-7px)rotate(-45deg)}.menu-button{z-index:2;touch-action:manipulation;background:0 0;border:0;flex:none;width:44px;height:44px;font-size:20px;display:none;position:relative}.mobile-menu{display:none}.birth-form-section{padding:48px 0 42px}.birth-form-heading{padding-bottom:30px}.birth-form-heading h2{margin:0;font:500 45px/1.1 Lora,serif}.birth-form-heading h2 em{color:var(--red);font-style:normal}.birth-form-subtitle{color:var(--muted);margin:10px 0 0;font-size:14px}.birth-form-quote{color:#8c715d;align-self:flex-end;margin:0;font:italic 16px/1.8 Lora,serif}.birth-form-card{border:1px solid var(--line);background:#fffdf8e6;border-radius:6px;grid-template-columns:175px 1fr;overflow:hidden;box-shadow:0 12px 40px #5543280a}.form-aside{background:linear-gradient(150deg,#f8f3e8,#fffdf8);border-right:1px solid #ece5d9;padding:28px 32px}.form-aside-symbol{color:#9aa08d;opacity:.35;font:64px Lora,serif}.form-aside blockquote{color:#8f715c;margin:12px 0;font:italic 15px/1.8 Lora,serif}.form-aside i{background:var(--red);color:#fff;border-radius:2px;width:25px;height:25px;font:14px Lora,serif}.form-grid{grid-template-columns:1fr 1fr;gap:20px 38px;padding:32px 38px}.field-label,.gender-field legend{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field-label b,.gender-field legend b{color:var(--red)}.field-control{background:#fffdf9;border:1px solid #d8d0c3;border-radius:4px;gap:12px;height:48px;padding:0 14px}.field-control input{min-width:0;color:var(--ink);font:13px var(--font-sans);background:0 0;border:0;outline:0;flex:1}.field-control input::placeholder{color:#99a1a2}.date-parts-control,.time-parts-control{background:#fffdf9;border:1px solid #d8d0c3;border-radius:4px;align-items:center;gap:8px;min-height:56px;padding:6px 12px;transition:border-color .2s,box-shadow .2s;display:grid}.date-parts-control{grid-template-columns:auto minmax(52px,.7fr) auto minmax(62px,.8fr) auto minmax(82px,1fr)}.time-parts-control{grid-template-columns:auto minmax(90px,1fr) auto minmax(72px,.8fr)}.date-parts-control:focus-within,.time-parts-control:focus-within{border-color:var(--red);box-shadow:0 0 0 2px #9d42351a}.date-parts-control>.anticon,.date-parts-control>svg,.time-parts-control>.anticon,.time-parts-control>svg{color:#415e59;font-size:15px}.date-parts-control>span:not(.anticon),.time-parts-control>span:not(.anticon){color:#a59c90;font-size:15px}.date-parts-control label,.time-parts-control label{gap:1px;min-width:0;display:grid}.date-parts-control small,.time-parts-control small{color:var(--muted);font-size:8px;line-height:1.2}.date-parts-control select,.date-parts-control input,.time-parts-control select{width:100%;min-width:0;color:var(--ink);font:600 13px var(--font-sans);background:0 0;border:0;outline:0;padding:0}.date-parts-control input{appearance:textfield}.date-parts-control input::-webkit-inner-spin-button{appearance:none;margin:0}.date-parts-control input::-webkit-outer-spin-button{appearance:none;margin:0}.time-parts-control.is-disabled{opacity:.68;background:#f2eee7}.birth-time-field>.gender-option{margin-top:8px}.time-format-note{border-left:3px solid var(--gold);color:#6f5430;background:#f8f0df;border-radius:0 4px 4px 0;margin-top:8px;padding:7px 10px;font-size:9px;line-height:1.45;display:block}.time-format-note strong{color:var(--red);font-size:10px}.gender-field{border:0;margin:0;padding:0}.gender-option{cursor:pointer;align-items:center;gap:8px;margin:6px 28px 0 0;font-size:13px;display:inline-flex}.gender-option input,.leap-month input{opacity:0;position:absolute}.radio-mark{border:1px solid #d7cfc2;border-radius:50%;width:23px;height:23px;position:relative}.gender-option input:checked+.radio-mark{border-color:var(--red)}.gender-option input:focus-visible+.radio-mark,.leap-month input:focus-visible+.leap-switch{outline:2px solid var(--red);outline-offset:2px}.gender-option input:checked+.radio-mark:after{content:"";background:var(--red);border-radius:50%;position:absolute;inset:4px}.field-heading{gap:12px;margin-bottom:8px}.field-heading .field-label{margin-bottom:0}.calendar-switch{background:#f5f0e7;border:1px solid #d8d0c3;border-radius:5px;padding:2px;display:inline-flex}.calendar-switch button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:3px;padding:0 10px;font-size:9px;transition:background .2s,color .2s}.calendar-switch .is-active{background:var(--red);color:#fff}.lunar-inputs{grid-template-columns:.8fr .9fr 1fr;gap:8px}.lunar-inputs>select,.lunar-inputs>input{width:100%;min-width:0;height:44px;color:var(--ink);font:12px var(--font-sans);background:#fffdf9;border:1px solid #d8d0c3;border-radius:4px;outline:0;padding:0 9px}.lunar-inputs [aria-invalid=true]{border-color:var(--red)}.date-parts-control:has([aria-invalid=true]){border-color:var(--red)}.birth-date-error{color:var(--red);margin-top:7px;font-size:10px;line-height:1.45;display:block}.leap-month{cursor:pointer;background:#f8f3eb;border:1px solid #e2dbcf;border-radius:4px;grid-column:1/-1;gap:10px;min-height:48px;margin-top:2px;padding:8px 11px}.leap-switch{background:#c9c5bc;border-radius:999px;flex:0 0 34px;width:34px;height:20px;padding:2px;transition:background .2s}.leap-switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0000002e}.leap-month input:checked+.leap-switch{background:var(--red)}.leap-month input:checked+.leap-switch i{transform:translate(14px)}.leap-copy b,.leap-copy small{display:block}.leap-copy b{color:var(--ink);font-size:10px}.leap-copy small{color:var(--muted);font-size:8px;line-height:1.4}.submit-area{gap:10px}.submit-button{color:#fff;background:#173f38;border:0;border-radius:3px;gap:18px;width:100%;height:56px;font:500 16px Lora,serif;transition:background .2s}.submit-button:hover{background:#0f332d}.privacy-note{color:#7f827d;font-size:9px}.chart-results-section{padding:12px 0 42px;scroll-margin-top:88px}.chart-toolbar,.chart-card,.self-profile-card,.insight-card{background:#fffdf8f0;border:1px solid #e6ded1;border-radius:6px;box-shadow:0 8px 30px #46372309}.chart-toolbar{min-height:64px;padding:0 18px}.chart-tabs{align-self:stretch;gap:6px}.chart-tabs button,.chart-toolbar-actions button{min-height:44px;color:var(--muted);background:0 0;border:0}.chart-toolbar-actions .beautiful-export-button{color:#fff;background:linear-gradient(135deg,#a92b20,#7f1d18);border-color:#9f2f27;box-shadow:0 5px 14px #7f1d182e}.chart-toolbar-actions .beautiful-export-button:hover:not(:disabled){background:linear-gradient(135deg,#bb382c,#8f241d);border-color:#7f1d18}.chart-tabs button{align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:500;display:flex;position:relative}.chart-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.chart-tabs button.is-active{color:var(--red)}.chart-tabs button.is-active:after{background:var(--red)}.chart-toolbar-actions{gap:8px}.chart-toolbar-actions button{border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:0 14px;font-size:11px;font-weight:500}.chart-dashboard-grid{grid-template-columns:minmax(0,1fr) 270px;gap:12px;margin-top:12px}.chart-dashboard-main{min-width:0}.chart-card,.self-profile-card,.insight-card{padding:22px}.fortune-card{margin-top:12px}.chart-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.chart-card-heading-main{align-items:flex-start;gap:12px;min-width:0;display:flex}.section-seal{width:34px;height:34px;color:var(--red);font:600 14px var(--font-serif);background:#f6e9dc;border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.chart-card-heading h2,.subsection-heading h2,.self-summary h3,.personality-block h3{font-family:var(--font-serif);font-weight:500}.chart-card-heading h2,.subsection-heading h2{color:var(--red);margin:0;font-size:23px}.chart-card-heading p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.65}.four-pillars-grid{border:1px solid var(--line);border-radius:5px;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.pillar-detail{grid-row:span 4;grid-template-rows:subgrid;border:0;border-right:1px solid var(--line);min-width:0;color:var(--ink);cursor:pointer;text-align:center;background:#fffdf8a6;row-gap:0;padding:0;display:grid}.pillar-detail:last-child{border-right:0}.pillar-detail.is-active{box-shadow:inset 0 0 0 1px var(--red);background:#fff8f2}.pillar-detail-heading{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;gap:3px;min-height:58px;padding:12px 8px;font-size:10px;display:flex}.pillar-detail-heading small{color:var(--red);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:600}.pillar-detail-heading b{font-weight:600}.pillar-heavenly,.pillar-earthly,.pillar-stars{flex-direction:column;align-items:center;display:flex}.pillar-heavenly,.pillar-earthly{border-bottom:1px solid #eee7dd;justify-content:center;min-height:116px;padding:12px 8px}.pillar-detail small{color:var(--muted);font-size:9px}.pillar-heavenly i,.pillar-earthly i{color:#7c8490;text-transform:uppercase;margin-top:7px;font-size:10px;font-style:normal}.pillar-heavenly strong,.pillar-earthly strong{color:var(--red);font:700 21px var(--font-serif);text-transform:uppercase;text-shadow:0 0 .01px;margin-top:2px}.pillar-earthly strong{color:#c47c12}.pillar-heavenly[data-element=metal] strong,.pillar-earthly[data-element=metal] strong{color:#4f5961}.pillar-heavenly[data-element=fire] strong,.pillar-earthly[data-element=fire] strong{color:#a8322b}.pillar-heavenly[data-element=water] strong,.pillar-earthly[data-element=water] strong{color:#18578f}.pillar-heavenly[data-element=earth] strong,.pillar-earthly[data-element=earth] strong{color:#985916}.pillar-heavenly[data-element=wood] strong,.pillar-earthly[data-element=wood] strong{color:#21663d}.earthly-details{gap:3px;width:100%;margin-top:9px;display:grid}.earthly-detail-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;column-gap:4px;display:grid}.earthly-detail-row b,.pillar-earthly .earthly-detail-row i{overflow-wrap:anywhere;text-transform:uppercase;min-width:0;margin:0;font-size:9px;font-style:normal;line-height:1.35}.earthly-detail-row b{color:#8d5b15;font-weight:600}.pillar-earthly .earthly-roles i{color:#7c8490}.pillar-earthly .growth-stage{color:var(--muted);margin-top:7px;line-height:1.35}.pillar-stars{text-align:left;align-items:stretch;min-height:102px;padding:12px}.pillar-star-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.pillar-star-side{min-width:0;display:block}.pillar-star-side>span{overflow-wrap:anywhere;font-size:9px;font-weight:500;line-height:1.55;display:block}.pillar-star-side.is-favorable>span{color:var(--red)}.pillar-star-side.is-inauspicious>span{color:var(--ink)}.subsection-heading{gap:10px;margin-bottom:16px}.subsection-heading h2{font-size:20px}.subsection-heading>small{color:var(--muted);font-size:9px}.fortune-legend{flex-wrap:wrap;gap:6px;margin:-4px 0 12px;display:flex}.element-badge{color:#fff;border-radius:5px;padding:4px 9px;font-size:10px;font-weight:700;line-height:1.2}.element-badge[data-element=metal]{background:#69727a}.element-badge[data-element=fire]{background:#c94f46}.element-badge[data-element=water]{background:#2f6fae}.element-badge[data-element=earth]{background:#c77b24}.element-badge[data-element=wood]{background:#368553}.clash-badge{color:#fff;background:#e59a35;border-radius:5px;align-items:center;gap:4px;padding:4px 9px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.clash-badge .anticon{color:#b42318;font-size:12px}.fortune-grid{border:1px solid #e8e1d6;border-radius:5px;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden}.fortune-cycle{appearance:none;min-height:126px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border-bottom:1px solid #e8e1d6;border-right:1px solid #e8e1d6;padding:10px;position:relative}.fortune-cycle-content{min-width:0}.fortune-cycle:hover{background:#fffaf2}.fortune-cycle.is-selected{z-index:1;background:#fffaf2;box-shadow:inset 0 0 0 2px #9a6b35}.fortune-cycle:focus-visible{z-index:1;outline-offset:-2px;outline:2px solid #b42318}.fortune-cycle.has-clash .fortune-cycle-content{margin-left:8px}.fortune-cycle .fortune-clash-list{color:#9f2d25;text-align:left;background:#fff1ef;border-radius:5px;margin-top:7px;padding:6px;font-size:8px;line-height:1.4}.fortune-cycle .fortune-clash-list span+span{margin-top:3px}.fortune-cycle .fortune-clash-list b{min-width:0;color:inherit;font-size:inherit;text-transform:none;background:0 0;margin:0;padding:0;display:inline}.fortune-cycle .clash-marker{color:#b42318;justify-content:center;align-items:center;width:32px;margin:0;font-size:30px;line-height:1;display:flex;position:absolute;top:52%;left:calc(50% - 52px);transform:translateY(-50%)}.fortune-cycle .clash-marker>.anticon{color:#d62828;font-size:32px;line-height:1;display:inline-flex}.fortune-cycle .clash-marker>.anticon svg{fill:currentColor;width:1em;height:1em}.fortune-cycle:nth-child(6n){border-right:0}.fortune-cycle:nth-last-child(-n+6){border-bottom:0}.fortune-cycle small,.fortune-cycle span,.fortune-cycle b,.fortune-cycle strong,.fortune-cycle i{display:block}.fortune-cycle small{min-height:32px;color:var(--red);font-size:8px;line-height:1.45}.fortune-cycle span,.fortune-cycle i{color:var(--muted);font-size:8px;font-style:normal}.fortune-cycle .fortune-ten-god{color:var(--red);margin-top:4px;font-size:9px;font-weight:700}.fortune-cycle b,.fortune-cycle strong{color:#fff;text-transform:uppercase;border-radius:4px;width:fit-content;min-width:42px;margin:4px auto 0;padding:3px 7px;font-size:12px}.fortune-cycle strong{margin-top:3px}.fortune-cycle .fortune-cycle-action{color:#9f3d30;white-space:normal;background:#fff7ec;border:1px solid #e2c8ad;border-radius:999px;justify-content:center;align-items:center;gap:3px;width:100%;max-width:100%;margin-top:8px;padding:4px;font-size:8px;font-weight:700;line-height:1.25;display:inline-flex}.fortune-cycle .fortune-cycle-action .anticon{color:inherit;font-size:8px}.fortune-cycle:hover .fortune-cycle-action{color:#fff;background:#b42318;border-color:#b42318}.fortune-cycle [data-element=metal]{background:#69727a}.fortune-cycle [data-element=fire]{background:#c94f46}.fortune-cycle [data-element=water]{background:#2f6fae}.fortune-cycle [data-element=earth]{background:#c77b24}.fortune-cycle [data-element=wood]{background:#368553}.annual-inline{background:#fffdf9;border:1px solid #e3d6c5;border-radius:10px;margin-top:18px;padding:16px}.annual-inline-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.annual-inline-kicker{color:var(--red);font-family:var(--font-lora), serif;font-size:18px}.annual-inline-heading h3{color:var(--muted);margin:3px 0 0;font-size:11px;font-weight:500}.annual-inline-heading button{color:#9f3d30;font:inherit;cursor:pointer;background:#fff7ec;border:1px solid #e2c8ad;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700}.annual-inline-heading button:hover,.annual-inline-heading button:focus-visible{color:#fff;background:#b42318;border-color:#b42318}.annual-parent-summary{background:#f8f0e5;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.annual-parent-summary span,.annual-parent-summary i{color:var(--muted);font-size:12px;font-style:normal}.annual-parent-summary b,.annual-parent-summary strong,.annual-stems b,.annual-stems strong{color:#fff;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:12px}.annual-parent-summary [data-element=metal],.annual-cycle [data-element=metal]{background:#69727a}.annual-parent-summary [data-element=fire],.annual-cycle [data-element=fire]{background:#c94f46}.annual-parent-summary [data-element=water],.annual-cycle [data-element=water]{background:#2f6fae}.annual-parent-summary [data-element=earth],.annual-cycle [data-element=earth]{background:#c77b24}.annual-parent-summary [data-element=wood],.annual-cycle [data-element=wood]{background:#368553}.annual-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.annual-cycle{text-align:center;background:#fff;border:1px solid #e8dfd3;border-radius:6px;min-height:142px;padding:12px 8px;position:relative}.annual-cycle small,.annual-cycle time,.annual-cycle>span,.annual-cycle>i{display:block}.annual-cycle small{color:var(--red);font-size:10px}.annual-cycle time{color:#4f5f5f;margin-top:2px;font-size:11px;font-weight:600}.annual-cycle>span:not(.annual-clash),.annual-cycle>i{color:var(--muted);margin-top:6px;font-size:10px;font-style:normal}.annual-stems{justify-content:center;gap:5px;margin-top:7px;display:flex}.annual-clash{color:#d62828;font-size:20px;line-height:1;position:absolute;top:8px;right:8px}.self-profile-card{align-self:stretch}.self-summary{background:#fcf7ef;border:1px solid #eadfd2;border-radius:5px;padding:18px}.self-summary h3{color:var(--red);margin:0;font-size:29px}.self-summary>span{color:#8b6231;background:#f2e1c7;border-radius:3px;margin-top:6px;padding:4px 8px;font-size:9px;display:inline-block}.self-summary p{color:#5f6d6d;margin:16px 0 0;font-size:10px;line-height:1.75}.self-attributes{margin:10px 0 0}.self-attributes>div{border-bottom:1px solid #e9e1d6;justify-content:space-between;padding:12px 4px;font-size:10px;display:flex}.self-attributes dt{color:var(--muted)}.self-attributes dd{margin:0;font-weight:500}.personality-block{border-bottom:1px solid #dfd2c3;padding:16px 4px}.personality-block h3{color:var(--red);margin:0 0 12px;font-size:13px}.personality-tags{gap:7px}.personality-tags span{color:#6c5035;background:#f6eee2;border-radius:999px;padding:7px 10px;font-size:8px}.self-detail-link{min-height:48px;color:var(--red);font-size:10px}.chart-insights-grid{grid-template-columns:1.25fr .95fr;gap:12px;margin-top:12px}.elements-chart{border-bottom:1px solid #e9e1d6;gap:12px;min-height:150px;padding:18px 10px 0}.element-column{text-align:center;flex-direction:column;justify-content:flex-end;width:17%;height:130px;display:flex}.element-column b{margin-bottom:7px;font-size:11px}.element-column>span{border-radius:4px 4px 0 0;width:100%;min-height:22px;display:block}.element-column small{color:var(--ink);font:11px var(--font-serif);margin-top:12px}.relationship-grid{grid-template-columns:1fr 1fr;gap:12px 20px}.relationship-item{gap:10px;min-width:0}.relationship-mark{color:#278556;width:36px;height:36px;font:600 10px var(--font-serif);background:#eef5eb;border-radius:50%;flex:0 0 36px;place-items:center;display:grid}.relationship-mark.red{color:#a33b2d;background:#f8e9e4}.relationship-mark.gold{color:#b57819;background:#f8efde}.relationship-mark.amber{color:#c47b12;background:#fbf1df}.relationship-item b,.relationship-item small{display:block}.relationship-item b{font:500 10px var(--font-serif)}.relationship-item small{color:var(--muted);margin-top:2px;font-size:8px}.insight-link{color:var(--red);gap:10px;margin-top:20px;font-size:10px}.explore-grid{border:1px solid var(--line);border-radius:5px;grid-template-columns:260px repeat(3,1fr);gap:14px;margin-bottom:45px;padding:20px 28px}.explore-title{margin:0;font:500 26px Lora,serif}.explore-copy{color:var(--muted);font-size:10px;line-height:1.7}.explore-card{border:1px solid var(--line);border-radius:4px;grid-template-columns:38px 1fr auto;gap:12px;min-height:100px;padding:16px}.explore-icon{width:38px;height:38px;color:var(--red);background:#f6eadb;border-radius:50%;font-size:18px}.explore-card b{margin:3px 0 6px;font:500 12px Lora,serif;display:block}.explore-card small{color:var(--muted);font-size:9px;line-height:1.6;display:block}.explore-arrow{color:var(--red);align-self:end}.home-footer{color:#aa937b;text-align:center;background:linear-gradient(#0000,#f1e9dc);padding:35px 20px 70px;font:13px Lora,serif}@media (min-width:1280px){.brand-name{font-size:20px}.brand-tagline{font-size:7px}.home-nav{gap:44px}.home-nav a{font-size:14px}.login-button{min-height:44px;padding-inline:20px;font-size:13px}.section-eyebrow{font-size:10px}.birth-form-heading h2{font-size:50px}.birth-form-subtitle{font-size:15px}.birth-form-quote{font-size:18px}.field-label,.gender-field legend{font-size:13px}.field-control input,.gender-option,.lunar-inputs>select,.lunar-inputs>input{font-size:14px}.calendar-switch button,.privacy-note{font-size:10px}.submit-button{font-size:18px}.chart-dashboard-grid{grid-template-columns:minmax(0,1fr) 290px;gap:14px}.chart-card,.self-profile-card,.insight-card{padding:26px}.chart-card-heading h2{font-size:26px}.chart-card-heading p,.self-summary p,.pillar-detail-heading,.self-attributes>div{font-size:11px}.pillar-detail small,.pillar-stars small{font-size:10px}.pillar-heavenly strong,.pillar-earthly strong{font-size:24px}.fortune-cycle small,.fortune-cycle span,.fortune-cycle i{font-size:9px}.fortune-cycle b,.fortune-cycle strong{font-size:13px}.self-detail-link,.insight-link{font-size:11px}.explore-grid{grid-template-columns:280px repeat(3,1fr);gap:16px;padding-block:24px}.explore-title{font-size:31px}.explore-copy{max-width:245px;font-size:12px}.explore-card{grid-template-columns:42px 1fr auto;gap:13px;min-height:120px;padding:18px}.explore-icon{width:42px;height:42px;font-size:20px}.explore-card b{font-size:14px}.explore-card small{font-size:11px;line-height:1.55}}@media (min-width:1025px){.intro-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);column-gap:clamp(48px,8vw,120px)}.intro-title{font-size:clamp(46px,3.55vw,58px)}}@media (min-width:1024px){.intro-section{margin-bottom:32px}.intro-grid{min-height:470px;padding-top:82px;padding-bottom:78px}}@media (max-width:1000px){.home-nav{gap:20px}.birth-form-card{grid-template-columns:1fr}.form-aside{display:none}.explore-grid{grid-template-columns:1fr 1fr}.explore-intro{grid-column:1/-1}}@media (max-width:900px){.chart-dashboard-grid,.chart-insights-grid{grid-template-columns:1fr}.self-profile-card{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.self-profile-card>.subsection-heading,.self-profile-card>.self-detail-link{grid-column:1/-1}.self-summary{grid-row:span 2}.annual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:701px) and (max-width:900px){.home-brand{flex:none;gap:8px}.brand-mark{width:38px;height:38px;font-size:21px}.brand-name{white-space:nowrap;font-size:15px}.brand-tagline{letter-spacing:1.4px;white-space:nowrap;font-size:5px}.home-nav{flex:0 auto;gap:clamp(6px,1.2vw,12px)}.home-nav a{text-align:center;white-space:nowrap;padding-inline:3px;font-size:10px;line-height:1.3}.login-button{white-space:nowrap;flex:none;min-height:38px;padding-inline:11px;font-size:11px}}@media (max-width:767px){.home-hero-scene{background-position:63% 0;background-size:auto 100%}.intro-grid{grid-template-columns:1fr;padding:52px 0 66px}.intro-eyebrow{letter-spacing:1.8px;margin-bottom:16px;font-size:8px}.intro-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(36px,10.7vw,48px);line-height:1.14}.intro-description{max-width:540px;font-size:13px;line-height:1.7}.intro-stats{width:100%}.intro-stats>div{flex:1;min-width:0;padding:0 8px 0 12px}.intro-stats dt{font-size:clamp(16px,5vw,20px)}.intro-stats dd{white-space:normal}}@media (max-width:700px){.home-header{height:64px}.brand-name{font-size:16px}.brand-mark{width:36px;height:36px}.login-button{min-height:34px;margin-left:auto;padding-inline:12px;font-size:11px;display:inline-flex}.user-menu{display:none!important}.home-nav{display:none}.mobile-menu{flex:none;margin-left:auto;display:block}.login-button+.mobile-menu{margin-left:8px}.menu-button{place-items:center;width:38px;height:38px;list-style:none;display:grid}.menu-button::-webkit-details-marker{display:none}.mobile-nav{z-index:999;border-bottom:1px solid var(--line);background:var(--paper);flex-direction:column;max-height:calc(100dvh - 64px);padding:12px 20px;display:flex;position:fixed;inset:64px 0 auto;overflow-y:auto;box-shadow:0 10px 20px #2823191f}.mobile-nav-user{border-bottom:1px solid var(--line);background:#a92b200a;flex-direction:column;margin:-12px -20px 12px;padding:14px 16px;display:flex}.mobile-nav-user-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mobile-nav-user-header .user-avatar{border-radius:50%;width:38px;height:38px;font-size:15px}.mobile-nav-user-actions{gap:8px;display:flex}.mobile-nav-user-btn{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.mobile-nav-user-btn:hover{border-color:var(--red);color:var(--red)}.mobile-nav-user-btn.is-logout{color:#8b2b24}.mobile-nav-user-btn.is-logout:hover{border-color:var(--red);color:var(--red);background:#a92b2014}.mobile-nav-guest{border-bottom:1px solid var(--line);margin-bottom:6px;padding:4px 0 14px}.mobile-nav-login-btn{border:1px solid var(--red);background:var(--red);border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:42px;font-size:13px;font-weight:600;display:flex;color:#fff!important}.mobile-nav a{border-bottom:1px solid #ded7cab3;align-items:center;min-height:48px;display:flex}.mobile-nav a:last-child{border-bottom:0}.mobile-nav .is-active{color:var(--red);font-weight:600}.birth-form-section{padding-top:34px}.birth-form-heading{padding-bottom:25px;display:block}.birth-form-heading h2{font-size:37px}.birth-form-subtitle{font-size:13px}.birth-form-quote{display:none}.form-grid{grid-template-columns:1fr;gap:18px;padding:22px 18px}.field-control input{font-size:16px}.field-heading{align-items:flex-start}.calendar-switch button{min-height:36px;padding-inline:9px}.lunar-inputs{grid-template-columns:1fr 1fr}.lunar-inputs>input{grid-column:1/-1;font-size:16px}.chart-results-section{padding-top:8px}.chart-dashboard-grid,.chart-insights-grid{gap:10px;margin-top:10px}.chart-toolbar{flex-direction:column;align-items:stretch;padding:0 12px 12px}.chart-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;min-height:58px;overflow-x:auto}.chart-tabs button{flex:none;padding-inline:12px}.chart-toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.chart-toolbar-actions button{width:100%}.chart-toolbar-actions .beautiful-export-button{grid-column:1/-1}.chart-card,.self-profile-card,.insight-card{padding:14px}.chart-card-heading{margin-bottom:14px}.chart-card-heading h2,.subsection-heading h2{font-size:20px}.chart-card-heading p{font-size:9px}.four-pillars-grid{border:0;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}.pillar-detail{border:1px solid var(--line);border-radius:4px}.pillar-detail:last-child{border-right:1px solid var(--line)}.pillar-stars{min-height:90px;padding:10px 8px}.pillar-star-columns{gap:10px}.fortune-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}.fortune-cycle,.fortune-cycle:nth-child(2n),.fortune-cycle:nth-child(3n),.fortune-cycle:nth-child(6n),.fortune-cycle:nth-last-child(-n+6),.fortune-cycle:nth-last-child(-n+3){border:1px solid #e8e1d6;border-radius:5px;min-width:0}.fortune-cycle.has-clash .fortune-cycle-content{margin-left:0}.fortune-cycle .clash-marker{width:auto;top:8px;left:auto;right:8px;transform:none}.fortune-cycle .clash-marker>.anticon{font-size:20px}.fortune-cycle .fortune-cycle-action{white-space:normal}.annual-inline{margin-top:14px;padding:12px}.annual-inline-heading{flex-wrap:wrap;align-items:flex-start;gap:10px}.annual-inline-kicker{font-size:16px}.annual-parent-summary{flex-wrap:wrap}.annual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.self-profile-card{display:block}.relationship-grid{gap:14px 10px}.explore-grid{grid-template-columns:1fr;padding:22px 18px}.explore-intro{grid-column:auto}.explore-card{min-height:110px}.general-reading{border-radius:12px;margin-top:24px}.home-footer{padding-bottom:55px}}@media (max-width:390px){.home-brand{gap:7px}.brand-name{font-size:13px}.brand-tagline{display:none}.brand-mark{width:32px;height:32px;font-size:20px}.login-button{min-height:32px;padding-inline:9px;font-size:10px}.menu-button{width:34px;height:34px}.intro-title{font-size:clamp(31px,9.5vw,35px)}.intro-grid{padding:40px 0 50px}.intro-description{font-size:12px}.intro-stats>div{padding-inline:9px 5px}.intro-stats dt{font-size:15px}.birth-form-heading h2{font-size:32px}.form-grid{padding:20px 12px}.field-heading{flex-wrap:wrap;gap:10px}.calendar-switch{width:100%}.calendar-switch button{flex:1;min-height:44px}.date-parts-control{grid-template-columns:minmax(40px,.65fr) auto minmax(48px,.8fr) auto minmax(66px,1fr);gap:5px;padding-inline:9px}.date-parts-control>.anticon,.date-parts-control>svg{display:none}.time-parts-control{grid-template-columns:auto minmax(64px,1fr) auto minmax(64px,1fr);gap:6px;padding-inline:9px}.time-parts-control>.anticon,.time-parts-control>svg{display:none}.submit-button{width:100%}.four-pillars-grid,.relationship-grid{grid-template-columns:1fr}.fortune-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.annual-grid{grid-template-columns:1fr}.annual-cycle{min-height:128px}.chart-card,.self-profile-card,.insight-card{padding:12px}.section-seal{flex-basis:30px;width:30px;height:30px}.chart-card-heading-main,.subsection-heading{gap:8px}.chart-toolbar-actions{grid-template-columns:1fr}.elements-chart{gap:6px;padding-inline:0}.element-column b,.element-column small{font-size:9px}}@media (prefers-reduced-motion:reduce){.home-page *{scroll-behavior:auto!important;transition:none!important}}.chart-dashboard-main,.chart-insights-grid,.general-reading,.fortune-card,.annual-inline{scroll-margin-top:28vh}.general-reading{background:linear-gradient(135deg,#fffcf4f5,#f8f1e2b8);border:1px solid #9d6f3633;border-radius:24px;margin-top:42px;padding:38px}.general-reading-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.general-reading-heading h2{margin:4px 0 8px}.general-reading-heading>div>p:last-child{color:#756b5f;margin:0}.reading-confidence{white-space:nowrap;color:#5f7d55;background:#edf5e9;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex}.reading-confidence.limited{color:#9b6d28;background:#fff2d7}.reading-warning{color:#8b6427;background:#fff4dd;border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:20px;padding:12px 15px;font-size:13px;display:flex}.general-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.general-reading-card{background:#ffffffb8;border:1px solid #9d6f3629;border-radius:16px;padding:22px}.general-reading-card header{align-items:center;gap:11px;margin-bottom:13px;display:flex}.general-reading-card h3{color:#4f4538;margin:0;font-size:17px}.general-reading-icon{color:#fff9ee;background:#a8753c;border-radius:50%;place-items:center;width:31px;height:31px;font-family:serif;display:grid}.general-reading-card p{color:#51483d;margin:0;line-height:1.7}.general-reading-card ul{color:#766958;gap:7px;margin:15px 0 0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:grid}.general-reading-card li{align-items:flex-start;gap:7px;display:flex}.general-reading-card li svg{color:#9c7545;flex:none;margin-top:3px}.general-reading-note{color:#8a7d6c;margin:22px 0 0;font-size:12px;font-style:italic;line-height:1.6}@media (max-width:700px){.general-reading{border-radius:12px;margin-top:24px;padding:24px 16px}.general-reading-heading{display:block}.reading-confidence{margin-top:16px}.general-reading-grid{grid-template-columns:1fr}}.chart-export-stage{z-index:-1;pointer-events:none;width:1080px;position:fixed;top:0;left:-12000px}.chart-export-error{color:var(--red);margin:10px 0 0;font-size:12px}.beautiful-chart-export{width:1200px;color:var(--ink);font-family:var(--font-sans);background:#fbfaf6;padding:10px}.beautiful-chart-header{border-bottom:1px solid #dfd5c6;justify-content:space-between;align-items:flex-end;margin-bottom:4px;padding:2px 4px 7px;display:flex}.beautiful-chart-header span{color:var(--red);letter-spacing:.14em;font-size:11px;font-weight:700}.beautiful-chart-header h1{color:var(--ink);font:600 28px/1.2 var(--font-serif);margin:5px 0 0}.beautiful-chart-header p{color:var(--muted);margin:0;font-size:12px}.beautiful-chart-brand{text-align:right}.beautiful-chart-brand strong{color:var(--red);font:700 20px/1 var(--font-serif);margin-bottom:5px;display:block}.beautiful-chart-export .chart-card{box-shadow:none;margin-top:4px;padding:8px}.beautiful-chart-export .chart-card-heading{margin-bottom:5px}.beautiful-chart-export .chart-card-heading p{display:none}.beautiful-chart-export .section-seal{flex-basis:27px;width:27px;height:27px}.beautiful-chart-export .chart-card-heading h2{font-size:18px}.beautiful-chart-export .four-pillars-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.beautiful-chart-export .pillar-detail{cursor:default}.beautiful-chart-export .fortune-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.beautiful-chart-export .fortune-cycle{cursor:default;min-height:152px}.beautiful-chart-export .fortune-cycle small{font-size:10px;line-height:1.5}.beautiful-chart-export .fortune-cycle .fortune-ten-god{font-size:11px}.beautiful-chart-export .fortune-cycle b,.beautiful-chart-export .fortune-cycle strong{min-width:48px;padding:4px 8px;font-size:14px}.beautiful-chart-export .fortune-cycle i{font-size:10px}.beautiful-chart-export .fortune-cycle-action{justify-content:center}.beautiful-annual-section{background:#fffdf8f5;border:1px solid #e6ded1;border-top:3px solid #9f3d30;border-radius:6px;margin-top:10px;overflow:hidden}.beautiful-annual-group{padding:10px}.beautiful-annual-group+.beautiful-annual-group{border-top:3px solid #9f3d30}.beautiful-chart-export .annual-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.beautiful-chart-export .annual-cycle{border:1px solid #e3d9cb;border-radius:5px;min-height:136px;padding:12px 10px}.beautiful-chart-export .annual-cycle small{font-size:12px}.beautiful-chart-export .annual-cycle time{margin-top:4px;font-size:13px}.beautiful-chart-export .annual-cycle>span:not(.annual-clash),.beautiful-chart-export .annual-cycle>i{font-size:11px}.beautiful-chart-export .annual-stems b,.beautiful-chart-export .annual-stems strong{padding:4px 8px;font-size:14px}.beautiful-chart-footer{color:var(--muted);text-align:center;border-top:1px solid #dfd5c6;margin-top:5px;padding-top:5px;font-size:10px}.chart-toolbar-actions button:disabled{cursor:wait;opacity:.65}.chart-export-sheet{color:#333;background:#fff;border:1px solid #d8d8d8;width:1080px;padding:12px;font-family:Arial,Be Vietnam Pro,sans-serif;font-size:12px;position:relative;overflow:hidden}.chart-export-sheet:before{z-index:0;color:#6e6e6e0e;content:"QUẢNG TỬ\a BÁT TỰ";font:700 112px/1.05 var(--font-serif);text-align:center;white-space:pre;place-items:center;display:grid;position:absolute;inset:135px 70px 90px;transform:rotate(-28deg)}.chart-export-sheet>*{z-index:1;position:relative}.export-header{border-bottom:1px solid #bfc3c4;justify-content:space-between;align-items:center;min-height:96px;padding:4px 8px 12px;display:flex}.export-header p{margin:3px 0;line-height:1.35}.export-header [data-element],.chart-export-sheet [data-element=wood]{color:#079447}.chart-export-sheet [data-element=fire]{color:#e13029}.chart-export-sheet [data-element=earth]{color:#c18700}.chart-export-sheet [data-element=metal]{color:#777}.chart-export-sheet [data-element=water]{color:#0876d1}.export-brand{text-align:right;min-width:330px;padding-right:10px}.export-brand h1{color:#242424;font:italic 700 35px/1 var(--font-serif);margin:0}.export-brand h1 span{color:#d10d0d;font-size:25px}.export-brand strong{color:#777;letter-spacing:3px;font:600 11px/1.5 Arial,sans-serif}.export-natal-grid,.export-luck-grid{border-left:1px solid #d5d5d5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.export-pillar,.export-luck{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;min-width:0;padding:10px}.export-pillar{min-height:210px}.export-pillar h3,.export-luck h3{color:#fff;background:#777;border-radius:3px;margin:0 0 8px;padding:4px 7px;font-size:11px;font-weight:600}.export-pillar-main,.export-luck-main{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4px;display:grid}.export-pillar-main>*,.export-luck-main>*{min-width:0;font-style:normal;font-weight:500}.export-pillar-main b,.export-pillar-main strong,.export-luck-main b,.export-luck-main strong{font-size:16px}.export-hidden-stems{border-bottom:1px solid #ececec;justify-content:center;gap:24px;margin-top:9px;padding-bottom:8px;display:flex}.export-hidden-stems span,.export-hidden-stems b,.export-hidden-stems small{text-align:center;display:block}.export-hidden-stems b{font-size:13px}.export-hidden-stems small{color:#9f2aa1;margin-top:3px;font-size:10px}.export-stars{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;font-size:10px;line-height:1.35;display:grid}.export-star-column{flex-direction:column;gap:4px;min-width:0;display:flex}.export-star-column span{display:block}.export-star-column.is-red{color:#d72d27}.export-star-column.is-black{color:#222}.export-luck-grid{grid-template-rows:repeat(2,minmax(116px,auto))}.export-luck{min-height:116px}.export-luck h3{background:#d94740}.export-luck h3 span{font-weight:400}.export-luck-main{margin-top:10px}.export-luck-main i{color:#a22aa8}.export-luck>small{color:#d12e25;text-align:center;margin-top:7px;font-size:9px;display:block}.export-annual-grid{border-left:1px solid #ddd;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.export-annual{border-bottom:1px solid #ddd;border-right:1px solid #ddd;min-height:60px;padding:6px 8px;position:relative}.export-annual>div{text-align:center;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:4px;display:grid}.export-annual>div+div{margin-top:5px}.export-annual span,.export-annual b,.export-annual small,.export-annual strong,.export-annual i{min-width:0;font-size:10px;font-style:normal;font-weight:500}.export-annual b,.export-annual small{color:#e12520}.export-annual>div:nth-child(2) strong{font-size:13px;font-weight:700}.export-annual i{color:#a52baa}.export-annual em{color:#e12520;font-size:18px;font-style:normal;position:absolute;top:26px;left:5px}.export-footer{justify-content:center;align-items:center;gap:4px;padding:10px 8px 1px;display:flex}.export-footer>span{color:#fff;border-radius:3px;padding:4px 7px;font-size:10px;font-weight:700}.export-footer>span:first-child{background:#69727a}.export-footer>span:nth-child(2){background:#c94f46}.export-footer>span:nth-child(3){background:#2f6fae}.export-footer>span:nth-child(4){background:#c77b24}.export-footer>span:nth-child(5){background:#368553}.export-footer small{color:#777;margin-left:auto;font-size:9px}