*{box-sizing:border-box}
html{background:#070b16}
body{margin:0;background:#070b16;color:#f3f5fb;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans",sans-serif}
.app{width:min(720px,100%);margin:0 auto;padding:20px 14px 40px}
header{padding:10px 4px 18px}.eyebrow{font-size:11px;letter-spacing:.18em;opacity:.55}
h1{margin:7px 0 5px;font-size:30px}header p{margin:3px 0;color:#b9c0d0;font-size:14px}
.status{padding:10px 12px;margin:0 0 12px;border:1px solid #293149;border-radius:12px;color:#cbd2e2;font-size:13px}
.list{display:flex;flex-direction:column;gap:10px}
.card{background:#11182a;border:1px solid #242d43;border-radius:16px;padding:16px;box-shadow:0 5px 20px rgba(0,0,0,.16)}
.card.today{border-color:#53678f}.date{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.date h2{margin:0;font-size:19px}.weekday{color:#8993aa;font-size:13px}
.moon{display:flex;align-items:center;gap:12px;margin:14px 0 10px}.moon-symbol{font-size:36px;width:44px;text-align:center}
.moon-main{font-size:16px;font-weight:600}.moon-age{font-size:13px;color:#9da7bb;margin-top:3px}
.events{margin:10px 0 0;padding:0;list-style:none}.events li{border-top:1px solid #252e43;padding:9px 0 1px;font-size:14px;line-height:1.5}
.event-date{color:#8f9ab0;font-size:12px;margin-right:7px}
footer{color:#69738a;font-size:11px;padding:22px 4px 0;line-height:1.6}