.date-calculator-workspace{padding:var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--line);background:var(--base);display:grid}.date-mode-panel{gap:var(--space-3);display:grid}.date-field-grid,.date-amount-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.date-amount-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.date-field{gap:var(--space-2);min-width:0;color:var(--muted);font-size:12px;font-weight:600;display:grid}.date-field input,.date-field select{width:100%;min-width:0;height:36px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);border:0}.date-field input{font-family:var(--code-font)}.date-field input[aria-invalid=true],.date-field select[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger)}.date-input-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.date-option{align-items:flex-start;gap:var(--space-2);color:var(--ink);cursor:pointer;font-size:12px;display:flex}.date-option input{margin:2px 0 0}.date-option span{gap:2px;display:grid}.date-option strong{font-weight:600}.date-option small,.date-calculator-note{color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}.date-calculator-note{margin:0}.date-calculator-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.date-calculator-actions .secondary-button,.date-result-heading .text-button{justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}.date-calculator-results{background:var(--base)}.date-calculator.converter.is-success .converter-commandbar,.date-calculator.converter.has-error .converter-commandbar{background:var(--elevated)}.date-result-heading{min-height:44px;padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);display:flex}.date-result-heading h2{color:var(--ink);margin:0;font-size:14px}.date-result-grid{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;min-width:0;margin:0;display:grid}.date-result-grid>div{min-width:0;padding:var(--space-3) var(--space-4);gap:var(--space-1);background:var(--base);display:grid}.date-result-grid>.date-result-wide{grid-column:1/-1}.date-result-grid dt{color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.date-result-grid dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.45}.date-result-grid dd[dir=ltr]{font-family:var(--code-font);text-align:start;unicode-bidi:isolate}@media (width<=680px){.date-calculator .converter-topbar{overflow-x:auto}.date-calculator .mode-switch{min-width:max-content}.date-field-grid,.date-math-main-fields,.date-result-grid{grid-template-columns:minmax(0,1fr)}.date-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-field input,.date-field select,.date-input-row .secondary-button,.date-calculator-actions .primary-button,.date-calculator-actions .secondary-button,.date-result-heading .text-button{min-height:44px}.date-calculator-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.date-result-grid>.date-result-wide{grid-column:auto}}