.day-page{max-width:1140px;grid-template-columns:300px minmax(0,1fr);gap:70px;align-items:start;padding:64px 36px 80px}
.day-image{display:flex;flex-direction:column;align-items:center;position:sticky;top:112px;padding-top:12px}
.day-flip{display:block;width:250px;max-width:100%;aspect-ratio:167/300;padding:0;background:transparent;perspective:1400px;border-radius:12px;color:var(--gold);touch-action:manipulation}
.day-flip:disabled{opacity:1}
.day-flip-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.65,.25,1)}
.day-flip.is-flipped .day-flip-inner{transform:rotateY(180deg)}
.day-flip-back,.day-flip-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid var(--gold);border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #0006}
.day-flip-back{gap:22px;background:repeating-linear-gradient(45deg,#85715d0b 0 1px,transparent 1px 7px),radial-gradient(circle,#493453,#211a2e 70%);outline:1px solid #d7b88466;outline-offset:-13px}
.day-flip-back>span{font:90px var(--serif);line-height:1}
.day-flip-back strong{font:35px var(--serif)}
.day-flip-back small{font-size:16px;color:#e4d3b7}
.day-flip:not(:disabled):hover .day-flip-back{border-color:#f4d9a9;box-shadow:0 20px 55px #0006,0 0 30px #d7b8841a}
.day-flip-front{transform:rotateY(180deg);padding:5px;background:#302937}
.day-image .day-flip-front img{display:block;width:100%;height:100%;object-fit:fill;border:0;border-radius:6px;box-shadow:none}
.day-card-caption{font-size:16px;line-height:1.7;color:#c7bdcf;text-align:center;margin-top:22px;max-width:260px}
.day-content{min-width:0}
.day-content .eyebrow{font-size:13px;line-height:1.6;letter-spacing:1.2px;flex-wrap:wrap}
.day-content h1{font-size:clamp(48px,5vw,68px);line-height:1.06;margin:20px 0 26px;overflow-wrap:anywhere}
.day-content p{font-size:20px;line-height:1.85;color:#d6cfdd;margin:20px 0}
.day-content .day-keywords{font-size:18px;line-height:1.7;color:var(--gold);margin:-8px 0 30px}
.day-content h2{font-size:35px;line-height:1.18;margin:0 0 18px;color:#f5e6cf}
.day-meaning{padding-top:24px;border-top:1px solid #d7b88445}
.day-content .day-orientation-note{font-size:17px;color:#c0b6cd;border-left:2px solid #d7b88466;padding-left:18px}
.day-advice{margin:32px 0;padding:28px 30px;border:1px solid #d7b88440;border-left:4px solid var(--gold);border-radius:8px;background:linear-gradient(135deg,#d7b88410,#3a29412b)}
.day-advice .eyebrow{margin-bottom:13px}
.day-advice p:last-child{margin-bottom:0}
.day-content .day-advice-step{font-size:17px;color:#c0b6cd}
.day-question{margin:30px 0;padding-bottom:12px}
.day-question h2{font-size:31px}
.day-content .button{font-size:16px;line-height:1.6;max-width:100%;white-space:normal;text-align:left;margin-top:10px}
.day-content .day-storage-note{font-size:16px;line-height:1.8;color:#aaa1b5;margin-top:32px}
.day-open #day-result{animation:day-content-appear .55s ease-out both}
@keyframes day-content-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.day-page{grid-template-columns:1fr;gap:32px;padding:38px 24px 60px;max-width:650px}.day-image{position:relative;top:auto;padding-top:0}.day-flip{width:205px}.day-content h1{font-size:50px}.day-content p{font-size:18px;line-height:1.85}.day-content h2{font-size:32px}.day-advice{padding:24px 22px}.day-content .eyebrow{font-size:12px}.day-content .day-keywords{font-size:17px}.day-card-caption{margin-top:18px}.day-content .day-storage-note,.day-content .day-advice-step{font-size:16px}}
@media(prefers-reduced-motion:reduce){.day-flip-inner{transition:none}.day-open #day-result{animation:none}}