:root{color:#e9e4d7;font-synthesis:none;text-rendering:optimizelegibility;--ink:#091419;--ink-soft:#102229;--moon:#eee6ce;--moon-dim:#b9b4a6;--gold:#b79a68;--gold-light:#d2b987;--line:#dccfb029;--text-dim:#93a5a4;--text-soft:#a9b6b1;--serif:"Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;background:#091419;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}canvas{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{isolation:isolate;background:radial-gradient(circle at 76% 19%,#7989841a,#0000 28%),radial-gradient(circle at 14% 58%,#3552561f,#0000 33%),linear-gradient(160deg,#0c1b21 0%,#091419 54%,#0b181c 100%);min-height:100vh;position:relative;overflow:hidden}.sky-texture{z-index:-1;pointer-events:none;opacity:.26;background-image:repeating-linear-gradient(115deg,#0000 0 3px,#ffffff02 4px),radial-gradient(at 50% 110%,#b19d6f1f,#0000 48%);position:absolute;inset:0}.sky-texture:after{content:"";border-top:1px solid #c5b6901f;border-radius:50%;width:1000px;height:330px;position:absolute;bottom:-150px;left:50%;transform:translate(-50%);box-shadow:0 -35px 80px #64817e0a,0 -70px 0 -69px #c5b69017,0 -140px 0 -139px #c5b69012}.stars{z-index:-1;pointer-events:none;position:absolute;inset:0}.stars i{opacity:.42;background:#e8dfc6;border-radius:50%;width:2px;height:2px;animation:5s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 8px #e8dfc673}.stars i:first-child{top:18%;left:8%}.stars i:nth-child(2){width:1px;height:1px;animation-delay:-2s;top:8%;left:19%}.stars i:nth-child(3){animation-delay:-3s;top:14%;left:38%}.stars i:nth-child(4){width:1px;height:1px;top:7%;left:52%}.stars i:nth-child(5){animation-delay:-1s;top:12%;left:67%}.stars i:nth-child(6){top:23%;left:88%}.stars i:nth-child(7){width:1px;height:1px;animation-delay:-4s;top:8%;left:94%}.stars i:nth-child(8){width:1px;height:1px;top:39%;left:45%}.stars i:nth-child(9){animation-delay:-2.5s;top:48%;left:4%}.stars i:nth-child(10){width:1px;height:1px;top:48%;left:80%}.stars i:nth-child(11){animation-delay:-1.5s;top:31%;left:28%}.stars i:nth-child(12){width:1px;height:1px;animation-delay:-3.5s;top:29%;left:60%}@keyframes twinkle{0%,to{opacity:.22}50%{opacity:.72}}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1220px,100% - 80px);height:108px;margin:0 auto;display:flex}.brand{align-items:center;gap:15px;display:inline-flex}.brand-seal,.footer-seal{color:#d2b38a;width:46px;height:46px;font-family:var(--serif);letter-spacing:2px;writing-mode:vertical-rl;border:1px solid #c29764ad;place-items:center;font-size:17px;display:grid;transform:rotate(-2deg)}.brand-copy{color:#d8cfba;letter-spacing:3.2px;font-family:Georgia,Times New Roman,serif;font-size:12px}.brand-copy small{color:var(--text-dim);letter-spacing:1.8px;margin-top:7px;font-family:PingFang SC,sans-serif;font-size:12px;display:block}.header-nav{color:#a9ada5;letter-spacing:1px;align-items:center;gap:34px;font-size:12px;display:flex}.header-location{color:var(--text-dim)}.header-nav a{padding:12px 0;transition:color .18s}.header-nav a:hover{color:var(--moon)}.header-nav a span{color:var(--gold);margin-left:8px}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;width:min(1160px,100% - 96px);min-height:calc(100svh - 108px);margin:0 auto;padding:72px 0 92px;display:grid}.hero-copy{z-index:2;padding-bottom:12px;position:relative}.eyebrow,.section-kicker{color:var(--gold);letter-spacing:3px;margin:0 0 28px;font-size:12px}.eyebrow{font-family:var(--serif);letter-spacing:2.6px;align-items:center;gap:12px;font-size:12px;display:flex}.eyebrow span{background:var(--gold);width:30px;height:1px}.hero h1{color:#e7e2d6;font-family:var(--serif);letter-spacing:2px;margin:0;font-size:clamp(42px,4.4vw,66px);font-weight:400;line-height:1.52}.hero h1 em{color:#f1e7cb;text-shadow:0 0 35px #eee0bc14;font-style:normal}.hero-intro{color:#8d9b9b;font-family:var(--serif);letter-spacing:1.4px;margin:26px 0 0;font-size:15px;line-height:2.1}.primary-link{color:#d7c8a6;width:-moz-fit-content;width:fit-content;font-family:var(--serif);letter-spacing:2px;border-bottom:1px solid #bea3708c;align-items:center;gap:34px;margin-top:36px;padding:13px 0;font-size:14px;transition:gap .2s,border-color .2s;display:flex}.primary-link:hover{border-color:var(--gold-light);gap:44px}.primary-link svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:18px;height:18px}.hero-date{color:var(--text-dim);letter-spacing:1.4px;margin:28px 0 0;font-size:12px}.moon-scene{aspect-ratio:1;justify-self:center;place-items:center;width:min(43vw,490px);display:grid;position:relative}.hero-moon{z-index:2;filter:drop-shadow(0 14px 30px #00000038);width:72%;height:72%;animation:8s ease-in-out infinite moon-breathe;position:relative}.moon-halo{z-index:1;background:rgba(213, 208, 179, calc(.02 + var(--glow,.5) * .07));width:67%;height:67%;box-shadow:0 0 calc(40px + var(--glow,.5) * 50px) calc(10px + var(--glow,.5) * 30px) rgba(215, 209, 179, calc(.025 + var(--glow,.5) * .08)), 0 0 calc(90px + var(--glow,.5) * 70px) calc(30px + var(--glow,.5) * 60px) rgba(180, 192, 179, calc(.01 + var(--glow,.5) * .035));border-radius:50%;transition:background .6s,box-shadow .6s;animation:8s ease-in-out infinite halo-breathe;position:absolute}@keyframes moon-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes halo-breathe{0%,to{opacity:.75}50%{opacity:1}}.moon-orbit{border:1px solid #bfb69a21;border-radius:50%;position:absolute;transform:rotate(-18deg)}.orbit-one{inset:2%}.orbit-two{border-color:#bfb69a12;inset:13%}.orbit-star{z-index:3;background:#c7b78f;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 12px #d7c493a6}.star-one{top:34%;left:8%}.star-two{width:3px;height:3px;bottom:20%;right:15%}.moon-caption{z-index:4;color:#9eaaa5;font-family:var(--serif);letter-spacing:1.3px;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:3%}.moon-caption>span:first-child{color:#d6c8a8;font-size:13px}.caption-line{background:#beab8073;width:22px;height:1px}.hero-view-note{z-index:4;color:var(--text-dim);letter-spacing:1px;white-space:nowrap;margin:0;font-size:12px;position:absolute;bottom:-5%}.moon-now{border-bottom:1px solid var(--line);background:#06121629;align-items:flex-start;gap:16px;padding:20px 28px;display:flex;position:relative}.moon-now-label{color:var(--gold-light);font-family:var(--serif);letter-spacing:2px;border:1px solid #b79a6873;border-radius:2px;flex:none;margin-top:1px;padding:3px 9px;font-size:13px}.moon-now.is-up .moon-now-label{color:#18262a;background:var(--gold-light);border-color:var(--gold-light)}.moon-now-headline{color:#e6dfc9;font-family:var(--serif);letter-spacing:1px;margin:0;font-size:17px;line-height:1.6}.moon-now-detail{color:var(--text-soft);margin:4px 0 0;font-size:13px;line-height:1.7}.vertical-verse{color:#a4a99b52;font-family:var(--serif);letter-spacing:4px;writing-mode:vertical-rl;margin:0;font-size:12px;line-height:2.1;position:absolute;top:19%;right:-32px}.tonight-section,.week-section{width:min(1100px,100% - 96px);margin:0 auto;scroll-margin-top:40px}.tonight-section{border-top:1px solid var(--line);padding:90px 0 60px}.section-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px;display:flex}.section-kicker{color:var(--text-dim);letter-spacing:2.4px;margin-bottom:10px;font-family:Georgia,serif;font-size:12px}.section-heading h2{font-family:var(--serif);letter-spacing:4px;margin:0;font-size:30px;font-weight:400}.location-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.city-picker{position:relative}.city-picker-trigger,.locate-button,.share-button{border:1px solid var(--line);color:#c8c6b9;letter-spacing:.6px;cursor:pointer;background:#11242a8f;border-radius:3px;align-items:center;gap:8px;height:44px;padding:0 15px;font-size:12px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.city-picker-trigger{justify-content:space-between;min-width:120px}.city-picker-trigger svg,.locate-button svg,.share-button svg{fill:none;stroke:#a6aba0;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.city-picker-trigger .chevron-icon{width:14px;height:14px;transition:transform .2s}.city-picker.open .city-picker-trigger{color:var(--moon);background:#1c3135d9;border-color:#d2b98780}.city-picker.open .city-picker-trigger .chevron-icon{transform:rotate(180deg)}.city-picker-trigger:hover,.locate-button:hover,.share-button:hover{color:var(--moon);background:#1c3135b8;border-color:#c5b1846b}.share-button{color:#d7c8a6;border-color:#c5b18452}.share-button svg{stroke:var(--gold-light)}.city-picker-popover{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#162b31f7,#0b181efa);border:1px solid #cec09c47;border-radius:4px;grid-template-columns:repeat(2,1fr);gap:6px;width:248px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 50px #00000085,inset 0 0 0 1px #d2b9870f}.city-picker-popover[hidden]{display:none}.city-option{color:#b9c2be;height:36px;font-family:var(--serif);letter-spacing:1.5px;cursor:pointer;background:#ffffff04;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;transition:color .15s,background .15s,border-color .15s;display:flex}.city-option.current-option{letter-spacing:.8px;grid-column:1/-1;font-family:inherit}.city-option i{background:0 0;border-radius:50%;width:5px;height:5px;transition:background .15s,box-shadow .15s}.city-option:hover{color:var(--moon);background:#c5b18417;border-color:#c5b18438}.city-option.active{color:var(--gold-light);background:#b79a6824;border-color:#d2b9876b}.city-option.active i{background:var(--gold-light);box-shadow:0 0 8px #d2b987a6}.locate-button:disabled{opacity:.55;cursor:wait}.moon-data-card{background:linear-gradient(110deg,#1e3235b8,#0f2026ad),#112227cc;border:1px solid #cec09c2b;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000021}.moon-data-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#cdbb8b0f,#0000 35%);position:absolute;inset:0}.data-card-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 28px;display:flex;position:relative}.data-card-topline p{color:var(--text-soft);letter-spacing:1px;margin:0;font-size:12px}.calculation-badge{color:var(--text-dim);align-items:center;gap:7px;font-size:12px;display:inline-flex}.calculation-badge i{background:#8d9e85;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #8d9e8566}.moon-stats{grid-template-columns:repeat(3,1fr);padding:38px 0 34px;display:grid;position:relative}.stat-item{border-right:1px solid var(--line);min-width:0;padding:0 34px}.stat-item:last-child{border-right:0}.stat-icon{width:29px;height:29px;margin-bottom:22px}.stat-icon svg{fill:none;stroke:#ae9d78;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.stat-item p{color:var(--text-soft);letter-spacing:2px;margin:0 0 10px;font-size:12px}.stat-item strong{color:#e6dfc9;letter-spacing:1px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,3.4vw,45px);font-weight:400;line-height:1.25;display:block}.stat-item strong.phase-name{font-family:var(--serif);letter-spacing:4px;font-size:clamp(29px,3vw,40px)}.stat-item small{min-height:18px;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:11px;font-size:12px;line-height:1.8;display:block;overflow:hidden}.moon-note{border-top:1px solid var(--line);background:#0612162e;align-items:center;gap:10px;padding:17px 28px;display:flex;position:relative}.moon-note svg{fill:none;width:15px;height:15px;stroke:var(--text-dim);stroke-width:1.2px;stroke-linecap:round;flex:none}.moon-note p{color:var(--text-dim);font-family:var(--serif);letter-spacing:.5px;margin:0;font-size:12px;line-height:1.8}.week-section{padding:72px 0 100px}.week-heading>p{color:var(--text-dim);font-family:var(--serif);letter-spacing:1px;margin:0 0 4px;font-size:12px}.week-list-wrap{position:relative}.week-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(7,1fr);display:grid}.day-card{border-right:1px solid var(--line);flex-direction:column;align-items:center;min-width:0;padding:24px 10px 22px;transition:background .18s;display:flex;position:relative}.day-card:last-child{border-right:0}.day-card:hover{background:#b9ab8809}.day-card.today{background:#b9ab880e}.day-card.today:before{content:"";background:#b59a69;width:50%;height:1px;position:absolute;top:-1px;left:25%}.day-weekday{color:var(--text-dim);letter-spacing:1px;margin:0 0 17px;font-size:12px}.day-card.today .day-weekday{color:#c2aa7c}.day-moon{filter:drop-shadow(0 0 13px #d6cdae12);width:54px;height:54px;margin-bottom:16px}.day-card time{color:var(--text-dim);font-family:Georgia,serif;font-size:12px}.day-card strong{color:#b9b9aa;font-family:var(--serif);letter-spacing:1px;margin-top:9px;font-size:12px;font-weight:400}.day-card small{color:var(--text-dim);white-space:nowrap;margin-top:8px;font-size:12px}.day-card.major strong{color:var(--gold-light)}.day-card small.day-major{color:#c2aa7c}.upcoming-bar{border:1px solid var(--line);background:#1022297a;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:16px 22px;display:flex}.upcoming-phases{flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;line-height:1.6;display:flex}.upcoming-item{align-items:center;gap:10px;display:inline-flex}.upcoming-item em{color:var(--gold-light);font-family:var(--serif);letter-spacing:1px;border:1px solid #b79a6859;border-radius:2px;padding:2px 8px;font-size:12px;font-style:normal}.upcoming-item strong{color:#dfd8c4;letter-spacing:.5px;font-weight:400}.upcoming-divider{color:#dccfb047}.month-toggle-button{color:#d7c8a6;height:36px;font-family:var(--serif);letter-spacing:1.4px;cursor:pointer;background:#172c3299;border:1px solid #c5b18452;border-radius:3px;align-items:center;gap:8px;padding:0 14px;font-size:12px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.month-toggle-button:hover{color:var(--moon);border-color:var(--gold-light);background:#203a40cc}.month-toggle-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px;transition:transform .2s}.month-toggle-button.open svg{transform:rotate(180deg)}.month-calendar-panel{background:linear-gradient(145deg,#182c31ad,#0d1c22c2);border:1px solid #cec09c2e;border-radius:4px;margin-top:16px;padding:24px}.month-calendar-panel[hidden]{display:none}.month-calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.month-calendar-title{color:var(--moon);font-family:var(--serif);letter-spacing:3px;margin:0;font-size:20px;font-weight:400}.month-nav-button{border:1px solid var(--line);height:34px;color:var(--text-soft);cursor:pointer;background:#11242a8c;border-radius:3px;align-items:center;gap:6px;padding:0 12px;font-size:12px;transition:color .16s,border-color .16s;display:inline-flex}.month-nav-button:hover{color:var(--moon);border-color:#c5b18466}.month-nav-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}.month-weekdays{border-bottom:1px solid var(--line);color:var(--text-dim);text-align:center;letter-spacing:1px;grid-template-columns:repeat(7,1fr);padding-bottom:10px;font-size:12px;display:grid}.month-grid{border-left:1px solid var(--line);grid-template-columns:repeat(7,1fr);display:grid}.month-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:center;min-height:106px;padding:10px 8px 12px;transition:background .15s;display:flex}.month-cell.empty{background:#060f133d}.month-cell:not(.empty):hover{background:#b9ab880a}.month-cell.today{box-shadow:0 1px 0 0 var(--gold) inset;background:#b9ab8814}.month-cell-top{justify-content:space-between;align-items:baseline;gap:4px;width:100%;display:flex}.month-day-num{color:#dfd8c4;font-family:Georgia,serif;font-size:13px}.month-cell.today .month-day-num{color:var(--gold-light);font-weight:600}.month-day-lunar{color:var(--text-dim);font-size:12px}.month-day-moon{width:34px;height:34px;margin:6px 0}.month-day-phase{color:var(--text-soft);font-family:var(--serif);letter-spacing:.8px;font-size:12px}.month-cell.major .month-day-phase{color:var(--gold-light)}.share-modal{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-modal[hidden]{display:none}.share-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050c10c7;position:absolute;inset:0}.share-modal-dialog{z-index:1;background:linear-gradient(155deg,#15282efa,#0a161bfc);border:1px solid #cec09c42;border-radius:6px;flex-direction:column;width:min(440px,100%);max-height:calc(100svh - 40px);padding:20px 22px 22px;display:flex;position:relative;box-shadow:0 28px 90px #000000a6}.share-modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.share-modal-header h3{color:var(--moon);font-family:var(--serif);letter-spacing:2.5px;margin:0;font-size:18px;font-weight:400}.share-modal-close{border:1px solid var(--line);width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:3px;place-items:center;display:grid}.share-modal-close:hover{color:var(--moon);border-color:#c5b18473}.share-modal-close svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.share-canvas-wrap{background:#091419;border:1px solid #dccfb024;border-radius:3px;justify-content:center;display:flex;overflow:auto}.share-canvas{aspect-ratio:2/3;width:100%;max-width:360px;height:auto}.share-modal-actions{flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}.share-download-button{color:#162428;width:100%;height:44px;font-family:var(--serif);letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#dcc494,#c2a46e);border:1px solid #d2b9878c;border-radius:3px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:filter .16s;display:inline-flex}.share-download-button:hover{filter:brightness(1.07)}.share-download-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.share-modal-hint{color:var(--text-dim);margin:0;font-size:12px}.closing-section{text-align:center;width:min(860px,100% - 80px);margin:0 auto;padding:55px 0 130px;position:relative}.closing-moon{border-radius:50%;width:36px;height:36px;margin:0 auto 30px;transform:rotate(-18deg);box-shadow:-10px 3px #d5c8a5b8}.closing-section blockquote{margin:0}.closing-section blockquote>p{color:#d7d1c0;font-family:var(--serif);letter-spacing:3px;margin:0;font-size:clamp(25px,3vw,36px);line-height:1.8}.closing-section blockquote footer{color:var(--text-dim);font-family:var(--serif);letter-spacing:1.5px;margin-top:24px;font-size:12px}.text-link{color:#a6936e;letter-spacing:1.4px;gap:12px;margin-top:34px;font-size:12px;display:inline-flex}.site-footer{border-top:1px solid var(--line);width:min(1220px,100% - 80px);color:var(--text-dim);letter-spacing:.8px;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:28px 0 34px;font-size:12px;display:flex}.site-footer>div{font-family:var(--serif);align-items:center;gap:13px;display:flex}.footer-seal{width:30px;height:30px;font-size:12px}.site-footer p{text-align:right;margin:0}.toast{z-index:20;color:#d9d2bf;opacity:0;pointer-events:none;background:#112329f5;border:1px solid #c9b78b3d;border-radius:4px;max-width:calc(100% - 40px);padding:12px 18px;font-size:12px;line-height:1.6;transition:opacity .18s,transform .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,10px);box-shadow:0 12px 40px #00000040}.toast.visible{opacity:1;transform:translate(-50%)}noscript{color:#18262a;text-align:center;background:#eee6ce;padding:16px;position:fixed;bottom:20px;left:20px;right:20px}@media (max-width:900px){.site-header{width:calc(100% - 48px)}.hero{grid-template-columns:1fr .85fr;gap:20px;width:calc(100% - 56px)}.hero h1{font-size:clamp(35px,5.5vw,48px)}.moon-scene{width:min(44vw,390px)}.vertical-verse{display:none}.tonight-section,.week-section{width:calc(100% - 56px)}.week-list-wrap:after{content:"";pointer-events:none;background:linear-gradient(to right, #09141900, var(--ink) 92%);width:48px;position:absolute;top:1px;bottom:1px;right:0}.week-list{scrollbar-width:thin;scrollbar-color:#52686a transparent;grid-template-columns:repeat(7,minmax(112px,1fr));padding-right:28px;overflow-x:auto}.site-footer{width:calc(100% - 48px)}}@media (max-width:680px){.site-header{width:calc(100% - 36px);height:82px}.brand{gap:10px}.brand-seal{width:36px;height:36px;font-size:13px}.brand-copy{letter-spacing:2.2px;font-size:12px}.brand-copy small{letter-spacing:1px;margin-top:5px;font-size:12px}.header-location{display:none}.header-nav{gap:0;font-size:12px}.header-nav a span{margin-left:4px}.hero{grid-template-columns:1fr;gap:45px;width:calc(100% - 40px);min-height:auto;padding:52px 0 76px}.hero-copy{text-align:center}.eyebrow{letter-spacing:2px;justify-content:center;margin-bottom:22px;font-size:12px}.eyebrow span{width:22px}.hero h1{letter-spacing:1px;font-size:clamp(34px,9.6vw,45px);line-height:1.5}.hero-intro{letter-spacing:1px;margin-top:22px;font-size:13px;line-height:2}.primary-link{gap:26px;margin:27px auto 0;padding:12px 0;font-size:13px}.hero-date{margin-top:22px;font-size:12px}.moon-scene{grid-row:2;width:min(88vw,360px)}.hero-moon{width:70%;height:70%}.moon-caption{bottom:0}.hero-view-note{bottom:-7%}.tonight-section,.week-section{width:calc(100% - 32px)}.tonight-section{padding:64px 0 35px;scroll-margin-top:20px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:24px}.section-heading h2{font-size:27px}.location-controls{width:100%}.city-picker{flex:44%}.city-picker-trigger{width:100%}.locate-button{flex:48%;justify-content:center;padding:0 10px}.share-button{flex:100%;justify-content:center}.upcoming-bar{flex-direction:column;align-items:stretch;padding:15px 16px}.upcoming-divider{display:none}.upcoming-phases{flex-direction:column;align-items:flex-start;gap:8px}.month-toggle-button{justify-content:center;width:100%}.month-calendar-panel{padding:16px 10px}.month-cell{min-height:88px;padding:7px 4px 8px}.month-cell-top{flex-direction:column;align-items:center;gap:1px}.month-day-moon{width:26px;height:26px;margin:4px 0}.data-card-topline{padding:17px 18px}.data-card-topline p{max-width:70%;font-size:12px;line-height:1.7}.calculation-badge{font-size:0}.calculation-badge i{width:6px;height:6px}.moon-now{gap:12px;padding:16px 18px}.moon-now-headline{font-size:15px}.moon-stats{grid-template-columns:1fr 1fr;padding:26px 0 0}.stat-item{padding:0 20px 26px}.stat-item:nth-child(2){border-right:0}.stat-item.phase-stat{border-top:1px solid var(--line);grid-column:1/-1;grid-template-rows:auto auto;grid-template-columns:38px 1fr auto;align-items:center;column-gap:12px;padding:24px 20px 26px;display:grid}.phase-stat .stat-icon{grid-row:1/3;margin:0}.phase-stat p{grid-column:2;margin:0 0 5px}.phase-stat strong.phase-name{grid-area:1/3/3;font-size:29px}.phase-stat small{grid-column:2;max-width:180px;min-height:0;margin:0}.stat-icon{width:25px;height:25px;margin-bottom:15px}.stat-item strong{font-size:36px}.stat-item small{font-size:12px}.moon-note{align-items:flex-start;padding:15px 18px}.moon-note p{font-size:12px}.week-section{padding:58px 0 65px}.week-heading>p{font-size:12px}.week-list-wrap{margin-right:-16px}.week-list{border-bottom:0;grid-template-columns:repeat(7,108px);padding-right:36px}.day-card{border-bottom:1px solid var(--line);padding:20px 8px}.day-moon{width:50px;height:50px}.closing-section{width:calc(100% - 44px);padding:30px 0 90px}.closing-section blockquote>p{letter-spacing:2px;font-size:26px}.closing-section blockquote footer{font-size:12px;line-height:2}.site-footer{flex-direction:column;align-items:flex-start;gap:16px;width:calc(100% - 36px);padding:25px 0 30px}.site-footer p{text-align:left;line-height:1.8}}@media (max-width:370px){.brand-copy small{display:none}.hero h1{font-size:32px}.location-controls{flex-direction:column}.city-picker,.locate-button,.share-button{flex:auto;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}