html.diff-enhanced .tool-mount>.prose{display:none}.diff-tool{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:18px;padding:clamp(20px,4vw,30px);border:1px solid var(--border);border-radius:var(--radius-content);background:var(--surface);box-shadow:var(--shadow)}.diff-tool>*{position:relative;z-index:1}.diff-tool:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;z-index:2;height:3px;border-radius:var(--radius-content) var(--radius-content) 0 0;background:linear-gradient(90deg,transparent,var(--accent) 22%,var(--accent) 78%,transparent)}.diff-tool:after{content:"";position:absolute;inset-block-end:0;inset-inline-end:0;z-index:0;width:min(58%,500px);aspect-ratio:1040 / 553;background-image:url(/difference-art.png);background-repeat:no-repeat;background-position:0% 100%;background-size:contain;opacity:.28;pointer-events:none;transform:scaleX(-1);-webkit-mask-image:radial-gradient(ellipse 130% 130% at 0% 100%,#000 0%,rgba(0,0,0,.85) 48%,rgba(0,0,0,0) 96%);mask-image:radial-gradient(ellipse 130% 130% at 0% 100%,#000,#000000d9,#0000 96%)}[data-theme=dark] .diff-tool:after{opacity:.4;filter:brightness(1.6) saturate(.85)}:root[dir=rtl] .diff-tool:after{transform:none}.diff-tool .tool-head{display:flex;gap:16px}.diff-tool .tool-head-text{display:flex;flex-direction:column;gap:6px;min-width:0}.diff-tool .tool-title{margin:0;display:inline-flex;align-items:center;gap:10px;font-size:clamp(20px,3vw,24px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--text)}.diff-title-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent-ink-strong);flex-shrink:0}.diff-title-icon svg{width:16px;height:16px}.diff-tool .tool-explainer{margin:0;font-size:14.5px;line-height:1.5;color:var(--text-2);max-width:48ch;min-height:43.5px}.diff-inputs{container:diffinputs / inline-size;display:grid;grid-template-columns:1fr;gap:14px}@container diffinputs (min-width: 560px){.diff-inputs{grid-template-columns:1fr 1fr}}.diff-tool .tool-field{background:var(--surface-2);position:relative}.diff-tool .tool-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.diff-tool .tool-cal{margin-bottom:0;flex:1;min-width:0;flex-wrap:wrap;gap:8px 10px}.diff-tool .tool-cal label{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-weight:560;transition:border-color .16s ease,color .16s ease}.diff-tool .tool-cal label:hover{border-color:var(--border-strong);color:var(--accent-ink)}.diff-tool .tool-cal input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diff-tool .tool-row input:focus-visible,.diff-tool .tool-row select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.diff-tool .cal-trigger{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-2);cursor:pointer;flex-shrink:0;transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .12s ease}.diff-tool .cal-trigger svg{width:17px;height:17px}.diff-tool .cal-trigger:hover{color:var(--accent);border-color:var(--border-strong)}.diff-tool .cal-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.diff-tool .cal-trigger.on{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.diff-tool .cal-trigger:active:not(:disabled){transform:scale(var(--press))}.diff-tool .tool-field>.dp-pop{inset-block-start:calc(100% - 8px);inset-inline-end:8px;inset-inline-start:auto}.diff-hint{margin:0;padding:16px;border:1px dashed var(--border-strong);border-radius:12px;color:var(--text-2);background:var(--surface-2);font-size:14.5px;text-align:center;min-height:53.75px;display:flex;align-items:center;justify-content:center}.diff-result-stack{display:flex;flex-direction:column;gap:16px;animation:diff-result-in .24s ease-out}.diff-headline{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:20px 22px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--surface-2),var(--surface))}.diff-headline:before{content:"";position:absolute;inset-block-start:-40%;inset-inline-end:-28%;width:56%;height:180%;background:radial-gradient(closest-side,var(--accent-soft),transparent 70%);pointer-events:none}.diff-headline-num{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;position:relative}.diff-days-num{font-size:clamp(40px,9vw,64px);font-weight:760;line-height:1;letter-spacing:-.03em;color:var(--accent-ink);font-variant-numeric:tabular-nums}.diff-days-unit{font-size:clamp(18px,4vw,24px);font-weight:620;color:var(--accent-ink-strong)}.diff-headline-cap{position:relative;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);order:-1}:root[dir=rtl] .diff-headline-cap{letter-spacing:0;text-transform:none;font-size:13px;font-weight:600}.diff-earlier-note{position:relative;margin:6px 0 0;font-size:13px;font-weight:560;color:var(--text-2);display:inline-flex;align-items:center;gap:7px}.diff-earlier-note:before{content:"";width:7px;height:7px;border-radius:50%;background:#d9a441;flex-shrink:0}.diff-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diff-metric{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);min-width:0}.diff-metric-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}:root[dir=rtl] .diff-metric-label{letter-spacing:0;text-transform:none;font-size:12.5px;font-weight:600}.diff-metric-value{font-size:clamp(15px,2.4vw,17px);font-weight:660;color:var(--text);letter-spacing:-.005em;font-variant-numeric:tabular-nums;line-height:1.3}.diff-metric-hint{font-size:11.5px;font-weight:500;color:var(--text-3);line-height:1.3}.diff-metrics-primary{grid-template-columns:1fr}.diff-same-day-note:before{background:var(--accent)}.diff-more-btn{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.diff-more-btn:hover{color:var(--accent-ink);border-color:var(--border-strong);background:var(--surface-2)}.diff-more-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.diff-more-btn.on{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.diff-more-caret{display:inline-block;font-size:12px;line-height:1;transition:transform .2s ease}.diff-more-caret.open{transform:rotate(180deg)}.diff-details{display:flex;flex-direction:column;gap:16px;animation:diff-details-in .22s cubic-bezier(.22,1,.36,1)}@keyframes diff-details-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.diff-dates{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.diff-dates-heading{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}:root[dir=rtl] .diff-dates-heading{letter-spacing:0;text-transform:none;font-size:13px;font-weight:600}.diff-dates-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff-date{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}.diff-date-tag{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}:root[dir=rtl] .diff-date-tag{letter-spacing:0;text-transform:none;font-size:12px;font-weight:650}.diff-date-g{font-size:14px;font-weight:600;color:var(--text);line-height:1.35}.diff-date-j{font-size:13px;font-weight:500;color:var(--text-2);line-height:1.35}@keyframes diff-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.diff-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}.diff-share{position:relative;display:inline-flex;align-self:flex-start}.diff-tool .ghost-btn{display:inline-flex;align-items:center;gap:6px;width:auto;height:44px;padding:0 16px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.diff-tool .ghost-btn svg{width:18px;height:18px}.diff-tool .ghost-btn:hover:not(:disabled){color:var(--accent);border-color:var(--border-strong);background:var(--surface-2)}.diff-tool .ghost-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.diff-tool .ghost-btn:disabled{opacity:.4;cursor:default}.diff-tool .ghost-btn:active:not(:disabled){transform:scale(var(--press));opacity:.9}.diff-tool .ghost-btn.on{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.diff-tool .ghost-btn.primary{color:var(--btn-text);background:var(--btn-bg);border-color:var(--btn-bg)}.diff-tool .ghost-btn.primary:hover:not(:disabled){color:var(--btn-text);background:var(--btn-bg-hover, var(--accent-ink-strong));border-color:var(--btn-bg-hover, var(--accent-ink-strong))}.diff-tool .ghost-btn.primary.busy,.diff-tool .ghost-btn.primary.done{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent)}.diff-tool .ghost-btn.done{color:var(--success);border-color:var(--success);background:var(--accent-soft);animation:diff-copy-pop .3s ease}.diff-tool .ghost-btn.busy{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.diff-tool .ghost-btn.busy svg{animation:diff-ghost-busy .9s linear infinite}@keyframes diff-ghost-busy{0%,to{opacity:.55}50%{opacity:1}}@keyframes diff-copy-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.share-menu{position:absolute;z-index:40;inset-block-start:calc(100% + 8px);inset-inline-start:0;min-inline-size:220px;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1px;outline:none;animation:diff-pop-in .16s ease}.share-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:550;text-align:start;text-decoration:none;cursor:pointer;transition:background-color .14s ease,color .14s ease}.share-menu-item:hover,.share-menu-item:focus-visible{background:var(--surface-2);outline:none}.share-menu-item:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--ring)}.share-menu-glyph{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;color:var(--text-2);transition:color .14s ease}.share-menu-glyph svg{width:20px;height:20px}.share-menu-item:hover .share-menu-glyph,.share-menu-item:focus-visible .share-menu-glyph{color:var(--accent)}.share-menu-label{flex:1}.share-menu-item.done .share-menu-glyph{color:var(--success)}@keyframes diff-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root[dir=rtl] .diff-tool,:root[dir=rtl] .share-menu{font-family:var(--font-farsi)}@media(max-width:640px){.diff-tool:after{width:min(76%,380px);opacity:.2}[data-theme=dark] .diff-tool:after{opacity:.32}}@media(max-width:460px){.diff-metrics,.diff-dates-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.diff-result-stack,.diff-details,.diff-more-caret,.share-menu,.diff-tool .ghost-btn.done,.diff-tool .ghost-btn.busy svg{animation:none;transition:none}.diff-tool .ghost-btn:active:not(:disabled){transform:none}}