.mtsl{--sl-ink:#213e51;--sl-muted:#607e90;color:var(--sl-ink)}
.mtsl-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mtsl-card{min-width:0;border:1px solid #e3edf2;border-radius:22px;padding:24px;display:flex;flex-direction:column}.mtsl-sun{background:linear-gradient(145deg,#fff9ec,#fff 75%)}.mtsl-moon{background:linear-gradient(145deg,#edf4fb,#fff 75%)}
.mtsl-card-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.mtsl-card-title>span:first-child{font-size:28px;line-height:1;color:#c98c35}.mtsl-moon .mtsl-card-title>span:first-child{color:#527799}.mtsl h3{font-size:18px;margin:0;font-weight:700;color:var(--sl-ink)}.mtsl .mtsl-tag{margin-left:auto;padding:5px 10px;background:#fff;border:1px solid #e6edf1;border-radius:20px;font-size:11px;color:var(--sl-muted);white-space:nowrap}
.mtsl-sun-times{display:flex;justify-content:space-between;align-items:center;gap:10px}.mtsl-sun-times>div{display:flex;flex-direction:column;gap:5px}.mtsl-sun-times>div:last-child{text-align:right}.mtsl-sun-times span{font-size:13px;color:var(--sl-muted)}.mtsl-sun-times strong{font-size:35px;line-height:1.3;font-variant-numeric:tabular-nums}.mtsl .mtsl-sun-symbol{font-size:46px;color:#d9a242}
.mtsl-day-bar{height:9px;background:#f0e7d4;border-radius:10px;margin-top:18px;overflow:hidden}.mtsl-day-bar>span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#efc26b,#c98c35);transition:width .4s}
.mtsl .mtsl-countdown{font-size:13px;color:var(--sl-muted);margin:12px 0 20px;min-height:20px}.mtsl-duration{padding:17px 0;border-top:1px solid #eadfca;display:flex;flex-direction:column;gap:5px}.mtsl-duration>span,.mtsl-next-full>span{font-size:12px;color:var(--sl-muted)}.mtsl-duration>strong{font-size:26px}.mtsl-duration>small{font-size:12px;color:#8a6d36}.mtsl-facts{margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mtsl-facts>div{background:#ffffffb3;border:1px solid #eee8df;border-radius:12px;padding:10px 12px}.mtsl-facts dt{font-size:11px;color:var(--sl-muted);font-weight:400}.mtsl-facts dd{font-size:16px;font-weight:700;margin:4px 0 0}
.mtsl-moon-main{display:flex;gap:17px;align-items:center;min-height:155px;margin-bottom:16px}.mtsl-moon-disc{width:150px;height:150px;flex:none;filter:drop-shadow(0 5px 12px #203a4e19)}.mtsl h4{font-size:21px;margin:0 0 12px;font-weight:700;line-height:1.3;color:var(--sl-ink)}.mtsl-moon-main p{font-size:13px;color:var(--sl-muted);margin:0;line-height:1.6}.mtsl-moon-main p strong{color:var(--sl-ink);font-size:25px}.mtsl-next-full{border-top:1px solid #dce6ef;padding-top:19px;display:flex;flex-direction:column;gap:7px}.mtsl-next-full>strong{font-size:27px;font-variant-numeric:tabular-nums}.mtsl-next-full>div{font-size:12px;color:var(--sl-muted)}.mtsl-days{display:inline-block;background:#e7eff7;color:#456d8d;padding:4px 9px;border-radius:20px;margin-left:7px}.mtsl .mtsl-moon-caption{font-size:11px;color:var(--sl-muted);line-height:1.6;margin:18px 0 0}
.mtsl-help{border-top:1px solid #e4edf2;margin-top:22px;padding-top:15px;color:var(--sl-muted)}.mtsl-help summary{cursor:pointer;color:#416e86;font-size:13px;font-weight:600}.mtsl-help p{font-size:13px;line-height:1.7;margin:13px 0 0}.mtsl .mtsl-refresh{font-size:12px;color:#9a6c2c;margin:12px 0 0}.mtsl-refresh:empty{display:none}
@media(max-width:850px){.mtsl-grid{grid-template-columns:1fr}.mtsl-card{padding:20px}.mtsl-moon-main{min-height:130px}.mtsl-moon-disc{width:130px;height:130px}}
@media(max-width:420px){.mtsl-card{padding:16px}.mtsl-card-title{gap:7px}.mtsl h3{font-size:16px}.mtsl .mtsl-tag{font-size:10px;padding:4px 7px}.mtsl-sun-times strong{font-size:29px}.mtsl-sun-times span{font-size:11px}.mtsl .mtsl-sun-symbol{font-size:34px}.mtsl-moon-disc{width:100px;height:100px}.mtsl h4{font-size:18px}.mtsl-days{margin:7px 0 0}.mtsl-facts{gap:7px}.mtsl-facts>div{padding:9px}}
@media(prefers-reduced-motion:reduce){.mtsl-day-bar>span{transition:none}}

.mtsl-moon-disc{position:relative}.mtsl-moon-photo,.mtsl-moon-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.mtsl-moon-photo{object-fit:cover;border-radius:50%;background:#000}.mtsl-moon-photo[hidden],.mtsl-moon-fallback[hidden]{display:none}
.mtsl .mtsl-agenda-title{font-size:13px;margin:0 0 12px;padding-top:14px;border-top:1px solid #dce6ef}.mtsl-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mtsl-phase-event{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffffc9;border:1px solid #dfe9f1;border-radius:12px;min-width:0}.mtsl-phase-event>img{width:42px;height:42px;flex:none;object-fit:cover;border-radius:50%;background:#132d41}.mtsl-phase-event>div{min-width:0;display:flex;flex-direction:column;gap:4px}.mtsl-phase-event h5{font-size:11px;font-weight:700;margin:0;color:#466a84}.mtsl-phase-event strong{font-size:13px;font-variant-numeric:tabular-nums;color:var(--sl-ink)}.mtsl-phase-event span{font-size:10px;color:var(--sl-muted)}.mtsl-phase-event small{font-size:10px;color:#4e7898}.mtsl-season{display:flex;align-items:center;gap:16px;margin-top:16px;border:1px solid #e7e3d6;border-radius:16px;padding:17px 20px;background:linear-gradient(120deg,#fff8eb,#f6f9fc)}.mtsl-season-icon{font-size:35px;color:#b58b44}.mtsl-season-copy{flex:1;min-width:0}.mtsl-season-copy>span{font-size:11px;color:var(--sl-muted)}.mtsl-season-copy h3{font-size:16px;margin:5px 0}.mtsl .mtsl-season-copy p{font-size:12px;color:var(--sl-muted);margin:0;line-height:1.5}.mtsl-season-when{display:flex;flex-direction:column;gap:5px;flex:none;text-align:right}.mtsl-season-when>strong{font-size:16px;font-variant-numeric:tabular-nums}.mtsl-season-when>span{font-size:11px;color:var(--sl-muted)}.mtsl-season-when>small{font-size:11px;color:#8a6d36}.mtsl-duration>small{line-height:1.6}.mtsl-moon .mtsl-card-title{margin-bottom:14px}.mtsl-moon-main{min-height:130px;margin-bottom:12px}.mtsl-moon-disc{width:120px;height:120px}@media(max-width:600px){.mtsl-season{padding:14px;gap:10px;flex-wrap:wrap}.mtsl-season-icon{display:none}.mtsl-season-copy{flex-basis:100%}.mtsl-season-when{text-align:left;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.mtsl-phase-event{gap:7px;padding:9px 7px}.mtsl-phase-event>img{width:34px;height:34px}.mtsl-phase-event strong{font-size:12px}.mtsl-moon-disc{width:100px;height:100px}}@media(max-width:350px){.mtsl-phase-event{flex-direction:column;align-items:flex-start}.mtsl-phase-event strong{font-size:12px}}
@media(max-width:600px){.mtsl-season-when{flex:1 1 100%;min-width:0;max-width:100%}}