.bazi-theatre{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#e7dfc8;background:#06101e;overflow:clip;font-family:"Noto Serif SC",Songti SC,SimSun,serif;isolation:isolate}.bazi-theatre::backdrop{background:#030911}.bazi-theatre[open]{animation:theatre-enter 1.15s cubic-bezier(.16,1,.3,1)}.theatre-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.bazi-theatre:after{content:"";position:absolute;inset:18px;border:1px solid #d7bf8324;pointer-events:none;z-index:-1}.theatre-top{position:absolute;top:38px;left:4.8%;right:4.8%;display:flex;align-items:center;gap:24px}.theatre-brand{font-size:18px;color:#e2cd9f}.theatre-top>small{font-size:10px;letter-spacing:.15em;color:#8eaaa9;border-left:1px solid #bda97c45;padding-left:24px}.bazi-theatre button{font-family:inherit;cursor:pointer;touch-action:manipulation}.bazi-theatre button:focus-visible{outline:2px solid #f3d39d;outline-offset:5px}.bazi-theatre button:active{transform:scale(.97)}.theatre-exit{margin-left:auto;background:none;border:1px solid #c6b68b45;border-radius:3px;color:#c5c8ba;padding:10px 16px;min-height:40px;font-size:11px}.theatre-heading{position:absolute;left:6.5%;top:16%;pointer-events:none;max-width:80%}.theatre-heading>small{color:#bca776;font-size:10px;letter-spacing:.19em}.theatre-heading h2{font-weight:400;font-size:clamp(25px,3.3vw,54px);letter-spacing:.09em;line-height:1.35;margin:17px 0 12px;color:#eee2bd}.theatre-heading p{font-size:12px;letter-spacing:.07em;color:#a4b9b8;margin:0}.theatre-time{position:absolute;left:15%;right:15%;top:42%;text-align:center;transition:opacity 1s,transform 1.6s;pointer-events:none}.theatre-time small{display:block;color:#a7b9b6;font-size:12px;letter-spacing:.35em}.theatre-time strong{display:block;font-size:clamp(24px,4.7vw,72px);font-weight:400;letter-spacing:.12em;margin:22px 0;color:#f3dfad;text-shadow:0 0 35px #e7c78545}.theatre-time>span{font-size:14px;color:#baa87a;letter-spacing:.2em}.bazi-theatre:not([data-stage="0"]) .theatre-time{opacity:0;transform:translateY(-60px) scale(.7)}.theatre-columns{position:absolute;top:33%;left:23%;right:23%;height:37%;display:flex;align-items:stretch;justify-content:space-around;gap:3%;perspective:1000px;transition:opacity 1s,transform 1.5s cubic-bezier(.16,1,.3,1)}.theatre-pillar{position:relative;flex:1;border:0;background:linear-gradient(90deg,transparent,#a3bbae09,transparent);color:#ddd0a5;padding:14px 0;transform-style:preserve-3d;max-width:165px;min-width:0}.theatre-pillar:before{content:"";position:absolute;top:0;bottom:-16%;left:50%;width:1px;background:linear-gradient(transparent,#d8bf8380,transparent);z-index:-1}.theatre-pillar:after{content:"";position:absolute;bottom:-10px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#ebd5a788,transparent);box-shadow:0 0 20px #f3d19050;transform:rotateX(60deg)}.theatre-pillar>small{font-size:11px;letter-spacing:.25em;color:#9ea98f}.theatre-ganzhi{display:flex;flex-direction:column;font-size:clamp(50px,6.8vw,112px);line-height:1.1;font-weight:400;gap:10px;margin:16px 0 12px;text-shadow:0 2px 1px #0008,0 0 32px #d8cd9325}.theatre-ganzhi span[data-element=木]{color:#b0ccb3}.theatre-ganzhi span[data-element=火]{color:#e1ac94}.theatre-ganzhi span[data-element=金]{color:#efe2b9}.theatre-ganzhi span[data-element=水]{color:#9fc8d3}.theatre-pillar em{font-size:10px;font-style:normal;color:#93aeaa;letter-spacing:.1em}.theatre-pillar.is-selected{background:linear-gradient(90deg,transparent,#c4b78913,transparent)}.theatre-pillar.is-selected>small{color:#efce88}.theatre-pillar.is-selected:after{background:#f4d58d}.theatre-hidden{position:absolute;left:-10%;right:-10%;top:104%;display:flex;justify-content:center;gap:18px;opacity:0;transform:translateY(-35px);transition:opacity 1s,transform 1.5s}.theatre-hidden span{position:relative;font-size:23px;color:#c6c8ac}.theatre-hidden span:before{content:"";position:absolute;bottom:130%;height:24px;width:1px;left:50%;background:linear-gradient(transparent,#ddce9855)}[data-stage="0"] .theatre-columns{opacity:0;transform:translateY(-65px) scale(.75);pointer-events:none}[data-stage="2"] .theatre-hidden{opacity:1;transform:translateY(0)}[data-stage="2"] .theatre-columns{transform:translateY(-20px) scale(.94)}[data-stage="3"] .theatre-columns{left:36%;right:36%;top:27%;height:55px;gap:8px}[data-stage="3"] .theatre-pillar{padding:0;background:transparent}[data-stage="3"] .theatre-ganzhi{font-size:21px;flex-direction:row;justify-content:center;gap:0;margin:6px 0}[data-stage="3"] .theatre-pillar em,[data-stage="3"] .theatre-hidden,[data-stage="3"] .theatre-pillar:before,[data-stage="3"] .theatre-pillar:after{display:none}.theatre-master{position:absolute;left:40%;right:40%;top:47%;text-align:center;opacity:0;transform:scale(.8);transition:opacity 1s,transform 1.5s;pointer-events:none}.theatre-master small{display:block;letter-spacing:.5em;color:#a7b5ab;font-size:10px}.theatre-master strong{display:block;font-size:clamp(45px,6vw,95px);line-height:1.25;font-weight:400;color:#f4e8c4;text-shadow:0 0 40px #ead59845}.theatre-master span{display:block;font-size:11px;color:#d7c79a;white-space:nowrap;letter-spacing:.12em;margin-top:8px}[data-stage="3"] .theatre-master{opacity:1;transform:scale(1)}.theatre-proof{position:absolute;left:6.5%;bottom:20%;width:205px;padding-left:15px;border-left:1px solid #c6aa6870}.theatre-proof small{font-size:10px;letter-spacing:.08em;color:#dbc18c}.theatre-proof p{font-size:11px;line-height:1.95;color:#b0c2c0;margin:12px 0 0}.theatre-footer{position:absolute;left:6.5%;right:6.5%;bottom:35px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px 30px}.theatre-nav{display:flex;gap:25px}.theatre-nav button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:52px;border:0;border-top:1px solid #a7956633;background:none;color:#8b9f9f;padding:12px 12px 0 0;font-size:11px}.theatre-nav button small{font-size:9px;color:#8d856d}.theatre-nav button[aria-current=step]{color:#efd59d;border-color:#d6b775}.theatre-nav button[aria-current=step] small{color:#d6b775}.theatre-actions{display:flex;gap:18px;align-items:center}.theatre-auto{color:#b4bbb1;border:0;border-bottom:1px solid #b9ab7140;background:transparent;padding:12px 3px;font-size:10px;min-height:42px}.theatre-cta{border:1px solid #ddc49177;border-radius:2px;background:linear-gradient(115deg,#ebdbb7,#b9a271);padding:15px 23px;color:#192d35;min-height:48px;font-size:12px;letter-spacing:.06em;box-shadow:0 0 30px #ccb37414}.theatre-cta:disabled{color:#b7c3b8;background:#23373c;border-color:#a8986440;cursor:default}.theatre-service{grid-column:1/-1;text-align:right;color:#869e9f;font-size:10px;line-height:1.7;margin:0;min-height:17px}.is-waiting .theatre-service:before{content:"● ";color:#dcc18e;animation:theatre-breathe 2s infinite}.theatre-reading{position:absolute;inset:16% 25% 20%;overflow:auto;padding:35px 48px;color:#494d40;background:linear-gradient(110deg,#f3ecd9,#e3d6b7);border:1px solid #e4d4a0;box-shadow:0 20px 100px #0005;animation:theatre-enter 1.3s cubic-bezier(.16,1,.3,1);scrollbar-color:#a88b50 #e6d9bb}.theatre-reading>small{font-size:10px;color:#86714b}.theatre-reading>h2{font-size:34px;font-weight:400;color:#695333;margin:16px 0 30px}.theatre-reading h3{font-size:18px;color:#675335;margin-top:25px}.theatre-reading p{font-size:14px;line-height:2}.theatre-reading .chapter-source{color:#8e8168;font-size:10px}[data-stage="4"] .theatre-columns,[data-stage="4"] .theatre-master{opacity:0;pointer-events:none}.theatre-launch{background:linear-gradient(120deg,#e8d5a6,#b69b65);color:#172c35;border:0;border-radius:4px;padding:12px 16px;font:inherit;font-size:12px;cursor:pointer}.workbench-title>.workbench-play{display:none}@keyframes theatre-enter{0%{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes theatre-breathe{50%{opacity:.3}}@media(min-width:1500px){.theatre-heading{top:17%}.theatre-proof{width:240px}.theatre-proof p{font-size:13px}.theatre-nav{gap:40px}.theatre-nav button{font-size:13px}.theatre-cta,.theatre-heading p{font-size:14px}}@media(max-width:760px){.bazi-theatre:after{inset:8px}.theatre-top{top:22px;left:6%;right:6%}.theatre-brand{font-size:14px}.theatre-top>small{display:none}.theatre-exit{font-size:10px;padding:9px}.theatre-heading{top:13%;left:7%;max-width:90%}.theatre-heading h2{font-size:26px;margin:12px 0}.theatre-heading p{font-size:10px;letter-spacing:0}.theatre-heading>small{font-size:9px}.theatre-columns{left:13%;right:13%;top:32%;height:27%;gap:7px}.theatre-ganzhi{font-size:53px}.theatre-pillar small{font-size:10px}.theatre-hidden{gap:8px}.theatre-hidden span{font-size:16px}.theatre-proof{left:8%;right:8%;width:auto;bottom:22%;padding-left:12px}.theatre-proof p{font-size:10px;line-height:1.8;margin-top:7px}.theatre-proof small{font-size:9px}.theatre-footer{left:7%;right:7%;bottom:22px;grid-template-columns:1fr;gap:12px}.theatre-nav{justify-content:space-between;gap:10px}.theatre-nav button{font-size:10px;gap:5px;min-height:35px;padding-top:7px}.theatre-actions{justify-content:space-between;gap:10px}.theatre-cta{font-size:10px;padding:12px;min-height:42px}.theatre-service{font-size:9px;text-align:left;line-height:1.5}.theatre-time{top:38%;left:5%;right:5%}.theatre-time strong{font-size:24px;letter-spacing:.05em}.theatre-time>span{font-size:12px}.theatre-master{top:46%;left:30%;right:30%}.theatre-master strong{font-size:49px}.theatre-master span{font-size:9px;letter-spacing:0}[data-stage="3"] .theatre-columns{left:24%;right:24%;top:27%;height:45px}[data-stage="3"] .theatre-ganzhi{font-size:17px}.theatre-reading{inset:13% 7% 24%;padding:25px}.theatre-reading p{font-size:13px}.theatre-reading>h2{font-size:28px}.theatre-launch{font-size:10px;padding:11px}.workbench-title{gap:8px}}@media(prefers-reduced-motion:reduce){.bazi-theatre[open],.theatre-reading,.is-waiting .theatre-service:before{animation:none}.bazi-theatre *{transition:none!important}}.theatre-reading{z-index:2;animation:paper-unfold 1.15s cubic-bezier(.16,1,.3,1)}[data-stage="4"] .theatre-columns,[data-stage="4"] .theatre-master{visibility:hidden}.theatre-columns{transition:opacity 1s,transform 1.5s cubic-bezier(.16,1,.3,1),left 1.5s,right 1.5s,top 1.5s,height 1.5s}.theatre-ganzhi{transition:font-size 1.3s,margin 1.3s}@keyframes paper-unfold{0%{transform:translateY(25px) scaleY(.92);clip-path:inset(0 0 20% 0)}to{transform:none;clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){.theatre-reading{animation:none}}.theatre-top{gap:20px}.theatre-exit{margin-left:0}.theatre-help-button{margin-left:auto;border:0;background:transparent;border-bottom:1px solid #bbaa7655;color:#d3c69f;font-size:11px;min-height:40px;padding:8px 4px}.theatre-explain{border:0;border-bottom:1px solid #bfac6840;background:transparent;color:#e2c795;font-size:11px;padding:9px 0;margin-top:6px;min-height:36px}.theatre-proof{background:linear-gradient(90deg,#07131d80,transparent);padding-top:9px;padding-bottom:7px}.theatre-proof p{color:#c1ceca}.theatre-nav{gap:22px!important;justify-content:flex-start!important}.theatre-nav button{min-width:90px;transition:color .2s,border-color .2s}.theatre-nav button[aria-current=step]{text-shadow:0 0 15px #e6d49c30}.theatre-reading{border-radius:5px;box-shadow:inset 0 0 0 10px #d5c39922,0 25px 90px #0006;scrollbar-width:thin}.theatre-reading>h2{padding-bottom:22px;border-bottom:1px solid #ac945933}.theatre-reading p{line-height:2.05}.theatre-help{position:absolute;z-index:5;right:3.5%;top:13%;bottom:19%;width:min(410px,90%);padding:32px;color:#dadfca;background:linear-gradient(145deg,#203c46f8,#101f2efc);border:1px solid #c7b17666;border-radius:9px;box-shadow:0 20px 90px #0008;overflow:auto;scrollbar-width:thin;animation:help-arrive .4s cubic-bezier(.16,1,.3,1)}.theatre-help>small{display:block;font-size:10px;color:#bda777;letter-spacing:.18em;margin-top:20px}.theatre-help h2{font-size:25px;font-weight:400;color:#e6d5ad;line-height:1.5;margin:15px 0 22px}.theatre-help p{font-size:13px;line-height:1.95;color:#bdcec7}.help-close{display:block;margin-left:auto;border:0;border-bottom:1px solid #baaa7950;background:none;color:#c9c7b0;font-size:11px;padding:7px 0;min-height:35px}.help-current{border-top:1px solid #bbaa7440;padding-top:18px;margin-top:22px}.help-current small{font-size:10px;color:#d6bd88}.help-current p{font-size:12px;color:#d3d5bc}.help-link{display:inline-block;color:#e2c895;border-bottom:1px solid #c9b27980;padding:10px 0;font-size:12px;margin-top:8px;text-decoration:none}.help-open .theatre-help-button{color:#ffe1a6}.birth-learning-doors{display:flex;max-width:830px;gap:26px;margin:25px 0 8px;border-top:1px solid #b9a06c35;padding-top:18px}.birth-learning-doors a{flex:1;color:#decca5;font-size:13px;text-decoration:none}.birth-learning-doors small{display:block;color:#92aaa9;font-size:11px;margin-top:5px}@keyframes help-arrive{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media(max-width:760px){.theatre-top{gap:12px}.theatre-help-button{font-size:10px}.theatre-nav{gap:8px!important;justify-content:space-between!important}.theatre-nav button{min-width:0}.theatre-proof{bottom:23%;padding:5px 0 0 12px}.theatre-explain{font-size:10px;padding:5px 0;min-height:28px;margin-top:2px}.theatre-help{inset:12% 5% 18%;width:auto;padding:23px}.theatre-help h2{font-size:22px}.theatre-help p{font-size:12px}.birth-learning-doors{gap:12px}.birth-learning-doors a{font-size:11px}.birth-learning-doors small{font-size:10px}}@media(prefers-reduced-motion:reduce){.theatre-help{animation:none}}