.lunar-tool{padding:clamp(1rem,3vw,2rem);background:#14162a;border:1px solid #bba774;border-radius:24px;margin:2rem 0}.lunar-tool fieldset{border:1px solid #635a77;border-radius:14px;padding:1rem;display:grid;gap:.7rem;min-width:0}.lunar-tool fieldset[hidden]{display:none}.lunar-tool legend{color:#ead48f;font-weight:700;padding:.4rem}.lunar-inputs,.lunar-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.lunar-tool input:not([type=checkbox]),.lunar-tool select{box-sizing:border-box;width:100%;padding:.8rem;background:#0b0d1c;color:#fff;border:1px solid #77758b;border-radius:8px;font:inherit}.lunar-tool button{padding:.9rem 1.2rem;border:0;border-radius:10px;background:#e2cc88;color:#161326;font:inherit;font-weight:700;cursor:pointer}.lunar-tool button:disabled{opacity:.45;cursor:default}.lunar-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.lunar-tool :focus-visible{outline:3px solid #c9b9ed;outline-offset:3px}.lunar-result-card{padding:1rem;border:1px solid #665a7b;border-radius:18px;background:radial-gradient(ellipse at top,#31204d,#101224 70%)}.lunar-disk{max-width:240px;margin:auto}.lunar-disk canvas{display:block;width:100%;height:auto}.lunar-result-card dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem}.lunar-result-card dd{margin:0;overflow-wrap:anywhere;color:#ead48f}.lunar-note{font-size:.85rem;color:#cec3de}.lunar-table{overflow-x:auto}.lunar-table table{width:100%;border-collapse:collapse}.lunar-table th,.lunar-table td{padding:.8rem;text-align:left;border-bottom:1px solid #5b526b}.lunar-art{display:flex;align-items:center;gap:1.5rem;margin:2rem 0}.lunar-art img{width:180px;max-width:35%;height:auto;border-radius:20px}.lunar-phase-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem}.lunar-phase-guide article{padding:1rem;border:1px solid #5b526b;border-radius:12px}details{padding:1rem 0}summary{cursor:pointer;font-weight:700}@media print{.lunar-actions,#lunar-form{display:none}}
.lunar-tool label:has(#lunar-compare){display:flex;align-items:center;gap:.7rem}.lunar-tool #lunar-compare{width:1.1rem;height:1.1rem;flex:0 0 auto;margin:0}
