@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-full-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
body{max-width:390px;margin:0 auto;min-height:100vh;background:#FBF6EE;color:#2A1E17;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;padding:0 18px 28px}
.top{display:flex;align-items:center;gap:10px;padding:14px 0 0}
.orb{width:28px;height:28px;border-radius:50%;background:conic-gradient(from 200deg,#E8506B,#F2B01E,#2E9E6A,#3A7BE0,#E8506B)}
.eyebrow{font:700 12px/16px Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase}
.disp,.t{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100,"opsz" 72;letter-spacing:-.02em}
h1{font-size:40px;line-height:42px;font-weight:600;margin-top:28px}
h1 i{font-weight:500;color:#5A4636}
.line{font-size:15px;line-height:21px;margin-top:12px;color:#5A4636}
.cards{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:24px}
.card{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:18px;border-radius:22px;text-decoration:none;color:#FFF4EA}
.card:focus-visible{outline:3px solid #2A1E17;outline-offset:3px}
.card.tags{background:linear-gradient(160deg,#0D0B26,#15123A 60%,#221D5C)}
.card.pg{background:linear-gradient(165deg,#0F2E22,#16402F 60%,#1F5A41)}
.card.pg .day{color:#CDEFDC}
.card.jg{background:linear-gradient(170deg,#1C2A56 55%,#A23B12)}
.card.bk{background:linear-gradient(170deg,#1E2B4F 55%,#8A6418)}
.card.dg{background:linear-gradient(170deg,#1F3A2B 55%,#5E7A12)}
.card.cw{background:linear-gradient(170deg,#1E2B45 55%,#8A5A12)}
.card.lx{background:linear-gradient(170deg,#0F3B3A 55%,#1F6B66)}
.card.bg{background:linear-gradient(170deg,#4A1F2E 55%,#8A5A12)}
.card.vo{background:linear-gradient(170deg,#1E3D1A 55%,#4F7A28)}
.card.tu{background:linear-gradient(170deg,#232659 55%,#4A4FA0)}
.card.vt{background:linear-gradient(170deg,#3A2E14 55%,#7A5F1E)}
.card.jb{background:linear-gradient(170deg,#0F3D2E 58%,#5C4A12);box-shadow:inset 8px 0 0 #F2C14E}
.card.jb .day{color:#F2C14E}
.card.sg{background:linear-gradient(170deg,#0B1026 55%,#2A2F6B);box-shadow:inset 8px 0 0 #E8C77A}
.card.sg .day{color:#E8C77A}
.card.cb{background:linear-gradient(170deg,#3A3834 58%,#6B5418);box-shadow:inset 8px 0 0 #F2A900}
.card.cb .day{color:#F2A900}
.card.lf{background:linear-gradient(170deg,#111111 58%,#4A4000);box-shadow:inset 8px 0 0 #FFD400}
.card.lf .day{color:#FFD400}
.card.hs{background:linear-gradient(170deg,#5E1F12 55%,#0E6B66)}
.card.tt{background:linear-gradient(170deg,#2A1640 55%,#8A3F12)}
.card.ch{background:linear-gradient(170deg,#3B1D4F 55%,#8E2F5A)}
.card.gh{background:linear-gradient(170deg,#14213D 55%,#A63D16)}
.day{font:600 12px/16px Inter,sans-serif;color:#E9E4FF}
.card.gh .day{color:#FFD9C2}
.t{font-size:24px;line-height:28px}
.t b{font-weight:700}
.d{font-size:14px;line-height:20px}
.foot{margin-top:20px;font-size:12px;line-height:18px;color:#7A6455}
.card.jm{background:linear-gradient(170deg,#3A0A12 58%,#74182A);box-shadow:inset 8px 0 0 #E0B455}
.card.jm .day{color:#E0B455}
.card.ap{background:linear-gradient(170deg,#0B2747 58%,#0B5CAD);box-shadow:inset 8px 0 0 #7BE0A5}
.card.ap .day{color:#9CE6BC}
.card.gn{background:linear-gradient(170deg,#3B1A08 58%,#A44C17);box-shadow:inset 8px 0 0 #FFFFFF}
.card.gn .day{color:#FFD7B5}
