.lunar-cal{--lc-night:#0c1230;--lc-indigo:#1d2257;--lc-violet:#8f82f5;--lc-lavender:#cfc6ff;--lc-text:var(--ivory);--lc-muted:#f6f1e8c2;--lc-hairline:#ffc42e42;border:1px solid var(--lc-hairline);color:var(--lc-text);font-family:var(--sans);isolation:isolate;background:radial-gradient(120% 90% at 100% 0%, #8f82f54d, transparent 60%), radial-gradient(90% 80% at 0% 100%, #ffc42e14, transparent 60%), linear-gradient(165deg, var(--lc-night), var(--lc-indigo) 62%, #241d57);border-radius:6px;margin:22px 0 0;padding:clamp(14px,3vw,32px);position:relative;container-type:inline-size}.lunar-cal:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 52% 24%,#ffffffb3 0 1px,#0000 1.6px),radial-gradient(circle at 63% 58%,#ffecb499 0 1px,#0000 1.6px),radial-gradient(circle at 74% 18%,#ffffffbf 0 1px,#0000 1.6px),radial-gradient(circle at 83% 46%,#ffecb4cc 0 1px,#0000 1.6px),radial-gradient(circle at 92% 14%,#ffffffa6 0 1px,#0000 1.6px),radial-gradient(circle at 96% 70%,#ffecb48c 0 1px,#0000 1.6px);border-radius:6px 6px 0 0;height:96px;position:absolute;inset:0 0 auto}.lunar-cal :focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.lunar-cal button{font-family:inherit}.lunar-cal__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lunar-cal__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);margin:0 0 4px;font-size:12px;font-weight:600}.lunar-cal__title{font-family:var(--serif);color:var(--lc-text);margin:0;font-size:clamp(28px,7cqi,42px);font-weight:500;line-height:1.1}.lunar-cal__nav{align-items:center;gap:8px;display:flex}.lunar-cal__icon-btn,.lunar-cal__today-btn{border:1px solid var(--lc-hairline);height:40px;color:var(--gold-light);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.lunar-cal__icon-btn{border-radius:50%;width:40px}.lunar-cal__today-btn{border-radius:20px;padding:0 16px;font-size:14px;font-weight:600}.lunar-cal__icon-btn:hover:not(:disabled),.lunar-cal__today-btn:hover:not(:disabled){border-color:var(--gold);background:#ffc42e24}.lunar-cal__icon-btn:disabled,.lunar-cal__today-btn:disabled{opacity:.38;cursor:not-allowed}.lunar-cal__body{gap:22px;margin-top:20px;display:grid}@container (min-width:720px){.lunar-cal__body{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start;gap:28px}}.lunar-cal__row{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.lunar-cal__weekdays{margin-bottom:6px}.lunar-cal__weekdays span{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--lc-muted);font-size:12px;font-weight:600}.lunar-cal__grid{flex-direction:column;gap:3px;display:flex}.lunar-cal__cell{min-width:0;min-height:58px;color:var(--lc-text);font:inherit;cursor:pointer;background:#ffffff09;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 0 6px;transition:background .15s,border-color .15s;display:flex;position:relative}.lunar-cal__cell--blank{pointer-events:none;background:0 0}@container (min-width:560px){.lunar-cal__cell{gap:6px;min-height:80px}}.lunar-cal__cell:hover{background:#8f82f52e}.lunar-cal__cell[aria-selected=true]{border-color:var(--lc-violet);background:#8f82f547}.lunar-cal__num{font-variant-numeric:tabular-nums;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:14px;line-height:1;display:inline-flex}.lunar-cal__cell--today .lunar-cal__num{background:var(--gold);color:var(--navy);font-weight:700}.lunar-cal__moon{aspect-ratio:1;border-radius:50%;width:clamp(24px,7.2cqi,40px);display:block}.lunar-cal__moon svg{width:100%;height:100%;display:block}.lunar-cal__moon--pending{background:#ffffff14;animation:1.4s ease-in-out infinite lunar-cal-pulse}@keyframes lunar-cal-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.lunar-cal__moon--pending{animation:none}}.lunar-cal__cell--new .lunar-cal__moon{box-shadow:0 0 0 2px var(--lc-violet), 0 0 14px #8f82f599}.lunar-cal__cell--full .lunar-cal__moon{box-shadow:0 0 0 2px var(--gold), 0 0 18px #ffc42e8c}.lunar-cal__cell--quarter:after{content:"";background:var(--gold-light);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.moon-icon__disc{fill:#080c22eb;stroke:#ffffff3d;stroke-width:.8px}.moon-icon--waxing .moon-icon__lit{fill:var(--gold-light)}.moon-icon--waning .moon-icon__lit{fill:var(--lc-lavender)}.lunar-cal__legend{color:var(--lc-muted);flex-wrap:wrap;gap:8px 16px;margin:16px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.lunar-cal__legend li{align-items:center;gap:8px;display:inline-flex}.lunar-cal__legend-icon{width:22px;height:22px;display:block}.lunar-cal__legend-ring{border-radius:50%;display:inline-flex}.lunar-cal__legend-ring--new{box-shadow:0 0 0 2px var(--lc-violet)}.lunar-cal__legend-ring--full{box-shadow:0 0 0 2px var(--gold)}.lunar-cal__legend-dot{background:var(--gold-light);border-radius:50%;width:8px;height:8px;margin:0 7px}.lunar-cal__side{flex-direction:column;gap:16px;display:flex}.lunar-cal__panel{border:1px solid var(--lc-hairline);background:#080c2280;border-radius:8px;padding:16px 16px 18px}.lunar-cal__panel .lunar-cal__eyebrow{margin-bottom:8px}.lunar-cal__detail h4{font-family:var(--serif);color:var(--gold-light);margin:0;font-size:clamp(26px,5cqi,32px);font-weight:500;line-height:1.15}.lunar-cal__detail p{margin:0}.lunar-cal__date{color:var(--lc-muted);font-size:15px;margin-top:4px!important}.lunar-cal__time{flex-direction:column;gap:2px;font-size:15px;font-weight:600;line-height:1.5;display:flex;margin-top:12px!important}.lunar-cal__time span{color:var(--lc-muted);font-weight:400}.lunar-cal__fact{color:var(--lc-muted);font-size:15px;line-height:1.6;margin-top:12px!important}.lunar-cal__symbol{font-size:15px;line-height:1.7;margin-top:14px!important}.lunar-cal__symbol strong{color:var(--gold-light)}.lunar-cal__themes{letter-spacing:.04em;color:var(--lc-lavender);font-size:14px;margin-top:6px!important}.lunar-cal__phase-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lunar-cal__phase-btn{width:100%;min-height:48px;color:var(--lc-text);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:6px 10px;transition:background .15s,border-color .15s;display:flex}.lunar-cal__phase-btn:hover{background:#8f82f533}.lunar-cal__phase-btn[aria-pressed=true]{border-color:var(--lc-violet);background:#8f82f547}.lunar-cal__phase-icon{flex:none;width:30px;height:30px;display:block}.lunar-cal__phase-name{font-family:var(--serif);flex:1;font-size:19px;font-weight:500;line-height:1.2}.lunar-cal__phase-when{color:var(--lc-muted);flex-direction:column;align-items:flex-end;font-size:14px;line-height:1.4;display:flex}.lunar-cal__status,.lunar-cal__problem p{color:var(--lc-muted);margin:0;font-size:15px;line-height:1.6}.lunar-cal__problem{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.lunar-cal__footer{border-top:1px solid var(--lc-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:22px;padding-top:16px;display:flex}.lunar-cal__note{max-width:520px;color:var(--lc-muted);margin:0;font-size:14px;line-height:1.6}.lunar-cal__link{min-height:40px;color:var(--gold-light);text-underline-offset:5px;align-items:center;gap:8px;font-size:15px;font-weight:600;-webkit-text-decoration:underline #ffc42e80;text-decoration:underline #ffc42e80;display:inline-flex}.lunar-cal__link:hover{color:var(--gold);text-decoration-color:currentColor}