:root{--bg:#f7f9fc;--panel:#fff;--ink:#1c293d;--muted:#617089;--accent:#0068ce;--soft:#f0f5fd;--border:#dce4ef;--gold:#ad782b}
.topbar,main,footer{max-width:1060px}.topbar{padding-block:24px}.brand img{width:40px;height:40px}.brand small{letter-spacing:.16em}.hero{background:var(--soft);border:1px solid var(--border);padding:24px 32px;margin-bottom:24px;min-height:0}.hero h1{font-size:clamp(21px,4vw,32px)}.hero .moon-art{font-size:70px}.workspace{display:block}.calendar.card{padding:32px;border-radius:24px;box-shadow:0 10px 40px #15335406}.calendar-top h2{font-size:clamp(25px,4vw,38px);letter-spacing:-.03em}.calendar-top p{margin-top:8px}.navigation{margin:18px 0 24px}.navigation select{background:var(--soft);border:0}.navigation button{color:var(--accent)}.weekdays{font-size:14px;color:var(--muted)}.weekdays span:first-child{color:#be4a3a}.grid{gap:0;border-top:0}.day{position:relative;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;min-height:124px;padding:12px 4px;gap:2px;box-shadow:none}.day strong{font-family:system-ui,sans-serif;font-size:30px;font-weight:550;color:var(--ink)}.day .mm-month{font-size:11px;color:var(--muted)}.day .phase{font-size:12px;color:var(--muted)}.day.sunday strong,.day.holiday strong{color:#bd4738}.day.holiday:after{content:"";position:absolute;bottom:6px;left:24%;right:24%;height:3px;border-radius:4px;background:#bd4738}.day.today{background:var(--soft);color:var(--accent)}.day.selected{outline:2px solid var(--accent);outline-offset:-5px;border-radius:16px;background:var(--soft);box-shadow:none}.day.selected strong{color:var(--accent)}.day.moon{background:transparent}.day.moon.selected{background:var(--soft)}.day-icons{min-height:15px;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap}.day-icons .icon{width:13px;height:13px}.astro-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;vertical-align:middle}.yatyaza{background:#0873dd}.pyathada{background:#aa5818}.hide-astro .astro-dot,.hide-astro #astroInfo{display:none}.legend{gap:12px;padding:20px 0;font-size:11px}.legend .astro-dot{margin-right:5px}.selected-card{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:22px 26px;border:0;border-radius:20px;background:var(--soft);margin:16px 0 28px}.selected-card strong{display:block;font-size:18px}.selected-card small{display:block;color:var(--muted);font-size:16px;margin-top:6px}.selected-card>span:last-child{color:var(--accent);font-size:32px}.month-agenda{border-top:0}.month-agenda summary{font-size:15px;color:var(--muted);padding-block:12px}.agenda-row{width:100%;display:flex;align-items:center;text-align:left;gap:16px;padding:16px 8px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.agenda-date{color:var(--accent);background:var(--soft);border-radius:12px;padding:14px 10px;min-width:82px;font-family:system-ui,sans-serif;font-weight:650}.agenda-row>span:last-child{flex:1}.agenda-row:after{content:"→";font-size:24px;color:var(--muted)}.agenda-row>.icon{display:none}.culture-row{margin-top:24px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:24px;max-width:700px;width:calc(100% - 32px);max-height:90dvh;padding:24px}dialog::backdrop{background:#0c203e66;backdrop-filter:blur(5px)}.dialog-head{position:sticky;top:-24px;background:var(--panel);z-index:2;padding:10px 0;border-bottom:1px solid var(--border);margin-bottom:22px}.dialog-head h2{font-size:20px}.details{position:static;padding:0;scroll-margin:0}.date-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:22px;padding:26px;gap:24px}.date-hero>div{display:flex;flex-direction:column;gap:10px;min-width:0}.date-hero span{color:var(--muted)}.date-hero strong{font-size:72px;font-family:system-ui,'Noto Sans Myanmar',sans-serif;color:var(--accent);line-height:1.7}.date-hero small{color:var(--muted)}.date-nav{display:flex;gap:16px;margin:20px 0}.date-nav button{flex:1;border:0;background:var(--soft);color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{background:var(--soft);padding:12px 16px;border-radius:12px}.settings-body{display:flex;flex-direction:column;gap:18px}.settings-body>label{margin-top:10px}.settings-body input{accent-color:var(--accent);width:18px;height:18px}.hide-culture .culture-row{display:none}.large .day{min-height:145px}.large .day .phase,.large .day .mm-month{font-size:14px}:root[data-theme=dark]{--bg:#101826;--panel:#182337;--ink:#e8eef9;--muted:#a6b5cc;--accent:#78b6ff;--soft:#203149;--border:#34435a}:root[data-theme=dark] .day strong{color:var(--ink)}:root[data-theme=dark] .day.selected strong{color:var(--accent)}
@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#101826;--panel:#182337;--ink:#e8eef9;--muted:#a6b5cc;--accent:#78b6ff;--soft:#203149;--border:#34435a}}
@media(max-width:599px){.topbar{padding:18px 14px}.brand{font-size:15px}.brand small{font-size:8px}.brand img{width:30px;height:30px}.preferences button{padding:8px 12px}main{padding:0 12px}.hero{padding:18px;margin-bottom:16px;border-radius:18px}.hero h1{white-space:normal}.hero .moon-art{display:none}.hero .eyebrow{font-size:10px}.hero p{font-size:11px}.timezone{font-size:10px}.calendar.card{padding:18px 10px;border-radius:18px}.calendar-top{padding:0 8px}.calendar-top h2{font-size:24px}.calendar-top p{font-size:12px}.navigation{gap:6px}.navigation select{padding:7px 9px;min-width:0}.day{min-height:91px;padding:10px 1px}.day strong{font-size:23px}.day .mm-month{display:none}.day .phase{font-size:10px;white-space:normal}.day .phase:before{content:none}.day-icons .icon{width:10px;height:10px}.day-icons{gap:3px}.day.selected{outline-offset:-3px;border-radius:12px}.weekdays{font-size:11px}.legend{gap:8px;font-size:9px}.legend .icon{width:12px;height:12px}.selected-card{padding:18px 14px;margin-top:8px}.selected-card strong{font-size:14px}.selected-card small{font-size:13px}.agenda-row{font-size:12px;gap:10px}.agenda-date{min-width:65px;padding:10px 8px}.date-hero{padding:18px;gap:16px}.date-hero strong{font-size:55px}.date-hero span{font-size:13px}dialog{padding:18px}.dialog-head h2{font-size:17px}.chips span{font-size:12px}.large .day{min-height:110px}.large .day .phase{font-size:11px}}
@media(min-width:600px) and (max-width:899px){.day{min-height:112px}.calendar.card{padding:24px}.day strong{font-size:28px}}
.day .phase::after{content:none}.day-icons .symbol{width:13px;height:13px}.agenda-row>.symbol{display:none}.day.sunday strong,.day.holiday strong{color:#bd4738}.details{width:100%}
@media(max-width:599px){.day-icons .symbol{width:10px;height:10px}.day .phase{font-size:10px}.day .phase::after{content:none}.legend .symbol{width:12px;height:12px}}

.connect-options{display:grid;gap:12px}.connect-options select{width:100%}#connectDialog details{margin:20px 0;padding:16px;background:var(--soft);border-radius:12px}#connectDialog summary{cursor:pointer;font-weight:650}#connectDialog p{overflow-wrap:anywhere}#feedURL{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--ink)}.connect-link{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;background:var(--soft);color:var(--accent)}[hidden]{display:none!important}.preferences{flex-wrap:wrap;justify-content:flex-end}#connectStatus{color:var(--accent)}
@media(max-width:599px){.topbar{flex-wrap:wrap;gap:12px}.preferences{width:100%;display:flex;justify-content:space-between}.preferences button{font-size:12px}#connectDialog{font-size:13px}}

/* Keep the hero readable on its theme-aware light/dark surface. */
.hero,.hero h1,.hero p{color:var(--ink)}
.hero .eyebrow,.hero .timezone{color:var(--muted)}
.icon-control{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif;font-size:20px!important}
.icon-control[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}
.support-links{display:flex;flex-wrap:wrap;gap:12px;width:100%;justify-content:center;margin-bottom:16px}
.support-links a,.support-links button{padding:10px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--ink);text-decoration:none;font:inherit}
.support-links a:hover,.support-links button:hover{background:var(--soft);border-color:var(--accent)}
footer{flex-wrap:wrap}

/* Compact date cells; full Myanmar date is available on hover/focus and in details. */
.grid .day{min-height:104px;gap:4px}
.grid .day .mm-month{display:none;position:absolute;bottom:calc(100% - 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:230px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--ink);box-shadow:0 4px 16px #0002;font-size:12px;line-height:1.8;z-index:10;pointer-events:none}
.grid .day:nth-child(7n+1) .mm-month{left:0;transform:none}
.grid .day:nth-child(7n) .mm-month{left:auto;right:0;transform:none}
@media(hover:hover){.grid .day:hover .mm-month{display:block}}
.grid .day:focus-visible .mm-month{display:block}
.grid .day .phase{font-size:11px;line-height:1.7;color:var(--muted)}
.large .grid .day .phase{font-size:14px}
.footer-calendar{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin:12px 0 20px}
.footer-calendar small{color:var(--muted);text-align:center}
@media(max-width:599px){.grid .day{min-height:86px}.grid .day .phase{font-size:10px}.large .grid .day .phase{font-size:12px}.topbar .preferences{width:auto;margin-left:auto}}

:root{--moon-shadow:#ced7e5}.hero .moon-art{display:block;width:88px;height:88px;padding:0;transform:none;font-size:0}.moon-art svg{display:block;width:100%;height:100%}:root[data-theme=dark]{--moon-shadow:#0c1423}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--moon-shadow:#0c1423}}@media(max-width:599px){.hero .moon-art{width:48px;height:48px;margin-left:10px}}.sound-previews{display:flex;gap:8px;flex-wrap:wrap}#soundControls{border-block:1px solid var(--border);padding:16px 0}#soundControls label{display:flex;align-items:center;gap:8px}