/* Champagne-gold edition: bright ivory, pearl surfaces, cocoa type, and gold details. */
:root{color-scheme:light;--paper:#fbf8f0;--ink:#42351f;--green:#a4772c;--muted:#847458;--line:#e7dcc4;--sage:#f5efdf;--wood:#ad873f;--fire:#c18248;--earth:#a17d3b;--metal:#b49a66;--water:#8c8270;--serif:'Noto Sans Thai',Tahoma,sans-serif}
body{background:radial-gradient(ellipse at 82% 5%,#e8d39a2b,transparent 34%),radial-gradient(ellipse at 12% 40%,#eadbb51c,transparent 34%),#fbf8f0;color:var(--ink)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.085}
h1,h2{font-weight:500;letter-spacing:-1px}.site-header{border-bottom:1px solid #c2a05d40;height:105px}.brand{color:#4f3c20;font-family:var(--sans);font-weight:600;font-size:25px}.brand small{color:#89652b;letter-spacing:2.1px}.brand-mark{color:#89652b;border-color:#c2a05d55;background:linear-gradient(140deg,#eac77914,#e5c38203);border-radius:10px;box-shadow:inset 0 0 18px #d1a65708}.brand-mark:after{border-color:#c2a05d40;border-radius:7px}.site-header nav{gap:9px}.site-header nav a{height:38px;padding:0 16px;color:#7d6d51;border-radius:25px;font-size:12px}.site-header nav a.active{background:#d0a75b15;color:#89652b;border:1px solid #c2a05d40;font-weight:500}.site-header nav a.active:after{display:none}.site-header nav a:hover{background:#ffffff07;color:#89652b}.header-cta{border:1px solid #c2a05d4a;color:#89652b;border-radius:9px;padding:11px 17px;background:#c79f5308}.header-cta:hover{background:#d1a95b18}.header-cta span{display:inline-grid;place-items:center;background:#d8b57415;width:22px;height:22px;border-radius:50%;margin-left:11px}.eyebrow{color:#89652b;font-weight:500;font-size:10px;letter-spacing:2.5px}.tiny-star{color:#89652b;font-size:23px}.hero{gap:48px;min-height:635px;padding-top:54px;padding-bottom:65px}.hero h1{font-size:48px;line-height:1.62;letter-spacing:-1.6px;font-weight:500;margin:22px 0 22px}.hero h1 em{background:linear-gradient(105deg,#f8e6b5,#cc9d4d 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 em:after{border-color:#c2a05d70;height:8px;bottom:-7px}.hero-description{font-size:14px;line-height:2.1;color:#7d6d51}.hero-actions{gap:26px;margin-top:34px}.button{border-radius:10px;font-size:13px;padding:14px 24px;min-height:51px;font-weight:600}.button.primary{background:linear-gradient(110deg,#f0d59a,#cda35c);color:#42351f;border:1px solid #c2a05d40;box-shadow:0 4px 24px #b4893215,inset 0 1px 0 #fff4}.button.primary:hover{background:linear-gradient(110deg,#f7e1af,#dbb575);box-shadow:0 6px 30px #c49b442b}.button.primary span{font-size:17px}.button.secondary{border:1px solid #c2a05d44;background:#bd974d0a;color:#89652b}.button.secondary:hover{background:#c6a25818}.text-link{color:#89652b;font-size:12px}.text-link:hover{color:#89652b}.hero-caption{color:#7d6d51;font-size:10px;margin-top:31px}.caption-line{background:linear-gradient(90deg,#d4b272,transparent);width:33px}
.element-art{background:radial-gradient(ellipse at 50% 50%,#c59a3420,transparent 60%),linear-gradient(150deg,#ffffff04,#ffffff01);border:1px solid #c2a05d40;border-radius:28px;padding:27px 20px 23px;min-height:485px;position:relative;box-shadow:inset 0 1px 0 #f8d78a10,0 30px 100px #9d782e1a;overflow:hidden}.element-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#dbb96105 1px,transparent 1px),linear-gradient(90deg,#dbb96105 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse at center,#000,transparent 80%);pointer-events:none}.element-art:after{content:'';position:absolute;width:120px;height:1px;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#e5bc71,transparent);box-shadow:0 0 25px 3px #e6ba6444}.art-topline,.art-bottomline{color:#89652b;font-size:8px;letter-spacing:2px}.art-topline{margin-top:3px}.art-topline span:last-child{font-family:var(--sans);font-size:9px;letter-spacing:2px;border:1px solid #c2a05d40;padding:4px 9px;border-radius:20px;background:#c4a0560a}.element-wheel{max-width:420px;margin:2px auto -5px}.wheel-lines{stroke:#c2a05d47;stroke-width:.7;filter:drop-shadow(0 0 3px #d8ad5130)}.wheel-lines circle:first-child{stroke:#c2a05d66;stroke-width:.9}.wheel-lines circle:nth-child(2){stroke:#c2a05d40;stroke-dasharray:5 7}.wheel-lines .outer-dash{stroke:#c2a05d80;stroke-width:1.6;stroke-dasharray:1 8}.wheel-lines path{stroke:#c2a05d40}.wheel-lines .pentagon{stroke:#c2a05d40}.wheel-center{width:43%;top:49%}.center-kicker{font-size:8px;color:#89652b;letter-spacing:1px}.center-char{height:121px;width:121px;display:flex;align-items:center;justify-content:center;margin:3px auto 1px;font-size:20px;line-height:1;color:#89652b;filter:drop-shadow(0 0 15px #d8aa3930)}.center-char svg{height:112px;width:112px;overflow:visible}.wheel-center>span:nth-child(3){color:#89652b;font-size:11px;letter-spacing:2.4px}.wheel-center p{font-size:9px;color:#89652b;margin-top:9px}.element-node{width:67px;height:67px;gap:0;background:linear-gradient(150deg,#fffaf1,#fffaf1)!important;border:1px solid #c2a05d4a!important;color:#89652b!important;box-shadow:inset 0 1px 0 #e9cd9120,0 5px 20px #9d782e1a;backdrop-filter:blur(10px);transition:box-shadow .2s,background .2s,border-color .2s}.element-node svg{width:39px;height:39px;overflow:visible;display:block}.element-node small{font-size:9px;color:#89652b;margin-top:-1px}.element-node:hover,.element-node.selected{background:linear-gradient(150deg,#f3e6c6,#fffaf1)!important;border-color:#cfb47e!important;box-shadow:0 0 0 4px #dab66c0c,0 0 27px #d3a85022,inset 0 1px 0 #f2d3943d}.element-node span{font-size:24px}.art-dot{background:#dfbf7d;box-shadow:0 0 8px #d9ae54}.art-bottomline{position:relative;font-size:8px;color:#89652b}.intro-strip{background:linear-gradient(90deg,#c39a3c04,#d8b45f09,#c39a3c04);border-color:#c2a05d40}.strip-inner{min-height:85px;color:#7d6d51;font-size:12px}.strip-inner b{color:#89652b;font-size:20px}.strip-inner i{background:#b69c602e}.strip-inner a{color:#89652b;font-size:10px}
.lessons-section{padding-top:74px}.section-heading h2{font-size:30px;color:#4f3c20;margin:10px 0 8px;letter-spacing:-1px}.section-heading p,.page-intro{color:#7d6d51;font-size:13px}.course-progress{font-size:10px;color:#89652b}.course-progress>div{background:#d6b77918;height:4px}.course-progress i{background:linear-gradient(90deg,#f5efdf,#e8c682);box-shadow:0 0 8px #c9a45430}.lesson-grid{gap:19px}.lesson-card{background:linear-gradient(150deg,#fffaf1,#fffaf1);border-color:#c2a05d40;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff03}.lesson-card:hover{border-color:#c2a05d85;box-shadow:0 13px 35px #9d782e1a,0 0 18px #bd954b0b;transform:translateY(-4px)}.lesson-visual,.lesson-card:nth-child(n) .lesson-visual{height:146px;background:radial-gradient(ellipse at 50% 75%,#c09a3f19,transparent 65%),linear-gradient(130deg,#fffaf1,#fffaf1);border-bottom:1px solid #c2a05d40}.lesson-visual:after{inset:20px;border:0;border-radius:50%;background:radial-gradient(ellipse,#c0a15a08,transparent);height:100px;width:100px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 1px #cda95612,0 0 0 18px #d0a94d04}.lesson-number,.lesson-category{color:#89652b;font-size:9px;top:13px;z-index:1}.lesson-category{font-size:9px;letter-spacing:.4px}.lesson-art{color:#89652b;letter-spacing:0;width:104px;height:104px;display:flex;justify-content:center;align-items:center;margin-top:12px;z-index:1;filter:drop-shadow(0 3px 8px #9d782e1a)}.lesson-art svg{width:97px;height:97px;overflow:visible}.lesson-body{padding:22px 22px 17px}.lesson-body h3{font-size:15px;font-weight:500;line-height:1.8;color:#4f3c20}.lesson-body p{font-size:11px;color:#7d6d51;margin-bottom:19px}.lesson-meta{font-size:10px;color:#7d6d51;border-top:1px solid #c2a05d40;padding-top:12px}.lesson-meta>span:last-child{background:#d6b46d12;color:#89652b;height:25px;width:25px;display:grid;place-items:center;border-radius:50%;font-size:17px}.lesson-card.complete .lesson-meta>span:last-child{width:auto;padding:0 8px;color:#89652b;font-size:9px;border-radius:20px;background:#cfa85515}.learning-note{border-color:#c2a05d40;padding:30px 0;color:#89652b}.learning-note>span{color:#89652b}.learning-note p{color:#7d6d51;font-size:11px}.learning-note strong{color:#89652b}.learning-note>a{color:#89652b;font-size:10px}.home-chart-cta{padding-top:50px;padding-bottom:68px}.home-chart-cta h2{font-size:36px;color:#4f3c20}.home-chart-cta p{color:#7d6d51;font-size:13px}.sample-pillars>div{background:linear-gradient(150deg,#fffaf1,#fffaf1);border:1px solid #c2a05d40;border-radius:12px;box-shadow:inset 0 1px 0 #dfbc7310}.sample-pillars span{color:#89652b}.sample-pillars small{color:#89652b}.sample-pillars .sample-day{background:linear-gradient(150deg,#f3e6c6,#fffaf1);border-color:#c2a05d6e;box-shadow:0 10px 25px #9d782e1a}.sample-pillars .sample-day span{color:#89652b}.sample-pillars .sample-day small{color:#89652b}.sample-pillars>p{color:#7d6d51}.site-footer{border-color:#c2a05d40}.site-footer .brand{color:#89652b}.site-footer p{color:#7d6d51;font-size:10px}.site-footer>.text-link{color:#89652b;font-size:10px}
.chart-section h1,.glossary-section h1{color:#4f3c20}.privacy-tag{background:#c9a35b0a;border-color:#c2a05d40;color:#89652b;font-size:10px}.birth-panel{background:linear-gradient(140deg,#fffaf1,#fffaf1);border-color:#c2a05d40;border-radius:16px;padding:25px;box-shadow:inset 0 1px 0 #ead29e06}.mode-tabs{background:#fffaf1;border:1px solid #c2a05d40;border-radius:10px;padding:5px}.mode-tabs button{color:#7d6d51;font-size:12px;border-radius:6px}.mode-tabs button.active{background:linear-gradient(140deg,#f3e6c6,#fffaf1);color:#89652b;box-shadow:0 2px 6px #9d782e1a,inset 0 1px 0 #e5c48020}form label{font-size:12px;color:#89652b}form label>span{color:#89652b}input,select{background:#fffaf1;color:#89652b;border-color:#c2a05d40;border-radius:8px;font-size:12px;min-height:46px;padding:11px 12px;box-shadow:inset 0 2px 5px #9d782e1a}input:focus,select:focus{border-color:#c2a05d99;outline-color:#ad8132}input::placeholder{color:#7d6d51}input:disabled,select:disabled{background:#fffaf1;color:#7d6d51;border-color:#c2a05d40}input[type=checkbox]{accent-color:#cfad68;border-radius:4px}.check-label{font-size:11px;color:#89652b}.check-label small{color:#89652b}.calculation-details{border-color:#c2a05d40;color:#89652b}.calculation-details summary{color:#89652b;font-size:11px}.calculation-details p{color:#7d6d51;font-size:10px}.calculation-details label{color:#89652b;font-size:11px}.calculation-details select{font-size:11px}.example-button{color:#89652b;font-size:11px;margin-top:15px}.form-footnote{color:#7d6d51;border-color:#c2a05d40;font-size:10px}.field-help{color:#89652b;font-size:11px}.manual-pillar label{color:#89652b;font-size:11px}.manual-pillar select{font-size:15px;min-height:46px}.empty-chart{border:1px solid #c2a05d40;border-radius:17px;min-height:615px;background:radial-gradient(ellipse at 50% 35%,#c79b3210,transparent 58%),linear-gradient(140deg,#9c782a14,#fffaf1);box-shadow:inset 0 1px 0 #edc98105}.empty-seal{color:#89652b;border:1px solid #c2a05d47;border-radius:24px;background:linear-gradient(130deg,#c6a35c14,#c6a35c04);box-shadow:0 0 0 10px #d9b45b03,0 0 50px #c3983313;font-size:54px;width:95px;height:95px}.empty-chart .eyebrow{font-size:8px;color:#89652b}.empty-chart h2{color:#89652b;font-size:28px}.empty-chart p{color:#89652b;font-size:12px}.empty-steps{color:#89652b;gap:24px}.empty-steps b{color:#89652b;font-size:10px}.form-error{background:#bc713614;color:#89652b;border-color:#c2a05d4d;border-radius:8px;font-size:11px}.result-header h2{color:#89652b;font-size:26px}.result-header p{color:#89652b;font-size:11px}.example-tag{background:#caa35c13;color:#89652b;border:1px solid #c2a05d40;border-radius:6px}.result-card{background:linear-gradient(150deg,#fffaf1,#fffaf1);border-color:#c2a05d40;border-radius:14px;padding:24px;box-shadow:inset 0 1px 0 #ffffff03}.result-card h3{color:#89652b;font-size:15px}.pillar-column{background:linear-gradient(150deg,#fffaf1,#fffaf1);border-color:#c2a05d40;border-radius:10px}.pillar-column.day-pillar{background:linear-gradient(150deg,#f3e6c6,#fffaf1);border-color:#c2a05d69;box-shadow:0 0 25px #b9954410}.pillar-title{color:#89652b;font-size:11px}.pillar-symbol small{color:#89652b;font-size:9px}.pillar-hint{color:#89652b;font-size:8px}.pillar-column .unknown-symbol{color:#89652b}.chart-reading-note{color:#89652b;font-size:10px}.day-master-intro{border-color:#c2a05d40}.day-master-char{background:linear-gradient(145deg,#f3e6c6,#fffaf1);border:1px solid #c2a05d40;color:#89652b}.day-master-intro h3{color:#89652b;font-size:15px}.day-master-intro p{color:#89652b;font-size:11px}.element-bars{gap:14px}.element-bar{grid-template-columns:70px 1fr 60px;font-size:12px}.element-label{display:flex;gap:8px;align-items:center;color:#89652b}.element-label svg{width:25px;height:25px;flex-shrink:0}.element-bar-track{background:#d7b87910;height:7px}.element-bar-fill{box-shadow:0 0 12px #d1ad5530;background-image:linear-gradient(90deg,#ffffff00,#ffffff40)}.element-bar>span:last-child{color:#89652b;font-size:11px}.result-note{color:#89652b;font-size:11px}.roles-table{font-size:11px}.roles-table th{color:#89652b;border-color:#c2a05d40}.roles-table td{border-color:#c2a05d40;color:#89652b}.roles-table td:last-child{color:#7d6d51}.clash-item{border-color:#c2a05d40;font-size:12px}.clash-symbols{color:#89652b}.clash-item p{color:#89652b;font-size:11px}.no-clashes{background:#baa15b0c;color:#89652b;border:1px solid #c2a05d40;border-radius:8px}.rec-heading{color:#89652b;font-size:14px}.rec-index{color:#89652b}.recommendation p{color:#7d6d51;font-size:12px}.recommendation ul{font-size:12px;color:#89652b}.color-tag{background:#c3a15810;border:1px solid #c2a05d40;color:#89652b;font-size:10px}.rec-alternative{border-color:#c2a05d40;color:#89652b;font-size:11px}.warnings{border-color:#b58a3c;color:#7d6d51;font-size:11px}.result-metadata{color:#89652b;font-size:10px}.result-metadata summary{color:#89652b;font-size:11px}.result-actions button{font-size:11px}.result-actions .button{padding:11px 18px;min-height:44px}
.glossary-list{gap:18px}.glossary-item{background:linear-gradient(140deg,#fffaf1,#fffaf1);border-color:#c2a05d40;border-radius:12px}.glossary-item h3{font-size:16px;color:#89652b}.glossary-item h3 span{color:#89652b}.glossary-item p{font-size:12px;color:#7d6d51;line-height:2}.search-input{background:#fffaf1;border-color:#c2a05d40;border-radius:11px}.no-results{color:#89652b}.page-intro{color:#89652b}dialog{background:radial-gradient(ellipse at 100% 0,#ba8d2e0e,transparent 60%),#fffaf1;border-color:#c2a05d50;border-radius:18px;box-shadow:0 35px 100px #9d782e1a}dialog::backdrop{background:#9c782a14;backdrop-filter:blur(9px)}.dialog-close{color:#89652b;background:#d6b77508;border:1px solid #c2a05d40;font-size:24px}.dialog-close:hover{background:#d6b7751a}.lesson-dialog h2,.sources-dialog h2{color:#89652b;font-size:29px;font-weight:500}.lesson-lead{color:#89652b;font-size:13px;border-color:#c2a05d40}.lesson-section h3{color:#89652b;font-size:16px}.lesson-section p{color:#7d6d51;font-size:14px;line-height:2.2}.takeaway{background:#b8964910;border-color:#b58a3c;color:#89652b;padding:20px;border-radius:0 9px 9px 0;font-size:13px}.takeaway b{font-size:11px;color:#89652b}.quiz{background:#fffaf1;border-color:#c2a05d40;border-radius:12px;padding:24px}.quiz h3{font-size:15px;color:#89652b}.quiz-choice{background:#fffaf1;border-color:#c2a05d40;color:#89652b;border-radius:8px;font-size:13px;padding:13px 15px}.quiz-choice:hover{background:#bd995215;border-color:#c2a05d77}.quiz-choice.correct{background:#bda1541a;border-color:#cfb47e;color:#89652b}.quiz-choice.incorrect{background:#a7643615;border-color:#c2a05d66;color:#89652b}.quiz-feedback{font-size:12px;color:#89652b}.lesson-bottom>span{color:#89652b;font-size:11px}.sources-dialog p{color:#89652b;font-size:13px;line-height:2.1}.sources-dialog .button{font-size:12px}.toast{background:linear-gradient(130deg,#ebd098,#c49b56);color:#42351f;border:1px solid #c2a05daa;border-radius:11px;box-shadow:0 10px 50px #9d782e1a;font-weight:500}.skip{background:#daba7c;color:#42351f}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#ad8132}::selection{background:#caa45b55;color:#4f3c20}
@media(min-width:1440px){.hero{min-height:670px}.hero h1{font-size:53px}.element-art{min-height:500px;max-width:490px}}
@media(max-width:1100px){.hero{gap:28px}.hero h1{font-size:39px}.hero-description{font-size:13px}.site-header nav a{padding:0 12px}.site-header nav{gap:4px}.element-node{width:60px;height:60px}.element-node svg{width:35px;height:35px}.center-char{height:106px;width:106px}.center-char svg{width:99px;height:99px}.element-art{min-height:440px}.lesson-body h3{font-size:14px}.chart-workspace{grid-template-columns:320px minmax(0,1fr)}.birth-panel{padding:20px}.element-bar{grid-template-columns:60px 1fr 48px;gap:8px}.result-card{padding:20px}.element-label{gap:5px}.element-label svg{width:22px;height:22px}}
@media(max-width:800px){.hero{min-height:470px;gap:20px;padding-top:37px;padding-bottom:40px}.hero h1{font-size:32px;line-height:1.7}.hero-description{font-size:12px}.hero-actions{gap:16px}.hero-actions .button{font-size:11px;padding:11px 18px}.hero-actions .text-link{font-size:10px}.hero-caption{font-size:8px}.site-header nav a{font-size:11px;padding:0 12px}.element-art{padding:21px 9px 18px;min-height:350px;border-radius:22px}.element-node{width:50px;height:50px}.element-node svg{width:28px;height:28px}.element-node small{font-size:8px}.center-char{height:87px;width:87px}.center-char svg{width:80px;height:80px}.center-kicker{font-size:6px}.wheel-center>span:nth-child(3){font-size:8px}.wheel-center p{font-size:8px}.art-topline{font-size:7px}.art-topline span:last-child{font-size:7px}.art-bottomline{font-size:6px;letter-spacing:.4px}.strip-inner{min-height:78px;font-size:10px}.strip-inner b{font-size:17px}.lessons-section{padding-top:50px}.section-heading h2{font-size:26px}.chart-workspace{grid-template-columns:1fr}.birth-panel{padding:23px}.empty-chart{min-height:440px}.lesson-visual,.lesson-card:nth-child(n) .lesson-visual{height:140px}.lesson-art{height:100px;width:100px}.lesson-art svg{height:95px;width:95px}.home-chart-cta h2{font-size:30px}.home-chart-cta p{font-size:12px}.chart-section .section-heading p{font-size:12px}.result-card{padding:23px}.site-footer p{font-size:10px}}
@media(max-width:560px){.site-header{min-height:119px;height:auto;padding-top:17px;gap:14px;border-color:#c2a05d40}.brand{font-size:22px}.brand-mark{border-radius:8px}.brand-mark:after{border-radius:5px}.site-header nav{height:39px;gap:5px;padding-bottom:10px}.site-header nav a{font-size:10px;padding:0 11px;height:30px}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:33px;gap:31px}.hero h1{font-size:37px;line-height:1.7;margin:20px 0 22px;letter-spacing:-1.3px}.hero-description{font-size:12px;line-height:2.1}.hero-actions{gap:24px;margin-top:27px}.hero-actions .button{font-size:12px;padding:12px 24px;min-height:49px}.hero-actions .text-link{font-size:10px}.hero-caption{font-size:9px;margin-top:24px}.element-art{max-width:350px;width:100%;min-height:auto;border-radius:24px;padding:23px 13px 20px}.element-wheel{margin:4px auto -1px}.element-node{width:56px;height:56px}.element-node svg{width:33px;height:33px}.element-node small{font-size:8px}.center-char{height:95px;width:95px}.center-char svg{height:92px;width:92px}.center-kicker{font-size:7px}.wheel-center>span:nth-child(3){font-size:9px}.wheel-center p{font-size:8px}.art-topline{font-size:7px;padding:0 12px}.art-topline span:last-child{font-size:7px}.art-bottomline{font-size:7px;padding:0 8px}.strip-inner{min-height:70px;gap:10px;font-size:8px}.strip-inner b{font-size:14px}.section-heading h2{font-size:23px;line-height:1.9;letter-spacing:-1px}.section-heading p{font-size:11px}.course-progress{font-size:9px;width:77px}.lesson-grid{gap:12px}.lesson-visual,.lesson-card:nth-child(n) .lesson-visual{height:126px}.lesson-visual:after{width:82px;height:82px;top:30px}.lesson-art{height:86px;width:86px;margin-top:19px}.lesson-art svg{width:82px;height:82px}.lesson-number{font-size:8px;left:12px;top:10px}.lesson-body{padding:15px 13px 12px}.lesson-body h3{font-size:12px;line-height:1.9}.lesson-body p{font-size:10px;line-height:1.9;margin-bottom:13px}.lesson-meta{font-size:8px;padding-top:10px}.lesson-meta>span:last-child{width:20px;height:20px;font-size:14px}.lesson-card{border-radius:11px}.learning-note p{font-size:11px}.home-chart-cta h2{font-size:28px}.home-chart-cta p{font-size:12px}.home-chart-cta{padding-bottom:45px}.sample-pillars>div{border-radius:10px}.sample-pillars>p{font-size:10px}.site-footer p{font-size:9px}.site-footer>.text-link{font-size:9px}.chart-section h1{font-size:29px}.birth-panel{padding:20px;border-radius:13px}.chart-section .section-heading p{font-size:12px}.privacy-tag{font-size:9px}.result-card{padding:18px;border-radius:12px}.result-card h3{font-size:14px}.pillar-title{font-size:10px}.pillar-symbol small{font-size:8px}.pillar-hint{font-size:7px}.chart-reading-note{font-size:9px}.day-master-intro h3{font-size:14px}.day-master-intro p{font-size:11px}.element-bar{font-size:11px;grid-template-columns:65px 1fr 45px}.element-label svg{width:24px;height:24px}.result-note{font-size:10px}.roles-table{font-size:10px}.roles-table td:last-child{font-size:10px}.clash-item{font-size:11px}.clash-item p{font-size:11px}.recommendation p,.recommendation ul{font-size:11px}.rec-heading{font-size:13px}.rec-alternative{font-size:10px}.warnings{font-size:10px}.glossary-section h1{font-size:27px}.glossary-item h3{font-size:15px}.glossary-item p{font-size:12px}.lesson-dialog h2,.sources-dialog h2{font-size:24px}.lesson-lead{font-size:12px}.lesson-section h3{font-size:15px}.lesson-section p{font-size:13px;line-height:2.15}.takeaway{font-size:12px;padding:17px}.quiz{padding:17px}.quiz h3{font-size:14px}.quiz-choice{font-size:12px}.quiz-feedback{font-size:12px}.sources-dialog p{font-size:12px}.lesson-bottom>span{font-size:10px}}
@media print{body{background:#fff;color:#42351f;color-scheme:light}body:before{display:none}.result-card{background:#fff;border-color:#cfb47e;box-shadow:none}.result-card h3,.result-header h2,.pillar-title,.pillar-symbol small,.pillar-hint,.day-master-intro h3,.day-master-intro p,.element-label,.roles-table th,.roles-table td,.roles-table td:last-child,.clash-item p,.rec-heading,.recommendation p,.recommendation ul,.result-note,.warnings{color:#42351f}.pillar-column,.pillar-column.day-pillar{background:#f7f3e8;border-color:#cfb47e}.day-master-char{background:#eee6d3}.result-metadata{color:#7d6d51}.color-tag{color:#7d6d51;background:#f7f3e8}.element-bar-track{background:#eee}.rec-alternative{color:#7d6d51}.element-bar>span:last-child{color:#7d6d51}}
/* Light surfaces and readable champagne details. */
.hero h1 em{background:linear-gradient(105deg,#9d7229,#bd9448 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-header{border-color:#e5d9bc}.site-header nav a{color:#7d6d51}.site-header nav a.active{background:#f0e4c7;color:#79571f;border-color:#d5b67780}.site-header nav a:hover{background:#efe4ce;color:#71501d}
.brand{color:#5a4524}.brand small{color:#82704f}.brand-mark{color:#a87c2f;background:linear-gradient(140deg,#fffdf6,#eee1bf66);border-color:#ba944c70}
.header-cta{background:#fffaf0c9;color:#78551e;border-color:#c3a05e85}.header-cta:hover{background:#f0e3c5}
.eyebrow{color:#8e692b}.hero-description{color:#7a6b51}.hero-caption{color:#847458}.text-link{color:#85632b}.text-link:hover{color:#684817}
.button.primary{background:linear-gradient(110deg,#e8ce91,#d0a34f);color:#42351f;border-color:#bd913b70;box-shadow:0 7px 22px #b78b3323,inset 0 1px 0 #fff9}
.button.primary:hover{background:linear-gradient(110deg,#efd9aa,#dbb265);color:#3e301b;box-shadow:0 9px 26px #b78b3330}
.button.secondary{border-color:#c3a16485;background:#fcf7eccc;color:#79571f}.button.secondary:hover{background:#f0e4c9}
.element-art{background:radial-gradient(ellipse at 50% 47%,#fffdf8 8%,#f6ecd263 54%,#f2e6c753 100%),linear-gradient(145deg,#fffdf7,#f3e9d2);border-color:#d9bd8370;box-shadow:inset 0 1px 0 #fff,0 24px 65px #ac86331a,0 3px 14px #9e762c0b}
.element-art:before{background-image:linear-gradient(#c39b4c0c 1px,transparent 1px),linear-gradient(90deg,#c39b4c0c 1px,transparent 1px)}
.element-art:after{background:linear-gradient(90deg,transparent,#bc9345,transparent);box-shadow:0 0 25px 3px #d3ae5a38}
.art-topline,.art-bottomline{color:#81704e}.art-topline span:last-child{color:#876426;background:#fffaf0b3;border-color:#bd994c55}
.wheel-lines{stroke:#b58a3c61}.wheel-lines circle:first-child{stroke:#b58a3c8a}.wheel-lines circle:nth-child(2){stroke:#b58a3c3d}.wheel-lines .outer-dash{stroke:#b58a3c9e}.wheel-lines path{stroke:#b58a3c3d}.wheel-lines .pentagon{stroke:#b58a3c4d}
.center-kicker{color:#8b7345}.wheel-center>span:nth-child(3){color:#816023;letter-spacing:1.9px}.wheel-center p{color:#7f6e50}
.element-node{background:linear-gradient(150deg,#fffefa,#f5ebd3)!important;border-color:#c3a05b90!important;color:#987029!important;box-shadow:inset 0 1px 0 #fff,0 5px 18px #a27b291a}
.element-node small{color:#7e622e;font-weight:500}.element-node:hover,.element-node.selected{background:linear-gradient(150deg,#fff6df,#ead39e)!important;border-color:#b58a3c!important;box-shadow:0 0 0 4px #d9b7681c,0 4px 25px #ba8d3730,inset 0 1px 0 #fff}
.art-dot{background:#b58a3c;box-shadow:0 0 8px #d0a34f65}
.intro-strip{background:linear-gradient(90deg,#f5efdf,#f1e6cd,#f5efdf);border-color:#dfcc9d66}.strip-inner{color:#7a6949}.strip-inner b{color:#a4792d}.strip-inner a{color:#80602c}
.section-heading h2,.chart-section h1,.glossary-section h1{color:#42351f}.section-heading p,.page-intro{color:#7d6e53}
.lesson-card,.result-card,.glossary-item,.birth-panel{background:linear-gradient(150deg,#ffffffed,#fffaf0ed);border-color:#d9c29080;box-shadow:inset 0 1px 0 #fff,0 6px 23px #a47e290d}
.lesson-card:hover{border-color:#bc944a;box-shadow:0 13px 35px #a27b2921}
.lesson-visual,.lesson-card:nth-child(n) .lesson-visual{background:radial-gradient(ellipse at 50% 75%,#d9b35a24,transparent 65%),linear-gradient(130deg,#f8f2e5,#f1e7cf);border-bottom-color:#d8c18f55}
.lesson-number,.lesson-category{color:#887044}.lesson-body h3{color:#4c3c22;font-weight:600}.lesson-body p{color:#7e6e51}.lesson-meta{color:#817151}.lesson-meta>span:last-child{color:#956b23;background:#edddb866}.lesson-card.complete .lesson-meta>span:last-child{color:#7a5721;background:#ead7a670}
.course-progress>div{background:#e9ddc0}.course-progress i{background:linear-gradient(90deg,#b58a3c,#d0a34f)}
.learning-note p{color:#7b6a4b}.learning-note strong{color:#5e4924}.learning-note>a{color:#816029}
.home-chart-cta h2{color:#4a3920}.home-chart-cta p{color:#7c6b4e}
.sample-pillars>div,.pillar-column{background:linear-gradient(150deg,#fffdf7,#f2e7cc);border-color:#ccb27d80}
.sample-pillars .sample-day,.pillar-column.day-pillar{background:linear-gradient(150deg,#f7e8bd,#e9d29b);border-color:#b58a3c99}
.sample-pillars .sample-day span{color:#88611f}.sample-pillars .sample-day small{color:#775624}
.site-footer p{color:#827154}.privacy-tag{background:#f5eddb;color:#81662f;border-color:#d8c39380}
.mode-tabs{background:#f0e7d3;border-color:#dcc79b59}.mode-tabs button.active{background:linear-gradient(140deg,#fffaf0,#eed9aa);color:#77551f}
form label{color:#655130}input,select{background:#fffdf8;color:#544123;border-color:#d7c59e}input:disabled,select:disabled{background:#f0ebdf;color:#9b8c72;border-color:#e3dac7}input::placeholder{color:#938263;opacity:1}
.calculation-details p,.field-help{color:#7e6d50}.form-footnote{color:#857354}
.empty-chart{background:radial-gradient(ellipse at 50% 35%,#ead29a26,transparent 58%),linear-gradient(140deg,#fffdf8b3,#f5efdfcc);border-color:#d2b98580}
.empty-seal{background:linear-gradient(130deg,#f9ecc8,#f7f0df);color:#b58a3c;border-color:#c7a45b85}.empty-chart h2{color:#7b5d29}.empty-chart p{color:#7b6b4c}
.form-error{background:#fbecdf;color:#9a5229;border-color:#dfb38e99}.example-tag{background:#f1e2be;color:#80602a;border-color:#d0ad6a66}
.result-card h3,.day-master-intro h3{color:#614822}.pillar-title{color:#84632c}.pillar-symbol small{color:#806d48}.pillar-hint{color:#806d48}
.day-master-char{background:linear-gradient(145deg,#f5e2b3,#f1dca9);border-color:#c49a4c80}.element-label{color:#765a2d}.element-bar-track{background:#f0e6cd}.element-bar>span:last-child{color:#84704b}
.roles-table th{color:#82622d}.roles-table td{color:#665131}.roles-table td:last-child{color:#817052}.no-clashes{background:#f4ecd9;color:#80612d;border-color:#d8bf8b59}
.recommendation p{color:#7c6c50}.recommendation ul{color:#665131}.rec-heading{color:#765622}.color-tag{background:#f5ecd7;color:#80622d;border-color:#d9c18a66}.warnings{color:#7f6f52;border-color:#c5a362}
.search-input{background:#fffdf7;border-color:#c9ac7299}
dialog{background:radial-gradient(ellipse at 100% 0,#ead8aa24,transparent 60%),#fffcf5;color:#42351f;border-color:#c6a46580;box-shadow:0 35px 100px #71501e30}dialog::backdrop{background:#6c573c59}
.dialog-close{background:#f1e4c96b;color:#8b672d}.dialog-close:hover{background:#ead7ae}
.lesson-dialog h2,.sources-dialog h2{color:#624720}.lesson-section p{color:#746144}.lesson-section h3{color:#745623}.takeaway{background:#f3e8cd;color:#745822;border-color:#b58a3c}
.quiz{background:#f6f0e3}.quiz-choice{background:#fffdf8;color:#725b36}.quiz-choice:hover{background:#f4e9ce;border-color:#bb9246b3}.quiz-choice.correct{background:#efe1bc;border-color:#b28a3e;color:#77571f}.quiz-choice.incorrect{background:#f8e8d9;border-color:#c68c5a99;color:#94572e}
.sources-dialog p{color:#786646}.toast{background:linear-gradient(130deg,#f0d9a1,#d0a34f);color:#49371b;border-color:#b58a3c99;box-shadow:0 10px 50px #8b662532}
.skip{background:#ecd199;color:#49371b}::selection{background:#dfc17e70;color:#42351f}
.nav-short{display:none}.site-header nav{min-width:0}.site-header nav a{flex-shrink:0}.cycle-invite{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 18px 0;padding-top:13px;border-top:1px solid #b8964f30;color:#8b672d;font-size:11px}.cycle-invite:hover{color:#b08535}.cycle-invite>span{font-size:16px}.result-actions{flex-wrap:wrap}
@media(max-width:1050px){.site-header nav{gap:3px}.site-header nav a{padding-left:10px;padding-right:10px}.header-cta{display:none}}
@media(max-width:560px){.nav-long{display:none}.nav-short{display:inline}.site-header nav{overflow-x:auto;justify-content:space-between;gap:3px;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{padding-left:9px;padding-right:9px;font-size:10px}.cycle-invite{font-size:10px;margin:16px 7px 0;padding-top:12px}}
@media print{body{background:#fff;color:#222;color-scheme:light}.result-card{background:#fff;border-color:#ccc;box-shadow:none}.result-card h3,.result-header h2,.pillar-title,.pillar-symbol small,.pillar-hint,.day-master-intro h3,.day-master-intro p,.element-label,.roles-table th,.roles-table td,.roles-table td:last-child,.clash-item p,.rec-heading,.recommendation p,.recommendation ul,.result-note,.warnings{color:#333}.pillar-column,.pillar-column.day-pillar{background:#f7f3e8;border-color:#c4b58e}.day-master-char{background:#eee6d3}.result-metadata,.rec-alternative,.element-bar>span:last-child{color:#555}.color-tag{color:#555;background:#f7f3e8}.element-bar-track{background:#eee}}