.date-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:60px;gap:.5rem;width:100%;display:grid}.calculator-workspace>.date-select-input .date-purpose-option{grid-template-columns:30px minmax(0,1fr);border:1px solid var(--border)!important;background:var(--bg-subtle)!important;width:100%!important;min-width:0!important;height:60px!important;min-height:60px!important;color:var(--text-secondary)!important;text-align:left!important;border-radius:9px!important;justify-content:stretch!important;align-items:center!important;gap:.45rem!important;padding:.5rem .55rem!important;transition:border-color .18s,background-color .18s,color .18s!important;display:grid!important}.date-purpose-option:hover{border-color:var(--border-strong)!important;background:var(--bg-hover)!important}.date-purpose-option[aria-pressed=true]{border-color:var(--accent-dim)!important;background:var(--accent-bg)!important;color:var(--accent-light)!important}.date-purpose-icon{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-muted);border-radius:8px;place-items:center;display:grid}.date-purpose-option[aria-pressed=true] .date-purpose-icon{border-color:var(--accent-dim);background:color-mix(in srgb, var(--accent-bg) 76%, var(--surface));color:var(--accent-light)}.date-purpose-copy{gap:.08rem;min-width:0;display:grid}.date-purpose-copy strong{color:var(--text-primary);font-size:.72rem;font-weight:700;line-height:1.25}.date-purpose-copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;line-height:1.25;overflow:hidden}.date-purpose-option[aria-pressed=true] .date-purpose-copy strong{color:var(--accent-light)}.date-calendar-day{border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;min-width:0;min-height:86px;font:inherit;text-align:left;flex-direction:column;justify-content:center;align-items:stretch;gap:.2rem;padding:.4rem .35rem;transition:border-color .16s,background-color .16s,transform .16s;display:flex;overflow:hidden}.date-calendar-day:hover{transform:translateY(-1px);border-color:var(--border-strong)!important}.date-calendar-day:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.date-calendar-day[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.date-cell-top,.date-cell-meta{justify-content:space-between;align-items:center;gap:.2rem;min-width:0;display:flex}.date-cell-top strong{font-size:.9rem;line-height:1}.date-cell-top em{color:inherit;opacity:.82;border:1px solid;border-radius:999px;padding:.1rem .24rem;font-size:.5rem;font-style:normal;font-weight:750;line-height:1.2}.date-cell-lunar,.date-cell-ganzhi{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;line-height:1.2;overflow:hidden}.date-cell-ganzhi{color:var(--text-secondary)}.date-cell-meta{color:var(--text-faint);justify-content:flex-start;font-size:.52rem;line-height:1}.date-cell-meta b{font-size:.58rem}.date-cell-meta i{font-style:normal}.date-cell-meta i+i:before{content:"·";color:var(--text-faint);margin-right:.2rem}.date-calendar-day.is-best .date-cell-lunar,.date-calendar-day.is-best .date-cell-ganzhi,.date-calendar-day.is-best .date-cell-meta{color:#ffffffd1}.date-month-meta{color:var(--text-muted);font-size:var(--text-xs);gap:.35rem;margin-top:.7rem;line-height:1.55;display:grid}.date-day-detail{gap:.85rem;display:grid}.date-detail-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.date-detail-heading small{color:var(--text-muted)}.date-result-status{text-align:center;min-width:34px;font-size:var(--text-xs);border:1px solid;border-radius:999px;padding:.28rem .5rem;font-weight:800}.date-result-status.is-good{color:var(--jade);background:color-mix(in srgb, var(--jade) 8%, transparent)}.date-result-status.is-bad{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.date-result-status.is-neutral{color:var(--text-muted);background:var(--bg-subtle)}.date-detail-badges{flex-wrap:wrap;gap:.4rem;display:flex}.date-hard-warning{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent) 7%, transparent);color:var(--accent-light);font-size:var(--text-sm);grid-template-columns:auto 1fr;gap:.6rem;padding:.65rem .75rem;display:grid}.date-detail-grid,.date-yi-ji-grid,.date-hours-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.date-detail-grid>div,.date-info-list,.date-hour-item,.date-pengzu{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-subtle);min-width:0;padding:.65rem .7rem}.date-detail-grid small,.date-detail-grid strong,.date-hour-item span,.date-hour-item small{display:block}.date-detail-grid small,.date-hour-item small{color:var(--text-faint);font-size:var(--text-xs);margin-bottom:.18rem}.date-detail-grid strong{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.date-info-list{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.date-info-list strong{color:var(--text-primary);margin-bottom:.25rem;display:block}.date-info-list.is-yi strong{color:var(--jade)}.date-info-list.is-ji strong{color:var(--accent-light)}.date-pengzu{color:var(--text-secondary);font-size:var(--text-sm);gap:.7rem;line-height:1.65;display:flex}.date-pengzu strong{color:var(--text-primary);flex:none}.date-section-title{color:var(--text-primary);font-size:var(--text-sm);margin-bottom:.5rem;font-weight:750}.date-hour-item strong{color:var(--accent-light);font-size:var(--text-sm)}.date-hour-item span{color:var(--text-secondary);font-size:var(--text-xs);margin:.15rem 0}.date-hour-item small{margin:0;line-height:1.45}.date-reasons p{border-bottom:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-serif);font-size:var(--text-sm);margin:0;padding:.35rem 0;line-height:1.7}.date-reasons p:last-child{border-bottom:0}@media (max-width:420px){.date-purpose-grid{grid-template-columns:1fr}.date-calendar-grid{gap:2px}.date-calendar-day{gap:.14rem;min-height:64px;padding:.28rem .22rem}.date-cell-top strong{font-size:.78rem}.date-cell-top em{padding:.06rem .16rem;font-size:.44rem}.date-cell-lunar{font-size:.5rem}.date-cell-ganzhi,.date-cell-star{display:none}.date-cell-meta{font-size:.46rem}.date-cell-meta b{font-size:.5rem}.date-detail-grid,.date-yi-ji-grid,.date-hours-grid{grid-template-columns:1fr}.date-hard-warning,.date-pengzu{grid-template-columns:1fr;gap:.2rem;display:grid}}
