@font-face{font-family:Plex;src:url('assets/fonts/plex-arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/plex-arabic-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/plex-arabic-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/plex-arabic-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#193e32;--muted:#58685e;--page:#f7f6ef;--paper:#fffefa;--line:#dce1d5;--lime:#d8ee87;--soft:#e9eee4;--amber:#785619;--amber-bg:#f8edcd;--red:#8c4e44;--red-bg:#f8eae5;--radius:16px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:Plex,Tahoma,sans-serif;font-size:16px;line-height:1.65;padding-bottom:95px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #678934;outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.4;font-weight:600}h2{font-size:20px;font-weight:600}h3{font-size:19px;font-weight:500}button{border:0;background:none}button:active{transform:translateY(1px)}.demo-ribbon{text-align:center;background:#ebeede;color:#455a45;font-size:12px;padding:5px 12px}.demo-ribbon span{margin:0 8px}.verse{display:flex;justify-content:center;gap:12px;align-items:center;padding:15px 20px 4px}.verse>span{font-family:Georgia,'Times New Roman',serif;font-size:21px}.verse small{color:var(--muted);font-size:12px}.header{max-width:1160px;margin:auto;padding:6px 24px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex}.brand img{object-fit:contain;width:192px;height:64px}.header-meta{display:flex;align-items:center;gap:22px}.riyadh{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.riyadh svg{width:16px;height:16px}.profile{width:42px;height:42px;background:var(--soft);border:1px solid #d3d9c9;border-radius:50%;display:grid;place-items:center;font-weight:600}main{max-width:1160px;margin:auto;padding:30px 24px}.page-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.greeting{font-size:14px;color:var(--muted);margin-bottom:4px}.month-tag{border:1px solid var(--line);padding:6px 12px;font-size:13px;border-radius:8px;white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:36px}.gathering-panel{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:25px 28px}.panel-status{display:flex;align-items:center;gap:7px;font-size:12px;color:#e1edce}.status-dot{width:7px;height:7px;background:var(--lime);border-radius:50%}.small-month{margin-inline-start:auto;color:#b8cbbd}.gathering-panel h2{font-size:29px;margin-top:22px;margin-bottom:8px}.gathering-panel>p{font-size:15px;color:#d5dfd5;line-height:1.9}.eight-seats{display:flex;gap:8px;margin:25px 0 18px}.seat{width:35px;height:35px;border-radius:50%;border:1px solid #617967;background:#365345;display:grid;place-items:center;font-size:12px}.seat.pending{background:none;border:1px dashed #9bb08a;color:#deebd1}.seat:last-child{background:var(--lime);color:var(--ink);border-color:var(--lime)}.seat.pending:last-child{background:transparent;color:#deebd1;border:1px dashed #9bb08a}.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#d5dfd5}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 18px;border-radius:10px;font-weight:500;transition:background 180ms var(--ease),box-shadow 180ms var(--ease)}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#2b5141}.primary.lime{background:var(--lime);color:var(--ink)}.primary.lime:hover{background:#e8f6b4}.secondary{border:1px solid var(--line);background:var(--paper);font-size:13px}.secondary:hover{background:var(--soft)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.main-column>.section-title{margin-top:32px}.section-title>span{color:var(--muted);font-size:12px}.date-list{display:flex;flex-direction:column;gap:10px}.date-row{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.date-row.leading{border-color:#a5b78b}.date-box{text-align:center;line-height:1.2;border-inline-end:1px solid var(--line);padding-inline-end:16px}.date-box b{display:block;font-size:27px;font-weight:500;font-variant-numeric:tabular-nums}.date-box span{font-size:12px;color:var(--muted)}.date-info h3{font-size:17px;margin-bottom:1px}.date-info p{font-size:12px;color:var(--muted)}.date-score{text-align:center}.date-score b{display:block;font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.date-score span{font-size:12px;color:var(--muted)}.inline-note{font-size:12px;color:var(--muted);margin-top:12px}.timeline-panel{padding:0 0 23px;border-bottom:1px solid var(--line)}.timeline-panel .section-title h2{font-size:17px}.timeline-panel .section-title svg{width:18px;color:var(--muted)}.timeline{padding:0;margin:22px 0 0;list-style:none}.timeline li{position:relative;padding:0 25px 23px 0}.timeline li:before{content:'';position:absolute;right:3px;top:7px;width:9px;height:9px;border:1px solid #aebba5;border-radius:50%;background:var(--page)}.timeline li:not(:last-child):after{content:'';position:absolute;right:7px;top:18px;bottom:0;width:1px;background:var(--line)}.timeline li.current:before{background:var(--ink);border-color:var(--ink)}.timeline b{display:block;font-size:14px;font-weight:500}.timeline span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.timezone-note{font-size:12px;background:var(--soft);padding:10px 12px;border-radius:8px}.members-panel{margin-top:24px}.member{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e4e7dc}.member:last-child{border:0}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--soft);font-size:12px}.member-name{font-size:13px}.member-status{margin-inline-start:auto;font-size:12px;color:var(--muted);display:flex;gap:3px;align-items:center}.member-status svg{width:14px;height:14px}.member-status.waiting{color:var(--amber)}.tie-panel{margin-top:20px;padding:22px;background:var(--amber-bg);border-radius:var(--radius);color:#614b23}.tie-panel p{font-size:14px;margin:8px 0}.tie-names{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.tie-names b{display:block}.tie-names>span{font-size:13px}.muted{color:var(--muted);font-size:13px;line-height:1.9}.tie-panel .muted{color:#6e5933}.vote-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:42px}.calendar-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.calendar-heading{display:flex;align-items:center;justify-content:space-between}.calendar-year{font-size:14px;color:var(--muted)}.calendar-help{font-size:13px;color:var(--muted);margin:8px 0 15px}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-bottom:25px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:3px;border:1px solid #aab5a3;background:var(--paper)}.legend i.available{background:var(--ink);border-color:var(--ink)}.legend i.unavailable{background:#f7f6ef;border-color:#aab5a3}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.weekdays{margin-bottom:10px;text-align:center;font-size:12px;color:var(--muted)}.weekdays span:nth-child(n+5){color:var(--ink);font-weight:600}.day{padding:4px 0;border:1px solid var(--line);background:var(--paper);border-radius:9px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;font-variant-numeric:tabular-nums;transition:background 150ms var(--ease)}.day.weekend{background:#f2f4e9}.day:hover{border-color:#6f8a56}.day small{white-space:nowrap;font-size:12px;line-height:1.2;min-height:11px}.day[data-state="available"]{background:var(--ink);color:white;border-color:var(--ink)}.day[data-state="unavailable"]{color:var(--muted)}.session-time{display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.session-time b{display:block;font-size:13px;font-weight:500}.session-time span{font-size:12px;color:var(--muted)}.save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}.save-row>span{font-size:12px;color:var(--muted)}.text-button{text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:8px 0;font-size:13px}.calendar-panel>.text-button{display:block;margin:13px auto 0}.calendar-panel>.muted{text-align:center;font-size:12px}.vote-aside{padding:26px 0}.vote-aside h2{font-size:25px}.vote-aside>p{color:var(--muted);font-size:15px;margin-top:10px;line-height:1.9;max-width:35ch}.fairness-note{border-top:1px solid var(--line);padding-top:25px;margin-top:30px;display:grid;grid-template-columns:24px 1fr;gap:10px}.fairness-note b{font-size:15px;font-weight:500}.fairness-note span{grid-column:2;font-size:13px;color:var(--muted)}.lock-message{font-size:13px;margin-top:24px;padding:16px;background:var(--amber-bg);border-radius:10px}.money-panel{max-width:620px;background:var(--paper);padding:30px;border:1px solid var(--line);border-radius:var(--radius)}.large-avatar{width:58px;height:58px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:24px;margin-bottom:12px}.money-panel>p{font-size:13px;color:var(--muted)}.money-empty{margin:28px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.money-empty>svg{width:30px;height:30px;margin-bottom:10px}.money-empty p{font-size:13px;color:var(--muted);margin-top:6px}.money-panel dl{margin:0 0 25px}.money-panel dl>div{display:flex;justify-content:space-between;margin:10px 0;font-size:14px}.money-panel dd{margin:0;color:var(--muted)}.log-panel{max-width:750px}.log-entry{display:grid;grid-template-columns:32px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:22px 0}.log-icon{border:1px solid var(--line);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.log-icon svg{width:15px;height:15px}.log-entry h3{font-size:16px}.log-entry p{font-size:13px;color:var(--muted);margin:4px 0}.log-entry time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.demo-tools{margin-top:36px;border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted)}.demo-tools summary{cursor:pointer;min-height:36px}.demo-tools>p{font-size:12px;margin:6px 0 14px}.demo-tools>div{display:flex;gap:12px;flex-wrap:wrap}.reaction-setting{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:8px}.reaction-setting input{accent-color:var(--ink);width:17px;height:17px}footer{text-align:center;font-size:12px;color:var(--muted);margin-top:28px}footer span{padding:0 9px}.bottom-nav{position:fixed;bottom:0;right:0;left:0;z-index:5;background:var(--paper);border-top:1px solid var(--line);display:flex;justify-content:center;padding:8px 18px calc(8px + env(safe-area-inset-bottom));gap:24px}.bottom-nav button{display:flex;gap:7px;align-items:center;justify-content:center;min-width:120px;min-height:48px;color:var(--muted);font-size:14px;border-radius:10px}.bottom-nav button[aria-current="page"]{color:var(--ink);background:var(--soft);font-weight:600}.bottom-nav button:hover{background:var(--soft)}dialog{border:0;border-radius:var(--radius);padding:0;width:min(370px,calc(100vw - 40px));color:var(--ink);background:var(--paper);overflow:auto;max-height:calc(100dvh - 36px);box-shadow:0 20px 70px #102a3233}dialog::backdrop{background:#152b2366}.close-dialog{position:absolute;top:10px;left:10px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--paper);z-index:1}.close-dialog svg{width:18px;height:18px}#reaction-image{display:block;width:100%;height:225px;object-fit:contain;background:#e6e8de}.reaction-content{padding:24px;text-align:center}.reaction-demo{font-size:12px;color:var(--muted)}.reaction-content h2{font-size:25px;margin:8px 0}.reaction-content p{font-size:14px;color:var(--muted);margin-bottom:20px}.reaction-content .primary{width:100%}dialog[open]{animation:dialog-in 220ms var(--ease)}@keyframes dialog-in{from{transform:translateY(14px);opacity:.6}to{transform:translateY(0);opacity:1}}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:10px;z-index:15;font-size:14px;width:max-content;max-width:calc(100vw - 40px);box-shadow:0 8px 24px #193e3220}
@media(max-width:760px){body{padding-bottom:86px}.header{padding:4px 20px 8px}.brand img{width:162px;height:54px}.header-meta{gap:10px}.riyadh{font-size:12px;gap:4px}.riyadh svg{width:13px;height:13px}.profile{width:34px;height:34px;font-size:14px}.verse{padding:13px 12px 4px;gap:9px}.verse>span{font-size:19px}.verse small{font-size:12px}main{padding:24px 20px}.page-title{margin-bottom:22px;align-items:flex-start;gap:8px}h1{font-size:25px}.greeting{font-size:12px}.month-tag{font-size:12px;padding:5px 8px;margin-top:8px}.layout,.vote-layout{display:block}.gathering-panel{padding:20px}.gathering-panel h2{font-size:26px;margin-top:22px}.gathering-panel>p{font-size:14px}.panel-status{font-size:12px}.eight-seats{gap:6px;margin-top:22px}.seat{width:31px;height:31px;font-size:12px}.panel-bottom{font-size:12px;gap:7px}.panel-bottom .primary{font-size:13px;padding:10px 13px;gap:10px}.section-title h2{font-size:18px}.section-title>span{font-size:12px}.date-row{padding:13px;gap:12px;grid-template-columns:51px 1fr auto}.date-box{padding-inline-end:12px}.date-box b{font-size:25px}.date-info h3{font-size:16px}.date-info p{font-size:12px}.date-score b{font-size:19px}.side-column{margin-top:32px}.timeline-panel{padding-top:24px;border-top:1px solid var(--line)}.timeline-panel .section-title h2{font-size:18px}.timeline{margin-top:22px}.timeline b{font-size:15px}.timeline span{font-size:12px}.members-panel{margin-top:26px}.member{padding:11px 0}.member-name{font-size:14px}.member-status{font-size:12px}.bottom-nav{gap:0;justify-content:space-around;padding-top:6px}.bottom-nav button{min-width:0;flex:1;max-width:100px;flex-direction:column;gap:1px;font-size:12px;border-radius:8px;min-height:54px}.bottom-nav svg{width:21px;height:21px}.calendar-panel{padding:18px 12px}.calendar-heading{padding:0 3px}.calendar-heading h2{font-size:18px}.calendar-help{font-size:12px;padding:0 3px}.legend{gap:13px;font-size:12px;margin-top:18px;margin-bottom:20px;padding:0 3px}.weekdays,.calendar{gap:4px}.weekdays{font-size:12px}.day{min-height:48px;font-size:17px;border-radius:7px}.day small{white-space:nowrap;font-size:12px;min-height:10px}.session-time{gap:8px;padding-top:17px;margin-top:18px}.session-time b{font-size:12px}.session-time span{font-size:12px}.save-row{gap:8px;margin-top:22px}.save-row>span{font-size:12px}.save-row .primary{font-size:13px;padding:10px 14px}.vote-aside{padding:27px 0 0}.vote-aside h2{font-size:22px}.vote-aside>p{font-size:14px;max-width:none}.fairness-note{margin-top:22px;padding-top:20px}.money-panel{padding:23px}.money-empty h3{font-size:18px}.log-entry h3{font-size:15px}.demo-tools{margin-top:28px}.demo-tools>div{gap:8px}.demo-tools .secondary{font-size:12px;padding:9px 10px}footer{font-size:12px}.reaction-content{padding:20px}.reaction-content h2{font-size:23px}}
@media(max-width:360px){main{padding-inline:14px}.header{padding-inline:14px}.brand img{width:143px}.riyadh{font-size:12px}.page-title h1{font-size:23px}.gathering-panel{padding:18px 15px}.seat{width:28px;height:28px}.eight-seats{gap:5px}.panel-bottom{font-size:12px}.calendar-panel{padding-inline:8px}.weekdays,.calendar{gap:3px}.day{min-height:44px}.legend{gap:9px}.verse>span{font-size:18px}.verse small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.decision-story{margin-top:24px;padding:22px;background:var(--soft);border-radius:var(--radius)}.decision-story>p{font-size:15px;line-height:2;margin-top:12px}.decision-story summary{cursor:pointer;min-height:44px;padding-top:14px;font-size:14px;font-weight:500}.decision-story details p{font-size:14px;line-height:1.9;padding:10px 0;border-bottom:1px solid var(--line)}.decision-story h3{font-size:16px;margin-top:20px}.decision-story>small{display:block;color:var(--muted);font-size:12px;margin-top:12px}.decision-story h2{font-size:21px}
.login-panel{max-width:440px;margin:48px auto;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.login-panel>p{margin:12px 0;color:var(--muted);font-size:14px}form label{display:block;margin:16px 0 6px;font-size:14px}form input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:10px 14px;font-size:18px}form .primary{width:100%;margin-top:18px}#code{letter-spacing:10px;text-align:center;font-size:26px}#code-form>p{font-size:12px;margin-top:8px}.account-settings{display:flex;flex-wrap:wrap;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-top:16px}.account-settings .reaction-setting{margin:0}.calendar-blank{min-height:44px}.tie-panel button{margin:6px 0;display:block;width:100%}#money-transfer{white-space:pre-wrap;overflow-wrap:anywhere}.empty-state{padding:24px 12px;background:var(--soft);border-radius:12px;color:var(--muted)}#login-message{min-height:25px}.login-panel input:focus{outline:2px solid var(--ink);outline-offset:2px}@media(max-width:480px){.login-panel{margin:30px 18px;padding:24px}.account-settings{gap:10px 22px}}

#month-switch{display:flex;align-items:center;gap:12px;margin-bottom:24px}#month-selector{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px 12px}