*{box-sizing:border-box}html{background:#071126}body{margin:0;padding:0 0 80px;color:#edf3ff;background:radial-gradient(circle at 50% -12%,#2a3b66,#0a1630 42%,#050a17);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh}
header{height:160px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(#101d3b,#071126);border-bottom:1px solid #30446c}.brand{display:flex;align-items:center;text-align:center;gap:13px}.celestial{font:56px Georgia;color:#edc75f;letter-spacing:-15px;margin-right:6px}.brand b{display:block;font:45px Georgia;color:#edc75f;letter-spacing:4px}.brand strong{display:block;font:14px Georgia;letter-spacing:5px}.brand small{display:block;margin-top:7px;font-size:7px;letter-spacing:2px;color:#c5d0e8}header>button{position:absolute;right:13px;top:18px;border:0;background:none;color:#fff;font-size:30px}
main{width:100%;max-width:900px;margin:auto}.datebar{height:72px;margin:14px 14px 0;border:1px solid #354a75;border-radius:14px;background:#101e3d;display:flex;align-items:center;justify-content:space-between;text-align:center}.datebar button{width:55px;height:100%;border:0;background:none;color:#fff;font-size:42px}.datebar small{font-size:9px;letter-spacing:2px;color:#a9b8d9}.datebar h1{font:25px Georgia;color:#edca66;margin:4px 0}
.sign-strip{display:flex;overflow:hidden;margin:10px 14px 0;border:1px solid #344a75;border-radius:14px;background:#0b1731}.sign{min-width:16.666%;text-align:center;padding:8px 2px 10px;border-right:1px solid #293d61;cursor:pointer}.sign:last-child{border:0}.sign.active{outline:3px solid #edc75f;outline-offset:-2px;border-radius:10px}.sign .glyph{font-size:31px;color:#edc75f;display:block}.sign b{font:11px Georgia}.sign small{display:block;font-size:8px;color:#91a4cc;margin-top:2px}
.hero-card{margin:14px 14px 0;padding:22px;border:1px solid #3a507c;border-radius:17px;background:linear-gradient(145deg,#142446,#09142d);display:flex;align-items:center;justify-content:center;gap:24px;box-shadow:0 12px 35px #0004}.sign-symbol{font:105px Georgia;color:#edc75f;text-shadow:0 0 25px #edc75f33}.eyebrow{font-size:10px;letter-spacing:2px;color:#93a7d1}.sign-info h2{font:35px Georgia;color:#f0d078;margin:2px 0}.sign-info p{margin:0;color:#aab9db}
.reading{margin:14px 14px 0;padding:20px 16px;border:1px solid #344b76;border-radius:17px;background:linear-gradient(145deg,#111f40,#09142d)}.reading>h3{font:25px Georgia;color:#e9c96a;margin:0 0 8px;text-align:center}.reading>p{font-size:16px;line-height:1.55;color:#d2dcf1;text-align:center;margin:0 auto 17px;max-width:720px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.categories article{border:1px solid #2c4167;border-radius:12px;background:#0c1833;padding:12px}.categories span{font-size:25px;color:#edc75f;display:block}.categories b{font:17px Georgia;color:#e8cf81}.categories p{font-size:12px;line-height:1.4;color:#9eafd2;margin:6px 0 0}.lucky{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border-top:1px solid #273b60;padding-top:14px;text-align:center}.lucky small{display:block;font-size:8px;letter-spacing:1.5px;color:#8fa2cb}.lucky strong{display:block;color:#edc75f;font:17px Georgia;margin-top:4px}
.moon-note{margin:12px 14px 0;padding:13px 16px;border:1px solid #3b507b;border-radius:13px;background:#0d1934;display:flex;align-items:center;gap:13px}.moon-note>span{font-size:32px;color:#edc75f}.moon-note small,.moon-note b{display:block}.moon-note small{font-size:8px;letter-spacing:1.5px;color:#8fa2cb}.moon-note b{font:15px Georgia;color:#d9e1f2;margin-top:3px}.nav{display:flex;gap:7px;margin:13px 14px}.nav button{flex:1;height:48px;border:1px solid #3b5688;border-radius:12px;background:#101e3d;color:#fff;font-size:13px;font-weight:650}.nav #today{background:#efc95e;color:#101a30;border-color:#efc95e}
nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:80px;background:#071126f5;border-top:1px solid #34466c;display:flex;backdrop-filter:blur(14px)}nav button{flex:1;border:0;background:none;color:#b9c9e9;font-size:23px}nav small{display:block;font-size:9px;margin-top:4px}nav .active{color:#efc75f}#toast{display:none;position:fixed;bottom:94px;left:50%;transform:translateX(-50%);background:#263c6b;color:#fff;padding:9px 14px;border-radius:10px;font-size:13px;z-index:20}
@media(max-width:600px){header{height:145px}.celestial{font-size:45px}.brand b{font-size:37px}.brand strong{font-size:12px}.brand small{font-size:6px}.sign-strip .sign{min-width:16.666%}.sign .glyph{font-size:27px}.sign b{font-size:9px}.sign small{font-size:7px}.hero-card{padding:17px;gap:16px}.sign-symbol{font-size:82px}.sign-info h2{font-size:29px}.reading{padding:17px 13px}.reading>h3{font-size:22px}.reading>p{font-size:14px}.categories{grid-template-columns:1fr}.categories article{padding:10px}.categories p{font-size:12px}.lucky strong{font-size:14px}.datebar h1{font-size:22px}}