.moon-month-model{margin-top:16px;padding:20px;min-width:0}.moon-month-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.moon-month-head h3{margin:3px 0 7px;font-size:1.25rem}.moon-month-head p,.moon-month-status{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.8}.moon-month-badge{flex:0 0 auto;color:var(--cyan);border:1px solid rgba(85,216,242,.26);border-radius:999px;padding:5px 10px;font-size:.6875rem}.moon-month-settings{display:grid;grid-template-columns:1fr minmax(145px,.72fr) minmax(120px,.58fr) auto;gap:10px;align-items:end;margin-top:16px}.moon-month-settings>label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:.6875rem}.moon-month-settings select,.moon-month-settings input[type=month],.moon-month-settings input[type=time]{width:100%;min-width:0;min-height:39px;border:1px solid var(--line);border-radius:10px;background:#071523;color:var(--text);padding:7px 9px;outline:0;color-scheme:dark}.moon-month-settings input[type=month],.moon-month-settings input[type=time]{direction:ltr}.moon-month-settings select:focus,.moon-month-settings input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(85,216,242,.1)}.moon-month-view{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:#071523}.moon-month-view button{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:7px 9px;white-space:nowrap;cursor:pointer;font:inherit;font-size:.6875rem}.moon-month-view button.active{background:rgba(85,216,242,.15);color:var(--text)}.moon-month-stage{position:relative;height:440px;margin-top:14px;overflow:hidden;border:1px solid rgba(85,216,242,.2);border-radius:17px;background:#07111f;isolation:isolate}.moon-month-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab}.moon-month-stage canvas:active{cursor:grabbing}.moon-month-labels{position:absolute;z-index:3;inset:0;pointer-events:none;overflow:hidden}.moon-month-label{position:absolute;transform:translate(-50%,-50%);padding:3px 6px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(4,13,22,.78);box-shadow:0 5px 16px rgba(0,0,0,.22);color:#e8f6ff;white-space:nowrap;font-size:.6875rem}.moon-month-hud{position:absolute;z-index:4;top:12px;right:12px;display:grid;gap:2px;max-width:calc(100% - 24px);padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(4,13,22,.75);backdrop-filter:blur(8px)}.moon-month-hud span{color:#b9cddd;font-size:.625rem}.moon-month-hud b{color:#edf7ff;font-size:.75rem;line-height:1.5}.moon-month-fallback{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:28px;text-align:center;color:#b9cddd;background:#07111f}.moon-month-timeline{display:grid;grid-template-columns:38px 44px minmax(0,1fr) 38px auto;align-items:center;gap:9px;margin-top:12px}.moon-month-timeline button{min-height:36px;padding:0;font-size:1.25rem;line-height:1}.moon-month-timeline input{width:100%;min-width:0;accent-color:var(--cyan);direction:ltr}.moon-month-timeline output{min-width:68px;color:var(--cyan);font-size:.75rem;text-align:left;font-variant-numeric:tabular-nums}.moon-month-options,.moon-month-key{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.moon-month-options{margin-top:9px}.moon-month-options label{color:var(--muted);font-size:.75rem;cursor:pointer}.moon-month-options input{accent-color:var(--cyan);vertical-align:middle}.moon-month-status{margin-top:9px}.moon-month-key{margin-top:8px;color:var(--muted);font-size:.6875rem}.moon-month-key span+span:before{content:'•';margin-inline-end:12px;color:var(--cyan)}body.light .moon-month-settings select,body.light .moon-month-settings input[type=month],body.light .moon-month-settings input[type=time],body.light .moon-month-view{background:#edf4f7}
/* Author display rules must never override the hidden error/label state. */
.moon-month-stage [hidden]{display:none!important}
@media(max-width:820px){.moon-month-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.moon-month-view{justify-self:start}.moon-month-stage{height:370px}}
@media(max-width:520px){.moon-month-model{padding:14px}.moon-month-head{display:grid}.moon-month-badge{justify-self:start}.moon-month-settings{grid-template-columns:1fr}.moon-month-settings>label{max-width:none}.moon-month-stage{height:320px}.moon-month-timeline{grid-template-columns:34px 40px minmax(0,1fr) 34px}.moon-month-timeline output{grid-column:1/-1;text-align:center}.moon-month-key{display:grid;gap:4px}.moon-month-key span+span:before{display:none}}