.page{display:flex;flex-direction:column;width:100%}.cal-toggle-label{flex:1}.cal-trigger:active:not(:disabled),.cal-nav:active:not(:disabled),.cal-toggle:active:not(:disabled),.today-btn:active:not(:disabled),.ghost-btn:active:not(:disabled),.copy-btn:active:not(:disabled),.sel-trigger:active{transform:scale(var(--press));opacity:.9}.main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:clamp(24px,8vh,96px)}.card{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"g divider j" "foot foot foot";background:var(--surface);border:1px solid var(--border-strong);border-radius:22px;box-shadow:var(--card-shadow);transition:background-color .25s ease}.card>*{position:relative;z-index:var(--z-content)}.card:has(.sel-list,.dp-pop,.share-menu){z-index:var(--z-popover-host)}.card>.panel:has(.sel-list,.dp-pop){z-index:var(--z-raised)}.card:before{border-radius:22px 22px 0 0;content:"";position:absolute;inset:0 0 auto;z-index:var(--z-art-top);height:3px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);opacity:.85}.card:after{content:"";position:absolute;inset-block-end:0;inset-inline:0;margin-inline:auto;z-index:0;width:min(70%,500px);height:110%;background:url(/converter-art.png) no-repeat 50% 100% / contain;opacity:.14;pointer-events:none;-webkit-mask-image:radial-gradient(115% 66% at 50% 100%,#000 14%,transparent);mask-image:radial-gradient(115% 66% at 50% 100%,#000 14%,transparent)}[data-theme=dark] .card:after{opacity:.16;filter:brightness(1.7)}:root[dir=rtl] .card:after{transform:scaleX(-1)}.panel{position:relative;padding:clamp(22px,4vw,36px);min-width:0;transition:opacity .225s ease-out,transform .225s ease-out}.panel:first-of-type{grid-area:g}.panel:last-of-type{grid-area:j}.card.flipped .panel:first-of-type{grid-area:j}.card.flipped .panel:last-of-type{grid-area:g}.card.swapping .panel{opacity:0;transform:scale(.965)}.panel.source:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--accent);pointer-events:none}.panel.stale .fields{opacity:.5}.panel.stale .result{opacity:.35}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head>h2{min-width:0}.panel-head-right{display:flex;align-items:center;gap:8px}.cal-trigger{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--text-2);cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .12s ease}.cal-trigger svg{width:18px;height:18px}.cal-trigger:hover{color:var(--accent);border-color:var(--border-strong);background:var(--surface-2)}.cal-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.cal-trigger.on{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}@media(max-width:560px){.share-menu:before{content:"";display:block;width:38px;height:4px;margin:0 auto 12px;border-radius:999px;background:var(--border-strong)}.share-menu{position:fixed;inset:auto 0 0;z-index:var(--z-overlay);min-inline-size:0;padding:10px 12px calc(14px + env(safe-area-inset-bottom));border-bottom:none;border-radius:22px 22px 0 0;animation:sheet-up .26s cubic-bezier(.22,1,.36,1)}.share-menu-item{padding:12px 14px;font-size:15px}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cal-section-skeleton{min-height:420px}.cal-disclosure{margin-top:clamp(20px,4vw,32px)}.cal-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:15px clamp(18px,3vw,22px);border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.cal-toggle:hover{border-color:var(--border-strong);background:var(--surface-2)}.cal-toggle:hover>svg:last-of-type{color:var(--text-2)}.cal-toggle:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.cal-toggle.open{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.cal-toggle.open>svg:last-of-type{color:var(--accent-ink);transform:rotate(180deg)}.cal-toggle>svg:first-of-type{width:19px;height:19px;flex-shrink:0;color:var(--accent-ink)}.cal-toggle>svg:last-of-type{width:12px;height:12px;flex-shrink:0;color:var(--text-3);transition:transform .22s ease,color .18s ease}.cal-reveal{animation:cal-reveal .3s cubic-bezier(.22,1,.36,1)}.cal-reveal .cal-section,.cal-reveal .cal-section-skeleton{margin-top:14px}.cal-reveal .cal-section-head h2{display:none}@keyframes cal-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.panel-head h2{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.panel-head h2[lang=fa],.panel-head h2>[lang=fa]{letter-spacing:0}.fields{display:grid;grid-template-columns:48px minmax(0,1fr) 76px;grid-template-areas:"day month year";gap:10px}.field-day{grid-area:day}.field-month{grid-area:month}.field-year{grid-area:year}.field{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}.leap-tag{position:absolute;top:calc(100% + 7px);inset-inline-end:0;display:inline-flex;align-items:center;gap:7px;padding:2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:11px;font-weight:600;white-space:nowrap;animation:result-in .25s ease}.field label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.field input,.sel-trigger{width:100%;height:46px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:16px;font-weight:550;font-variant-numeric:tabular-nums;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.sel{position:relative;min-width:0}.sel-trigger{display:flex;align-items:center;gap:8px;cursor:pointer;text-align:start;color:inherit}.field input:hover,.sel-trigger:hover{border-color:var(--border-strong)}.field input:focus-visible,.sel-trigger[aria-expanded=true],.sel-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.sel-trigger .sel-en,.sel-trigger .sel-fa{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.sel-trigger .sel-fa{font-weight:550}.chevron{width:12px;height:12px;flex-shrink:0;color:var(--text-3);transition:transform .2s ease}.sel-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.sel-list{z-index:var(--z-popover);top:calc(100% + 6px);inset-inline-start:0;min-width:100%;width:max-content;max-width:min(300px,calc(100vw - 24px));max-height:264px;overflow-y:auto;overflow-x:hidden;margin:0;list-style:none}.sel-list.align-end{inset-inline-start:auto;inset-inline-end:0}.sel-opt{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;box-sizing:border-box;min-height:40px;padding:0 12px;border-radius:9px;cursor:pointer;font-size:15px;color:var(--text)}.sel-opt .sel-en,.sel-opt .sel-fa{grid-column:2;text-align:start}.sel-opt .sel-fa{font-variant-numeric:tabular-nums}.sel-opt.active{background:var(--surface-2)}.sel-opt.selected{color:var(--accent-ink);font-weight:650}.sel-opt-mark{display:grid;place-items:center;width:16px;height:16px;flex-shrink:0;color:var(--accent)}.sel-opt-mark svg{width:16px;height:16px}.error,.result-empty,.pwa-toast-msg{display:flex;flex-direction:column;gap:1px}.error{margin:0;padding:9px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:13.5px;font-weight:500}.result{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,1.6vw,14px);margin-top:clamp(22px,3.4vw,28px);padding-top:clamp(18px,2.8vw,22px);min-height:64px;transition:opacity .2s ease}.result:not(:has(.result-empty)):before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(to right,transparent,var(--border-strong) 50%,transparent)}.result-main{margin:0;font-size:clamp(18px,2.1vw,23px);font-weight:650;letter-spacing:-.018em;line-height:1.3;text-wrap:balance;animation:result-in .16s ease-out}@keyframes result-in{0%{transform:scale(1.04)}to{transform:scale(1)}}.copy-btn{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-2);cursor:pointer;transition:opacity .15s ease,border-color .18s ease,color .18s ease,background-color .18s ease}.copy-btn svg{width:18px;height:18px}.copy-btn:hover{color:var(--accent);border-color:var(--border-strong)}@media(hover:hover){.copy-btn{opacity:0}.panel:hover .copy-btn,.copy-btn:focus-visible,.copy-btn.done{opacity:1}}@keyframes copy-pop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}.copy-btn:disabled{opacity:.4;cursor:default}.copy-btn:disabled:hover{color:var(--text-2);border-color:var(--border)}.divider{grid-area:divider;display:grid;place-items:center;position:relative;width:56px;z-index:var(--z-raised)}.swap{position:relative;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:inherit;box-shadow:0 2px 8px #0000000f;cursor:pointer;touch-action:manipulation;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.swap:before{content:"";position:absolute;inset-block:-40px;inset-inline:-16px;border-radius:22px}.swap.flipped{transform:rotate(180deg)}.swap:hover:not(:disabled){border-color:var(--accent);background:var(--surface);box-shadow:0 4px 14px #0000001f,0 0 0 4px var(--accent-soft)}@media(hover:hover){.swap:active:not(:disabled){box-shadow:0 2px 8px #0000001a,0 0 0 4px var(--accent-soft)}}.swap:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.swap:disabled{opacity:.5;cursor:default}.swap svg{width:22px;height:22px}.swap .arrow-gj,.swap .arrow-jg{stroke:var(--text-3);transition:stroke .25s ease}.swap.dir-g .arrow-gj,.swap.dir-j .arrow-jg{stroke:var(--accent)}.card-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px clamp(22px,4vw,36px);border-top:1px solid var(--border);border-radius:0 0 21px 21px;background:var(--surface-2);transition:background-color .25s ease,border-color .25s ease}.today-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:none;border-radius:11px;background:var(--btn-bg);color:var(--btn-text);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .18s ease,opacity .18s ease,transform .12s ease}.today-btn svg{width:17px;height:17px}.today-btn:hover:not(:disabled){background:var(--btn-bg-hover)}.today-btn:disabled{opacity:.45;cursor:default}.actions{display:flex;align-items:center;gap:12px}.share-group{position:relative;display:inline-flex;align-items:center;gap:6px}.ghost-btn.on{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.share-menu{z-index:var(--z-popover);inset-block-start:calc(100% + 8px);inset-inline-end:0;min-inline-size:220px;display:flex;flex-direction:column;gap:1px}.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)}.ghost-btn{display:inline-flex;align-items:center;gap:6px;width:auto;height:44px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text-2);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}.ghost-btn svg{width:18px;height:18px}.ghost-btn:hover:not(:disabled){color:var(--accent);border-color:var(--border-strong);background:var(--surface-2)}.ghost-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.ghost-btn:disabled{opacity:.4;cursor:default}.copy-btn.done,.ghost-btn.done{color:var(--success);border-color:var(--success);background:var(--accent-soft);animation:copy-pop .3s ease}.ghost-btn.busy{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.ghost-btn.busy svg{animation:ghost-busy .9s linear infinite}@keyframes ghost-busy{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.pwa-share-toast{background:var(--surface);color:var(--text);animation:share-toast-in .22s ease}.pwa-share-toast svg{width:18px;height:18px;color:var(--success);flex-shrink:0}@keyframes share-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-empty{flex:1;min-inline-size:0;margin:0;font-size:15px;font-weight:500;color:var(--text-3)}.hint{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;font-size:12px;color:var(--text-3);opacity:0;transition:opacity .2s ease;pointer-events:none}.card:focus-within .hint{opacity:1}.hint kbd{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;background:var(--surface);font-family:var(--font-latin);font-size:11px;line-height:1;color:var(--text-2)}.skip-link{position:absolute;inset-inline-start:-9999px;top:8px;z-index:10;padding:9px 16px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none}.skip-link:focus{inset-inline-start:16px}.pwa-toasts{position:fixed;inset-block-end:max(16px,env(safe-area-inset-bottom));inset-inline:0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:10px;padding-inline:16px;pointer-events:none}.pwa-toast{display:flex;align-items:center;gap:12px;max-width:420px;width:100%;padding:11px 14px;border:1px solid var(--info-border);border-radius:var(--radius-banner);background:var(--surface);box-shadow:var(--shadow);font-size:13.5px;font-weight:500;pointer-events:auto}.pwa-offline{background:var(--info-bg)}.pwa-update{justify-content:space-between}.pwa-toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-refresh{padding:7px 14px;border:none;border-radius:9px;background:var(--btn-bg);color:var(--btn-text);font-weight:600;cursor:pointer}.pwa-dismiss{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-2);cursor:pointer}.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.js .reveal.in-view{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}}@media(max-width:1080px){.card{grid-template-columns:1fr;grid-template-areas:"g" "divider" "j" "foot"}.divider{width:auto;height:14px}.swap:before{inset-block:-30px;inset-inline:-10px}.swap svg{transform:rotate(90deg)}}@media(max-width:720px){.panel{padding:22px 20px}.panel:last-of-type{padding-top:26px}.fields{grid-template-columns:48px minmax(0,1fr) 74px;gap:8px}.card-foot{padding:14px 20px}.hint{display:none}.card:after{width:min(74%,320px);opacity:.1}}@media(max-width:480px){.fields{grid-template-columns:1fr 1fr;grid-template-areas:"month month" "day year";gap:12px 10px}}