:root{--paper:#f8e7c5;--paper-light:#fff4d9;--paper-deep:#ecd09b;--ink:#211c18;--muted:#6e5541;--red:#a92f2b;--red-dark:#76211f;--gold:#bd8750;--line:rgba(155,101,48,.48);font-family:Georgia,'Times New Roman','Noto Serif',serif;color:var(--ink);background:#c2a071}
*{box-sizing:border-box}html{min-width:320px;background:#c2a071}body{margin:0;min-width:320px;background:#c2a071}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(169,47,43,.35);outline-offset:2px}
.book-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;background:var(--paper);box-shadow:0 0 34px rgba(65,38,20,.22)}.book-page{position:relative;width:100%;min-height:100vh;overflow:hidden;background-color:var(--paper);background-image:radial-gradient(ellipse at 50% -6%,rgba(255,255,255,.82),transparent 45%),repeating-linear-gradient(0deg,rgba(103,70,36,.035) 0 1px,transparent 1px 5px),radial-gradient(ellipse at 4% 32%,rgba(95,111,96,.11),transparent 26%)}.book-page:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,transparent 0 56%,rgba(103,84,60,.055) 56.2% 56.8%,transparent 57%),radial-gradient(ellipse at 100% 18%,rgba(255,222,166,.3),transparent 25%)}.book-page>*{position:relative;z-index:1}.fade{animation:appear .25s ease both}@keyframes appear{from{opacity:.15;transform:translateY(4px)}to{opacity:1;transform:none}}
.device-status{display:flex;align-items:center;justify-content:space-between;height:29px;padding:7px 23px 0;color:#171512;font:700 11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em}.device-status .signal{font-size:9px;letter-spacing:0}.brand{text-align:center;letter-spacing:.17em}.brand strong,.brand small{display:block}.brand strong{font-size:15px;font-weight:500}.brand small{margin-top:3px;color:var(--muted);font:8px ui-sans-serif,system-ui,sans-serif;letter-spacing:.31em}.topbar{display:flex;align-items:center;justify-content:space-between;height:65px;padding:2px 20px 8px}.topbar:after{content:'';position:absolute;left:18px;right:18px;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);opacity:.6}.icon-button{border:0;color:var(--ink);background:transparent}.back-button{font-size:36px;line-height:.7;font-weight:300}.menu-button{font-size:29px;line-height:.8}.red-cta,.outline-cta{min-height:45px;border-radius:999px;padding:9px 16px;font-size:15px;font-weight:700}.red-cta{border:1px solid #df9a5c;color:#fff8e9;background:linear-gradient(145deg,#bd3d33,var(--red-dark));box-shadow:0 4px 0 #74271e,0 7px 13px rgba(112,31,32,.18)}.red-cta span{margin-left:8px;font-size:20px}.outline-cta{border:1px solid var(--line);color:var(--red-dark);background:rgba(255,248,230,.72)}button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}
.scene-art{position:relative;overflow:hidden;background:#d7c099}.scene-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.scene-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(248,231,197,.03),rgba(248,231,197,.18) 72%,rgba(248,231,197,.7))}
.cover-page{min-height:100vh;padding:0 18px 20px;text-align:center;background:linear-gradient(180deg,rgba(255,249,230,.42),transparent 60%)}.cover-page>.brand{margin-top:5px}.cover-heading{position:relative;z-index:2;min-height:260px;margin-top:15px}.cover-chinese{margin:0;color:#0d0d0b;font-size:67px;font-weight:700;line-height:.91;letter-spacing:.02em}.red-seal{position:absolute;right:34px;top:74px;display:grid;place-items:center;width:39px;height:74px;border:2px solid var(--red);border-radius:3px;color:var(--red);font-size:13px;line-height:1.05;writing-mode:vertical-rl}.cover-heading h1{margin:6px 0 0;color:var(--red);font-size:25px;font-weight:500}.cover-heading p:not(.cover-chinese){margin:2px 0 6px;font-size:15px}.cover-heading small{display:block;color:var(--ink);font-size:12px;line-height:1.4}.cover-art{z-index:0;height:278px;margin:-30px -18px 0}.cover-art img{position:relative;top:24px;height:254px;object-position:10% 44%;filter:saturate(1.02) brightness(1.06)}.cover-cta{display:block;width:calc(100% - 14px);margin:-2px auto 0;border-radius:10px}.topic-strip{display:flex;justify-content:space-around;gap:3px;margin:34px 0 0;color:var(--red-dark)}.topic-strip span{width:20%;font-size:23px}.topic-strip i{display:grid;place-items:center;width:40px;height:40px;margin:0 auto;border:1px solid rgba(169,47,43,.36);border-radius:50%;font-size:19px;font-style:normal}.topic-strip small{display:block;margin-top:5px;color:var(--ink);font-size:9px;line-height:1.12;font-weight:400}.cover-footer{margin-top:22px;color:var(--ink);text-align:center}.cover-footer strong{display:block;font-size:20px;letter-spacing:.18em}.cover-footer small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}
.birth-page{min-height:calc(100vh - 65px);padding:13px 24px 18px;text-align:center}.birth-bg-art{position:absolute;inset:155px -24px 0;z-index:0;height:calc(100% - 155px);opacity:.82}.birth-bg-art img{object-position:18% 36%;filter:saturate(.9) brightness(1.08)}.vertical-ornament{position:absolute;z-index:2!important;right:8px;top:117px;margin:0;color:rgba(44,33,26,.87);font-size:26px;line-height:1.14}.page-heading{position:relative;z-index:3;margin-top:23px}.page-heading h1{margin:0 0 6px;font-size:31px;font-weight:500}.page-heading p{margin:0;color:var(--ink);font-size:14px;line-height:1.4}.birth-panel{position:relative;z-index:3;margin:27px 7px 0;padding:18px 18px 16px;border:1px solid var(--gold);border-radius:10px;background:rgba(255,248,230,.91);text-align:left;box-shadow:inset 0 0 0 2px rgba(188,134,70,.11)}.birth-panel:before{content:'';position:absolute;inset:5px;border:1px solid rgba(188,134,70,.35);border-radius:7px;pointer-events:none}.birth-panel label,.gender-label{position:relative;display:block;margin-bottom:12px;color:var(--ink);font-size:14px;font-weight:600}.birth-panel input{display:block;width:100%;height:44px;margin-top:6px;padding:8px 11px;border:1px solid rgba(188,134,70,.5);border-radius:9px;color:var(--ink);background:rgba(255,251,238,.94);font-size:15px}.gender-label{margin:0 0 6px}.gender-choice{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}.gender-choice button{height:44px;border:1px solid rgba(188,134,70,.56);border-radius:9px;color:var(--ink);background:rgba(255,251,238,.9);font-size:14px}.gender-choice button.is-selected{border-color:var(--red-dark);color:#fff8e9;background:var(--red)}.sex-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important}.form-cta{position:relative;width:100%;margin-top:14px}.privacy-note{position:relative;z-index:3;margin:19px 0 0;color:var(--ink);font-size:12px;line-height:1.38}.birth-note{position:relative;z-index:3;margin:15px auto 0;max-width:250px;text-align:left}.error{position:relative;z-index:4;margin:9px 0;padding:8px;border-left:3px solid var(--red);color:var(--red-dark);background:#f3d7c7;font-size:12px}
.opening-page{min-height:100vh;padding:0 22px;text-align:center;background:#ead3a4}.opening-page>.brand{position:relative;z-index:3;padding-top:4px}.opening-video{position:absolute;z-index:0;inset:29px 0 0;width:100%;height:calc(100% - 29px);border:0;object-fit:cover;object-position:center;opacity:.34;mix-blend-mode:multiply}.opening-page:after{content:'';position:absolute;z-index:1;inset:29px 0 0;background:linear-gradient(180deg,rgba(255,247,224,.38),rgba(255,247,224,.12) 56%,rgba(255,247,224,.82));pointer-events:none}.opening-overlay,.opening-art,.opening-foot,.opening-skip{position:relative;z-index:2}.opening-overlay{min-height:575px;margin-top:5px}.vertical-title{position:absolute;top:83px;left:50%;margin:0;transform:translateX(-50%);color:#111;font-size:46px;font-weight:700;line-height:1.02}.opening-message{position:absolute;top:350px;width:100%;margin:0;color:var(--ink);font-size:16px;line-height:1.45}.progress-line{position:absolute;top:451px;left:13%;width:74%;height:6px;background:rgba(165,45,43,.18)}.progress-line span{display:block;width:70%;height:100%;background:var(--red)}.opening-overlay>strong{position:absolute;top:466px;right:10%;font:700 14px ui-sans-serif,system-ui,sans-serif}.opening-art{height:210px;margin:0 -22px;opacity:.92}.opening-art img{object-position:57% 38%}.opening-foot{margin:9px 0 0;color:var(--ink);font-size:12px;line-height:1.48}.opening-skip{display:block;margin:13px auto 0;visibility:hidden;border:0;color:var(--red-dark);background:transparent;font-size:12px}.opening-skip.is-visible{visibility:visible}
.journey-page{min-height:calc(100vh - 65px);padding:17px 20px 20px;text-align:center}.eyebrow{margin:0;color:var(--red);font:700 10px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em}.center{text-align:center}.journey-page>h1{margin:6px 0 0;color:var(--red);font-size:58px;font-weight:500;line-height:1}.journey-page>h2{margin:4px 0 7px;font-size:23px;font-weight:500}.journey-lead{margin:0 auto 17px;color:var(--ink);font-size:12px;line-height:1.35}.birth-summary{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;border:1px solid var(--gold);border-radius:8px;background:rgba(255,249,235,.84);text-align:left}.birth-summary>div{padding:11px;border-right:1px solid rgba(157,105,50,.32)}.birth-summary>div:nth-child(2){border-right:0}.birth-summary .summary-wide{grid-column:1/-1;border-top:1px solid rgba(157,105,50,.32);border-right:0}.birth-summary strong,.birth-summary small{display:block}.birth-summary strong{font-size:13px;line-height:1.25}.birth-summary small{margin-top:3px;color:var(--muted);font-size:9px}.journey-quote{margin:12px 0 8px;padding:11px 10px;border:1px solid rgba(188,134,70,.28);border-radius:9px;background:rgba(255,247,224,.7);color:var(--ink);font-size:12px;line-height:1.38}.journey-quote span{display:block;margin-top:3px}.journey-lower{display:grid;grid-template-columns:44% 56%;gap:7px;align-items:end}.journey-cameo{height:178px;overflow:hidden;border-radius:8px 8px 0 0}.journey-cameo .scene-art{height:100%}.journey-cameo img{object-position:17% 45%}.journey-links{display:grid;gap:5px}.journey-links button{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:6px 8px;border:1px solid rgba(188,134,70,.45);border-radius:8px;color:var(--ink);background:rgba(255,248,230,.85);text-align:left;font-size:10px;line-height:1.18}.journey-links span{color:var(--red);font-size:18px}.wide-cta{width:100%;margin-top:11px}
.bunbun-note{position:relative;margin:0;padding:9px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.bunbun-note p{margin:0;color:var(--ink);font-size:11px;line-height:1.4}.bunbun-note>span{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.chapters-page{min-height:calc(100vh - 65px);padding:16px 19px 18px}.chapters-page h1{margin:4px 0 4px;text-align:center;font-size:29px;font-weight:500}.chapters-lead{margin:0;text-align:center;color:var(--ink);font-size:12px}.chapter-rows{display:grid;gap:7px;margin-top:17px}.chapter-row{display:grid;grid-template-columns:34px 1fr 86px 15px;align-items:center;gap:7px;width:100%;min-height:80px;padding:7px 8px;border:1px solid var(--gold);border-radius:9px;color:var(--ink);background:rgba(255,249,235,.78);text-align:left;box-shadow:inset 0 0 0 2px rgba(188,134,70,.08)}.chapter-row.is-locked{min-height:70px}.chapter-number{color:#111;font-size:28px;text-align:center}.is-locked .chapter-number{font-size:15px}.chapter-copy{min-width:0}.chapter-copy strong,.chapter-copy small,.chapter-copy em{display:block}.chapter-copy strong{color:var(--red);font-size:15px;font-weight:600;line-height:1.15}.is-locked .chapter-copy strong{color:var(--ink)}.chapter-copy small{margin-top:3px;font-size:12px}.chapter-copy em{margin-top:4px;color:var(--muted);font-size:9px;font-style:normal;line-height:1.15}.chapter-thumb{width:86px;height:57px;object-fit:cover;object-position:30% center;border-radius:5px;opacity:.92}.is-locked .chapter-thumb{opacity:.55;filter:saturate(.55)}.entry-arrow{color:var(--ink);font-size:23px}.chapter-cameo{height:108px;margin:10px -19px 0;overflow:hidden}.chapter-cameo .scene-art{height:100%}.chapter-cameo img{object-position:16% 42%}.chapter-note{margin-top:6px;text-align:center}
.result-page{min-height:calc(100vh - 65px);padding:15px 19px 18px}.result-heading{text-align:left}.result-heading h1{margin:0;font-size:25px;font-weight:500}.result-heading p{margin:4px 0 12px;color:var(--ink);font-size:12px}.result-card{position:relative;padding:16px 14px 0;border:1px solid var(--gold);border-radius:10px;background:rgba(255,249,235,.86);box-shadow:inset 0 0 0 2px rgba(188,134,70,.08)}.result-card-title{position:relative;z-index:1;width:55%;min-height:137px}.result-card-title h2{margin:7px 0 1px;color:#111;font-size:39px;line-height:1}.result-label{margin:0;color:#111;font-size:16px}.result-image{position:absolute;top:14px;right:10px;width:43%;height:151px;object-fit:cover;object-position:12% center;border-radius:5px;filter:saturate(.92) brightness(1.03)}.result-tagline{clear:both;margin:12px 0 0;padding:8px 10px;border:1px solid rgba(188,134,70,.32);border-radius:8px;color:var(--red);background:rgba(250,226,181,.58);font-size:12px;line-height:1.3}.result-body{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:12px}.result-body>p{margin:0;color:var(--ink);font-size:12px;line-height:1.43}.result-quote{align-self:start;padding:9px;border-radius:8px;background:rgba(244,222,181,.6);color:var(--ink);font-size:11px;line-height:1.35}.result-quote span{display:block;margin-top:4px;text-align:right}.source-button{display:flex;align-items:center;gap:9px;width:100%;margin-top:15px;padding:11px 3px;border:1px solid rgba(188,134,70,.42);border-radius:8px;color:var(--red-dark);background:rgba(255,248,230,.82);text-align:left}.source-button strong{flex:1;font-size:13px;font-weight:500}.source-button span:last-child{font-size:21px}.result-cameo{display:grid;grid-template-columns:45% 55%;align-items:end;margin-top:10px}.result-cameo>.scene-art{height:135px;border-radius:7px 7px 0 0}.result-cameo>.scene-art img{object-position:15% 43%}.result-note{margin-bottom:8px}.result-controls{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:5px}.result-controls button{width:100%}.result-footer{margin-top:13px;text-align:center;color:var(--ink);font-size:17px;letter-spacing:.13em}.result-footer small{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.35;letter-spacing:0}
.source-sheet{position:fixed;z-index:10;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:rgba(47,30,19,.42)}.source-panel{position:relative;width:min(100%,430px);max-height:82vh;overflow:auto;padding:23px 18px 25px;border:1px solid var(--line);border-radius:18px 18px 0 0;background:var(--paper-light);box-shadow:0 -8px 35px rgba(50,25,10,.2)}.source-close{position:absolute;top:9px;right:12px;border:0;color:var(--red-dark);background:transparent;font-size:27px}.source-panel h2{margin:5px 0 2px;font-size:26px;font-weight:500}.source-module{margin:0 0 14px;color:var(--muted);font-size:12px}.source-status{display:flex;justify-content:space-between;gap:8px;padding:9px 8px;border-left:3px solid var(--red);background:rgba(242,220,181,.55);font-size:11px}.source-status span{color:var(--muted);font-size:9px}.source-panel h3{margin:16px 0 6px;font-size:15px;font-weight:500}.source-chinese{max-height:230px;overflow:auto;margin:0;padding:10px;border:1px solid var(--line);color:var(--ink);background:rgba(247,235,207,.72);font-family:'Noto Serif CJK TC',SimSun,serif;font-size:15px;line-height:1.75;white-space:pre-wrap}.source-empty{margin:16px 0 0;padding:10px;border-left:3px solid var(--gold);color:var(--muted);font-size:12px;line-height:1.5}.source-meta{margin:15px 0 0;border-top:1px solid rgba(157,105,50,.4)}.source-meta div{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid rgba(157,105,50,.27);font-size:11px}.source-meta dt{color:var(--muted)}.source-meta dd{margin:0;overflow-wrap:anywhere}
.content{width:min(100%,720px)}.journey-visual{width:100%}.journey-visual-frame{aspect-ratio:16/9}.journey-visual-frame img{height:100%!important;object-fit:contain!important}.chinese{max-height:min(42vh,300px);overflow:auto}
.historical-source:not([open])>.source-slot{display:none!important}
.birth-edge-art{position:absolute!important;inset:80px 0 auto;height:150px;z-index:0!important;display:flex;justify-content:space-between;overflow:hidden;pointer-events:none}.birth-edge-art img{display:block;height:150px;object-fit:cover}.birth-edge-art img:first-child{width:60px}.birth-edge-art img:last-child{width:31px}.birth-note{position:absolute!important;left:5px;top:146px;z-index:3;width:75px;margin:0!important;padding:0!important;border:0!important;text-align:left}.birth-note p{font-size:9px;font-style:italic;line-height:1.35}.birth-note>span{margin-top:4px;font-size:8px}.birth-bg-art{inset:auto -24px 29px;height:294px;opacity:1}.birth-bg-art img{object-fit:cover;object-position:center;filter:none}.birth-bg-art:after{background:none}.page-heading{margin-top:6px}.birth-panel{width:min(calc(100% - 24px),220px);margin:15px auto 0;padding:13px 12px 4px}.birth-panel label{margin-bottom:7px}.birth-panel input{height:42px;margin-top:4px}.gender-choice button{height:42px}.form-cta{margin-top:9px;border-radius:10px;padding:8px 10px;font-size:13px;white-space:nowrap}.privacy-note{margin-top:8px}
@media(max-width:380px){.cover-heading{min-height:244px}.cover-chinese{font-size:61px}.cover-art{height:252px}.birth-page{padding-left:18px;padding-right:18px}.journey-page{padding-left:15px;padding-right:15px}.chapter-row{grid-template-columns:29px 1fr 72px 13px;gap:5px;padding-left:5px;padding-right:5px}.chapter-thumb{width:72px;height:54px}.chapter-copy strong{font-size:13px}.chapter-copy em{font-size:8px}.result-body{grid-template-columns:1fr}.result-quote{display:none}.result-card-title{width:58%}.result-image{width:39%}}
@media(min-width:600px){.book-shell{border-left:1px solid rgba(157,105,50,.25);border-right:1px solid rgba(157,105,50,.25)}}
.cover-page{position:relative;isolation:isolate;min-height:844px;padding-bottom:14px;background:linear-gradient(180deg,rgba(255,248,229,.14),rgba(255,248,229,.04) 54%,rgba(255,248,229,.2))}.cover-page>.device-status,.cover-page>.brand,.cover-heading,.cover-art,.cover-cta,.topic-strip,.cover-footer,.cover-note{z-index:2}.cover-page>.brand{margin-top:10px}.cover-edge-art{position:absolute!important;inset:0 0 auto;height:330px;z-index:0!important;display:flex;justify-content:space-between;overflow:hidden;pointer-events:none}.cover-edge-art img{display:block;height:330px;object-fit:fill}.cover-edge-art img:first-child{width:126px;object-position:left top}.cover-edge-art img:last-child{width:148px;object-position:right top}.cover-heading{min-height:250px;margin-top:20px}.cover-chinese{font-family:'KaiTi','STKaiti','Noto Serif CJK SC',serif;font-size:67px;font-weight:700}.cover-tagline-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cover-art{display:flex;justify-content:center;align-items:flex-start;height:278px;margin:-36px -18px 0;background:transparent;overflow:visible}.cover-art:after{display:none}.cover-art img{top:0;width:304px;height:276px;object-fit:fill;object-position:center;filter:none}.cover-cta{position:relative;width:calc(100% - 24px);height:56px;min-height:56px;margin:-2px auto 0;padding:11px 14px;border:2px solid #d8a35e;border-radius:16px;box-shadow:inset 0 0 0 2px rgba(255,221,147,.45),0 4px 0 #74271e,0 7px 13px rgba(112,31,32,.18);font-size:16px}.cover-cta:before,.cover-cta:after{position:absolute;top:50%;transform:translateY(-50%);color:#e3b56a;font-size:20px;line-height:1}.cover-cta:before{content:'❧';left:8px}.cover-cta:after{content:'❧';right:8px;transform:translateY(-50%) scaleX(-1)}.topic-strip{margin-top:30px}.cover-footer{margin-top:20px}.cover-note{position:absolute!important;right:9px;top:354px;width:69px;margin:0;padding:0;border:0;background:transparent;text-align:left}.cover-note p{font-size:9px;font-style:italic;line-height:1.35}.cover-note>span{margin-top:4px;font-size:8px}
.cover-heading{z-index:3;margin-top:10px}.cover-heading>.cover-chinese{color:transparent}.cover-brush{position:absolute!important;top:7px;left:50%;z-index:1;width:86px;height:202px;transform:translateX(-50%);object-fit:fill}.cover-edge-art>.cover-blossoms{position:absolute;top:0;left:73px;width:205px;height:44px;object-fit:fill}.cover-art{height:293px;margin-top:-26px}.topic-strip{margin-top:25px}
.screen-home .book-page{padding:0;background:#fbf2d9}
.cover-page{width:100%;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden;background:#fbf2d9}
.cover-approved-art{display:block;width:100%;height:100%;object-fit:fill}
.cover-page>.cover-cta{position:absolute;left:12.5%;top:71.8%;width:75%;height:6.7%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:transparent;font-size:0;line-height:0}
.cover-page>.cover-cta:before,.cover-page>.cover-cta:after{display:none}
.cover-page>.cover-cta>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.screen-birth .book-page{padding:0;background:#fbf2d9}
.birth-mockup-layout{position:relative;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden;background:#fbf2d9}
.birth-approved-art{display:block;width:100%;height:100%;object-fit:fill}
.birth-mockup-layout>.birth-panel{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.birth-mockup-layout .birth-panel label{position:absolute;left:25%;width:50%;height:5.2%;margin:0;padding:0;font-size:0}
.birth-mockup-layout .birth-date-control{top:28.8%}
.birth-mockup-layout .birth-time-control{top:37%}
.birth-mockup-layout .birth-panel input{display:block;width:100%;height:100%;margin:0;padding:0 4px;border:0;border-radius:0;outline-offset:2px;background:transparent;color:#21170f;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:14px;font-weight:600}
.birth-mockup-layout .birth-panel input::-webkit-calendar-picker-indicator{opacity:0}
.birth-mockup-layout .birth-panel input{opacity:0}
.birth-display{position:absolute;z-index:2;left:25%;display:block;width:50%;height:5.2%;color:#21170f;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:14px;font-weight:600;line-height:44px;pointer-events:none}
.birth-display-date{top:28.8%}
.birth-display-time{top:37%}
.birth-display{display:none}
.birth-display.is-visible{display:block}
.birth-mockup-layout .gender-choice{position:absolute;left:26%;top:45.4%;display:flex;width:48%;height:5.1%;margin:0;padding:0;gap:0}
.birth-mockup-layout .gender-choice button{width:50%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;opacity:0}
.birth-mockup-layout .sex-source{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0}
.birth-mockup-layout .form-cta{position:absolute;left:22.3%;top:51.8%;width:56%;height:5.6%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:transparent;font-size:0}
.birth-mockup-layout .form-cta span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.birth-mockup-layout .error{position:absolute;left:20%;top:58%;width:60%;margin:0;color:#a32625;text-align:center;font-size:12px}
.screen-opening .book-page{padding:0;background:#fbf2d9}
.opening-mockup-layout{position:relative;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden;background:#fbf2d9}
.opening-approved-art{display:block;width:100%;height:100%;object-fit:fill}
.opening-mockup-layout>.opening-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.opening-mockup-layout>.opening-skip{position:absolute;left:19%;top:75%;width:62%;height:6%;margin:0;padding:0;border:0;background:transparent;color:transparent;font-size:0;visibility:visible}
.screen-journey .book-page,.screen-chapters .book-page,.screen-result .book-page{padding:0;background:#fbf2d9}
.journey-mockup-layout,.chapters-mockup-layout,.result-mockup-layout{position:relative;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden;background:#fbf2d9}
.mockup-approved-art{display:block;width:100%;height:100%;object-fit:fill}
.mockup-back-control,.mockup-journey-cta,.mockup-chapter-control,.mockup-source-control,.mockup-result-prev,.mockup-result-next{position:absolute;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:transparent;font-size:0;line-height:0}
.mockup-back-control{left:4%;top:3%;width:13%;height:7%}
.mockup-journey-cta{left:22%;top:84.5%;width:56%;height:8%}
.mockup-chapter-control{left:15%;width:70%;height:10%}
.chapters-mockup-layout>.mockup-chapter-control{top:17.5%}
.chapters-mockup-layout>.mockup-chapter-family{top:27.7%}
.chapters-mockup-layout>.mockup-chapter-wealth{top:37.9%}
.mockup-source-control{left:20%;top:58%;width:60%;height:7%}
.mockup-result-prev{left:7%;top:83%;width:33%;height:7%}
.mockup-result-next{left:53%;top:83%;width:40%;height:7%}

/* R125 content library: the approved first viewport remains an unmodified SOT artboard.
   These rules only provide scrollable reading content after that viewport. */
.library-enabled{height:auto!important;min-height:100vh!important;overflow:visible!important}
.library-enabled>.sot-viewport{position:relative;width:100%;height:100vh;min-height:844px;overflow:hidden;background:#fbf2d9}
.library-enabled>.sot-viewport>.mockup-approved-art{display:block;width:100%;height:100%;object-fit:fill}
.library-enabled .sot-viewport>.mockup-back-control,.library-enabled .sot-viewport>.mockup-journey-cta,.library-enabled .sot-viewport>.mockup-chapter-control,.library-enabled .sot-viewport>.mockup-source-control,.library-enabled .sot-viewport>.mockup-result-prev,.library-enabled .sot-viewport>.mockup-result-next{position:absolute}
.library-enabled .chapter-sot-viewport>.mockup-chapter-control{left:15%;width:70%;height:10%}
.library-enabled .chapter-sot-viewport>.mockup-chapter-control{top:17.5%}
.library-enabled .chapter-sot-viewport>.mockup-chapter-family{top:27.7%}
.library-enabled .chapter-sot-viewport>.mockup-chapter-wealth{top:37.9%}
.library-enabled .result-sot-viewport>.mockup-source-control{left:20%;top:58%;width:60%;height:7%}
.result-neutral-layout{position:relative;min-height:100vh;margin:0;padding:0;background:#fbf2d9}
.neutral-result-hero{position:relative;padding:30px 18px 21px 62px;border-bottom:1px solid rgba(157,105,50,.48);background:linear-gradient(180deg,rgba(247,235,207,.94),rgba(251,242,217,.95))}.neutral-result-hero .library-back{left:18px;top:29px}.neutral-result-hero h1{margin:5px 0 7px;color:#21170f;font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:500;line-height:1.08}.neutral-result-hero>p:last-child{margin:0;color:#5e4c3b;font-size:13px;line-height:1.5}.neutral-result-cn{margin:5px 0 0;color:#21170f;font-family:'Noto Serif CJK TC',SimSun,serif;font-size:20px;line-height:1.2}
.library-index,.library-chapter-page,.library-reading-card{position:relative;background:#fbf2d9;color:#21170f}
.library-index{padding:30px 18px 42px;border-top:1px solid rgba(157,105,50,.45)}
.library-kicker,.level-label{margin:0;color:#a32625;font:700 10px/1.35 ui-sans-serif,system-ui,sans-serif;letter-spacing:.15em}
.library-index h1,.library-page-head h1,.library-reading-card h1{margin:5px 0 7px;font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.08}
.library-index h1{font-size:28px}.library-lead,.library-page-head>p:last-child,.reading-summary{margin:0;color:#5e4c3b;font-size:13px;line-height:1.5}
.library-chapter-grid{display:grid;gap:9px;margin-top:18px}
.library-chapter-card,.family-card{position:relative;display:grid;width:100%;padding:13px 37px 13px 46px;border:1px solid #bc8646;border-radius:10px;background:rgba(255,249,235,.87);color:#21170f;text-align:left;box-shadow:inset 0 0 0 2px rgba(188,134,70,.08)}
.library-chapter-card>span{position:absolute;left:13px;top:14px;color:#a32625;font:700 14px Georgia,serif}.library-chapter-card strong,.family-card strong{color:#7d2825;font-size:15px;line-height:1.25}.library-chapter-card small,.family-card small{margin-top:4px;color:#6d5b49;font-size:11px}.library-chapter-card b,.family-card b{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400}
.library-chapter-page{min-height:100vh;padding:24px 18px 42px}.library-page-head{position:relative;padding:0 0 18px 43px;border-bottom:1px solid rgba(157,105,50,.42)}.library-page-head h1{font-size:30px}.library-back{position:absolute;left:0;top:4px;width:31px;height:31px;border:1px solid #bc8646;border-radius:50%;background:#fff8e6;color:#7d2825;font-size:20px}.family-card-list{display:grid;gap:9px;margin-top:17px}.family-card{min-height:78px;padding-left:13px}.family-card-cn{color:#21170f;font-family:'Noto Serif CJK TC',SimSun,serif;font-size:13px}.family-card strong{margin-top:3px}.family-card small{padding-right:10px}
.library-reading-card{padding:27px 18px 43px;border-top:1px solid rgba(157,105,50,.48)}.reading-cn-title{margin:4px 0 0;color:#21170f;font-family:'Noto Serif CJK TC',SimSun,serif;font-size:23px;line-height:1.15}.library-reading-card h1{font-size:31px}.reading-summary{margin-bottom:17px}.method-picker{margin:18px 0;padding:12px;border:1px solid rgba(188,134,70,.5);border-radius:10px;background:rgba(249,232,195,.55)}.method-picker>p{margin:0 0 8px;color:#a32625;font:700 10px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em}.method-picker>div{display:grid;gap:7px}.method-picker button{display:block;width:100%;padding:9px;border:1px solid rgba(188,134,70,.45);border-radius:7px;background:rgba(255,250,238,.82);color:#21170f;text-align:left}.method-picker button.is-selected{border-color:#a32625;background:#f5dfbd}.method-picker button strong,.method-picker button span{display:block}.method-picker button strong{color:#7d2825;font-size:11px}.method-picker button span{margin-top:3px;font-family:'Noto Serif CJK TC',SimSun,serif;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.reading-level{margin-top:13px;padding:14px 13px;border:1px solid rgba(188,134,70,.45);border-radius:10px;background:rgba(255,249,235,.8)}.reading-level h2{margin:4px 0 8px;font-size:20px;font-weight:500}.reading-level p{margin:7px 0 0;color:#463729;font-size:13px;line-height:1.55}.key-result{margin-top:9px;padding:10px;border-left:3px solid #a32625;background:rgba(242,220,181,.58);font-family:'Noto Serif CJK TC',SimSun,serif;font-size:17px;line-height:1.55;overflow-wrap:anywhere}.reading-level summary{cursor:pointer;color:#7d2825;font-size:17px;font-weight:600}.reading-level[open] summary{margin-bottom:10px}.reading-bunbun{margin-top:13px;padding:10px;border-top:1px solid rgba(157,105,50,.34);border-bottom:1px solid rgba(157,105,50,.34)}.reading-bunbun p{margin:0}.reading-bunbun span{display:block;margin-top:5px;color:#76634e;font-size:11px}.library-source-button{margin-top:10px}.reading-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.reading-actions button{min-height:44px;padding:8px;font-size:12px}
.source-literal,.source-glossary{color:#463729;font-size:12px;line-height:1.55}.source-glossary{padding:8px;border-left:3px solid #bc8646;background:rgba(242,220,181,.4)}.source-selector{margin-top:14px;border-top:1px solid rgba(157,105,50,.4);padding-top:10px;color:#7d2825;font-size:12px}.source-selector pre{max-height:180px;overflow:auto;padding:9px;background:rgba(247,235,207,.72);color:#21170f;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:380px){.library-index,.library-chapter-page,.library-reading-card{padding-left:14px;padding-right:14px}.library-enabled>.sot-viewport{min-height:844px}.reading-actions{grid-template-columns:1fr}.library-index h1{font-size:26px}.library-reading-card h1{font-size:28px}}