.date-diff-page{max-width:none}.date-diff-title{justify-content:center;align-items:center;gap:.45rem;max-width:100%;display:inline-flex}.date-diff-title__icon{flex-shrink:0;align-self:center;transform:translateY(.01em)}.date-diff-title__text{min-width:0}.date-diff-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:1rem;display:grid}.date-diff-card{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:1.1rem}.date-diff-mode-switcher{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:68px;align-items:stretch;gap:.6rem;display:grid}.date-diff-mode-switcher button{text-align:center;white-space:normal;width:100%;height:100%;min-height:0;padding:.7rem .85rem;font-size:.95rem;line-height:1.25}[data-theme=dark] .date-diff-mode-switcher button:not(.secondary){color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%);border-color:#0000;box-shadow:0 14px 26px -18px #4f46e570}.date-diff-mode-label{align-content:center;justify-items:center;width:100%;min-height:2.5em;display:grid}.date-diff-mode-label__text{-webkit-line-clamp:2;line-clamp:2;text-align:center;-webkit-box-orient:vertical;width:100%;line-height:1.25;display:-webkit-box;overflow:hidden}.date-diff-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.date-diff-section-label{color:var(--text);margin-bottom:.55rem;font-size:.95rem;font-weight:600;display:block}.date-diff-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.date-diff-chip{white-space:normal;border-radius:999px;justify-content:center;width:100%;min-height:52px;padding:.65rem .95rem;font-size:.9rem;line-height:1.3}.date-diff-advanced{border-top:1px solid var(--border);padding-top:.9rem}.date-diff-advanced summary{cursor:pointer;color:var(--text);font-weight:600;list-style:none}.date-diff-advanced summary::-webkit-details-marker{display:none}.date-diff-advanced summary:after{content:"+";float:right;color:var(--text-secondary)}.date-diff-advanced[open] summary:after{content:"−"}.date-diff-checkbox{color:var(--text);align-items:center;gap:.6rem;margin-top:.9rem;font-size:.95rem;display:inline-flex}.date-diff-checkbox--primary{border:1px solid var(--border);background:var(--bg-secondary);border-radius:16px;margin-top:.15rem;padding:.75rem .85rem}.date-diff-helper-text{color:var(--text-secondary);margin:.75rem 0 0;font-size:.9rem;line-height:1.6}.date-diff-helper-text--primary{margin-top:.55rem}.date-diff-actions-row{justify-content:flex-end;display:flex}.date-diff-placeholder{background:var(--bg-secondary);border:1px dashed var(--border-strong);border-radius:18px;padding:1.2rem}.date-diff-placeholder h2,.date-diff-inline-error{margin-bottom:.65rem}.date-diff-inline-error{color:var(--error);background:#ef444414;border:1px solid #ef444433;border-radius:16px;padding:1rem;line-height:1.6}.date-diff-result-card{gap:1rem;display:grid}.date-diff-result-card--countdown .date-diff-countdown-card{text-align:center}.date-diff-result-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.date-diff-result-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin-bottom:.45rem;font-size:.82rem;font-weight:700;display:inline-block}.date-diff-result-header p{margin:.35rem 0 0}.date-diff-metrics-grid,.date-diff-summary-grid,.date-diff-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.date-diff-metric-card,.date-diff-countdown-card,.date-diff-summary-grid>div{border:1px solid var(--border);background:var(--bg-secondary);border-radius:16px;padding:.9rem}.date-diff-metric-card span,.date-diff-countdown-card span{color:var(--text-secondary);margin-bottom:.35rem;font-size:.85rem;display:block}.date-diff-metric-card strong,.date-diff-countdown-card strong{color:var(--text);font-size:1.75rem;line-height:1.1;display:block}.date-diff-countdown-card{background:var(--countdown-card-bg);border-color:var(--countdown-card-border);text-align:center}.date-diff-countdown-card strong{font-size:2rem}.date-diff-summary-grid h3{margin-bottom:.35rem;font-size:.92rem}.date-diff-summary-grid p{margin:0}@media (width<=900px){.date-diff-layout{grid-template-columns:1fr}.date-diff-result-header{flex-direction:column}}@media (width<=768px){.date-diff-mode-switcher,.date-diff-quick-actions,.date-diff-fields-grid,.date-diff-metrics-grid,.date-diff-summary-grid,.date-diff-countdown-grid{grid-template-columns:1fr}.date-diff-card{padding:1rem}.date-diff-chip{justify-content:center;width:100%}.date-diff-actions-row{justify-content:stretch}.date-diff-actions-row button{width:100%}}.date-diff-page.premium-tool-page{max-width:none}.date-diff-page.premium-tool-page .date-diff-card,.date-diff-page.premium-tool-page .date-diff-placeholder,.date-diff-page.premium-tool-page .date-diff-metric-card,.date-diff-page.premium-tool-page .date-diff-countdown-card,.date-diff-page.premium-tool-page .date-diff-summary-grid>div,.date-diff-page.premium-tool-page .date-diff-checkbox--primary{background:radial-gradient(360px 220px at 12% 0,#ff8a001a,#0000 64%),linear-gradient(#0d0f14e6,#05080dc7);border-color:#ff8a003d;border-radius:8px;box-shadow:inset 0 1px #ffffff0b,0 18px 54px -40px #000000eb}.date-diff-page.premium-tool-page .date-diff-mode-switcher button,.date-diff-page.premium-tool-page .date-diff-chip{color:#aeb7c5;background:linear-gradient(#ffffff09,#ffffff03),#060a0fb8;border:1px solid #ff8a0033;border-radius:8px}.date-diff-page.premium-tool-page .date-diff-mode-switcher button:not(.secondary),[data-theme=dark] .date-diff-page.premium-tool-page .date-diff-mode-switcher button:not(.secondary){color:#9eeaff;background:radial-gradient(180px 100px at 0 0,#34d6ff38,#0000 70%),linear-gradient(#34d6ff2b,#34d6ff12),#080b10d1;border-color:#34d6ff7a;box-shadow:0 14px 34px -28px #34d6ffb3}.date-diff-page.premium-tool-page .date-diff-chip:hover,.date-diff-page.premium-tool-page .date-diff-mode-switcher button:hover{color:#d9f7ff;border-color:#34d6ff9e;box-shadow:0 16px 38px -26px #34d6ffb8}.date-diff-page.premium-tool-page .date-diff-advanced{border-top-color:#ff8a002e}.date-diff-page.premium-tool-page .date-diff-result-kicker,.date-diff-page.premium-tool-page .date-diff-metric-card strong,.date-diff-page.premium-tool-page .date-diff-countdown-card strong{color:#ffb43a}