/* A celestial reading room, built around this project's original artwork. */
.home-story{position:relative;min-width:0;align-self:start;padding-top:18px}
.home-title span{background:linear-gradient(115deg,#f2deb4 12%,#bc9859 60%,#e4c995);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-sanctum{--sanctum-x:0px;--sanctum-y:0px;--sanctum-tilt:0deg;--dial-size:420px;position:relative;isolation:isolate;height:448px;margin:22px -8px 0;perspective:1000px;pointer-events:none}
.sanctum-aura{position:absolute;inset:32px 0 38px;z-index:-1;background:radial-gradient(ellipse at 50% 44%,#65749520,transparent 61%),radial-gradient(ellipse at 50% 74%,#c4975720,transparent 48%);border-radius:50%;opacity:.85}
.sanctum-moons{position:absolute;top:0;left:50%;transform:translateX(-50%);width:232px;display:flex;align-items:center;gap:18px;color:#b99a65}
.sanctum-moons>span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#b99a6550)}
.sanctum-moons>span:last-child{transform:scaleX(-1)}
.sanctum-moons svg{width:134px;flex-shrink:0;height:24px;stroke:currentColor;stroke-width:.8}
.sanctum-moons path{fill:#c5a87580}.sanctum-moons .moon-full{fill:#e4c58e;stroke:none;filter:drop-shadow(0 0 5px #d6ae6170)}.sanctum-moons .moon-ring{stroke:#c3a56a50;stroke-width:.6}
.sanctum-dial{position:absolute;width:var(--dial-size);height:var(--dial-size);top:6px;left:50%;transform:translateX(-50%);overflow:visible}
.dial-turn{transform-origin:220px 220px;animation:sanctum-orbit 180s linear infinite}
.dial-outer{stroke-opacity:.34;stroke-width:.8}.dial-inner{stroke-opacity:.26;stroke-width:.55}.dial-major{stroke-opacity:.58;stroke-width:1}.dial-minor{stroke-opacity:.25;stroke-width:.65}.dial-gems{fill:#bd9a5735;stroke-opacity:.65;stroke-width:.7}
.dial-geometry{stroke-opacity:.17;stroke-width:.65}.dial-constellations{stroke:#c3a66e;stroke-opacity:.35;stroke-width:.65}.dial-constellations circle{fill:#d9be89;stroke:none;opacity:.65}
.sanctum-stars{position:absolute;inset:0 0 46px;overflow:hidden}
.sanctum-stars i{position:absolute;left:var(--star-x);top:var(--star-y);width:2px;height:2px;border-radius:50%;background:#e2c793;box-shadow:0 0 7px #d0ab6960;animation:sanctum-twinkle 5s ease-in-out var(--star-delay) infinite;opacity:.35}
.sanctum-stars .star-cross{width:9px;height:9px;border-radius:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.sanctum-stage{position:absolute;inset:0;transform:translate3d(var(--sanctum-x),var(--sanctum-y),0) rotate(var(--sanctum-tilt));transition:transform .35s ease-out;will-change:transform;pointer-events:auto}
.sanctum-card{position:absolute;top:49%;left:50%;width:132px;z-index:2}
.sanctum-card-left{transform:translate(calc(-50% - 108px),-50%) rotate(-17deg)}
.sanctum-card-right{transform:translate(calc(-50% + 108px),-50%) rotate(17deg)}
.sanctum-card-center{width:158px;z-index:3;transform:translate(-50%,calc(-50% - 13px))}
.sanctum-card-float{animation:sanctum-float 8s ease-in-out infinite}
.sanctum-card-left .sanctum-card-float{animation-delay:-2.5s}.sanctum-card-right .sanctum-card-float{animation-delay:-5s}
.sanctum-card-frame{position:relative;border:1px solid #dbbd7b9c;padding:4px;border-radius:9px;background:linear-gradient(135deg,#ead3a64d,#100d17 38%,#ad89574d);box-shadow:0 20px 38px #0009,0 0 0 3px #b3975910;overflow:hidden}
.sanctum-card-frame:after{content:"";position:absolute;inset:-30% -70%;background:linear-gradient(110deg,transparent 42%,#fff6d321 49%,transparent 57%);transform:translateX(-55%);animation:sanctum-shine 12s ease-in-out infinite;pointer-events:none}
.home-art.home-sanctum .home-art-card{position:relative;display:block;width:100%;height:auto;aspect-ratio:3/5;object-fit:cover;border:0;border-radius:5px;box-shadow:none;opacity:1;transform:none;transition:none}
.sanctum-card-left .sanctum-card-frame,.sanctum-card-right .sanctum-card-frame{filter:brightness(.65) saturate(.73);border-color:#c2a06980}
.sanctum-card-center .sanctum-card-frame{box-shadow:0 25px 50px #000b,0 0 27px #dcbb7821,0 0 0 3px #b3975918}
.sanctum-card-seal{display:block;margin-top:12px;color:#d1b481;text-align:center;font:8px/1.2 Georgia,serif;letter-spacing:.24em}
.sanctum-pedestal{position:absolute;width:255px;height:30px;bottom:57px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#c7a67524,transparent 70%);border-top:1px solid #c7a67535;box-shadow:0 -12px 40px #c7a67509}
.sanctum-legend{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;color:#c0ab88;font:11px/1.4 'Songti SC','SimSun',serif;letter-spacing:.12em}
.sanctum-legend i{width:3px;height:3px;background:#ad8c58;transform:rotate(45deg);opacity:.7}
.home-sanctum .home-art-caption{bottom:7px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.21em;color:#8d8099}
.home-story .home-note{margin-top:19px;padding:15px 18px;max-width:none;gap:13px;border:1px solid #c6a6701a;border-radius:0 12px 12px 0;background:linear-gradient(100deg,#c6a67007,transparent)}
.home-story .note-line{width:1px;background:linear-gradient(#d6b57699,#d6b57615)}
.home-story .home-note b{font-family:'Songti SC','SimSun',serif;font-size:12px;color:#dcc092}.home-story .home-note #dailyText{color:#ada0b5;line-height:1.85}
.home-sanctum:not([data-sky-active="true"]) *, .home-sanctum:not([data-sky-active="true"]) *:after{animation-play-state:paused}
.home-sanctum:not([data-sky-active="true"]) .sanctum-stage{will-change:auto}
@keyframes sanctum-orbit{to{transform:rotate(360deg)}}
@keyframes sanctum-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes sanctum-twinkle{0%,100%{opacity:.25}50%{opacity:.85}}
@keyframes sanctum-shine{0%,68%{transform:translateX(-55%);opacity:0}72%{opacity:1}89%,100%{transform:translateX(55%);opacity:0}}
@media(max-width:1100px) and (min-width:761px){.home-sanctum{--dial-size:350px;height:395px}.sanctum-card-center{width:140px}.sanctum-card{width:113px}.sanctum-card-left{transform:translate(calc(-50% - 88px),-50%) rotate(-17deg)}.sanctum-card-right{transform:translate(calc(-50% + 88px),-50%) rotate(17deg)}.sanctum-card-center{width:140px}}
@media(max-width:760px){.home-story{padding-top:0}.home-sanctum{--dial-size:min(340px,100%);height:359px;margin:20px -8px 0}.sanctum-dial{top:9px}.sanctum-moons{width:206px;gap:14px}.sanctum-moons svg{width:119px;height:22px}.sanctum-card{width:104px;top:48%}.sanctum-card-left{transform:translate(calc(-50% - 81px),-50%) rotate(-17deg)}.sanctum-card-right{transform:translate(calc(-50% + 81px),-50%) rotate(17deg)}.sanctum-card-center{width:130px;transform:translate(-50%,calc(-50% - 7px))}.sanctum-card-seal{font-size:7px;margin-top:9px}.sanctum-card-frame{padding:3px}.sanctum-pedestal{width:220px;bottom:58px}.sanctum-legend{gap:13px;font-size:10px;bottom:28px}.home-sanctum .home-art-caption{font-size:7px;bottom:7px}.home-story .home-note{margin-top:13px;padding:12px 14px}.home-story .home-note #dailyText{font-size:11px}.home-story .home-note b{font-size:11px}}
@media(max-width:380px){.home-sanctum{height:334px}.sanctum-card{width:95px}.sanctum-card-center{width:119px}.sanctum-card-left{transform:translate(calc(-50% - 75px),-50%) rotate(-17deg)}.sanctum-card-right{transform:translate(calc(-50% + 75px),-50%) rotate(17deg)}.sanctum-moons{top:-2px}.sanctum-pedestal{bottom:54px}}
@media(prefers-reduced-motion:reduce){.home-sanctum *, .home-sanctum *:after{animation:none!important;transition:none!important}.sanctum-stage{transform:none;will-change:auto}.sanctum-card-frame:after{display:none}}
