.moon-phase-page{--mp-plate: #0e2f4d;--mp-plate-2: #123a5c;--mp-plate-3: #1a4878;--mp-cyan: #58c6e6;--mp-cyan-hi: #6fd0e8;--mp-bone: #e9ede2;--mp-bone-dim: #b8c4c0;--mp-border: #2a5a80;--mp-border-2: #1e4060}.moon-phase-page .tool-frame{max-width:1020px}.moon-phase-page .tool-header-block{max-width:640px}.moon-phase-page .page-title{font-size:clamp(2rem,4.5vw,2.9rem);line-height:1}.moon-phase-page .page-subtitle{max-width:48ch;color:var(--mp-bone-dim)}.mp-mode-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--mp-border-2);padding-bottom:0}.mp-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;padding:8px 18px 10px;transition:color .15s,border-color .15s;margin-bottom:-1px;min-height:44px}.mp-tab:hover{color:var(--mp-cyan)}.mp-tab.is-active{color:var(--mp-cyan);border-bottom-color:var(--mp-cyan)}.mp-instrument-wrap{width:100%}.mp-instrument{display:grid;grid-template-columns:minmax(min(300px,100%),420px) 1fr;gap:28px;align-items:start}.mp-plate-col,.mp-ladder-col{min-width:0}.mp-plate-col{display:flex;flex-direction:column;gap:16px;background:var(--mp-plate);border:1px solid var(--mp-border);border-radius:20px;padding:20px;box-shadow:inset 0 0 40px #00000a66,0 8px 32px #0000004d}.mp-disc-wrap{display:flex;justify-content:center;align-items:center;width:100%;max-width:380px;margin-inline:auto;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--mp-plate);box-shadow:0 0 0 3px var(--mp-border),0 0 0 8px #0e2f4d99,inset 0 0 60px #00000080}#mp-canvas{display:block;width:100%;height:100%}.mp-readout{display:flex;flex-direction:column;gap:10px}.mp-phase-line{display:flex;align-items:center;gap:10px}.mp-phase-glyph{font-size:1.6rem;line-height:1}.mp-phase-name{font-size:1.2rem;font-weight:700;color:var(--mp-bone);letter-spacing:.01em}.mp-stats-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.mp-stat{display:flex;flex-direction:column;gap:2px}.mp-stat-label{font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mp-cyan)}.mp-stat-value{font-size:1.05rem;font-weight:600;color:var(--mp-bone);font-variant-numeric:tabular-nums}.mp-stat-chip{display:inline-block;background:var(--mp-plate-2);border:1px solid var(--mp-border);border-radius:6px;padding:2px 8px;font-size:.92rem;font-weight:700;color:var(--mp-cyan-hi);letter-spacing:.03em}.mp-tz-label{font-size:.875rem;color:var(--mp-bone-dim);letter-spacing:.04em;opacity:.7}.mp-error{color:var(--color-danger);font-size:var(--text-sm);margin-top:4px}.mp-arc-section{display:flex;flex-direction:column;gap:6px}.mp-arc{position:relative;outline:none;padding:12px 0 8px;cursor:pointer}.mp-arc:focus-visible .mp-arc-track{box-shadow:0 0 0 2px var(--mp-cyan)}.mp-arc-track{position:relative;height:8px;background:var(--mp-plate-2);border:1px solid var(--mp-border);border-radius:4px;overflow:visible}.mp-arc-marker{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:14px;line-height:1;pointer-events:none;user-select:none}.mp-arc-marker--full{font-size:16px}.mp-arc-today{position:absolute;top:-6px;width:2px;height:20px;background:var(--mp-cyan);border-radius:1px;transform:translate(-50%);pointer-events:none;opacity:.7}.mp-arc-handle{position:absolute;top:50%;width:22px;height:22px;background:var(--mp-bone);border:2px solid var(--mp-cyan);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;touch-action:none;box-shadow:0 0 8px #58c6e666;transition:box-shadow .1s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mp-arc-handle:active{cursor:grabbing;box-shadow:0 0 16px #58c6e6b3}.mp-arc-handle:focus-visible{outline:2px solid var(--mp-cyan);outline-offset:3px}.mp-arc-handle:after{content:"";width:18px;height:18px;background:var(--mp-bone);border:2px solid var(--mp-cyan);border-radius:50%;box-shadow:0 0 6px #58c6e680}.mp-arc-handle{background:transparent;border:none}.mp-arc-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--mp-bone-dim);opacity:.7;padding:0 2px}.mp-controls{display:flex;flex-direction:column;gap:8px}.mp-date-input{width:100%;background:var(--mp-plate-2);border:1px solid var(--mp-border);border-radius:10px;color:var(--mp-bone);font-size:var(--text-sm);padding:8px 12px;font-family:var(--font-mono);box-sizing:border-box}.mp-date-input:focus{outline:2px solid var(--mp-cyan);outline-offset:2px;border-color:var(--mp-cyan)}.mp-date-input::-webkit-calendar-picker-indicator{filter:invert(.8) sepia(1) saturate(2) hue-rotate(165deg)}.mp-btn-row{display:flex;gap:6px;flex-wrap:wrap}.mp-btn-sm{min-height:0;padding:10px 12px;font-size:var(--text-sm);white-space:nowrap}.moon-phase-page .mp-btn-sm{min-height:44px}.moon-phase-page .button-primary:focus-visible,.moon-phase-page .button-secondary:focus-visible{outline:2px solid var(--mp-cyan);outline-offset:2px}.mp-ladder-col{display:flex;flex-direction:column;gap:12px;padding-top:4px}.mp-ladder-title{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mp-cyan)}.mp-ladder-list{display:flex;flex-direction:column;gap:0}.mp-ladder-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--mp-border-2)}.mp-ladder-row:first-child{border-top:1px solid var(--mp-border-2)}.mp-ladder-icon{font-size:1.2rem;text-align:center}.mp-ladder-label{font-size:var(--text-sm);font-weight:600;color:var(--mp-bone)}.mp-ladder-time{font-size:var(--text-sm);color:var(--mp-bone-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.mp-ladder-row--full .mp-ladder-label{color:var(--mp-cyan-hi)}.mp-ladder-row--new .mp-ladder-label{color:var(--mp-bone-dim)}.mp-hemi-badge{font-size:.875rem;color:var(--mp-cyan);opacity:.92;padding-top:8px}.mp-birth-panel{background:var(--mp-plate);border:1px solid var(--mp-border);border-radius:20px;padding:24px}.mp-birth-inner{display:flex;flex-direction:column;gap:20px}.mp-birth-form{display:flex;flex-direction:column;gap:10px}.mp-birth-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mp-cyan)}.mp-birth-row{display:flex;gap:10px;flex-wrap:wrap}.mp-birth-date-input{flex:1;min-width:160px}.mp-birth-card-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.mp-birth-canvas{max-width:100%;border-radius:12px;border:1px solid var(--mp-border)}.tool-notes{margin-top:40px;padding-top:32px;border-top:1px solid var(--color-border-muted)}.tool-notes-inner{max-width:680px}.tool-notes-title{font-size:1rem;font-weight:700;color:var(--mp-cyan);letter-spacing:.04em;margin:0 0 16px}.tool-notes p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7;margin:0 0 12px}@media(max-width:700px){.mp-instrument{grid-template-columns:1fr}.mp-ladder-col{order:-1;display:none}.mp-disc-wrap{max-height:280px}}@media(min-width:701px)and (max-width:900px){.mp-instrument{grid-template-columns:1fr 220px}}@media(max-width:500px){.mp-stats-row{gap:10px}.mp-btn-row{display:grid;grid-template-columns:1fr 1fr}.mp-btn-row .mp-btn-sm:last-child{grid-column:1 / -1}}@media(min-width:901px){.mp-instrument{align-items:stretch}.mp-ladder-col{background:var(--mp-plate);border:1px solid var(--mp-border);border-radius:20px;padding:20px;box-shadow:inset 0 0 40px #00000a4d;min-height:100%}}.mp-cal-block{margin-top:18px;padding-top:16px;border-top:1px solid var(--mp-border)}.mp-cal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px}.mp-cal-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px 4px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;color:var(--mp-bone-dim);font:inherit;transition:background .12s ease,border-color .12s ease}.mp-cal-cell:hover{background:#58c6e614;border-color:#58c6e640}.mp-cal-cell:focus-visible{outline:2px solid var(--mp-cyan);outline-offset:1px}.mp-cal-cell.is-active{background:#58c6e629;border-color:var(--mp-cyan);color:var(--mp-bone)}.mp-cal-disc{width:26px;height:26px;display:block}.mp-cal-day{font-size:.72rem;line-height:1.1;letter-spacing:0;white-space:nowrap}.moon-phase-page:lang(zh-Hant) .mp-cal-day{font-size:.875rem}@media(prefers-reduced-motion:reduce){.mp-cal-cell{transition:none}}@media(max-width:700px){.mp-cal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:380px){.mp-cal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.mp-share-note{margin:8px 0 0;font-size:.875rem;color:var(--mp-cyan-hi)}.mp-share-note[hidden]{display:none}.mp-years{margin-top:22px;padding-top:18px;border-top:1px solid var(--mp-border)}.mp-years[hidden]{display:none}.mp-years-title{margin:0 0 6px;font-size:1rem;font-weight:700;color:var(--mp-bone)}.mp-years-note{margin:0 0 14px;font-size:.875rem;line-height:1.6;color:var(--mp-bone-dim);max-width:62ch}.mp-years-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}.mp-year-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 5px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--mp-bone-dim);font:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease}.mp-year-cell:hover{background:#58c6e614;border-color:#58c6e640}.mp-year-cell:focus-visible{outline:2px solid var(--mp-cyan);outline-offset:1px}.mp-year-cell.is-birth{border-color:var(--mp-cyan);background:#58c6e624;color:var(--mp-bone)}.mp-year-cell.is-return{border-color:var(--mp-cyan-hi);border-style:dashed;color:var(--mp-bone)}.mp-year-label{font-size:.8rem;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.mp-year-cell{transition:none}}.mp-orbit{margin:24px 0 0}.mp-orbit-canvas{display:block;width:100%;max-width:860px;margin-inline:auto;height:auto;background:#081c3080;border:1px solid var(--mp-border-2);border-radius:12px}.mp-orbit-cap{margin:10px auto 0;max-width:76ch;text-align:center;font-size:.875rem;line-height:1.6;color:var(--mp-bone-dim)}