.yang-shell{max-width:960px;margin:24px auto;padding:20px 16px 100px;color:#172b3a}#controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px}#controls label{display:flex;flex-direction:column;gap:8px}input,select,button{font:inherit;padding:10px;border:1px solid #bccbd2;border-radius:8px}#results{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}.result{padding:20px;background:#eef5f2;border:1px solid #c7dcd3;border-radius:12px}.result strong{font-size:24px;display:block}.hint,small{color:#52636d}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid #dce4e8}th{background:#eef5f2}details{margin:24px 0;line-height:1.9}#example{cursor:pointer}.bottom-nav-label{white-space:normal;text-align:center;font-size:10px}.formula-wrap{margin:20px 0 32px;border:1px solid #c7dcd3;border-radius:8px}.formula-table{min-width:850px;font-variant-numeric:tabular-nums}.formula-table caption{text-align:left;font-size:18px;font-weight:700;padding:16px;background:#eef5f2}.formula-table th,.formula-table td{text-align:center;padding:10px 8px;border:1px solid #dce4e8}.formula-table th:first-child{text-align:left;min-width:200px}.formula-table .sitting-row>*{background:#dcf3e5;font-weight:700}.formula-table .lookup-month{background:#e1efff;color:#124775}.formula-table .lookup-day{background:#fff0da;color:#733d00}.formula-table .lookup-month.lookup-day{background:linear-gradient(135deg,#e1efff 50%,#fff0da 50%);color:#172b3a}.formula-table .lookup-result{outline:3px solid #25634d;outline-offset:-3px;font-size:20px}.flatpickr-input[readonly]{background:white;cursor:pointer}
.formula-table .lookup-month.lookup-day{background:#eee5fb;color:#4c2777}.formula-table .sitting-row>.lookup-month.lookup-day{background:#e0cef6}.lookup-label{display:block;font-size:10px;line-height:1.4;margin-top:4px;white-space:nowrap}
.hour-meaning[hidden]{display:none}.hour-meaning td{background:#f2f6fa;padding:18px;white-space:normal;line-height:1.9}.hour-meaning p{margin:8px 0}#hours input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#25634d}
.language-toggle{display:flex;align-items:center;gap:8px;margin:18px 0;cursor:pointer}.language-toggle input{width:20px;height:20px;accent-color:#25634d}