.birth-time-panel{margin-block:var(--space-6);padding:var(--space-5);background:var(--night-800);color:var(--moon);font-size:var(--text-sm);border-radius:16px;gap:12px;display:grid}.birth-time-panel h2{color:var(--cream);font-size:var(--text-xl)}.birth-time-panel ul{color:var(--haze);margin:0;padding-left:20px}.birth-time-options{border:0;gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}.birth-time-options legend{margin-bottom:12px;padding:0;font-weight:700}.birth-time-option{border:1.5px solid var(--hairline);border-radius:var(--radius-field);cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:12px;display:flex}.birth-time-option:has(input:checked){border-color:var(--lilac);background:var(--night-700)}.birth-time-option input{width:20px;height:20px;accent-color:var(--lilac);flex-shrink:0;margin:0}.birth-time-option>span{gap:2px;display:grid}.birth-time-option strong+span,.birth-time-note{color:var(--haze);font-size:var(--text-xs)}.shichen-period{text-transform:capitalize}.birth-form .birth-time-panel{color:var(--ink);background:0 0;border-radius:0;margin:0;padding:0}.birth-form .birth-time-option{border-color:var(--ink-line);background:var(--field)}.birth-form .birth-time-option:has(input:checked){border-color:var(--violet);background:var(--lilac-50)}.birth-form .birth-time-option input{accent-color:var(--violet)}.birth-form :is(.birth-time-note,.birth-time-option strong+span){color:var(--ink-2)}.birth-time-examples{margin-top:var(--space-8);color:var(--haze);font-size:var(--text-sm)}.birth-time-examples summary{cursor:pointer;min-height:44px;padding-block:10px}.birth-time-examples ul{margin:0;padding-left:20px}.birth-time-examples a{min-height:44px;color:var(--lilac);align-items:center;display:inline-flex}