.brand{display:inline-flex;align-items:center;gap:8px}.brand-mascot{display:block;width:33px;height:33px;flex:0 0 33px;filter:drop-shadow(0 1px 0 #264c4b20)}
/* A full reading has its space before the first draw. JS sizes this to all 100 entries. */
.charm-window .fate-result{height:var(--fate-reserve,380px);display:flex;flex-direction:column;justify-content:center;position:relative;box-sizing:border-box}.charm-window .fate-result>*{flex-shrink:0}.charm-window .charm-button{height:47px;min-height:47px;width:100%;justify-content:center;line-height:1.4}.charm-window .charm-button>span:first-child{max-width:calc(100% - 24px)}
.dock-wrap{margin-top:clamp(95px,12vh,170px);padding-top:12px;padding-bottom:40px;min-height:242px}.back-to-top{display:flex;align-items:center;justify-content:center;gap:13px;width:max-content;margin:0 auto 25px;padding:10px 16px;border:1px solid #8ca58a;border-radius:5px;background:#f3df9b;color:#36554b;font:10px var(--mono);box-shadow:2px 3px 0 #264c4b20}.back-to-top:hover{background:#f9e8b3;transform:translateY(-2px)}.back-to-top>span:first-child{font-size:19px;line-height:1}.back-to-top>span:last-child{font-size:14px}.take-your-time{bottom:25px}
.moon-almanac .moon-hint{font:6px/1.5 var(--mono);opacity:.75;margin-top:3px}.moon-details{display:block;margin:10px auto 0;padding:4px 0;background:none;color:#526145;font:7px var(--mono);text-decoration:underline;text-underline-offset:3px}.moon-ps{padding-top:12px;margin-top:14px;border-top:1px dashed #bfa866;transform:rotate(-1deg);color:#485b45}.moon-ps[hidden]{display:none}.moon-ps p{font:400 16px/1.5 var(--serif);margin:0}.ps-label{font:9px var(--mono);display:block;margin-bottom:6px;letter-spacing:1px}.love-charm{position:relative;display:inline-block;width:62px;height:58px;vertical-align:middle;margin:7px 0 0 10px;isolation:isolate}.ali-heart{position:absolute;width:43px;height:42px;left:9px;top:11px;transform:rotate(-7deg);animation:bee-heartbeat 4s ease-in-out infinite}.little-bee{position:absolute;left:20px;top:13px;width:30px;height:24px;animation:bee-buzz 5s ease-in-out infinite;transform-origin:center;z-index:1}.little-bee svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 1px #52614524)}
@keyframes bee-buzz{0%,100%{transform:translate(-23px,-14px) rotate(-10deg)}25%{transform:translate(18px,-19px) rotate(13deg)}50%{transform:translate(24px,14px) rotate(5deg)}75%{transform:translate(-18px,19px) rotate(-15deg)}}@keyframes bee-heartbeat{0%,65%,100%{transform:rotate(-7deg) scale(1)}75%{transform:rotate(-7deg) scale(1.07)}85%{transform:rotate(-7deg) scale(1)}}
body.evening .back-to-top{background:#e7cf8a;border-color:#b8ac7a;color:#264c4b;box-shadow:2px 3px 0 #07162360}body.evening .back-to-top:hover{background:#f3df9b}body.evening .sticky-note .moon-ps{color:#344d42}
@media(max-width:850px){.dock-wrap{min-height:290px;padding-bottom:100px}.take-your-time{bottom:16px}}
@media(max-width:540px){.brand{gap:5px;font-size:10px}.brand-mascot{width:27px;height:27px;flex-basis:27px}.charm-window .fate-result{height:var(--fate-reserve,420px)}.charm-window .charm-button{height:47px;min-height:47px;font-size:9px}.dock-wrap{margin-top:90px;padding:12px 10px 180px;min-height:360px}.back-to-top{font-size:9px;margin-bottom:30px}.take-your-time{bottom:26px}.moon-ps p{font-size:17px}.moon-almanac .moon-hint{font-size:6px}.moon-details{font-size:8px}.love-charm{margin-left:9px}}
@media(prefers-reduced-motion:reduce){.little-bee,.ali-heart{animation:none}.little-bee{transform:translate(18px,-16px)}.back-to-top:hover{transform:none}}
@media print{.back-to-top{display:none!important}}