.moon-form,.moon-result{padding:1.25rem;border:1px solid var(--border,#343b50);border-radius:16px;background:var(--panel,#171e30);margin:1.5rem 0}
.moon-page .content-page h1{font-size:clamp(28px,4vw,36px);line-height:1.2}
.moon-page .moon-form h2,.moon-page .moon-result h2{margin-top:0;font-size:clamp(23px,3vw,28px)}
.moon-actions button[type=submit]{appearance:none;padding:12px 18px;border:1px solid #dfbd85;border-radius:8px;background:#dfbd85;color:#101421;font:inherit;font-weight:600;cursor:pointer}
.moon-actions button[type=submit]:hover{background:#ecd0a5}
.moon-page .moon-result .moon-signs{font-size:1.25rem;color:#e8c77d}
.moon-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.moon-fields label{display:block;font-weight:700;margin-bottom:.5rem}
.moon-fields input{display:block;width:100%;min-width:0;min-height:48px;box-sizing:border-box;padding:.75rem;background:#101421;color:#f4f0e8;border:1px solid #6a7387;border-radius:8px;font:inherit;color-scheme:dark}
.moon-actions,.moon-examples{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.moon-actions button,.moon-examples button{min-height:44px;white-space:normal;max-width:100%}
.moon-signs{font-size:1.5rem;font-weight:700;color:#e8c77d;line-height:1.4}
.moon-form :focus-visible,.moon-result:focus-visible{outline:3px solid #e8c77d;outline-offset:3px}
.moon-help{font-size:.9rem;color:#c4c9d5;margin:.5rem 0}
#moon-error:empty,#moon-status:empty{display:none}
#moon-error{color:#ffb8b8}
@media(max-width:600px){.moon-fields{grid-template-columns:1fr}.moon-form,.moon-result{padding:1rem}.moon-signs{font-size:1.3rem}}