:root{color-scheme:light;--paper:#f6f3ec;--cream:#ebe7dc;--ink:#262a25;--muted:#62645b;--bronze:#765b37;--wall:#27332e;--line:#c9c4b8;--serif:"Iowan Old Style","Songti TC","Noto Serif TC",Georgia,serif;--sans:Avenir,"Noto Sans TC","PingFang TC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.3em}a:hover{color:var(--bronze)}:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(calc(100% - 72px),1350px);margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}.topline{min-height:34px;border-bottom:1px solid var(--line);padding:7px max(36px,calc((100vw - 1350px)/2));display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.14em;color:var(--bronze)}.masthead{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font:500 27px/1.05 var(--serif);letter-spacing:.06em}.brand small{display:block;margin-top:8px;color:var(--bronze);font:500 10px var(--sans);letter-spacing:.13em}.brand-mark{width:38px;height:38px;border:1px solid var(--bronze);display:grid;place-items:center;font-size:20px;color:var(--bronze)}nav{display:flex;flex-wrap:wrap;gap:clamp(15px,3vw,45px);font-size:13px}nav a{text-decoration:none}.opening{min-height:690px;display:grid;grid-template-columns:1fr .88fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(58px,7vw,105px) 30px 70px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{color:var(--bronze);font-size:11px;letter-spacing:.18em;font-weight:600}.opening h1,.room h2,.result-heading h2,.method h2{font:500 clamp(54px,6.8vw,100px)/1.2 var(--serif);letter-spacing:-.045em;margin:35px 0}.opening h1 em{font-style:normal;color:var(--bronze)}.hero-lead{max-width:29em;font:400 clamp(18px,1.9vw,25px)/1.6 var(--serif)}.english{color:var(--muted);font-size:14px;line-height:1.6;max-width:37em;margin-top:15px}.text-link{display:inline-flex;gap:34px;align-items:center;margin-top:55px;padding-bottom:8px;border-bottom:1px solid var(--bronze);text-decoration:none;font-size:14px}.art{position:relative;overflow:hidden;min-height:590px;background:#e7dfd0;display:grid;place-items:center;border-left:1px solid var(--line)}.art:before,.art:after{content:"";position:absolute;background:var(--bronze);opacity:.5}.art:before{width:1px;height:100%;left:50%}.art:after{height:1px;width:100%;top:50%}.art-ring{position:absolute;border:1px solid rgba(87,75,53,.55);border-radius:50%;width:min(78%,500px);aspect-ratio:1}.art-ring-one{transform:rotate(-20deg)}.art-ring-two{width:min(57%,365px);border-style:dashed;opacity:.65}.art-center{z-index:1;background:#e7dfd0;width:136px;height:136px;border:1px solid var(--bronze);border-radius:50%;display:grid;place-content:center;text-align:center;font:500 36px/1.18 var(--serif);letter-spacing:.1em}.art-center span{color:var(--bronze)}.art-caption{position:absolute;z-index:1;bottom:24px;right:28px;color:var(--bronze);font-size:10px;letter-spacing:.14em;text-align:right}.room{display:grid;grid-template-columns:.65fr 1fr;gap:clamp(50px,7vw,110px);padding-block:clamp(80px,9vw,140px)}.room h2{font-size:clamp(38px,4.4vw,68px);margin:25px 0}.room-intro>p:last-child{max-width:25em;color:var(--muted);font-size:15px}.form-card{background:#fffdf7;border:1px solid var(--line);box-shadow:20px 25px 0 #eae5d9;padding:clamp(25px,4vw,54px)}.form-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;align-items:baseline;font-size:11px;letter-spacing:.1em;color:var(--bronze)}.quiet-button{background:none;border:0;border-bottom:1px solid currentColor;color:var(--bronze);padding:0 0 3px;font-size:12px;letter-spacing:0}.fields{display:grid;gap:20px;margin-top:28px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:block;font-size:14px;font-weight:600}label span{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-bottom:8px}input:not([type=checkbox]),select{display:block;width:100%;min-height:48px;border:1px solid #b6b6a9;border-radius:0;background:#faf9f4;color:var(--ink);padding:10px 12px;margin-top:7px}input:focus,select:focus{background:white;border-color:var(--bronze)}label small{display:block;color:var(--muted);font-size:11px;font-weight:400;line-height:1.5;margin-top:6px}.check{display:flex;gap:9px;align-items:center;margin-top:22px;font-weight:400}.check input{accent-color:var(--bronze)}#custom-zone-wrap{margin-top:22px}.form-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:34px;padding-top:28px}.form-bottom p{color:var(--muted);font-size:11px;margin:0}.form-bottom p span{font-size:10px}.submit{border:0;background:var(--wall);color:white;min-height:54px;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:40px;font-size:14px;white-space:nowrap}.submit:hover{background:#415148}.error{color:#8c342a;border-left:3px solid #8c342a;background:#f8ede7;padding:12px 16px;font-size:13px}.demo-label{color:var(--bronze);font-size:12px;background:#f4ecdc;padding:9px 12px}.results{background:var(--wall);color:#f6f0e4;padding-block:clamp(80px,9vw,130px)}.result-heading h2{font-size:clamp(38px,5vw,74px);margin:22px 0}.result-heading>p:last-child{color:#ded2bd;font-size:13px}.results .eyebrow{color:#d1b684}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:58px}.pillar{border:1px solid #7e877e;min-height:350px;padding:26px 23px;display:flex;flex-direction:column}.pillar-name{margin:0;color:#ddc493;font-size:12px;letter-spacing:.13em}.characters{display:flex;flex-direction:column;gap:4px;margin:28px 0 auto;font:500 clamp(55px,5vw,83px)/1.1 var(--serif)}.characters .branch{color:#d3b580}.phase-caption,.god-caption,.hidden-stem{margin:9px 0 0;font-size:12px}.phase-caption{color:#c9d0c6}.god-caption{border-top:1px solid #7e877e;padding-top:13px}.hidden-stem{color:#d1b684}.pillar.missing{opacity:.58;border-style:dashed}.result-note{border-left:2px solid #d1b684;padding-left:17px;margin:27px 0 0;color:#e5d8bf;font-size:13px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:90px}.reading-grid>div{border-top:1px solid #7e877e;padding-top:24px}.reading-grid h3{font:400 clamp(28px,3vw,44px) var(--serif);margin:15px 0}.reading-grid p:not(.eyebrow){font-size:14px;color:#d3d8d0;max-width:36em}.phase-list{max-width:400px}.phase-row{display:grid;grid-template-columns:32px 80px 20px 1fr;align-items:center;gap:8px;margin:8px 0;font-size:12px}.phase-row strong{font:500 20px var(--serif)}.phase-row span{color:#d3d8d0}.phase-row b{font-weight:400}.phase-track{height:4px;background:#667067}.phase-track i{display:block;background:#d1b684;height:4px}.reading-grid .micro{font-size:11px!important;color:#b9c1b8!important}.method{display:grid;grid-template-columns:.32fr .7fr 1fr;gap:40px;padding-block:clamp(80px,9vw,130px)}.method h2{font-size:clamp(37px,4vw,62px);margin:0}.method-copy{border-top:1px solid var(--line);padding-top:16px}.method-copy p{font-size:15px;color:var(--muted);margin:0 0 19px}.method-copy a{font-size:13px;color:var(--bronze)}.footer{background:#eae5da;border-top:1px solid var(--line);padding:34px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:var(--muted)}.footer a{color:var(--bronze)}
.sample-banner{display:inline-block;border:1px solid #d1b684;color:#ead7b4!important;padding:7px 12px;font-size:12px!important;margin-top:20px}.result-heading .sample-banner+h2{margin-top:14px}
@media(max-width:950px){.opening{grid-template-columns:1fr .75fr}.room{grid-template-columns:1fr}.room-intro{max-width:600px}.method{grid-template-columns:1fr 1.4fr}.method .eyebrow{grid-column:1/-1}.pillar{padding:20px 15px}.pillar-grid{gap:9px}.characters{font-size:56px}}@media(max-width:700px){.wrap{width:min(calc(100% - 36px),560px)}.topline{padding-inline:18px}.topline span:last-child{display:none}.masthead{min-height:95px;align-items:start;padding-top:18px;flex-direction:column;gap:12px}.masthead nav{padding-bottom:14px;gap:20px}.opening{display:flex;flex-direction:column}.hero-copy{padding:60px 0}.opening h1{font-size:clamp(57px,12vw,88px)}.art{min-height:360px;border-left:0;border-top:1px solid var(--line)}.art-ring{width:300px}.art-ring-two{width:230px}.art-center{width:110px;height:110px;font-size:28px}.room{padding-block:78px;gap:30px}.room h2{font-size:49px}.form-card{box-shadow:9px 11px 0 #eae5d9;padding:24px}.form-head{flex-direction:column;gap:8px}.two{grid-template-columns:1fr}.form-bottom{align-items:stretch;flex-direction:column}.submit{width:100%}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar{min-height:310px}.characters{font-size:65px}.reading-grid{grid-template-columns:1fr;gap:32px;margin-top:70px}.method{display:block}.method h2{margin:22px 0 35px}.footer .wrap{display:flex;flex-wrap:wrap}.footer .wrap span:nth-child(2){width:100%;order:3}}@media(max-width:375px){.pillar-grid{gap:7px}.pillar{padding:16px 12px}.characters{font-size:57px}.phase-caption,.god-caption,.hidden-stem{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}