#sekarang,#berikutnya,#riwayat{scroll-margin-top:5rem}.hilal-hero{isolation:isolate;padding:clamp(5rem,22vw,7rem) 0 clamp(5rem,10vw,7rem);position:relative;overflow:visible}@media (width<=53.99rem){.hilal-hero{flex-direction:column;min-height:calc(100svh - 4rem);padding-top:2.5rem;padding-bottom:4rem;display:flex}.hilal-hero-grid{margin:auto 0}}@media (width>=54rem){.hilal-hero{padding-top:clamp(2rem,4vw,3rem)}}.hilal-atmos{pointer-events:none;z-index:-1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hilal-stars{opacity:.85;background-image:radial-gradient(1px at 2.9% 9.9%,#ffffffb3 99%,#0000),radial-gradient(1.5px at 13.8% 31.8%,#ffffffe6 99%,#0000),radial-gradient(1px at 24.6% 53.7%,#ffffff80 99%,#0000),radial-gradient(1px at 35.4% 75.6%,#fff9 99%,#0000),radial-gradient(1.2px at 46.2% 8.6%,#fffc 99%,#0000),radial-gradient(1px at 57% 30.4%,#ffffff80 99%,#0000),radial-gradient(1px at 67.8% 52.3%,#ffffffb3 99%,#0000),radial-gradient(1.5px at 78.6% 74.2%,#ffffffe6 99%,#0000),radial-gradient(1px at 89.4% 7.2%,#fff9 99%,#0000),radial-gradient(1px at .3% 29.1%,#ffffff80 99%,#0000),radial-gradient(1.4px at 11.1% 51%,#fffc 99%,#0000),radial-gradient(1px at 21.9% 72.9%,#fff9 99%,#0000),radial-gradient(1px at 32.7% 5.9%,#ffffffb3 99%,#0000),radial-gradient(1.2px at 43.5% 27.8%,#ffffffbf 99%,#0000),radial-gradient(1px at 54.3% 49.7%,#ffffff80 99%,#0000),radial-gradient(1.1px at 65.1% 71.6%,#fffc 99%,#0000),radial-gradient(1px at 75.9% 4.6%,#fff9 99%,#0000),radial-gradient(1.3px at 86.8% 26.4%,#ffffffd9 99%,#0000),radial-gradient(1px at 97.6% 48.3%,#ffffff80 99%,#0000),radial-gradient(1px at 8.4% 70.2%,#fff9 99%,#0000),radial-gradient(1.2px at 19.2% 3.2%,#fffc 99%,#0000),radial-gradient(1px at 30% 25.1%,#ffffff80 99%,#0000),radial-gradient(1px at 40.8% 47%,#ffffffb3 99%,#0000),radial-gradient(1px at 51.6% 68.9%,#ffffff80 99%,#0000),radial-gradient(1.4px at 62.4% 1.9%,#ffffffe6 99%,#0000),radial-gradient(1px at 73.3% 23.8%,#fff9 99%,#0000),radial-gradient(1px at 84.1% 45.7%,#ffffffb3 99%,#0000),radial-gradient(1.5px at 94.9% 67.6%,#ffffffd9 99%,#0000),radial-gradient(1px at 5.7% .6%,#ffffff80 99%,#0000),radial-gradient(1px at 16.5% 22.4%,#fff9 99%,#0000),radial-gradient(1.2px at 27.3% 44.3%,#fffc 99%,#0000),radial-gradient(1px at 38.1% 66.2%,#ffffff80 99%,#0000),radial-gradient(1px at 48.9% 88.1%,#fff9 99%,#0000),radial-gradient(1.3px at 59.8% 21.1%,#ffffffe6 99%,#0000),radial-gradient(1px at 70.6% 43%,#ffffff80 99%,#0000),radial-gradient(1.1px at 81.4% 64.9%,#fffc 99%,#0000),radial-gradient(1px at 92.2% 86.8%,#fff9 99%,#0000),radial-gradient(1px at 3% 19.8%,#ffffff80 99%,#0000),radial-gradient(1px at 13.8% 41.7%,#fff9 99%,#0000);background-repeat:no-repeat;position:absolute;inset:0}.hilal-stars:before,.hilal-stars:after{content:"";background-repeat:no-repeat;animation:4s ease-in-out infinite hilal-twinkle;position:absolute;inset:0}.hilal-stars:before{background-image:radial-gradient(2px at 13.8% 31.8%,#fff 99%,#0000),radial-gradient(1.8px at 67.8% 52.3%,#fff 99%,#0000),radial-gradient(1.5px at 35.4% 75.6%,#fff 99%,#0000);animation-duration:3.5s;animation-delay:-1s}.hilal-stars:after{background-image:radial-gradient(1.6px at 89.4% 7.2%,#fff 99%,#0000),radial-gradient(1.4px at 43.5% 27.8%,#fff 99%,#0000);animation-duration:4.8s;animation-delay:-2.5s}@keyframes hilal-twinkle{0%,to{opacity:.18}50%{opacity:1}}.hilal-hero-grid{z-index:1;grid-template-columns:1fr;align-items:center;gap:0;display:grid;position:relative}@media (width>=54rem){.hilal-hero-grid{grid-template-columns:1fr 1fr;gap:2rem;min-height:min(64svh,540px)}}@media (width>=64rem){.hilal-hero-grid{gap:2.5rem;min-height:min(72svh,580px)}}.hilal-hero-text{text-align:left;max-width:36rem;margin-inline:auto}@media (width>=48rem){.hilal-hero-text{padding-inline-start:clamp(1.25rem,4vw,3rem)}}@media (width>=54rem){.hilal-hero-text{margin-inline:0}}.hilal-eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--sl-color-gray-3);margin:0 0 .85rem;font-size:.78rem;font-weight:600}.hilal-date{text-shadow:0 2px 30px #0006;align-items:center;gap:.4em;margin:0;font-weight:800;line-height:.95;display:flex}.hilal-date-rest{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.hilal-date-num{color:var(--sl-color-white);font-variant-numeric:tabular-nums;font-size:clamp(5.5rem,12vw,7.5rem);line-height:1}.hilal-date-month{color:var(--sl-color-accent);white-space:nowrap;font-size:clamp(2.6rem,5.5vw,3.75rem);line-height:1}.hilal-date-year{letter-spacing:.04em;white-space:nowrap;color:var(--sl-color-gray-2);margin-top:.8em;font-size:clamp(1rem,1.5vw,1.4rem);font-weight:600}.hilal-greg{color:var(--sl-color-gray-2);letter-spacing:.01em;margin:1rem 0 0;font-size:clamp(.95rem,1.4vw,1.1rem)}.hilal-date-year .hilal-count-name{color:var(--sl-color-white);font-weight:700}.hilal-countdown-card{text-align:center;backdrop-filter:blur(20px)saturate(160%);z-index:5;background:#12141cc7;border:1px solid #ffffff1a;border-radius:18px;width:clamp(250px,96%,430px);padding:clamp(1rem,2vw,1.4rem);position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 24px 48px -16px #0009,inset 0 1px #ffffff0f}@media (width>=64rem){.hilal-countdown-card{width:clamp(260px,70%,360px);bottom:12%}}.countdown-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--sl-color-gray-3);margin:0 0 .5rem;font-size:.68rem;font-weight:600}.countdown-eyebrow .accent-month{color:var(--sl-color-accent);font-weight:700}.countdown-eyebrow .card-phase{color:var(--sl-color-white);font-weight:700}.countdown-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35rem .6rem;display:flex}.countdown-value{color:var(--sl-color-accent);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;line-height:1}.countdown-unit{color:var(--sl-color-accent);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;line-height:1}.countdown-target{color:var(--sl-color-gray-2);margin:.35rem 0 .85rem;font-size:.88rem}.lunation-track{background:linear-gradient(90deg,#ffffff0a,#ffffff1f,#ffffff0a);border-radius:999px;height:3px;position:relative}.lunation-fill{background:linear-gradient(90deg, #fecf4640, var(--sl-color-accent) 60%, #fff3c4);border-radius:999px;width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #fecf4680}.lunation-fill:after{content:"";background:#fff3c4;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 0 10px #fecf46cc}.hilal-cta-row{flex-wrap:wrap;gap:.65rem;margin-top:clamp(1.5rem,2.5vw,2rem);display:none}@media (width>=54rem){.hilal-cta-row{display:flex}}.hilal-hero-text .btn{font-weight:600;font-size:var(--sl-text-sm);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:gap .2s,transform .2s,background .2s;display:inline-flex}.hilal-hero-text .btn-ghost{color:var(--sl-color-gray-2);background:0 0;border:1px solid #ffffff24}.hilal-hero-text .btn-ghost:hover{color:var(--sl-color-white);border-color:#fecf4666}.hilal-hero-text .btn-primary{font-weight:700}.hilal-hero-text .btn-primary:hover{gap:.8rem}.hilal-moon-stage{justify-content:center;align-items:flex-start;min-height:clamp(340px,62vw,400px);padding-top:.25rem;display:flex;position:relative}@media (width>=64rem){.hilal-moon-stage{min-height:clamp(440px,52vw,540px);padding-top:4%}}@media (width>=54rem){.hilal-moon-stage{min-height:clamp(380px,44vw,480px);padding-top:2%}}@media (width>=64rem){.hilal-moon-stage{min-height:clamp(440px,52vw,540px);padding-top:4%}}.hilal-moon{filter:drop-shadow(0 24px 60px #fecf4626);width:clamp(280px,62vw,420px);height:auto;animation:6s ease-in-out infinite hilal-moon-breathe}@media (width>=54rem){.hilal-moon{width:clamp(280px,42vw,420px)}}@keyframes hilal-moon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@media (prefers-reduced-motion:reduce){.hilal-moon,.hilal-stars:before,.hilal-stars:after,.lunation-fill{transition:none!important;animation:none!important}}.hilal-section-head{margin-bottom:clamp(1.75rem,4vw,2.75rem)}.hilal-section-head h2{color:var(--sl-color-white);margin:0 0 .6rem;font-size:clamp(1.6rem,1rem + 3vw,2.5rem);font-weight:700;line-height:1.15}.hilal-section-head .accent{color:var(--sl-color-accent)}.hilal-section-head p{max-width:52rem;color:var(--sl-color-gray-2);margin:0;font-size:clamp(.95rem,.5rem + 1vw,1.05rem);line-height:1.75}.hilal-section-head p+p{margin-top:.6rem}.hilal-section-head p[data-featured-sub]{color:var(--sl-color-gray-3);font-size:clamp(.88rem,.5rem + .8vw,.98rem)}.hilal-explain{max-width:52rem;font-size:clamp(.9rem,.5rem + 1vw,1.02rem);line-height:1.75}.hilal-explain .exp-month{color:var(--sl-color-white);font-weight:700}.hilal-explain b{color:var(--sl-color-white);font-weight:600}.hilal-explain b.is-exp-ok{color:#7ed957}.hilal-explain b.is-exp-bad{color:#ff6b6b}.hilal-section-head p.hilal-disclaimer{color:#ffffff6b;max-width:52rem;margin:.55rem 0 0;font-size:.8rem;line-height:1.5}.hilal-section-head strong{color:var(--sl-color-white);font-weight:600}.hilal-featured{padding:clamp(3rem,6vw,6rem) 0}.hilal-featured-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=64rem){.hilal-featured-grid{grid-template-columns:1fr 1fr;gap:2rem}}.hilal-graphic{flex-direction:column;gap:.75rem;margin:0;display:flex}.hilal-zoom{cursor:zoom-in;background:#1f1235;border:1px solid #ffffff14;border-radius:16px;width:100%;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.hilal-zoom img{aspect-ratio:1440/1520;object-fit:cover;opacity:0;width:100%;height:auto;transition:transform .4s,opacity .4s;display:block}.hilal-zoom.is-loaded img{opacity:1}.hilal-zoom:hover img{transform:scale(1.02)}.hilal-skeleton{z-index:1;background:linear-gradient(110deg,#ffffff0a 30%,#ffffff17 45%,#ffffff0a 60%) 0 0/200% 100%;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;line-height:1.4;animation:1.4s ease-in-out infinite hilal-shimmer;display:flex;position:absolute;inset:0}.hilal-zoom.is-loaded .hilal-skeleton{display:none}.hilal-spinner{border:4px solid #ffffff1f;border-top-color:var(--sl-color-accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite hilal-spin}.hilal-eta{color:var(--sl-color-gray-3);text-align:center;font-size:.85rem}@keyframes hilal-shimmer{to{background-position:-200% 0}}@keyframes hilal-spin{to{transform:rotate(360deg)}}.hilal-zoom-hint{color:#fff;backdrop-filter:blur(4px);background:#0000008c;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:600;line-height:1;position:absolute;bottom:.75rem;right:.75rem}.hilal-graphic figcaption{color:var(--sl-color-gray-3);flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.hilal-graphic-title{color:var(--sl-color-white);font-weight:600}.hilal-download{color:var(--sl-color-accent);margin-left:auto;font-weight:600;text-decoration:none}.hilal-download:hover{text-decoration:underline}.hilal-facts{margin-top:clamp(1.75rem,4vw,2.5rem)}.hilal-facts-head{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.facts-note{color:var(--sl-color-gray-3);font-size:.9rem}.facts-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.fact{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.fact-label{text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-gray-3);font-size:.7rem}.fact-value{color:var(--sl-color-white);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:1.05rem;font-weight:700;display:flex}.fact-min{color:var(--sl-color-gray-3);font-size:.7rem}.fact-chip{border-radius:999px;padding:.12rem .4rem;font-size:.64rem;font-weight:700}.verdict-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.verdict-badge:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.verdict-badge.is-ok,.fact-chip.is-ok,.mini-chip.is-ok{color:#7ed957;background:#7ed9571f}.verdict-badge.is-bad,.fact-chip.is-bad,.mini-chip.is-bad{color:#ff6b6b;background:#ff6b6b1f}.verdict-badge.is-borderline{color:var(--sl-color-accent);background:#fecf461f}.hilal-history{padding:clamp(3rem,6vw,6rem) 0}.hilal-history-list{flex-direction:column;gap:.5rem;display:flex}.history-item{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:14px;transition:border-color .2s}.history-item:hover{border-color:#ffffff1f}.history-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id actions""eve eve""mid mid";align-items:center;gap:.5rem 1rem;padding:1rem 1.1rem;display:grid}.history-mid{flex-wrap:wrap;grid-area:mid;align-items:center;gap:.4rem;display:flex}.history-mid .verdict-badge{margin-inline-end:.4rem}@media (width>=64rem){.history-row{grid-template-columns:11rem 13.5rem minmax(0,1fr) auto;grid-template-areas:"id eve mid actions";gap:1rem}}.history-actions{flex-wrap:wrap;grid-area:actions;align-items:center;gap:.9rem;display:flex}.history-actions .hilal-detail-btn,.history-actions button.hilal-detail,.history-actions button[data-info]{font:inherit;color:var(--sl-color-accent);cursor:pointer;background:#fecf4614;border:1px solid #fecf4659;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.history-actions button[data-info]:hover{background:#fecf4629;border-color:#fecf468c}.history-id{grid-area:id;align-items:baseline;gap:.5rem;display:flex}.history-name{color:var(--sl-color-white);font-weight:700}.history-year{color:var(--sl-color-gray-3);font-size:.8rem}.history-eve{flex-direction:column;display:flex}.history-evedate{color:var(--sl-color-gray-2);font-weight:600}.history-eyecap{color:var(--sl-color-gray-3);font-size:.75rem}.mini-chip{border-radius:8px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.history-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:.9rem;display:flex}.history-panel{border-top:1px solid #ffffff0f;gap:1.25rem;padding:1.1rem;display:grid}.history-panel[hidden]{display:none}.history-media{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=40rem){.history-media{grid-template-columns:1fr 1fr}}.history-media figure{margin:0}.history-zoom{cursor:zoom-in;background:#1f1235;border:1px solid #ffffff14;border-radius:16px;width:100%;padding:0;line-height:0;display:block;overflow:hidden}.history-zoom img{aspect-ratio:1440/1520;object-fit:cover;width:100%;height:auto;animation:.4s hilal-spin-in;display:block}.history-zoom:hover img{transform:scale(1.02)}.history-media figcaption{text-align:right}.history-media figcaption a{font-size:.8rem}@keyframes hilal-spin-in{0%{opacity:0}to{opacity:1}}.hilal-loading{color:var(--sl-color-gray-3);margin:0}.hilal-history-more{justify-content:center;margin-top:1.5rem;display:flex}.hilal-loadmore{background:var(--sl-color-accent);color:#1a1a2e;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:background .2s,transform .2s}.hilal-loadmore:hover{background:var(--sl-color-accent-high);transform:translateY(-1px)}.hilal-note{color:#ff8f8f;margin:1.5rem 0 0;font-weight:600}@media (prefers-reduced-motion:reduce){.hilal-zoom img,.lunation-fill,.hilal-loadmore{transition:none!important}.hilal-skeleton,.hilal-spinner{animation:none!important}}.pswp__bg{backdrop-filter:blur(6px);background:#0a0a0eeb}.pswp__img{border-radius:12px}.pswp__button{color:#fff}.pswp__hilal-caption{color:#fff;text-align:center;backdrop-filter:blur(4px);pointer-events:none;background:#0000008c;border-radius:999px;max-width:min(88vw,720px);padding:.35rem .9rem;font-size:.85rem;line-height:1.4;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.pswp__hilal-caption:empty{display:none}