@font-face{font-family:Vazirmatn;src:url('fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('fonts/Vazirmatn-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('fonts/Vazirmatn-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--ink:#293b34;--muted:#8b9891;--green:#21846c;--my-color:#21846c;--line:#e5ebe7;--day-outline:#b9cbbf;--row-height:54px;--day-width:87px;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:#f1f4f2;color:var(--ink);font:14px/1.7 Vazirmatn,Tahoma,sans-serif;-webkit-tap-highlight-color:transparent}
button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:disabled{cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d2a144;outline-offset:3px}
a{color:inherit;text-decoration:none}h1,h2,p{margin:0}[hidden]{display:none!important}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.poll-app{max-width:940px;margin:24px auto;background:#fff;border:1px solid #e0e7e2;border-radius:16px;overflow:clip;box-shadow:0 6px 28px #283e3305}
.app-top{padding:22px 23px 0}
.selection-instruction{font-size:20px;font-weight:600;color:#3d5e4a;line-height:1.5}
.app-meta{display:flex;align-items:center;gap:12px;margin-top:0}
.meeting-name{margin-left:auto;font-size:13px;color:#819186;line-height:1.5;align-self:flex-start}
.demo-label{color:#9a7d45;background:#faf5e9;padding:1px 6px;border-radius:4px;font-size:9px;white-space:nowrap}
.identity{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.identity-dot{width:7px;height:7px;flex-shrink:0;background:var(--my-color);border-radius:50%}.identity .icon{width:15px;height:15px;color:var(--my-color)}
.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:#84958a;flex-shrink:0;padding:0}.icon-button:hover{background:#f2f5f2}.icon-button .icon{width:19px;height:19px}
.table-wrap{position:relative}
.table-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c4d2c8 transparent;scroll-padding-inline-start:calc(var(--day-width) + 8px);scroll-padding-inline-end:24px;isolation:isolate}
.table-content{width:100%;padding:0 17px 10px 29px}
.day-column-mask{display:none}
.table-wrap::before,.table-wrap::after{content:'';position:absolute;top:0;bottom:10px;width:24px;z-index:4;pointer-events:none;opacity:0;transition:opacity .15s}
.table-wrap::before{right:calc(var(--day-width) + 8px);background:linear-gradient(to left,#fff,#ffffff00)}
.table-wrap::after{left:0;background:linear-gradient(to right,#fff,#ffffff00)}
.table-wrap.has-scroll-right::before,.table-wrap.has-scroll-left::after{opacity:1}
.availability-table{width:100%;border-collapse:separate;border-spacing:0 8px;table-layout:fixed}
.availability-table th{font-weight:400;text-align:center}
.time-corner{width:71px}.time-corner .icon{width:15px;height:15px;margin:auto;color:#a8b4aa}
.day-heading{height:54px;line-height:1.7;padding:0 0 7px}.day-heading>span{display:block;font-size:12px;font-weight:600;color:#51675b}.day-heading strong{font-size:10px;font-weight:400;color:#9aa79e}.day-heading.friday>span{color:#b78265}
.availability-table td{padding:0;position:relative}
.availability-table tbody th,.availability-table td{border-block:1px solid var(--day-outline);border-inline-start:1px solid #dce5df;background:#f7faf7}
.availability-table tbody th{border-inline-start-color:var(--day-outline);background:#eef3ee;border-start-start-radius:9px;border-end-start-radius:9px}
.availability-table td:last-child{border-inline-end:1px solid var(--day-outline);border-start-end-radius:9px;border-end-end-radius:9px}
.availability-table td:last-child .slot{border-start-end-radius:8px;border-end-end-radius:8px}
.time-heading{height:var(--row-height);padding:0 0 0 6px;font-size:12px;color:#6c8173;white-space:nowrap;font-variant-numeric:tabular-nums}
.availability-table .time-heading{font-weight:600}
.slot{height:var(--row-height);width:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:0;background:transparent;padding:4px;transition:background .12s,box-shadow .12s;color:#8da294;user-select:none}
.slot-empty .icon{width:16px;height:16px;stroke-width:1.8;color:#8ca394}
.slot.has-others{background:color-mix(in srgb,#8da97f var(--heat),white);color:#637a5c}
.slot-count{display:inline-flex;align-items:baseline;gap:3px;font-size:13px;line-height:1;font-weight:600;white-space:nowrap}.slot-count .count-word{font-size:10px;font-weight:400}
.slot-dots{position:absolute;bottom:5px;right:0;left:0;display:flex;gap:3px;justify-content:center}.slot-dots i{width:4px;height:4px;border-radius:50%;background:#86998c;opacity:.55}
.slot.has-others{padding-bottom:9px}
.slot-star{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:17px;height:17px;color:#ad7b16;pointer-events:none}.slot-star .icon{width:15px;height:15px;stroke-width:1.5;fill:#e4b13b}
.slot.is-popular{padding-top:16px}
.slot.is-mine{background:var(--my-color);box-shadow:none;color:#fff}
.slot.is-mine .slot-dots{bottom:4px}.slot.is-mine .slot-dots i{background:#fff;opacity:.55}
.slot.is-final{outline:2px solid #d5a847;outline-offset:1px}.slot[data-readonly=true]{cursor:pointer}
@media(hover:hover){.slot[data-readonly=false]:hover{background:#eff6f0;box-shadow:inset 0 0 0 2px #d4e3d7}.slot[data-readonly=false]:hover .slot-empty .icon{color:var(--green)}.slot.is-mine:hover{background:var(--my-color);filter:brightness(.92);box-shadow:none}}
.action-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 23px;border-top:1px solid var(--line);background:#fff;position:sticky;bottom:0;z-index:3}
.reset-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:171px;border:1px solid #dce5df;border-radius:9px;padding:10px 16px;font-size:12px;color:#718679;white-space:nowrap}.reset-button .icon{width:16px;height:16px}.reset-button:hover:not(:disabled){background:#f3f7f3}.reset-button:disabled{border-color:#edf1ed;color:#b1beb3}
.save-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:171px;border-radius:9px;background:var(--my-color);color:#fff;font-size:14px;font-weight:600;padding:10px 21px;transition:background .15s}.save-button .icon{width:18px;height:18px}.save-button:disabled{color:#9caf9f;background:#edf2ed}.save-button.saved:disabled{background:#eef6ef;color:var(--my-color)}
.viewer-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:19px 15px;border-top:1px solid var(--line);color:#82907f}.viewer-note .icon{width:16px;height:16px}
.notice{margin:0 22px 8px;padding:10px 12px;background:#fff6e7;border:1px solid #f0e1c6;border-radius:8px;display:flex;gap:8px;align-items:center;font-size:11px;color:#a1804a}.notice .icon{width:16px;height:16px}.notice>span{flex:1}.notice button{color:#8b6b35;font-size:10px;text-decoration:underline;white-space:nowrap}
.final-banner{display:flex;align-items:center;gap:10px;margin:0 22px 12px;padding:12px 14px;border-radius:8px;background:#edf5e8;color:#668456;font-size:12px}.final-banner .icon{width:20px;height:20px}.final-banner strong{font-weight:600}.final-banner small{display:block;font-size:10px;color:#8ca37d}
.loading{display:grid;place-items:center;min-height:590px;color:#9cac9b}.loader{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}
.load-error{min-height:590px;display:flex;align-items:center;justify-content:center;gap:13px;flex-direction:column;font-size:12px;color:#8c9b82}.load-error button{display:flex;align-items:center;gap:7px;border:1px solid #e0e8da;padding:9px 16px;border-radius:8px}.load-error .icon{width:19px;height:19px}
body:has(dialog[open]){overflow:hidden}.dialog{width:calc(100% - 32px);max-width:410px;max-height:80dvh;padding:22px;border:1px solid #e3e9e0;border-radius:15px;color:var(--ink);box-shadow:0 12px 60px #19352424;overscroll-behavior:contain;font-size:13px}.dialog::backdrop{background:#20382d4a;backdrop-filter:blur(3px)}
.dialog-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.dialog-heading h2{font-size:15px;font-weight:600}.dialog-heading .icon-button{margin-right:auto}.dialog-heading small{font-size:10px;color:#9aaa91}
.option-row{display:flex;align-items:center;gap:12px;min-height:51px;width:100%;border-bottom:1px solid #edf0e9;font-size:13px;text-align:right}.option-row:hover{background:#fafcf8}.option-row>.icon{color:#91a482;width:18px;height:18px}.option-row>.icon:last-child:not(:first-child){margin-right:auto;width:15px;height:15px}.option-row input{width:17px;height:17px;accent-color:var(--my-color);margin:0 1px;cursor:pointer}.none-choice{cursor:pointer}.options-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#a3ad99;font-size:10px}.options-foot a{padding:6px}.options-foot .icon{width:15px;height:15px}
.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;font-size:10px;font-weight:600;color:var(--person-color);background:color-mix(in srgb,var(--person-color) 10%,white)}
.person-row{display:flex;align-items:center;gap:10px;min-height:55px;border-bottom:1px solid #eff2ea;width:100%;text-align:right;font-size:12px}.person-row>span:nth-child(2){margin-left:auto}.person-row small{display:block;color:#a1ac95;font-size:10px}.person-row>.icon{width:15px;height:15px;color:#a2b297}.you-badge{font-size:9px;color:var(--my-color);margin-right:5px}
.person-selections{margin-bottom:17px}.person-day{padding:11px 0;border-top:1px solid #ebf0e4}.person-day>strong{font-size:11px;font-weight:600;color:#788e66}.person-day>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.person-day>div>span{padding:4px 8px;border-radius:5px;background:#f2f6ed;font-size:11px;color:#7a9268}
.slot-dialog-time{font-size:21px;font-weight:600;color:#748d61;margin-bottom:12px}.slot-dialog-people>div{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f3e9;font-size:12px}.slot-dialog-people small{margin-right:auto;font-size:10px;color:#9eaa90}.empty-message{font-size:12px;color:#9ca88f;padding:17px 0}.dialog-description{font-size:12px;color:#8a9a7d;line-height:2;margin-bottom:20px}
.primary-button,.secondary-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:8px;font-size:12px;margin-top:10px}.primary-button{background:var(--green);color:#fff}.secondary-button{border:1px solid #e1e8d9;color:#839475;background:#fff}
.toast{position:fixed;bottom:94px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#244f3e;color:white;border-radius:9px;padding:10px 16px;font-size:12px;z-index:12;box-shadow:0 4px 18px #163a2920;max-width:calc(100vw - 32px)}.toast .icon{width:16px;height:16px}.toast-error{background:#977148}
.noscript-message{position:fixed;inset:0;background:white;display:grid;place-items:center;z-index:30;padding:25px}
@media(max-width:980px) and (min-width:601px){.poll-app{margin:16px;max-width:none}}
@media(max-width:600px){
  :root{--row-height:43px}
  body{background:#fff}.poll-app{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible;padding-bottom:82px}
  .identity{font-size:10px;gap:5px}.identity-dot{width:6px;height:6px}.identity .icon{width:13px;height:13px}.icon-button{width:31px;height:35px}.demo-label{font-size:8px;padding:1px 4px}
  .availability-table{border-spacing:0 8px}
  .day-heading{height:47px;padding:0 0 5px;line-height:1.7}.day-heading>span{font-size:10px;white-space:nowrap}.day-heading strong{font-size:10px;line-height:1.5;display:block;font-weight:400}.day-heading .month{font-size:9px}
  .time-heading{font-size:11px;padding:0 1px 0 3px}
  .notice{margin:0 13px 8px;font-size:10px;padding:9px;gap:6px}.notice button{font-size:9px}.final-banner{margin:0 13px 10px;padding:11px;font-size:11px}.final-banner small{font-size:9px}
  .loading,.load-error{min-height:590px}.viewer-note{position:fixed;bottom:0;left:0;right:0;background:#fff;font-size:10px;padding:18px 10px;z-index:3}
  .dialog{padding:19px;max-width:390px}.dialog-heading h2{font-size:14px}.option-row{font-size:12px;min-height:51px}.dialog-description{font-size:11px}.toast{bottom:88px;font-size:11px}
}
@media(max-width:370px){.identity{font-size:9px}}
.time-corner{width:var(--day-width);font-size:10px;color:#8fa08f;font-weight:400}
.time-heading{height:32px;padding:0 0 4px;font-size:12px;color:#6f8473}
.day-heading{height:var(--row-height);padding:0 9px 0 7px;text-align:right!important;line-height:1.7}
.day-heading>span{font-size:12px;font-weight:600}.day-heading strong{font-size:10px;color:#8e9e90}
@media(max-width:740px){
  :root{--row-height:54px;--day-width:76px}
  body{background:#fff}.poll-app{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible;padding-bottom:82px}
  .app-top{padding:16px 14px 0}.app-meta{gap:9px}.meeting-name{font-size:12px}
  .selection-instruction{font-size:17px}
  .table-content{padding:0 8px 10px 24px}.table-content.has-table{min-width:804px}.availability-table{border-spacing:0 8px}
  .table-content.has-table + .day-column-mask{display:block;position:absolute;inset-block:0 10px;inset-inline-start:0;width:calc(var(--day-width) + 8px);z-index:1;background:#fff}
  .time-heading{height:28px;padding:0 0 3px;font-size:12px}
  .day-heading,.time-corner{position:sticky;inset-inline-start:8px;z-index:2}.day-heading{box-shadow:-2px 0 0 #b9cbbf;padding:0 7px 0 4px;height:var(--row-height)}.time-corner{z-index:3;background:#fff}
  .day-heading>span{font-size:11px;white-space:nowrap}.day-heading strong{font-size:10px}.day-heading .month{font-size:9px}
  .slot{height:var(--row-height);gap:4px;padding:4px 3px;scroll-margin-inline:3px}.slot-empty .icon{width:17px;height:17px}.slot-count{font-size:13px}.slot-count .count-word{font-size:10px}
  .slot-dots{gap:3px;bottom:5px}.slot-dots i{width:4px;height:4px}.slot.has-others{padding-bottom:9px}.slot.is-popular{padding-top:16px}
  .action-bar{position:fixed;bottom:0;left:0;right:0;gap:10px;padding:12px 17px max(12px,env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(10px);min-height:74px;box-shadow:0 -3px 16px #223d2906}
  .save-button,.reset-button{flex:1;min-width:0;min-height:45px;padding:10px 8px;gap:6px}.save-button{font-size:13px}.reset-button{font-size:12px}
}
@media(max-width:370px){.app-top{padding:14px 12px 0}.app-meta{gap:6px}.selection-instruction{font-size:16px}.save-button{font-size:12px}.reset-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}