.add{gap:14px;display:grid}.field{color:#1b2230;gap:6px;font-size:14px;font-weight:600;display:grid}.field input,.field select{color:#1b2230;font:inherit;background:#fff;border:1px solid #d3d8e0;border-radius:10px;padding:11px 12px;font-size:16px;font-weight:400}.field .row{align-items:center;gap:8px;display:flex}.field .row select{flex:1}.leap{white-space:nowrap;align-items:center;gap:4px;font-weight:400;display:flex}.mode{color:#1b2230;flex-wrap:wrap;gap:8px 16px;font-size:15px;display:flex}.mode label,.choice label{cursor:pointer;align-items:center;gap:6px;display:flex}.mode input,.choice input,.leap input{width:18px;height:18px;accent-color:var(--board)}.converted{color:var(--board);margin:0;font-size:15px;font-weight:600}button.open{width:100%;font:inherit;border:0;font-size:17px;font-weight:700}.people{margin-top:26px}.people h2{font-family:var(--serif);margin:0 4px 10px;font-size:19px}#people-list{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.person{background:var(--paper);color:#1b2230;box-shadow:0 1px 0 var(--rule);border-radius:12px;padding:14px 16px}.person-head{align-items:baseline;gap:8px;display:flex}.person-head strong{font-family:var(--serif);font-size:18px}.person-head .lunar{color:#5a6476;font-size:13px}.person-head .remove{color:#5a6476;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px 8px;font-size:13px;text-decoration:underline}.next{word-break:keep-all;margin:8px 0 6px;font-size:15px}.next b{color:var(--board)}.next em{color:var(--stamp);margin-left:4px;font-style:normal;font-weight:700}.person details{color:#5a6476;font-size:14px}.person summary{cursor:pointer}.person ol{margin:8px 0 0;padding-left:22px;line-height:1.8}.options{border:1px solid var(--rule);border-radius:12px;gap:12px;margin:0 0 14px;padding:14px 16px;display:grid}.options legend{padding:0 6px;font-size:14px;font-weight:700}.choice{flex-wrap:wrap;gap:8px 18px;font-size:15px;display:flex}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions .share{background:var(--foil);color:#1b2230}.howto ul{color:var(--ink-soft);word-break:keep-all;margin:0;padding-left:20px;font-size:14px;line-height:1.7}@media (prefers-color-scheme:dark){:root:not(.light-only) .person{color:#e6e9ee;background:#1b2230}:root:not(.light-only) .person-head .lunar,:root:not(.light-only) .person details{color:#9aa3b2}:root:not(.light-only) .next b{color:var(--foil)}}
