:root{--bg:#101522;--panel:#19202e;--gold:#d8bd86;--text:#f1ede4;--muted:#adb2c2;--line:#ffffff15}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#28243b55,transparent 40%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Noto Sans TC',sans-serif;line-height:1.65;font-weight:350}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 6%;background:#101522dd;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.brand{background:none;border:0;letter-spacing:4px;font-size:23px;color:var(--gold);padding:0}.brand small{font-size:9px;letter-spacing:3px;color:var(--muted);margin-left:12px}nav{display:flex;gap:26px}nav button{background:none;border:0;color:var(--muted);padding:12px 0;font-size:14px}nav button.active{color:var(--gold);border-bottom:1px solid}main{max-width:1160px;margin:auto;padding:34px 28px 65px}.eyebrow,.tag{font-size:10px;letter-spacing:2.5px;color:var(--gold);margin-bottom:15px}h1,h2,h3,p{margin-top:0}h1{font-family:serif;font-size:42px;font-weight:400;line-height:1.5;letter-spacing:2px;margin-bottom:14px}h2{font-size:21px;font-weight:450;letter-spacing:1px}h3{font-size:18px;font-weight:450;margin-bottom:10px}p{color:var(--muted);line-height:1.9;font-size:14px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:350px}.hero h1{font-size:45px;letter-spacing:4px}.hero .eyebrow{margin-bottom:18px}.orb{height:245px;width:245px;margin:auto;border-radius:50%;border:1px solid #d8bd8630;position:relative;display:grid;place-items:center;box-shadow:0 0 100px #a999ff08}.orb:before,.orb:after{content:'';position:absolute;border:1px solid #d8bd8620;border-radius:50%;inset:22px}.orb:after{inset:48px}.orb span{font:100px serif;color:var(--gold);text-shadow:0 0 45px #d8bd8640}.orb i{position:absolute;top:22px;right:24px;color:var(--gold)}.orb small{position:absolute;bottom:-35px;font-size:8px;letter-spacing:3px;color:var(--muted)}.primary,.secondary{padding:12px 20px;border-radius:6px;font-size:14px}.primary{background:var(--gold);border:1px solid var(--gold);color:#252433}.secondary{background:transparent;border:1px solid #d8bd8650;color:var(--gold)}.textbtn,.back{background:none;border:0;color:var(--gold);padding:8px 0;text-align:left}.back{margin-bottom:22px}.sectionhead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:30px 0 18px}.sectionhead h1,.sectionhead h2{margin:0}.sectionhead span{font-size:11px;color:var(--muted)}.stats{display:flex;justify-content:space-between;gap:12px;border-block:1px solid var(--line);padding:15px 4px;margin:22px 0;color:var(--muted);font-size:12px}.stats b{font-size:22px;font-weight:400;color:var(--gold);margin-right:8px}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.topic,.path{background:linear-gradient(145deg,#24283a,#191e2c);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:24px;text-align:left;transition:.2s}.topic:hover,.path:hover,.libcard:hover{border-color:#d8bd8666;transform:translateY(-3px)}.topic .icon{font-size:30px;display:block;margin-bottom:16px}.topic h3{font-size:20px;letter-spacing:2px}.topic p{font-size:12px;min-height:47px}.topic .textbtn{font-size:12px}.lower,.pathgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lower{margin-top:25px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:25px}.panel p:last-child{margin-bottom:0}.note{background:#d8bd8609;border-left:2px solid var(--gold);padding:15px 18px;font-size:13px;color:var(--muted);line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.chip{border:1px solid #ffffff25;background:#171e2b;border-radius:22px;color:var(--muted);padding:8px 15px;font-size:12px}.chip.active{border-color:var(--gold);color:var(--gold);background:#d8bd8610}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{border-top:1px solid #d8bd8640;padding-top:18px}.steps small{color:var(--gold)}.steps h3{margin:10px 0;font-size:16px}.steps p{font-size:13px}.path .tag{margin-bottom:10px}.path p{font-size:13px}.path .positions{font-size:11px;color:var(--gold);border-top:1px solid var(--line);padding-top:15px;line-height:1.8}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.reading-layout aside{position:sticky;top:105px}.reading-layout aside ol{padding-left:22px;color:var(--muted);font-size:13px;line-height:1.9}.reading-layout aside li{margin:14px 0}label{display:block;font-size:13px;color:var(--muted);margin:15px 0 8px}input,textarea,select{width:100%;background:#101522;border:1px solid #ffffff25;color:var(--text);border-radius:6px;padding:12px}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--gold);flex-shrink:0}.check{display:flex;align-items:center;gap:8px;margin:0}.small{font-size:12px;color:var(--muted)}.spread-preview{display:flex;gap:10px;margin:22px 0}.spread-preview div{flex:1;border:1px solid var(--line);border-radius:5px;padding:13px 10px;font-size:12px}.spread-preview span{display:block;color:var(--gold);margin-bottom:8px}.drawchoices{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.cardback{height:130px;background:repeating-linear-gradient(45deg,#24283c,#24283c 8px,#292e44 8px,#292e44 9px);border:1px solid #d8bd8670;border-radius:7px;color:var(--gold);font-size:30px;box-shadow:inset 0 0 0 6px #171d2b;transition:transform .2s}.cardback:hover{transform:translateY(-6px)}.cardback:disabled{opacity:.35}.picked{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pickeditem{background:#d8bd8608;border:1px solid var(--line);padding:15px 10px;text-align:center;border-radius:6px;font-size:12px}.pickeditem b{display:block;color:var(--gold);font-size:17px;font-weight:400;margin:10px 0}.resultcard{margin-top:20px}.resultcard .symbol{font-size:32px;color:var(--gold);float:right}.resultcard h2{color:var(--gold);font-family:serif;font-size:25px}.resultcard h4{font-weight:450;color:var(--text);margin:20px 0 8px}.resultcard p{font-size:14px}.summary{margin-top:24px;border-color:#d8bd8650;background:#252635}.actions label{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.8}.actions input{margin-top:5px}.resultbuttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.librarygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.libcard{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:20px 15px;text-align:left;transition:.2s}.libcard .symbol{font-size:27px;color:var(--gold);display:block;margin-bottom:10px}.libcard b{font-size:16px;font-weight:450;display:block}.libcard small{color:var(--muted);font-size:11px;display:block;margin-top:8px}.zsymbol{font-size:34px;color:var(--gold)}.zodiac-detail{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.entries{display:grid;gap:18px;margin:20px 0}.entry{border:1px solid var(--line);background:var(--panel);padding:24px;border-radius:9px}.entry small{color:var(--gold)}.entry h3{margin:12px 0}.entry p{white-space:pre-wrap}.delete{float:right;border:0;background:none;color:var(--muted);font-size:12px}.entry details{margin:15px 0}.entry summary{cursor:pointer;color:var(--gold);font-size:13px}.followup{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.followup textarea{min-height:75px}.followup button{margin-top:10px}.entry form{margin:0}.panel>.primary{margin-top:18px}dialog{background:#19202e;color:var(--text);border:1px solid #d8bd8660;border-radius:12px;max-width:630px;width:calc(100% - 32px);max-height:85vh;padding:30px}dialog::backdrop{background:#050810cc;backdrop-filter:blur(4px)}dialog .close{float:right;padding:6px 12px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--gold);color:#252433;padding:12px 22px;border-radius:6px;z-index:30;max-width:90%;text-align:center;font-size:13px}footer{text-align:center;color:#8e96aa;font-size:11px;margin-top:48px;line-height:2}.hidden{display:none!important}.view{animation:fade .3s}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#saveProfile{margin-top:22px}#myZodiacContent{margin-top:18px}@media(max-width:800px){.reading-layout{grid-template-columns:1fr}.reading-layout aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.reading-layout aside .note{margin-top:0!important}.librarygrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{height:66px;padding:0 17px}.brand{font-size:20px}.brand small{display:none}nav{gap:17px}nav button{font-size:12px}main{padding:25px 18px 45px}h1{font-size:29px}.hero{grid-template-columns:1fr;min-height:auto;padding:20px 0 8px}.hero h1{font-size:33px;letter-spacing:2px}.hero p{font-size:13px}.orb{display:none}.stats{gap:5px;font-size:10px}.stats b{font-size:18px;display:block;margin:0}.topics{grid-template-columns:1fr 1fr;gap:12px}.topic{padding:18px}.topic p{min-height:60px}.topic .icon{margin-bottom:12px}.topic h3{font-size:18px}.lower,.pathgrid,.steps{grid-template-columns:1fr}.sectionhead span{display:none}.panel{padding:21px}.steps{gap:15px}.reading-layout aside{grid-template-columns:1fr}.spread-preview{gap:7px}.spread-preview div{font-size:11px;padding:12px 9px}.drawchoices{gap:7px}.cardback{height:105px}.picked{gap:8px}.pickeditem{font-size:10px;padding:12px 6px}.pickeditem b{font-size:14px}.librarygrid{grid-template-columns:1fr 1fr}.libcard{padding:17px 14px}.path{padding:22px}.resultcard h2{font-size:23px}.chips{gap:7px}.chip{padding:8px 12px}.entry{padding:20px}dialog{padding:23px}#readingTitle{font-size:28px}}
#drawArea,#readingResult{scroll-margin-top:95px}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0 35px}.feature-strip button{border:1px solid var(--line);background:linear-gradient(130deg,#28283a,#19202e);border-radius:8px;padding:20px;text-align:left;color:var(--text)}.feature-strip span{float:left;color:var(--gold);font-size:27px;margin:0 16px 0 0}.feature-strip b{font-weight:450;display:block}.feature-strip small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.fortune-controls{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:24px 0}.fortune-controls>div:first-child{max-width:350px;flex:1}.date-badge{font-size:12px;color:var(--gold);padding-bottom:12px}.fortune-hero{margin:24px 0;background:radial-gradient(ellipse at right,#d8bd8617,transparent 75%),var(--panel)}.fortune-hero>.zsymbol{float:right;font-size:56px}.daily-topic .tag{letter-spacing:.7px}.daily-topic .small{margin-top:15px}.ranking{list-style:none;margin:0 0 25px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.rankrow{display:flex;gap:15px;align-items:center;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);padding:15px;text-align:left;font-size:14px}.rankno{color:var(--gold);font-size:20px}.rankscore{margin-left:auto;font-size:11px;color:var(--gold)}.selected-rank .rankrow{border-color:var(--gold);background:#d8bd8610}.method summary{cursor:pointer;color:var(--gold)}.method p{margin-top:16px;font-size:13px}.sign-grid{margin-top:17px}.room-question{border:0;border-top:1px solid var(--line);padding:15px 0;margin:15px 0}.room-question legend{font-size:14px;line-height:1.8;padding:8px 0}.radio-label{display:inline-flex;align-items:center;gap:8px;margin:8px 28px 0 0;font-size:14px}.radio-label input{width:17px;height:17px;accent-color:var(--gold)}.room-advice{border-bottom:1px solid var(--line);margin:15px 0;padding-bottom:10px}.room-advice h3{font-size:15px}.room-advice p{font-size:13px}#roomResult .secondary{margin-top:18px}#fortuneOverview{scroll-margin-top:90px}@media(max-width:600px){header{height:auto;min-height:66px;flex-wrap:wrap;padding-top:12px;padding-bottom:8px;gap:6px}nav{width:100%;justify-content:space-between;gap:8px}nav button{padding:6px 3px}.brand{font-size:19px}.feature-strip{grid-template-columns:1fr;gap:9px;margin:20px 0}.feature-strip button{padding:15px 18px}.feature-strip span{margin-right:15px}.fortune-controls{align-items:stretch;flex-direction:column;gap:8px}.fortune-controls>div:first-child{max-width:none}.date-badge{padding-bottom:0}.ranking{grid-template-columns:1fr}.rankrow{padding:13px}.fortune-hero>.zsymbol{font-size:42px}.method{padding:18px}}
a{color:var(--gold)}.source-link{display:inline-block;margin-top:14px;font-size:12px;text-decoration:none}.source-link:hover{text-decoration:underline}.sky-hero{display:flex;gap:30px;align-items:center;margin:22px 0;background:radial-gradient(ellipse at left,#d8bd8615,transparent 65%),var(--panel)}.moon-disc{flex:0 0 150px}.moon-disc svg,#demoMoon svg{width:100%;display:block;filter:drop-shadow(0 0 20px #d8bd8610)}.sky-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.sky-grid h3{margin-bottom:0;font-size:22px}.season-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.season-row b{display:block;color:var(--gold);font-weight:450}.season-row span{font-size:12px;color:var(--muted)}.moon-demo{display:flex;gap:25px;align-items:center;margin:22px 0}#demoMoon{width:115px;flex-shrink:0}input[type=range]{accent-color:var(--gold);padding:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{border-bottom:1px solid var(--line);padding:15px 12px;min-width:110px}th{color:var(--gold);font-weight:400}td{color:var(--muted)}.feature-strip{grid-template-columns:repeat(4,1fr)}nav{gap:19px}.feature-strip button{padding:18px 15px}.feature-strip span{margin-right:10px}@media(max-width:900px){.brand small{display:none}nav{gap:17px}.feature-strip{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sky-hero{flex-direction:column;align-items:start;gap:18px}.moon-disc{flex-basis:auto;width:120px;margin:auto}.sky-grid{grid-template-columns:1fr 1fr;gap:10px}.sky-grid .panel{padding:17px}.sky-grid h3{font-size:17px}.sky-grid .tag{font-size:10px;letter-spacing:1px}.season-row{grid-template-columns:1fr 1fr}.moon-demo{flex-direction:column;align-items:start;gap:17px}#demoMoon{margin:auto}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip span{float:none;display:block;margin:0 0 8px;font-size:24px}.feature-strip b{font-size:14px}.feature-strip small{font-size:10px}nav{gap:3px}nav button{font-size:11px;padding:7px 3px}.fortune-hero{scroll-margin-top:110px}}
/* Celestial Atelier: restrained painted artwork, warm legible typography. */
:root{--bg:#10131f;--panel:#1b2030;--gold:#dcc492;--text:#f3efe6;--muted:#bec0cc;--line:#d8bd861c}body{background:radial-gradient(ellipse at 80% 5%,#65507628,transparent 40%),radial-gradient(ellipse at 0 55%,#30444717,transparent 40%),var(--bg)}.artwork{aspect-ratio:2/3;width:100%;border-radius:7px;background-repeat:no-repeat;background-color:#252638;box-shadow:inset 0 0 0 1px #f4deb538;flex-shrink:0;overflow:hidden}.artwork.reversed{transform:rotate(180deg)}.hero-gallery{height:355px;position:relative;margin:15px 10px 30px 25px}.hero-gallery>div{position:absolute;width:43%;max-width:174px;top:37px;left:4%;transform:rotate(-12deg);box-shadow:0 18px 35px #0005;border-radius:8px;border:1px solid #d8bd8670}.hero-gallery #heroCardMain{left:29%;top:5px;z-index:2;transform:rotate(2deg)}.hero-gallery #heroCardRight{left:54%;top:38px;transform:rotate(14deg)}.hero-gallery small{position:absolute;bottom:1px;left:0;right:0;text-align:center;letter-spacing:2px;color:var(--gold);font-size:9px}.hero{min-height:385px;gap:18px}.libcard{padding:10px 10px 18px;background:#1b2030}.libcard .artwork{margin-bottom:16px;transition:filter .25s}.libcard:hover .artwork{filter:brightness(1.08)}.libcard b,.libcard small{padding:0 5px}.librarygrid{gap:20px}.pickeditem .artwork{width:100%;max-width:130px;margin:0 auto 14px}.pickeditem>span{display:block}.resultcard{display:flow-root;padding:28px}.resultcard>.artwork{float:left;width:205px;margin:0 26px 18px 0}.resultcard .tag{letter-spacing:1px}.resultcard .textbtn{display:block;clear:both}.resultcard h2{margin-top:4px}#cardDetail>.artwork{max-width:275px;margin:10px auto 30px;box-shadow:0 15px 50px #0005,inset 0 0 0 1px #f4deb538}#cardDetail h1{text-align:center}dialog{max-width:720px;background:linear-gradient(145deg,#242538,#171c2a);border-color:#d8bd8670}.zodiac-art{aspect-ratio:3/4}.zodiac-detail{display:flow-root;border-top:0;padding-top:0;margin-top:0}.zodiac-detail>.artwork{float:left;width:42%;max-width:185px;margin:0 22px 15px 0}.zodiac-detail .note{clear:both}.zodiac-detail h3{padding-top:10px}.fortune-hero{display:flow-root;min-height:290px}.fortune-hero>.artwork{float:right;width:170px;margin:0 0 15px 28px}#signAnalysis>article{display:flow-root}#signAnalysis>article>.artwork{float:left;width:160px;margin:0 25px 12px 0}.rankrow .artwork{width:36px;height:48px;aspect-ratio:3/4;border-radius:4px}.rankrow{gap:12px}.cardback{height:auto;aspect-ratio:2/3;padding:0;border:1px solid #d8bd8670;background:#171d2b}.cardback .artwork{width:100%;height:100%;border-radius:6px}.topic{background:linear-gradient(145deg,#2a293c,#19212d)}.primary{box-shadow:0 5px 20px #d8bd8610}.panel{background:linear-gradient(145deg,#202435,#191f2c)}.small,footer{line-height:1.9}#readingResult,#drawArea{scroll-margin-top:105px}@media(max-width:900px){.hero-gallery{height:310px;margin-left:0}.hero-gallery small{bottom:-3px}.hero-gallery>div{width:42%}.hero{grid-template-columns:1.1fr 1fr}.hero h1{font-size:37px}.librarygrid{gap:15px}.resultcard>.artwork{width:175px;margin-right:22px}.zodiac-detail>.artwork{width:40%;margin-right:16px}}@media(max-width:600px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding-top:10px}.hero h1{font-size:32px}.hero-gallery{height:300px;width:290px;max-width:94%;margin:20px auto 5px}.hero-gallery>div{width:43%;top:30px}.hero-gallery #heroCardMain{top:0}.hero-gallery #heroCardRight{top:33px}.hero-gallery small{bottom:0}.hero p{margin-bottom:18px}.librarygrid{gap:13px}.libcard{padding:8px 8px 15px}.libcard b{font-size:16px}.libcard small{font-size:11px}.resultcard{padding:21px}.resultcard>.artwork{float:none;width:75%;max-width:230px;margin:0 auto 25px}.resultcard h2{font-size:25px}.pickeditem{padding:10px 7px}.pickeditem .artwork{margin-bottom:11px}.pickeditem b{font-size:13px}.zodiac-detail>.artwork{float:none;width:75%;max-width:245px;margin:0 auto 24px}.fortune-hero>.artwork{float:none;width:65%;max-width:220px;margin:0 auto 23px}#signAnalysis>article>.artwork{float:none;width:68%;max-width:220px;margin:0 auto 22px}.rankrow{gap:10px}.rankscore{font-size:10px}.rankrow .artwork{width:30px;height:40px}.hero-gallery #heroCardRight{left:54%}.drawchoices{gap:9px}}
/* The Veiled House: a quieter, image-led oracle. */
:root{--gold:#d8bd8d;--muted:#b5adbf;--panel:#171a27}body{background:radial-gradient(ellipse at 79% 12%,#51406530,transparent 42%),radial-gradient(ellipse at 15% 65%,#4b2d421b,transparent 42%),#0e111c}header{height:76px;border-color:#d8bd8614;background:#0e111cd9}header .brand small{font-size:8px;letter-spacing:4px}nav{gap:25px}nav button{font-family:serif;letter-spacing:2px}main{max-width:1200px;padding-top:28px}.eyebrow,.tag{font-size:9px;letter-spacing:3px;color:#bba77e}h1,h2,h3{font-family:serif;font-weight:400}h1{letter-spacing:4px}p{font-size:14px}.hero{position:relative;min-height:490px;grid-template-columns:1.1fr 1fr;gap:45px;padding:25px 18px 20px}.hero h1{font-size:53px;line-height:1.65;letter-spacing:7px;margin:22px 0 15px}.hero-copy>p{font-size:13px;letter-spacing:2px;margin-bottom:28px}.hero .primary{background:transparent;border-radius:1px;border-color:#d8bd8660;color:var(--gold);letter-spacing:3px;padding:16px 25px;box-shadow:none}.hero .primary span{margin-left:20px}.hero .primary:hover{background:#d8bd8610}.hero-gallery{height:375px;margin:5px 5px 20px 0}.hero-gallery>div{border-radius:95px 95px 5px 5px;overflow:hidden;top:57px;box-shadow:0 15px 55px #0006;filter:saturate(.85)}.hero-gallery .artwork{border-radius:0}.hero-gallery #heroCardMain{top:6px;transform:rotate(0);width:45%;max-width:190px;border-color:#e1c3879c}.hero-gallery #heroCardLeft{left:2%;transform:rotate(-13deg)}.hero-gallery #heroCardRight{left:56%;transform:rotate(13deg);top:57px}.hero-star{position:absolute;top:38px;right:12px;font-size:25px;color:#d8bd8680}.ritual-divider{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 5px 45px;color:var(--gold)}.ritual-divider:before,.ritual-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#d8bd8635)}.ritual-divider:after{transform:rotate(180deg)}.portal-heading{margin:0 10px 25px}.portal-heading h2{font-size:27px;letter-spacing:4px}.portal-heading span{font-family:serif;letter-spacing:3px;font-size:12px;color:#9f95ac}.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;padding:15px 8px 90px}.topic{position:relative;aspect-ratio:2/3;padding:0;overflow:hidden;border:1px solid #d8bd8640;border-radius:115px 115px 4px 4px;isolation:isolate;background:#191b2a;box-shadow:0 20px 45px #0004;transition:transform .4s,border-color .4s;--offset:0px;transform:translateY(var(--offset))}.topic:nth-child(even){--offset:48px}.topic>.artwork{position:absolute;inset:0;aspect-ratio:2/3;width:100%;height:100%;border-radius:0;z-index:-2;filter:saturate(.7) brightness(.83);transition:filter .5s}.topic:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090d18f7 0%,#0e111c75 35%,transparent 65%);z-index:-1}.topic:hover{transform:translateY(calc(var(--offset) - 8px));border-color:#d8bd86a0}.topic:hover>.artwork{filter:saturate(.9) brightness(.95)}.portal-copy{position:absolute;bottom:20px;left:20px;right:16px}.portal-category{font-size:10px;letter-spacing:4px;color:#e4ceaa}.portal-copy h3{font-size:24px;letter-spacing:3px;margin:9px 0 5px;color:#f0e8da}.portal-copy p{min-height:0;margin:0;font-size:11px;letter-spacing:3px;color:#beb3c7}.portal-enter{display:block;margin-top:15px;color:#d8bd86bd;font-size:10px;letter-spacing:2px}.secret-paths{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8bd8625;border-bottom:1px solid #d8bd8625;margin:25px 10px 5px}.secret-paths button{display:flex;gap:15px;align-items:center;padding:25px 15px;background:none;border:0;color:var(--text);text-align:left;transition:background .3s}.secret-paths button+button{border-left:1px solid #d8bd861c}.secret-paths button:hover{background:#d8bd8607}.path-sigil{font:29px serif;color:var(--gold);flex-shrink:0}.secret-paths b{display:block;font:19px serif;letter-spacing:3px}.secret-paths small{display:block;font-size:9px;letter-spacing:1px;color:#9d95ac;margin-top:6px}.secret-paths i{margin-left:auto;font:15px serif;color:var(--gold)}.quiet-details{border-top:1px solid #d8bd8620;padding:13px 0;color:var(--muted);font-size:13px;line-height:1.9}.quiet-details>summary{cursor:pointer;list-style:none;color:#baa783;font-size:12px;letter-spacing:1.5px;display:flex;align-items:center;justify-content:space-between;gap:18px}.quiet-details>summary:after{content:'+';color:var(--gold);font-size:17px}.quiet-details[open]>summary:after{content:'−'}.quiet-details>p,.quiet-details>.note{margin-top:14px}.quiet-details .note{border:0;background:none;padding:0}.quiet-details summary::-webkit-details-marker{display:none}.panel{background:linear-gradient(140deg,#22203344,#151b2633);border-color:#d8bd861c;border-radius:3px;box-shadow:none}.pathgrid{gap:20px}.path{position:relative;min-height:150px;padding:25px 28px;background:linear-gradient(130deg,#26203350,#141b2820);border:0;border-top:1px solid #d8bd8645;border-radius:0}.path .tag{color:#a48e67;font-size:11px}.path h3{letter-spacing:4px;font-size:25px}.path p{font-size:11px;letter-spacing:2px;margin-bottom:0}.path-arrow{position:absolute;right:25px;bottom:26px;font-size:12px;color:var(--gold)}#topic .pathgrid{margin:40px 0}#topicIntro,#readingDesc{font-size:12px;letter-spacing:2px}.reading-layout{grid-template-columns:minmax(0,1fr);max-width:1050px}.reading-layout aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:25px}.reading-layout>.panel{width:100%}#setup,#drawArea{max-width:690px;margin:12px auto 25px;width:100%;padding:28px}#readingResult:not(.hidden){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resultcard{margin-top:0;padding:17px;display:flex;flex-direction:column;align-items:stretch}.resultcard>.artwork{float:none;width:100%;max-width:none;margin:0 0 22px}.resultcard .tag{font-size:9px;letter-spacing:1px}.resultcard h2{font-size:21px}.resultcard h3{font-size:15px;color:#dbd0ba}.resultcard p{font-size:12px}.resultcard .quiet-details{margin-top:auto}.resultcard .quiet-details p{font-size:12px}.summary{grid-column:1/-1;margin-top:4px;padding:25px 30px}.summary h2{font-size:24px;letter-spacing:4px}.summary .resultbuttons{justify-content:flex-end}.summary .note{margin-bottom:15px}.discreet-badge{font-size:10px;letter-spacing:2px;color:#9d8a6c;margin:10px 0}.daily-topic .tag{font-size:10px;letter-spacing:2px}.daily-topic h3{font-size:21px}.daily-topic>p{font-size:13px}.fortune-hero{background:radial-gradient(ellipse at right,#78526b15,transparent),#1a1b2822;border-block:1px solid #d8bd862e;border-inline:0;padding:30px 5px;min-height:285px}.fortune-hero h2{font-size:29px;letter-spacing:3px;margin-top:24px}.rankrow{background:transparent;border-inline:0;border-top:0;border-radius:0;padding:12px 8px}.selected-rank .rankrow{background:#d8bd8607;border-color:#d8bd8650}.method{background:none;border:0;padding:15px 0}.method summary{font-size:12px;color:#a49275}.libcard{background:none;border:0;padding:0 0 15px;border-radius:0}.libcard .artwork{border-radius:65px 65px 2px 2px}.libcard b{font-family:serif;letter-spacing:3px;padding:0;text-align:center;font-size:17px}.libcard small{display:none}#cardCount{font-size:10px;color:#8b8399;letter-spacing:1px}.chip{border-radius:0;background:none;border-color:transparent;border-bottom-color:#d8bd8627;padding:8px 12px;letter-spacing:1px}.chip.active{background:none;border-color:transparent;border-bottom-color:var(--gold)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:75px;padding:25px 8px;border-top:1px solid #d8bd8620;color:#b09c79;letter-spacing:3px;font-family:serif;font-size:14px}footer>span{font-size:11px;color:#8c8299;letter-spacing:2px}#aboutToggle{background:none;border:0;color:#8e829d;font-size:10px;letter-spacing:1px}#aboutSite{flex-basis:100%;text-align:left;font-family:system-ui;font-size:12px;letter-spacing:0}#aboutSite:not([open]){display:none}#aboutSite p{font-size:12px}#science .note{font-size:12px}#science h2{font-size:23px}.entry h3{font-size:21px}.path:focus-visible,.topic:focus-visible{outline-offset:5px}#fengshuiGuide .panel{border:0;padding:0 18px}#fengshuiGuide summary{font-size:14px}#fengshuiGuide .quiet-details{padding:20px 0}#fortune>.sectionhead h2{font-size:25px;letter-spacing:3px}.librarytabs{margin-top:30px}#readingTag{margin-top:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.hero{gap:15px;padding-inline:5px;min-height:430px}.hero h1{font-size:42px;letter-spacing:5px}.hero-gallery{height:310px}.topics{gap:16px}.portal-copy{left:15px;right:10px;bottom:17px}.portal-copy h3{font-size:21px;letter-spacing:2px}.portal-copy p{letter-spacing:2px}.secret-paths button{gap:10px;padding:22px 12px}.secret-paths small{font-size:9px}nav{gap:18px}#readingResult:not(.hidden){gap:13px}.resultcard{padding:13px}}@media(max-width:600px){header{height:auto;min-height:88px;padding:13px 18px 7px}.brand{font-size:20px}nav{gap:3px}nav button{letter-spacing:2px;font-size:11px}main{padding:25px 20px 30px}#date{font-size:9px;letter-spacing:2px}.hero{display:flex;flex-direction:column;min-height:0;padding:15px 0 0;gap:6px}.hero h1{font-size:37px;letter-spacing:5px;line-height:1.65;margin:15px 0}.hero-copy>p{font-size:11px;letter-spacing:1.5px;margin-bottom:22px}.hero .eyebrow{font-size:8px;margin-bottom:12px}.hero .primary{padding:13px 19px;font-size:12px;letter-spacing:2px}.hero-gallery{width:280px;max-width:94%;height:292px;margin:25px auto 10px}.hero-gallery #heroCardMain{max-width:none;width:45%}.hero-gallery>div{top:45px}.hero-gallery #heroCardRight{top:45px}.hero-star{font-size:19px;right:2px;top:0}.ritual-divider{margin:10px 0 32px;gap:15px}.portal-heading{margin:0 0 17px}.portal-heading h2{font-size:24px;letter-spacing:3px}.topics{grid-template-columns:1fr 1fr;gap:17px;padding:12px 0 55px}.topic{border-radius:85px 85px 3px 3px}.topic:nth-child(even){--offset:28px}.portal-copy{left:14px;bottom:15px}.portal-copy h3{font-size:21px;letter-spacing:2px;margin:7px 0 3px}.portal-copy p{font-size:10px;letter-spacing:2px}.portal-category{font-size:9px;letter-spacing:2px}.portal-enter{font-size:9px;margin-top:10px}.secret-paths{grid-template-columns:1fr 1fr;margin:25px 0 0}.secret-paths button{padding:22px 10px;gap:14px}.secret-paths button+button{border-left:0}.secret-paths button:nth-child(even){border-left:1px solid #d8bd861c}.secret-paths button:nth-child(n+3){border-top:1px solid #d8bd861c}.secret-paths b{font-size:20px}.secret-paths small{font-size:9px;letter-spacing:1px}.path-sigil{font-size:25px}.pathgrid{gap:16px}.path{min-height:135px;padding:22px 20px}.path h3{font-size:25px}.path p{font-size:11px}.reading-layout aside{grid-template-columns:1fr;gap:0}#setup,#drawArea{padding:22px 18px}#readingResult:not(.hidden){grid-template-columns:1fr;gap:22px}.resultcard{padding:20px}.resultcard>.artwork{width:72%;max-width:250px;margin:0 auto 24px;border-radius:85px 85px 4px 4px}.resultcard h2{font-size:25px}.resultcard h3{font-size:17px}.resultcard p{font-size:13px}.summary{padding:23px}.summary .resultbuttons{justify-content:stretch}.summary .primary{width:100%}.fortune-hero{padding:25px 0}.fortune-hero h2{font-size:26px;letter-spacing:2px}.fortune-hero>.artwork{border-radius:85px 85px 3px 3px;margin-bottom:28px}.panel{padding:22px}.libcard{padding:0 0 12px}.librarygrid{gap:20px 16px}.libcard .artwork{margin-bottom:13px}.libcard b{font-size:17px}.quiet-details summary{font-size:12px}.ranking{gap:5px}.rankrow{padding:12px 4px}.rankrow .rankscore{font-size:10px}.daily-topic .tag{font-size:10px}footer{margin-top:45px;padding:23px 0;gap:12px}footer>span{font-size:10px;letter-spacing:1px}h1{font-size:33px;letter-spacing:4px}#topic .pathgrid{margin-top:28px}.hero-gallery #heroCardLeft{left:2%}}
.entry>.quiet-details{margin-top:12px}.entry>.quiet-details .followup{border:0;margin:0;padding:13px 0 0}.entry>.quiet-details .note{margin:13px 0 0}.entry .delete{font-size:10px}.entry small{font-size:10px;letter-spacing:1px}
/* Moonlit sanctuary, personal bound chapters. */
.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.book-link{background:none;border:0;color:#b9a88c;font:13px serif;letter-spacing:2px;padding:13px 0}.book-link:hover{color:var(--gold)}.home-echo{font-size:11px!important;color:#a79ab2;letter-spacing:1.5px!important;margin:18px 0 0!important}.book-subtitle{font-family:serif;letter-spacing:3px;font-size:13px}.book-landing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:45px 55px 65px;margin:15px 0 30px;background:radial-gradient(ellipse at 32% 45%,#785b8624,transparent 60%)}.closed-book{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;aspect-ratio:3/4;max-width:315px;width:100%;margin:auto;padding:32px 25px;background:linear-gradient(98deg,#111723 0%,#35313c 3%,#141924 5%,#222638 8%,#171d2d 90%,#111826 100%);border:1px solid #9d875a;border-left:10px solid #151a25;border-radius:6px 11px 11px 6px;box-shadow:8px 8px 0 -3px #d1c0a3,11px 10px 0 -3px #78684f,16px 21px 50px #0009,inset 0 0 0 10px #151c2b,inset 0 0 0 11px #d8bd8645;transform:perspective(1000px) rotateY(-10deg) rotateZ(-3deg);transition:transform .6s,box-shadow .6s;color:#e2cea1}.closed-book:hover{transform:perspective(1000px) rotateY(-3deg) rotateZ(-1deg);box-shadow:8px 8px 0 -3px #d1c0a3,11px 10px 0 -3px #78684f,20px 30px 65px #0009}.book-cover-eyebrow{font-size:7px;letter-spacing:3px;color:#b6a17a}.cover-title{font:28px serif;letter-spacing:5px;position:relative}.cover-open{font:10px serif;letter-spacing:4px;opacity:.65;margin-top:8px}#bookOwner{font-size:10px;letter-spacing:2px;color:#b6a98e}#bookCoverArt{display:block;width:110px;aspect-ratio:2/3}#bookCoverArt>.artwork{border:0;border-radius:45px 45px 0 0;box-shadow:none;opacity:.88}.book-corner{position:absolute;width:24px;height:24px;border:1px solid #b5a17280}.book-corner.tl{left:18px;top:18px;border-right:0;border-bottom:0}.book-corner.tr{right:18px;top:18px;border-left:0;border-bottom:0}.book-corner.bl{left:18px;bottom:18px;border-right:0;border-top:0}.book-corner.br{right:18px;bottom:18px;border-left:0;border-top:0}.book-intro h2{font:32px/1.9 serif;letter-spacing:3px;white-space:pre-line}.book-intro>p{font-size:13px;line-height:2.1;max-width:330px}.book-intro .primary{margin-top:15px;background:transparent;color:var(--gold);border-color:#d8bd8650;border-radius:1px;letter-spacing:2px;font-family:serif}.book-whisper{font-size:10px;color:#91819b;letter-spacing:2px;margin-top:25px}.chapter-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:30px 0 50px}.chapter-volume{position:relative;display:flex;flex-direction:column;text-align:left;min-height:275px;padding:23px 20px 20px 26px;border:1px solid #d8bd863e;border-left:6px solid #121722;background:linear-gradient(100deg,#393344,#1a202e 9%,#171d29);border-radius:2px 7px 7px 2px;box-shadow:5px 5px 0 -2px #b5a68d50,8px 15px 30px #0003;color:var(--text);transition:transform .3s}.chapter-volume:before{content:'';position:absolute;inset:10px;border:1px solid #d8bd861b;pointer-events:none}.chapter-volume:hover{transform:translateY(-6px) rotate(-1deg);border-color:#d8bd8680}.chapter-volume .volume-art{width:76px;aspect-ratio:2/3;align-self:center;border-radius:45px 45px 0 0;margin-bottom:24px;opacity:.8}.volume-kind{font-size:9px;color:#b09a74;letter-spacing:2px}.chapter-volume h3{font:19px/1.7 serif;letter-spacing:2px;margin:10px 0 15px;overflow-wrap:anywhere}.volume-meta{font-size:10px;letter-spacing:1px;color:#92879a;margin-top:auto}.empty-shelf{grid-column:1/-1;border-block:1px solid #d8bd8619;padding:35px 0;text-align:center;font:14px serif;letter-spacing:3px;color:#92849b}#chapterFilter{margin:0}#loosePages h2{font-size:24px}#loosePages>.sectionhead{margin-top:20px}.book-local-note{font-size:10px;color:#968a9d;letter-spacing:1px;margin-top:22px}#chapterDialog{width:calc(100% - 34px);max-width:530px;padding:30px}#chapterDialog h2{font:25px/1.8 serif;letter-spacing:2px;margin:15px 0 22px}.chapter-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.chapter-dialog-top .eyebrow{margin:0;font-size:8px}.chapter-dialog-top button{font-size:11px}#chapterForm>.primary{margin-top:22px;width:100%;letter-spacing:3px}.chapter-binding{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:17px 0;padding-top:12px;border-top:1px solid #d8bd861f}.chapter-binding>label{margin:0;font-size:11px;letter-spacing:2px}.chapter-binding>select{flex:1;min-width:120px;padding:9px 10px;font-size:12px}.chapter-binding>.textbtn{font-size:10px}.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.book-toolbar>.back{margin:0}.book-toolbar>span{font-size:10px;letter-spacing:2px;color:#aa9878}.book-toolbar>.textbtn{font-size:11px}.book-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:660px;max-width:1080px;margin:auto;border:1px solid #79684e;border-radius:5px 12px 12px 5px;background:#e2d3b7;box-shadow:0 0 0 7px #232432,0 0 0 8px #d8bd8645,0 25px 75px #0009;scroll-margin-top:105px;isolation:isolate}.book-spread:after{content:'';position:absolute;left:calc(50% - 15px);top:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,#43342126,#59473312,transparent);pointer-events:none}.book-page{position:relative;padding:44px 40px 55px;background:radial-gradient(ellipse at 45% 35%,#fbf4e680,transparent 75%),repeating-linear-gradient(0deg,#7c624003 0,#7c624003 1px,transparent 1px,transparent 4px),#e7dbc5;color:#423a35;overflow-wrap:anywhere}.book-page.illustrated{border-radius:4px 0 0 4px;background:radial-gradient(ellipse at 50% 40%,#faf4e6,transparent 70%),#dbccb2;text-align:center;display:flex;flex-direction:column;align-items:center}.book-page.written{border-radius:0 10px 10px 0;background:linear-gradient(90deg,#c5b39733,transparent 12%),#eee3cf}.paper-eyebrow{font:9px/1.9 serif;letter-spacing:2px;color:#8d795b;margin-bottom:19px}.book-page h2{font:29px/1.8 serif;letter-spacing:3px;margin-bottom:26px;color:#4e4035}.book-page h3{font:24px/1.8 serif;letter-spacing:2px;color:#4a3d32}.book-page h4{font:15px serif;letter-spacing:2px;color:#786448;margin:24px 0 12px}.book-page p{font-size:14px;line-height:2;color:#655448;white-space:pre-wrap}.book-page .paper-small{font-size:11px;line-height:1.9;color:#8c775e}.book-page .chapter-intention{font:20px/2 serif;letter-spacing:1px;color:#564437;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #88714d25}.book-page.illustrated>.artwork{width:200px;max-width:78%;aspect-ratio:2/3;border-radius:100px 100px 4px 4px;box-shadow:0 8px 25px #6b513721;margin:auto auto 25px}.book-page .paper-date{font-size:10px;letter-spacing:2px;color:#8d795b;margin-top:auto;margin-bottom:10px}.paper-star{font-size:22px;color:#a48c60;margin-top:20px}.paper-colophon{position:absolute;bottom:23px;right:35px;font:9px serif;letter-spacing:2px;color:#9b8667}.paper-field{margin-top:25px}.book-page label{font-size:12px;letter-spacing:1px;color:#80694e}.book-page textarea,.book-page select{background:#fbf6e94a;color:#554638;border:1px solid #8e795c45;border-radius:1px;font:14px/1.9 serif;min-height:115px;padding:12px;box-shadow:inset 0 1px 5px #846a3a08}.book-page select{min-height:0;font-size:12px}.book-page textarea::placeholder{color:#a18b72;font-size:12px}.book-page textarea:focus-visible,.book-page select:focus-visible{outline-color:#967a4d}.paper-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px}.paper-primary,.paper-secondary{font:13px/1.7 serif;letter-spacing:2px;border-radius:1px;padding:10px 17px;cursor:pointer}.paper-primary{background:#514438;color:#f0e1c3;border:1px solid #514438}.paper-secondary{background:transparent;color:#7b6242;border:1px solid #9f88615e}.paper-actions small{font-size:10px;color:#927a5b}.sky-imprint{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding-bottom:10px;margin-bottom:20px}.imprint-moon{width:40px}.imprint-moon svg{width:100%;display:block}.sky-imprint>div:not(.imprint-moon){font-size:11px;color:#8a7354;white-space:pre-line;line-height:1.9}.sky-imprint>small{flex-basis:100%;font-size:9px;color:#9c876b}.book-pagination{display:flex;justify-content:center;align-items:center;gap:35px;margin:30px 0 10px}.book-turn{border:0;border-bottom:1px solid #d8bd8630;background:none;color:#cfb889;padding:12px 8px;font:13px serif;letter-spacing:2px}.book-turn:disabled{opacity:.25;cursor:default}.book-pagination>span{font-size:10px;letter-spacing:2px;color:#96869f}.book-spread.turning{animation:turnLeaf .55s ease-out}@keyframes turnLeaf{0%{opacity:.35;transform:perspective(1200px) rotateY(-3deg)}100%{opacity:1;transform:perspective(1200px) rotateY(0)}}.chapter-card-trio{display:flex;gap:10px;align-items:center;margin:auto 0 25px;width:100%}.chapter-card-trio>div{flex:1;min-width:0}.chapter-card-trio .artwork{width:100%;border-radius:40px 40px 2px 2px}.chapter-card-trio small{display:block;font-size:9px;color:#8d7758;margin-top:9px;letter-spacing:1px}.chapter-card-trio>.artwork{max-width:200px;margin:auto}.book-page .page-question{font:15px/2 serif;color:#78634e}.paper-details{border-top:1px solid #96794e33;padding:14px 0;color:#755d43;margin:18px 0}.paper-details summary{font-size:12px;letter-spacing:1px;cursor:pointer}.paper-details p{font-size:12px;line-height:1.95;margin-top:15px}.paper-details button{margin-top:12px}.echo-highlight{font-family:serif;color:#6b4d35!important;font-size:18px!important}.chapter-reflection{font-family:serif;font-size:17px!important;line-height:2.1!important}#bookWelcome{white-space:pre-line}.open-saved-chapter{margin-top:20px}#looseArchive>.quiet-details{padding-top:20px}#bookSaveStatus{text-align:center}.loose-bind{margin-top:15px}.loose-bind select{font-size:12px;padding:9px}.loose-bind button{margin-top:10px;font-size:11px}@media(max-width:950px){.book-landing{padding:30px 25px 50px;gap:40px}.book-page{padding:35px 25px 50px}.book-page h2{font-size:25px}.book-page h3{font-size:21px}.chapter-shelf{gap:18px}.chapter-volume{padding:22px 16px}.chapter-volume h3{font-size:17px}.chapter-volume .volume-art{width:70px}}@media(max-width:600px){.hero-actions{gap:8px 18px}.book-link{font-size:11px;letter-spacing:1px}.home-echo{font-size:10px!important;margin-top:10px!important}.book-subtitle{font-size:11px;letter-spacing:1.5px}.book-landing{grid-template-columns:1fr;padding:25px 4px 30px;gap:35px;margin-bottom:10px}.closed-book{max-width:240px;gap:12px;padding:25px}.cover-title{font-size:25px;letter-spacing:4px}#bookCoverArt{width:80px}.book-cover-eyebrow{font-size:6px;letter-spacing:2px}.book-intro{text-align:center}.book-intro h2{font-size:25px;letter-spacing:2px}.book-intro>p{font-size:12px;max-width:300px;margin-inline:auto}.book-intro>.eyebrow{font-size:8px}.book-whisper{margin-top:18px;font-size:9px}.book-intro .primary{font-size:12px}.chapter-shelf{grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.chapter-volume{min-height:245px;padding:20px 14px 18px 20px}.chapter-volume h3{font-size:18px;letter-spacing:1px}.chapter-volume .volume-art{width:65px;margin-bottom:20px}.volume-kind{font-size:8px;letter-spacing:1px}.volume-meta{font-size:9px}.book-toolbar{gap:12px;margin-bottom:22px}.book-toolbar>.back{font-size:11px}.book-toolbar>span{font-size:8px;letter-spacing:1px;max-width:130px;text-align:center}.book-toolbar>.textbtn{font-size:10px}.book-spread{grid-template-columns:1fr;border-radius:3px;min-height:0;box-shadow:0 0 0 4px #232432,0 0 0 5px #d8bd863d,0 20px 40px #0006;scroll-margin-top:110px}.book-spread:after{display:none}.book-page{padding:27px 23px 45px}.book-page.illustrated{display:grid;grid-template-columns:1fr 90px;gap:8px 18px;text-align:left;align-items:center;justify-items:start;padding:25px 23px;border-radius:2px 2px 0 0;border-bottom:1px solid #79644828}.book-page.illustrated>.paper-eyebrow{grid-column:1;grid-row:1;margin:0;font-size:8px;letter-spacing:1px}.book-page.illustrated>h2{grid-column:1;grid-row:2;font-size:22px;margin:0;letter-spacing:2px}.book-page.illustrated>.artwork{grid-column:2;grid-row:1/4;width:85px;max-width:none;aspect-ratio:2/3;margin:0;border-radius:45px 45px 2px 2px}.book-page.illustrated>.paper-date{grid-column:1;font-size:8px;letter-spacing:1px;margin:0}.book-page.illustrated>.paper-star{display:none}.book-page.illustrated>.chapter-card-trio{grid-column:1/-1;grid-row:3;margin:15px 0 0;gap:15px;max-width:100%}.book-page.illustrated>.chapter-card-trio+.page-question{grid-column:1/-1}.book-page.illustrated>h3{grid-column:1/-1;font-size:17px;margin:9px 0 0}.book-page.written{border-radius:0 0 2px 2px;background:#eee3cf}.book-page h3{font-size:23px}.book-page .chapter-intention{font-size:18px;margin-bottom:20px;padding-bottom:18px}.book-page p{font-size:13px}.paper-eyebrow{font-size:8px;letter-spacing:1.5px}.chapter-card-trio .artwork{border-radius:45px 45px 2px 2px}.paper-colophon{right:23px;bottom:18px;font-size:8px}.book-pagination{gap:20px;margin-top:20px}.book-turn{font-size:12px}.book-pagination>span{font-size:9px;letter-spacing:1px}.book-local-note{font-size:9px;letter-spacing:.5px}.chapter-binding{gap:8px}.chapter-binding>.textbtn{font-size:10px}#chapterDialog{padding:23px}#chapterDialog h2{font-size:23px}#chapterFilter .chip{font-size:11px;padding:8px}.paper-actions{gap:10px}.paper-primary,.paper-secondary{font-size:12px;padding:10px 14px}.sky-imprint{gap:11px}.sky-imprint>small{font-size:8px}.empty-shelf{font-size:12px;letter-spacing:1px;padding:28px 0}}
/* Living light: animate layers, never drift the atlas coordinates. */
main{position:relative;z-index:1}.site-embers{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.site-embers i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#ecd6a6;box-shadow:0 0 8px #d8bd8655;animation:emberDrift var(--duration) ease-in-out var(--delay) infinite;opacity:0}@keyframes emberDrift{0%,100%{opacity:0;transform:translate3d(0,8px,0) scale(.7)}40%{opacity:.28}60%{opacity:.13}80%{transform:translate3d(8px,-32px,0) scale(1.1)}}.living-art{position:relative;isolation:isolate}.living-art:before,.living-art:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;animation-play-state:paused}.living-art:before{background:linear-gradient(112deg,transparent 30%,#f5e1b510 44%,#fff3d91c 50%,transparent 62%);transform:translateX(-120%);mix-blend-mode:screen;animation:paintedLight 13s ease-in-out var(--light-delay,0s) infinite paused}.living-art:after{background:radial-gradient(circle at 20% 21%,#f7e6b08a 0 1px,transparent 2px),radial-gradient(circle at 77% 40%,#f7e6b067 0 .8px,transparent 1.8px),radial-gradient(circle at 48% 14%,#f7e6b08a 0 1px,transparent 2px),radial-gradient(circle at 69% 74%,#e0c8b550 0 1px,transparent 2px);opacity:0;animation:portraitSpark 8s ease-in-out var(--light-delay,0s) infinite paused}.living-art.art-in-view:before,.living-art.art-in-view:after{animation-play-state:running}@keyframes paintedLight{0%,45%{transform:translateX(-120%);opacity:0}55%{opacity:.85}72%{transform:translateX(120%);opacity:0}100%{transform:translateX(120%);opacity:0}}@keyframes portraitSpark{0%,100%{opacity:.08;translate:0 3px}50%{opacity:.55;translate:0 -3px}}.hero-gallery>div{animation:heroBreath 8s ease-in-out infinite;translate:var(--hero-x,0px) 0;transition:translate .35s}.hero-gallery #heroCardLeft{animation-delay:-2.5s}.hero-gallery #heroCardRight{animation-delay:-5.3s}@keyframes heroBreath{0%,100%{translate:var(--hero-x,0px) 0}50%{translate:var(--hero-x,0px) -10px}}.hero-gallery .living-art{animation:heroPaintBreath 13s ease-in-out infinite;transform-origin:50% 60%}@keyframes heroPaintBreath{0%,100%{scale:1}50%{scale:1.025}}.hero-star{animation:starPulse 5s ease-in-out infinite}@keyframes starPulse{0%,100%{opacity:.4;scale:.9}50%{opacity:.9;scale:1.08}}.topic,.libcard,.chapter-volume{--tilt-x:0deg;--tilt-y:0deg;--hover-lift:0px;transform:perspective(1000px) translateY(calc(var(--offset,0px) + var(--hover-lift))) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s ease-out,border-color .35s,box-shadow .35s}.topic:hover{--hover-lift:-8px;transform:perspective(1000px) translateY(calc(var(--offset,0px) + var(--hover-lift))) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.libcard:hover,.chapter-volume:hover{--hover-lift:-5px;transform:perspective(1000px) translateY(var(--hover-lift)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.topic>.living-art:before{background:radial-gradient(ellipse at var(--glint-x,50%) 30%,#ffe9bc19,transparent 60%);animation:portraitSpark 9s ease-in-out infinite;mix-blend-mode:screen}.fortune-hero>.living-art,.zodiac-detail>.living-art,#cardDetail>.living-art{animation:haloBreath 9s ease-in-out infinite}@keyframes haloBreath{0%,100%{box-shadow:0 0 18px #d8bd8605,inset 0 0 0 1px #f4deb538}50%{box-shadow:0 0 32px #c6a5d51c,inset 0 0 0 1px #f4deb555}}.rankrow .living-art:after,.rankrow .living-art:before,.volume-art:after{display:none}.motion-toggle{font:10px serif;letter-spacing:1px;color:#9e8ca6;background:none;border:0;padding:6px 0}.book-spread{perspective:2000px;perspective-origin:50% 45%;transform-style:preserve-3d;overflow:visible}.book-spread.turning{animation:none}.book-spread.page-turning>.book-page{pointer-events:none}.turning-leaf{position:absolute;top:0;bottom:0;width:50%;z-index:20;transform-style:preserve-3d;pointer-events:none;will-change:transform;isolation:initial}.turning-leaf.leaf-forward{left:50%;transform-origin:0 50%}.turning-leaf.leaf-backward{left:0;transform-origin:100% 50%}.leaf-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#e7dbc5;box-shadow:0 0 1px #a58b60;transform-style:preserve-3d}.leaf-front{transform:translateZ(.5px)}.leaf-back{transform:rotateY(180deg) translateZ(.5px)}.leaf-face>.book-page{height:100%;min-height:100%;margin:0;box-sizing:border-box;pointer-events:none}.leaf-face .paper-star{display:none}.leaf-forward .leaf-front{border-radius:0 10px 10px 0;box-shadow:10px 8px 24px #291c1c29}.leaf-forward .leaf-back{border-radius:5px 0 0 5px}.leaf-backward .leaf-front{border-radius:5px 0 0 5px;box-shadow:-10px 8px 24px #291c1c29}.leaf-backward .leaf-back{border-radius:0 10px 10px 0}.leaf-face:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,#4f362300,transparent 15%,#fff4da10 55%,#4f36232b 100%)}.leaf-back:after{background:linear-gradient(90deg,#4f362338,transparent 35%,#fff8e810 80%)}.leaf-edge{position:absolute;top:0;bottom:0;width:2px;right:0;background:#c5ac80;transform:translateZ(1px);opacity:.85}.leaf-field-value{min-height:80px;border:1px solid #8e795c38;padding:12px;font:13px/1.9 serif;color:#655448;white-space:pre-wrap}.book-opening{animation:bookUnfold 1s cubic-bezier(.2,.7,.25,1) both}@keyframes bookUnfold{0%{opacity:.15;transform:perspective(1500px) rotateY(-13deg) scale(.96)}100%{opacity:1;transform:perspective(1500px) rotateY(0) scale(1)}}.book-spread.page-turning:before{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 36%,#3d2b2817 49%,#3d2b2820 51%,transparent 64%)}.book-spread:focus-visible{outline:1px solid #d8bd8699;outline-offset:12px}.stillness .site-embers,.motion-sleep .site-embers{display:none}.stillness .living-art:before,.stillness .living-art:after{display:none}.stillness .hero-gallery>div,.stillness .hero-gallery .living-art,.stillness .hero-star,.stillness .fortune-hero>.living-art,.stillness .zodiac-detail>.living-art,.stillness #cardDetail>.living-art{animation:none;translate:0 0;scale:1}.stillness .topic,.stillness .libcard,.stillness .chapter-volume{--tilt-x:0deg!important;--tilt-y:0deg!important}.motion-sleep .living-art:before,.motion-sleep .living-art:after,.motion-sleep .hero-gallery>div,.motion-sleep .hero-gallery .living-art,.motion-sleep .hero-star{animation-play-state:paused}.stillness .book-opening{animation:none}@media(max-width:600px){.site-embers i:nth-child(n+10){display:none}.hero-gallery>div{animation-duration:10s}.turning-leaf.leaf-compact{top:auto;left:0;bottom:0;width:100%;transform-origin:0 50%}.leaf-compact.leaf-backward{transform-origin:100% 50%}.leaf-compact .leaf-face>.book-page{border-radius:2px}.book-spread{perspective:1300px}.book-opening{animation-duration:.7s}}@media(prefers-reduced-motion:reduce){.site-embers,.living-art:before,.living-art:after{display:none}.hero-gallery>div,.hero-gallery .living-art,.hero-star,.book-opening,.fortune-hero>.living-art,.zodiac-detail>.living-art,#cardDetail>.living-art{animation:none!important}.turning-leaf{display:none}.topic,.libcard,.chapter-volume{--tilt-x:0deg!important;--tilt-y:0deg!important}}

.book-spread{touch-action:pan-y}.motion-toggle:disabled{opacity:.45;cursor:default}
#chapterScene{overflow-x:clip}.topic>.living-art:before{animation-play-state:paused}.topic>.living-art.art-in-view:before{animation-play-state:running}.stillness .topic>.living-art:before{display:none}
/* Keep the main path calm; additional destinations remain available on demand. */
.nav-more{position:relative}.nav-more summary{cursor:pointer;list-style:none;padding:10px;color:inherit}.nav-more summary::-webkit-details-marker{display:none}.nav-more>div{position:absolute;z-index:30;right:0;top:100%;min-width:180px;padding:10px;background:#171b2b;border:1px solid #786c60;border-radius:12px;box-shadow:0 12px 28px #0008}.nav-more>div button{display:block;width:100%;text-align:left}.extra-portals{margin-top:28px}.extra-portals .secret-paths{margin-top:16px}.setup-intro{margin-top:0}.reflection-choices{margin-bottom:12px}#chapterSuggestions{margin:10px 0 16px}.chapter-binding{margin-top:16px}
.relationship-door{display:flex;align-items:center;gap:16px;width:100%;margin-top:20px;padding:22px 26px;text-align:left;border-color:#957080;font-size:21px;background:linear-gradient(110deg,#272033,#171b2b)}.relationship-door small{font-size:13px;color:#c4b5bf}.relationship-door span{margin-left:auto}#relationStep{margin-top:30px}#relationQuestions .path{min-height:96px}#relationKinds button{min-width:76px;min-height:44px}@media(max-width:600px){.relationship-door{flex-wrap:wrap;gap:8px;font-size:19px}.relationship-door small{font-size:12px}}