:root{color-scheme:light;--paper:#f4efdf;--ink:#343e30;--moss:#6d7950;--muted:#77806a;--line:#b8bea1;--bamboo:#d4a46a;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.65'/%3E%3C/svg%3E")}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;min-height:100svh}body:before{content:'';position:fixed;inset:0;background-image:var(--grain);opacity:.075;mix-blend-mode:multiply;pointer-events:none;z-index:8}header{max-width:980px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px 28px 24px}.wordmark{color:var(--ink);text-decoration:none;font-size:17px;letter-spacing:4px}.wordmark span{display:block;font:7px/1.4 system-ui,sans-serif;letter-spacing:6px;margin-top:6px}.edition{font-size:10px;letter-spacing:1px;color:var(--muted);white-space:nowrap}main{max-width:500px;margin:auto;padding:14px 28px 25px}.screen{text-align:center}h1{font-weight:400;font-size:35px;line-height:1.22;letter-spacing:-1px;margin:0 0 17px}h1:focus{outline:none}h1 em{font-weight:400;color:var(--moss)}.eyebrow{font:8px/1.8 system-ui,sans-serif;letter-spacing:2px;color:var(--moss);margin:0 0 15px}.intro{font:13px/1.9 Georgia,serif;color:#69735d;margin:0}.primary{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;padding:15px 19px;border:1px solid #68764b;border-radius:11px;background:#68764b;color:#fcf7e9;font:12px/1.6 system-ui,sans-serif;text-decoration:none;cursor:pointer}.primary span{font-size:19px;line-height:1}.primary:hover:enabled{background:#53613c}button:disabled{opacity:.4;cursor:default}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #4f5b35;outline-offset:5px}.small-note{font:9px/1.9 system-ui,sans-serif;color:var(--muted);margin:17px 0 0}footer{text-align:center;color:#7e856f;font:8px/1.9 system-ui,sans-serif;padding:15px 25px 27px;letter-spacing:.5px}.loading{padding:60px 0;color:var(--moss)}
/* Welcome: one restrained seal, one invitation. */
.welcome-mode main{padding-top:9px}.screen-1{padding-top:15px}.welcome-mark{position:relative;width:166px;height:166px;margin:0 auto 33px;display:grid;place-items:center}.mark-orbit{position:absolute;inset:3px;border:1px solid #afb797;border-radius:50%}.mark-orbit:before{content:'';position:absolute;inset:10px;border:1px solid #c6ccb3;border-radius:50%}.mark-center{display:grid;place-items:center;width:99px;height:99px;border-radius:23px;background:#dce2cc;color:#66794e;font-size:50px;font-weight:400;box-shadow:inset 0 0 0 1px #aebc9433;transform:rotate(-4deg)}.welcome-mark i{position:absolute;width:9px;height:9px;top:12px;right:33px;background:#8c9a72;border:2px solid var(--paper);border-radius:50%}.screen-1 h1{font-size:38px}.screen-1 .primary{margin-top:36px}.screen-1 .intro{max-width:350px;margin:auto}
/* Every theme remains explicit and readable if its decorative image fails. */
.page-heading{margin-bottom:25px}.page-heading h1{font-size:30px;margin-bottom:10px;letter-spacing:-.6px}.page-heading .eyebrow{margin-bottom:10px}.themes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px}.theme{position:relative;min-height:88px;display:flex;align-items:center;gap:8px;text-align:left;padding:12px 11px;border:1px solid #c4cbb3;border-radius:17px;background:#eef0e2;color:var(--ink);cursor:pointer;font:12px/1.4 system-ui,sans-serif;transition:background .15s ease,border-color .15s ease}.theme:hover{background:#e7ecd9}.theme.selected{background:#e1e8d1;border-color:#7f9566;box-shadow:inset 0 0 0 1px #7f9566}.jade-frame{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center}.theme-jade{display:block;object-fit:contain;width:52px;height:52px;max-width:100%}.theme-label{position:relative}.theme-check{color:#72845a;position:absolute;top:7px;right:9px;font-size:10px}.theme:last-child{grid-column:1/-1;justify-content:center;gap:14px}.theme:last-child .theme-check{right:14px;top:36px}.theme-mode .primary{margin-top:0}
/* Unified open paper. All three reading layers remain directly visible. */
.result-label{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin:0 2px 18px;color:var(--moss);font:8px/1.7 system-ui,sans-serif;letter-spacing:1.5px}.result-label span:last-child{font:12px Georgia,serif;letter-spacing:0}.fortune-paper{position:relative;padding:27px 24px 25px;background:#f9f3e5;border:1px solid #d0c8ac;border-radius:3px;box-shadow:0 7px 23px #54462a08;text-align:left;margin-bottom:24px}.fortune-paper:before{content:'';position:absolute;inset:8px;border:1px solid #c7cbb249;pointer-events:none}.paper-top{display:flex;align-items:center;justify-content:space-between;color:#79805e;font-size:11px;letter-spacing:3px}.red-seal{font-size:12px;line-height:1.1;color:#9d674d;border:1px solid #ad7960;padding:3px 4px;letter-spacing:0;transform:rotate(-5deg)}.fortune-number{text-align:center;font:9px/1.7 system-ui,sans-serif;letter-spacing:2px;color:#7b8266;margin:26px 0 10px}.grade{text-align:center;color:#8b6045;font-size:15px;margin:0 0 17px}.grade span:last-child{font:10px/1.7 system-ui,sans-serif}.fortune-paper h1{text-align:center;font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:0 0 10px}.chinese-title{text-align:center;font-size:11px;letter-spacing:3px;color:#85836c;margin:0}.poem-zh{text-align:center;font-size:17px;letter-spacing:2px;line-height:1.9;margin:27px 0 23px}.poem-zh p,.poem-en p{margin:3px 0}.poem-en{text-align:center;color:#787d67;font-size:13px;line-height:1.9;font-style:italic}.paper-divider{display:flex;align-items:center;gap:15px;justify-content:center;margin:28px 0;color:#90976d;font-size:10px}.paper-divider span{width:48px;height:1px;background:#c6cbb2}.reading{margin:25px 0}.reading-index{font:8px/1.6 system-ui,sans-serif;letter-spacing:1.4px;color:#899075}.reading h2{font-size:19px;font-weight:400;margin:7px 0 12px}.reading p{font-size:14px;line-height:1.9;margin:0;color:#505a44}.guidance{border-top:1px solid #d5d8c2;padding-top:22px}.guidance p{font-style:normal;color:#626f4d}.editorial{text-align:center;font:8px/1.9 system-ui,sans-serif;color:#92947c;padding-top:15px;margin-bottom:0}
/* The vessel room: flat moss print, expressive bamboo, no scenic clutter. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.ceremony-mode header{position:absolute;inset:0 0 auto;max-width:none;z-index:5;padding:27px 26px;pointer-events:none}.ceremony-mode header a{pointer-events:auto}.ceremony-mode .edition,.ceremony-mode footer{display:none}.ceremony-mode .wordmark{font-size:15px}.ceremony-mode main{max-width:none;padding:0}.ceremony-scene{position:relative;isolation:isolate;min-height:100svh;background:var(--paper);overflow:clip}.scene-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}.moss-print{position:absolute;left:-3%;right:-3%;top:20%;bottom:21%;background:#92976b;clip-path:polygon(0 1%,8% 0,17% 1%,25% 0,36% 1%,47% .2%,59% 1%,71% 0,83% 1%,94% .2%,100% 1%,100% 99%,91% 100%,80% 99%,69% 100%,57% 99%,45% 100%,34% 99%,22% 100%,12% 99%,0 100%)}.moss-print:after{content:'';position:absolute;inset:0;background-image:var(--grain);opacity:.09;mix-blend-mode:soft-light}.scene-content{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:110px 22px 36px}.scene-theme{position:absolute;right:24px;top:22px;z-index:6;margin:0;min-height:48px;color:#40472f;font:15px/1.4 Georgia,serif}.theme-edit{border:0;border-bottom:1px solid #899175;border-radius:9px;background:transparent;min-width:90px;padding:3px 4px 5px;text-align:right;cursor:pointer}.theme-edit span{color:#6d7950;font-size:18px}.theme-edit small{display:block;font:8px/1.6 system-ui,sans-serif;color:#7f876c;margin-top:2px}.theme-edit:disabled{opacity:.5}.locked-theme{font-size:14px;padding-top:7px}.locked-theme span{display:block;font:8px/1.6 system-ui,sans-serif;letter-spacing:1px;color:#7e876b}.central-stage{--slip-height:235px;--slip-width:58px;--slip-end:-105px;--slip-start:90px;position:relative;flex:1;min-height:390px;width:100%;max-width:510px;display:grid;place-items:center}.vessel-object{position:relative;display:grid;place-items:center;appearance:none;border:0;background:transparent;width:280px;height:360px;padding:0;z-index:3;transform:translateY(18px);border-radius:48%;cursor:pointer}.vessel-object:focus-visible{outline:3px solid #f4efdf;outline-offset:8px}.scene-vessel{position:relative;width:224px;height:315px}.scene-instruction{position:relative;z-index:5;text-align:center;padding-top:25px;min-height:95px}.scene-instruction p{font:22px/1.5 Georgia,serif;color:#3c422e;margin:0 0 17px;max-width:330px}.scene-instruction>span{font:8px/1.7 system-ui,sans-serif;letter-spacing:3px;color:#7a8266}.motion-running .vessel-object{opacity:1;pointer-events:none}.motion-running .touch-ring{animation:none;opacity:0}.fortune-object,.motion-flight{width:var(--slip-width);height:var(--slip-height);padding:17px 7px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:repeating-linear-gradient(90deg,#f0d29b 0 4px,#a0804b22 4px 5px,#f0d29b 5px 8px);color:#39422c;border:1px solid #5c5e3b;border-radius:7px 7px 2px 2px;box-shadow:3px 4px #38402b33;transform:translateY(var(--slip-end)) rotate(3deg)}.fortune-object{position:relative;z-index:4;cursor:pointer}.fortune-object:focus-visible{outline:3px solid #414e2c;outline-offset:10px}.motion-flight{--rise:0;position:absolute;left:calc(50% - var(--slip-width)/2);top:calc(50% - var(--slip-height)/2);transform:translateY(calc(var(--slip-start) + (var(--slip-end) - var(--slip-start))*var(--rise))) rotate(calc(-4deg + 7deg*var(--rise)));opacity:0;z-index:4;pointer-events:none;clip-path:inset(0 0 calc((1 - var(--rise))*100%) 0)}.slip-top,.slip-bottom{writing-mode:vertical-rl;font-size:11px;letter-spacing:3px}.slip-number{font-size:30px;width:100%;border-block:1px solid #676d46;padding:5px 0;font-weight:400}.slip-seal{font-size:14px;border:1px solid #a17452;color:#96654b;padding:1px}.settled-vessel{position:absolute;pointer-events:none}.motion-aura{position:absolute;top:50%;left:50%;width:300px;height:350px;transform:translate(-50%,-65%);background:radial-gradient(ellipse,#f2edd33a,transparent 66%);opacity:0;pointer-events:none;z-index:1}.settled-aura{opacity:.15}.motion-sparks{position:absolute;left:50%;top:35%;pointer-events:none;z-index:4}.motion-particle{position:absolute;left:-1px;width:3px;height:3px;background:#f6e7bf;border-radius:50%;opacity:0}@keyframes touch-breathe{50%{opacity:.35;transform:scale(.95)}}
@media(min-width:700px){header{padding-top:38px}main{padding-top:25px}.welcome-mode main{padding-top:25px}.screen-1{padding-top:25px}.welcome-mark{margin-bottom:40px}.screen-1 h1{font-size:43px}.theme-mode main{max-width:520px}.moss-print{left:12%;right:12%;top:19%;bottom:19%}.scene-content{padding-top:110px;padding-bottom:40px}.central-stage{min-height:450px}.scene-instruction p{font-size:24px}.vessel-object{scale:1.15}}
@media(max-width:350px){header{padding:25px 23px 20px}main{padding-left:23px;padding-right:23px}.wordmark{font-size:15px}.edition{font-size:9px}.screen-1 h1{font-size:33px}.page-heading h1{font-size:27px}.theme{min-height:82px;padding:10px 8px;gap:5px;font-size:11px;border-radius:16px}.jade-frame,.theme-jade{width:45px;height:45px;flex-basis:45px}.fortune-paper{padding:25px 19px}.poem-zh{font-size:15px;letter-spacing:1px}.scene-theme{right:21px;font-size:13px}.ceremony-mode .wordmark{font-size:13px}.scene-instruction p{font-size:19px}}
@media(max-height:700px) and (max-width:699px){.theme-mode main{padding-top:8px}.page-heading{margin-bottom:19px}.page-heading h1{font-size:27px}.page-heading .eyebrow{margin-bottom:7px}.theme{min-height:77px;padding-block:9px;border-radius:15px}.themes{gap:8px;margin-bottom:19px}.theme-mode .small-note{font-size:8px}.scene-content{padding-top:88px;padding-bottom:24px}.central-stage{min-height:340px;--slip-height:210px;--slip-width:54px;--slip-end:-90px;--slip-start:80px}.vessel-object{height:320px;scale:.9;transform:translateY(5px)}.scene-instruction{min-height:77px;padding-top:12px}.scene-instruction p{font-size:19px;margin-bottom:10px}.moss-print{top:20%;bottom:22%}.welcome-mark{width:140px;height:140px;margin-bottom:26px}.mark-center{width:85px;height:85px;font-size:43px}.screen-1 .primary{margin-top:27px}}
@media(max-height:450px) and (orientation:landscape){.ceremony-mode header{padding:16px 24px}.scene-theme{top:10px}.scene-content{padding:58px 20px 10px}.central-stage{min-height:220px;height:calc(100svh - 138px);--slip-height:150px;--slip-width:48px;--slip-end:-45px;--slip-start:65px}.vessel-object{width:220px;height:220px;scale:1;transform:none}.vessel-object>.scene-vessel{scale:.65;transform-origin:center;position:absolute;top:-48px}.touch-ring{width:158px;height:32px;bottom:9px}.scene-instruction{min-height:50px;padding-top:0}.scene-instruction p{font-size:16px;margin-bottom:4px}.scene-instruction>span{font-size:7px}.moss-print{top:23%;bottom:19%;left:16%;right:16%}.fortune-object,.motion-flight{padding:9px 5px}.slip-top,.slip-bottom{font-size:9px;letter-spacing:1px}.slip-number{font-size:23px}.slip-seal{font-size:9px}.motion-aura{height:220px;width:220px}.theme-mode .themes{grid-template-columns:repeat(3,1fr)}.theme:last-child{grid-column:auto;justify-content:flex-start}.theme:last-child .theme-check{right:9px;top:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-sparks{display:none}}
.wordmark{display:flex;flex-direction:column;justify-content:center;min-height:44px}
/* Reserve two instruction lines so draw, progress and reveal share one stage origin. */
.scene-instruction p{min-height:3em}

/* Readability and hierarchy refinements from the v0.4 UI review. */
.intro{color:#626d52;font-size:14px;line-height:1.8}
.eyebrow,.small-note,footer,.result-label{font-size:10px;color:#646d56}
.theme-mode .small-note{font-size:10px}
.edition{color:#646d56}
.theme-edit small,.locked-theme span{font-size:10px;color:#626d52}
.scene-instruction>span{font-size:10px;color:#626d52}
.paper-top,.fortune-number,.chinese-title,.reading-index,.editorial{color:#626d52}
.fortune-number,.reading-index,.editorial{font-size:10px}
.grade span:last-child{font-size:11px}
.chinese-title{font-size:12px}
.poem-en{font-size:14px;line-height:1.8;color:#626d52}
.theme-reading,.guidance{background:#edf0e2;border:0;border-radius:13px;padding:16px;margin:24px 0}
.theme-reading h2,.guidance h2{font-size:19px}
.guidance p{color:#505c40}
@media(max-height:450px) and (orientation:landscape){.scene-instruction>span{font-size:10px}.scene-instruction{min-height:54px}}

/* Approved bamboo-and-jade artwork: animate the wrapper, never redraw the vessel. */
.scene-vessel{width:260px;height:350px;display:grid;place-items:center;transform-origin:50% 84%}
.vessel-object{width:280px;height:370px}
.vessel-image{display:block;object-fit:contain;max-width:100%;width:260px;height:350px;filter:drop-shadow(0 7px 3px #35452c12)}
.vessel-fallback{display:none;color:#35482d;font:20px/1.6 Georgia,serif;text-align:center;padding:32px 20px;border:1px solid #9ca98a;border-radius:18px;background:#e8ecda}
.vessel-fallback small{font:11px/1.7 system-ui,sans-serif}
.scene-vessel.asset-failed .vessel-fallback{display:block}
.central-stage{--slip-height:260px;--slip-width:64px;--slip-end:-105px;--slip-start:90px}
.fortune-object,.motion-flight{position:relative;background:transparent;border:0;border-radius:9px;box-shadow:none;padding:0;overflow:visible;color:#364a2c}
.motion-flight{position:absolute}
.stick-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.slip-top,.slip-number,.slip-bottom{position:absolute;left:0;right:0;z-index:1;text-align:center;pointer-events:none}
.slip-top{top:18%;font-size:10px;letter-spacing:2px;writing-mode:vertical-rl;right:auto;left:calc(50% - 5px);height:65px}
.slip-number{top:48%;font-size:30px;line-height:1.3;border:0;padding:0;text-shadow:0 1px 0 #edf2d199}
.slip-bottom{bottom:12%;writing-mode:horizontal-tb;font-size:9px;letter-spacing:1px}
.fortune-object.asset-failed,.motion-flight.asset-failed{background:#dce6c7;border:1px solid #8d9d74}
@media(min-width:700px){.vessel-object{scale:1.12}}
@media(max-height:700px) and (max-width:699px){.vessel-object{height:340px;scale:.88}.central-stage{--slip-height:230px;--slip-width:58px;--slip-end:-90px;--slip-start:80px}}
@media(max-height:450px) and (orientation:landscape){.vessel-object{width:220px;height:220px;scale:1}.vessel-object>.scene-vessel{scale:.6;top:-65px}.central-stage{--slip-height:160px;--slip-width:48px;--slip-end:-45px;--slip-start:65px}.slip-top{font-size:8px;height:40px;top:14%;letter-spacing:1px}.slip-number{font-size:23px}.slip-bottom{font-size:8px;bottom:11%}}
/* Source PNGs include transparent margins. Preserve their aspect ratio while
   letting the central visible artwork, rather than the full canvas, set scale. */
.vessel-image{position:absolute;top:50%;left:50%;width:auto;height:430px;max-width:none;transform:translate(-50%,-50%);object-fit:contain}
.fortune-object,.motion-flight{overflow:hidden}
.stick-image{inset:auto;top:0;left:50%;width:auto;height:100%;max-width:none;transform:translateX(-50%);object-fit:contain}
.slip-number{font-size:25px}
.slip-bottom{font-size:8px;letter-spacing:0}
@media(max-height:450px) and (orientation:landscape){.slip-number{font-size:19px}.slip-bottom{font-size:7px}}

.slip-top,.slip-number,.slip-bottom{color:#674127;mix-blend-mode:multiply;text-shadow:0 1px .6px #fff0cd99,0 -1px .5px #58351e55;opacity:.94;-webkit-text-stroke:.15px #674127}
.slip-number{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:23px;letter-spacing:-.5px;top:48%;line-height:1.3}
.slip-top{font-family:'Songti SC','STSong',Georgia,serif;font-size:9px;font-weight:600;letter-spacing:2px}
.slip-bottom{font-family:'Songti SC','STSong',Georgia,serif;font-size:8px;letter-spacing:.1px}
@media(max-height:450px) and (orientation:landscape){.slip-number{font-size:18px}.slip-top{font-size:8px;letter-spacing:1px}.slip-bottom{font-size:7px}}

/* One restrained engraved legend, without duplicated headings or labels. */
.slip-carving{position:absolute;z-index:1;top:28%;bottom:19%;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#674127;font-family:'Songti SC','STSong',Georgia,serif;font-size:13px;font-weight:600;line-height:1;mix-blend-mode:multiply;text-shadow:0 1px .5px #fff0cd99,0 -.6px .4px #58351e55;opacity:.94;pointer-events:none}
.slip-carving .slip-number{position:static;inset:auto;width:auto;z-index:auto;display:block;font-size:var(--number-size);line-height:1;letter-spacing:-.6px;color:inherit;text-shadow:none;mix-blend-mode:normal;opacity:1;-webkit-text-stroke:.1px #674127}
@media(max-height:450px) and (orientation:landscape){.slip-carving{top:25%;bottom:18%;font-size:11px;gap:6px}.slip-carving .slip-number{font-size:var(--number-small)}}

/* v043: a quiet, deep moss room held inside the warm paper surround. */
.moss-print{left:0;right:0;top:16%;bottom:17%;clip-path:none;border-radius:3px;background:radial-gradient(ellipse at 50% 43%,#84916b 0,#5e7555 30%,#39533e 63%,#21392e 100%);box-shadow:inset 0 0 80px #112c2844;mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 91%,transparent 100%)}
.moss-print:after{opacity:.1;mix-blend-mode:soft-light}
.space-light{position:absolute;left:12%;right:12%;top:3%;height:86%;background:radial-gradient(ellipse at 50% 45%,#ead6a92e 0,#d8c18d15 35%,transparent 70%);pointer-events:none}
.space-mist{position:absolute;left:4%;right:4%;top:61%;height:55px;background:radial-gradient(ellipse,#d3d8b516 0,transparent 67%);filter:blur(13px);transform:rotate(-7deg);pointer-events:none}
.motion-flight .slip-carving{opacity:0}
.settled-slip .slip-carving{opacity:.94}
.motion-aura{background:radial-gradient(ellipse,#efdaa54d 0,#e0c78b18 37%,transparent 70%)}
.settled-aura{opacity:.18}
@media(min-width:700px){.moss-print{left:9%;right:9%;top:16%;bottom:17%}}
@media(max-height:450px) and (orientation:landscape){.moss-print{left:12%;right:12%;top:17%;bottom:16%}.space-mist{top:67%;height:35px}}
@media(max-height:450px) and (orientation:landscape){.moss-print{bottom:24%;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent),linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}}
/* The outlook is the first answer, followed by its reason in the same paragraph. */
.reading-outlook{font-weight:600;color:#343e30}
/* v0.7 welcome only: a quiet printed opening page. Other stages retain v0.6. */
body.welcome-mode{background:#F7F5F0;color:#3D3D3D;display:flex;flex-direction:column;min-height:100svh}
body.welcome-mode::before{opacity:.025;mix-blend-mode:multiply}
body.welcome-mode header{width:76%;max-width:1120px;margin:0 auto;padding:34px 0 24px;border-bottom:1px solid #E5E0D8;align-items:center;gap:18px}
body.welcome-mode .wordmark{color:#3D3D3D;font-family:'Songti SC','STSong','SimSun',Georgia,serif;font-size:17px;font-weight:600;letter-spacing:4px;min-height:44px}
body.welcome-mode .wordmark span{font-family:system-ui,sans-serif;font-size:10px;font-weight:400;letter-spacing:5px;margin-top:5px}
body.welcome-mode .edition{color:#4A5D53;font-family:system-ui,sans-serif;font-size:12px;letter-spacing:1px}
body.welcome-mode main{width:76%;max-width:1120px;padding:0;margin:0 auto;flex:1;display:flex;flex-direction:column}
body.welcome-mode .screen-1{padding:0;text-align:left;display:flex;flex-direction:column;flex:1}
body.welcome-mode .welcome-editorial{display:flex;flex-direction:column;align-items:flex-start;min-height:calc(100svh - 104px);padding:48px 0 24px}
body.welcome-mode .welcome-colophon{display:flex;gap:14px;align-items:flex-start;margin-bottom:34px}
body.welcome-mode .welcome-seal{display:grid;place-items:center;width:35px;height:43px;background:#A83636;color:#F7F5F0;border-radius:4px;font-family:'Songti SC','STSong','SimSun',serif;font-size:26px;font-weight:600;line-height:1}
body.welcome-mode .welcome-culture{font-family:'Songti SC','STSong','SimSun',serif;writing-mode:vertical-rl;font-size:12px;line-height:1.8;letter-spacing:2px;color:#4A5D53;padding-top:2px}
body.welcome-mode .welcome-copy{max-width:670px}
body.welcome-mode .welcome-kicker{font:400 11px/1.8 system-ui,sans-serif;letter-spacing:2.3px;color:#4A5D53;margin:0 0 18px}
body.welcome-mode h1{font-family:'Songti SC','STSong','SimSun','Times New Roman',serif;font-size:clamp(32px,7.6vw,57px);font-weight:600;font-style:normal;line-height:1.8;letter-spacing:.01em;color:#3D3D3D;margin:0 0 25px;text-wrap:pretty}
body.welcome-mode .welcome-intro{font:400 16px/1.8 system-ui,sans-serif;letter-spacing:.1px;color:#3D3D3D;max-width:350px;margin:0}
body.welcome-mode .welcome-begin{appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-width:190px;min-height:48px;padding:12px 17px;margin:31px 0 0;border:1px solid #A83636;border-radius:4px;background:#A83636;color:#F7F5F0;font:400 14px/1.8 system-ui,sans-serif;letter-spacing:.2px;cursor:pointer}
body.welcome-mode .welcome-begin:hover{background:#A83636;border-color:#A83636;opacity:.92}
body.welcome-mode .welcome-begin:focus-visible,body.welcome-mode a:focus-visible{outline:2px solid #A83636;outline-offset:5px}
body.welcome-mode .welcome-begin svg{flex:0 0 20px}
body.welcome-mode .welcome-endnote{margin-top:auto;padding-top:62px;color:#4A5D53;font:400 12px/1.8 system-ui,sans-serif;letter-spacing:.15px}
body.welcome-mode .welcome-endnote p{margin:12px 0 0}
body.welcome-mode .welcome-line{display:block;width:30px;height:1px;background:#E5E0D8}
body.welcome-mode footer{display:none}
@media(min-width:900px){body.welcome-mode header{padding-top:42px;padding-bottom:26px}body.welcome-mode .welcome-editorial{padding-top:63px;min-height:calc(100svh - 118px);padding-bottom:35px}body.welcome-mode .welcome-colophon{margin-bottom:40px}body.welcome-mode .welcome-kicker{font-size:11px;margin-bottom:20px}body.welcome-mode .welcome-intro{font-size:16px}body.welcome-mode .welcome-begin{margin-top:36px}body.welcome-mode .welcome-endnote{padding-top:78px}}
@media(max-width:350px){body.welcome-mode header{padding-top:25px;padding-bottom:19px;gap:10px}body.welcome-mode .wordmark{font-size:14px;letter-spacing:3px}body.welcome-mode .edition{font-size:12px;letter-spacing:0}body.welcome-mode .welcome-editorial{padding-top:35px;min-height:calc(100svh - 89px)}body.welcome-mode .welcome-colophon{margin-bottom:27px}body.welcome-mode h1{font-size:31px;line-height:1.8;letter-spacing:.01em}body.welcome-mode .welcome-intro{font-size:15px}body.welcome-mode .welcome-endnote{padding-top:43px}}
@media(max-height:650px){body.welcome-mode .welcome-editorial{padding-top:27px;padding-bottom:22px}body.welcome-mode .welcome-colophon{margin-bottom:23px}body.welcome-mode .welcome-endnote{padding-top:34px}body.welcome-mode .welcome-begin{margin-top:20px}}