@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&family=Lalezar&display=swap";
:root{--bg:#f6efe0;--bg-card:#fbf6ea;--bg-sunken:#efe4c8;--ink:#1e2a4a;--ink-soft:#56628a;--ink-faint:#8a91ab;--gold:#b8862f;--gold-soft:#e4c07f;--teal:#0e6b63;--teal-soft:#cfe6e2;--rose:#a13d3d;--line:#ddcea0;--radius:4px}html.dark{--bg:#101a30;--bg-card:#16223e;--bg-sunken:#0c1424;--ink:#f2ecd9;--ink-soft:#b9c0d8;--ink-faint:#78829e;--gold:#dcb05f;--gold-soft:#6b551f;--teal:#59c4b8;--teal-soft:#163531;--rose:#d68484;--line:#2b3a5c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Vazirmatn,sans-serif;line-height:1.7;transition:background .25s,color .25s}.app{max-width:880px;margin:0 auto;padding:0 20px 60px}header{justify-content:space-between;align-items:center;padding:26px 0 16px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand-mark{color:var(--gold);letter-spacing:1px;font-family:Lalezar;font-size:28px}.brand-sub{color:var(--ink-faint);font-size:12.5px}.icon-btn{border:1px solid var(--line);background:var(--bg-card);color:var(--ink-soft);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:border-color .15s,color .15s;display:flex}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.icon-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.motif{opacity:.85;width:100%;height:14px;margin-bottom:6px}.motif svg{width:100%;height:100%;display:block}.hero{border-bottom:1px solid var(--line);padding:34px 0 30px}.hero-weekday{color:var(--teal);font-size:17px;font-weight:600}.hero-date{color:var(--ink);margin:2px 0 10px;font-family:Lalezar;font-size:clamp(40px,8vw,68px);line-height:1.15}.hero-row{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:26px;font-size:14.5px;display:flex}.hero-row strong{color:var(--ink);font-weight:600}.clock{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--bg-sunken);border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:15px}.hero-extra{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.chip{background:var(--teal-soft);color:var(--teal);border-radius:var(--radius);padding:8px 14px;font-size:13.5px;font-weight:600}.chip.gold{background:var(--gold-soft);color:#5a4315}html.dark .chip.gold{color:#f4e3bb}.section-title{letter-spacing:.02em;color:var(--ink-faint);margin:34px 0 12px;font-size:13px;font-weight:600}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cal-nav button{border:1px solid var(--line);color:var(--ink-soft);border-radius:var(--radius);cursor:pointer;background:0 0;padding:6px 12px;font-family:inherit;font-size:14px}.cal-nav button:hover{border-color:var(--gold);color:var(--gold)}.cal-nav button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.cal-title{font-size:19px;font-weight:700}.cal-title .yr{color:var(--ink-faint);font-size:15px;font-weight:500}.weekday-row,.day-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekday-row div{text-align:center;color:var(--ink-faint);padding:4px 0 8px;font-size:12px;font-weight:600}.day-cell{aspect-ratio:1;border-radius:var(--radius);background:var(--bg-card);cursor:pointer;color:var(--ink);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;font-size:14.5px;transition:border-color .12s;display:flex;position:relative}.day-cell:hover{border-color:var(--gold)}.day-cell:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.day-cell.outside{color:var(--ink-faint);opacity:.4}.day-cell .g{color:var(--ink-faint);margin-top:1px;font-size:9.5px}.day-cell.today{background:var(--teal);color:#fff}.day-cell.today .g{color:#e6f4f1}.day-cell.selected{border-color:var(--gold);border-width:2px}.selected-info{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);margin-top:16px;padding:14px 16px;font-size:14px}.selected-info strong{color:var(--ink)}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.conv-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--ink-faint);font-size:12px}select,input[type=number]{color:var(--ink);background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius);min-width:88px;padding:8px 10px;font-family:inherit;font-size:14px}select:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.btn-primary{background:var(--teal);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:600}.btn-primary:hover{opacity:.9}.btn-primary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.conv-result{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:18px;display:grid}@media (max-width:600px){.conv-result{grid-template-columns:1fr}}.conv-result .cell{background:var(--bg-sunken);border-radius:var(--radius);padding:10px 12px}.conv-result .cell .lbl{color:var(--ink-faint);margin-bottom:3px;font-size:11.5px}.conv-result .cell .val{font-size:15px;font-weight:600}footer{border-top:1px solid var(--line);color:var(--ink-faint);text-align:center;margin-top:44px;padding-top:20px;font-size:12.5px}