@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--primary:#0f625d;--primary-dark:#084944;--citrus:#ffb45f;--ink:#17312f;--muted:#64746f;--paper:#f8f5ed;--line:#dedbd1;--canvas:#dce9e5;--surface:#fffdf8;--soft:#e6f1ed;--soft-strong:#d3e8e1;--on-primary:#f8fffc;--primary-muted:#c7e3dc;--primary-mid:#4e8c86;--accent-ink:#402716;--focus:#da603e;--danger:#a9392e;--display:"Space Grotesk", "Noto Sans Arabic", "Trebuchet MS", sans-serif;--body:"DM Sans", "Noto Sans Arabic", "Trebuchet MS", sans-serif;--motion-page:.46s;--motion-native:cubic-bezier(.32,.72,0,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--canvas);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation;border:0;transition:background .18s,transform .28s cubic-bezier(.2,.9,.25,1.35),box-shadow .18s}button:active:not(:disabled){transition-duration:80ms;transform:scale(.96)}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,a:focus-visible,input:focus-visible,dialog:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.numeric{font-family:var(--display)}h1{letter-spacing:-1.6px;font-size:36px;line-height:1.1}h2{letter-spacing:-.8px;font-size:26px;line-height:1.15}h3{letter-spacing:-.5px;font-size:18px;line-height:1.3}svg{stroke-width:1.8px;flex-shrink:0;width:21px;height:21px;display:block}input{min-width:0;color:var(--ink)}.club-tab{min-height:100dvh}.app{background:var(--paper);width:100%;max-width:480px;min-height:100dvh;margin:auto;padding-bottom:108px;position:relative;overflow:clip}.screen{contain:paint;isolation:isolate;background:var(--paper)}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.align-end{text-align:end}.muted,.subcopy{color:var(--muted)}.subcopy{font-size:13px;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:700;line-height:1.5}.icon-btn{background:var(--surface);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.icon-btn.transparent{background:0 0;border-color:#0000}.icon-btn:hover{background:var(--soft)}.qasemha-logo{min-width:0;color:var(--ink);direction:ltr;align-items:center;gap:9px;display:inline-flex}.qasemha-mark{width:34px;height:34px;overflow:visible}.qasemha-mark path{fill:none;stroke-linecap:round;stroke-linejoin:round}.q-mark-ring{stroke:currentColor;stroke-width:5.5px}.q-mark-split{stroke:var(--citrus);stroke-width:4px}.q-mark-tail{stroke:currentColor;stroke-width:5.5px}.qasemha-names{line-height:1;display:grid}.qasemha-names strong{font:700 22px/.95 var(--display);letter-spacing:-1.15px}.qasemha-names small{color:var(--primary);font:700 8px/1 var(--body);letter-spacing:1.4px;margin-top:4px}.qasemha-logo.inverse{color:var(--primary)}.qasemha-logo.inverse .qasemha-names small{color:var(--muted)}.qasemha-logo.compact .qasemha-mark{width:29px;height:29px}.qasemha-logo.compact .qasemha-names strong{font-size:19px}.topbar{justify-content:space-between;align-items:center;gap:10px;height:86px;padding:20px 23px 16px;display:flex}.header-tools{gap:7px}.language-button{min-height:44px;color:var(--muted);background:0 0;align-items:center;gap:5px;padding:5px 3px;font-size:12px;display:flex}.language-button svg{width:16px;height:16px}.section{padding:23px}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.text-btn{color:var(--primary);background:0 0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:11px 0;font-size:12px;font-weight:700;display:inline-flex}.text-btn svg{width:15px;height:15px}.primary{background:var(--primary);width:100%;min-height:55px;color:var(--on-primary);border-radius:16px;justify-content:center;align-items:center;gap:11px;padding:15px 18px;font-size:15px;font-weight:700;line-height:1.4;display:flex}.primary:hover:not(:disabled){background:var(--primary-dark)}.primary svg{width:19px;height:19px}.primary.citrus{background:var(--citrus);color:var(--accent-ink)}.primary.citrus:hover{background:#ffc17a}.secondary{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:53px;padding:12px 15px;font-size:14px;font-weight:700;display:flex}.secondary:hover{background:var(--soft)}.hero{background:var(--primary);color:var(--on-primary);border-radius:26px;min-height:335px;margin:0 16px;padding:26px 23px 20px;position:relative;overflow:hidden}.hero h1{z-index:1;letter-spacing:-2.5px;font-size:43px;line-height:1.02;position:relative}.hero h1 span{color:var(--citrus)}.hero-art{direction:ltr;height:146px;margin-top:6px;position:relative}.plate{border:1px solid var(--primary-mid);background:repeating-radial-gradient(circle, transparent 0, transparent 46px, var(--primary-mid) 47px, transparent 48px, transparent 53px, var(--primary-mid) 54px, transparent 55px);border-radius:50%;width:143px;height:143px;position:absolute;top:-7px;right:-7px;transform:rotate(-20deg)}.plate:before{content:"";border:1px solid var(--primary-mid);border-radius:50%;position:absolute;inset:18px}.fork{background:var(--citrus);border-radius:8px;width:8px;height:110px;position:absolute;top:22px;right:143px;transform:rotate(22deg)}.fork:before{content:"";background:repeating-linear-gradient(90deg, var(--citrus) 0, var(--citrus) 4px, var(--primary) 4px, var(--primary) 6px);border-radius:0 0 12px 12px;width:22px;height:30px;position:absolute;top:0;left:-7px}.ticket{background:var(--citrus);width:128px;color:var(--accent-ink);box-shadow:5px 7px 0 var(--primary-dark);clip-path:polygon(0 0,100% 0,100% 94%,95% 100%,90% 94%,85% 100%,80% 94%,75% 100%,70% 94%,65% 100%,60% 94%,55% 100%,50% 94%,45% 100%,40% 94%,35% 100%,30% 94%,25% 100%,20% 94%,15% 100%,10% 94%,5% 100%,0 94%);padding:15px 13px 19px;position:absolute;top:18px;left:13px;transform:rotate(-10deg)}.ticket .eyebrow{letter-spacing:.8px;font-size:8px}.ticket strong{font:700 25px var(--display);white-space:nowrap;margin:9px 0 6px;display:block}.ticket strong span{font-size:11px}.ticket-line{border-top:1px dashed #876030;margin-bottom:6px}.ticket small{font-size:8px;line-height:1.4;display:block}.hero-sticker{background:var(--surface);width:75px;height:75px;color:var(--primary);font:700 10px/1.1 var(--display);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:30px;right:27px;transform:rotate(11deg)}.hero-sticker b{margin-bottom:2px;font-size:26px;font-weight:500;line-height:1}.hero .primary{z-index:2;border-radius:13px;position:relative}.join-button{background:0 0;justify-content:center;align-items:center;gap:8px;width:calc(100% - 40px);min-height:49px;margin:12px 20px 0;padding:6px 0;font-size:12px;font-weight:600;display:flex}.join-button svg{width:18px;height:18px}.join-button svg:last-child{width:15px}.home-section{padding-top:22px}.home-section .section-title h3{font-size:17px}.bill-card{text-align:start;width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}.bill-card:hover{border-color:#90aea1;box-shadow:0 6px 18px #17312f06}.restaurant-icon{width:46px;height:46px;color:var(--primary);background:var(--soft);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.restaurant-icon svg{width:25px;height:25px}.chevron{color:#94a39b;width:17px;margin-inline-start:auto}.badge{letter-spacing:.6px;text-transform:uppercase;color:#3f632f;white-space:nowrap;background:#e4efdc;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:700;line-height:1.3;display:inline-flex}.badge.live{background:var(--citrus);color:var(--accent-ink)}.badge.live:before{content:"";background:var(--accent-ink);border-radius:50%;width:5px;height:5px}.badge.sample{color:var(--primary);background:var(--soft)}.bill-footer{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.bill-footer p{color:var(--muted);margin-top:5px;font-size:11px}.bill-footer strong{font:600 20px var(--display)}.trust-line{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:23px;font-size:11px;line-height:1.5;display:flex}.trust-line svg{width:17px;height:17px}.bottom-nav{z-index:9;background:var(--surface);border-top:1px solid var(--line);width:100%;max-width:480px;padding:11px 25px max(15px, env(safe-area-inset-bottom));gap:16px;display:flex;position:fixed;bottom:0}.bottom-nav button{min-height:46px;color:var(--muted);background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:9px;padding:8px;font-size:13px;font-weight:600;display:flex}.bottom-nav button.active{color:var(--primary);background:var(--soft)}.bottom-nav svg{width:19px;height:19px}.avatar{isolation:isolate;vertical-align:middle;border-radius:38%;flex-shrink:0;width:34px;height:34px;display:inline-flex;position:relative}.avatar-art{width:112%;height:112%;filter:drop-shadow(0 1px 0 var(--surface)) drop-shadow(0 1px 1px #18231d35);transition:transform .18s;overflow:visible}.avatar:hover .avatar-art{transform:rotate(-7deg)scale(1.08)}.avatar.lg{width:45px;height:45px}.avatar.xl{width:65px;height:65px}.avatar .sticker{fill:var(--surface)}.avatar .face{fill:#27302b}.avatar .face-line,.avatar .detail,.avatar .glasses{fill:none;stroke:#27302b;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.avatar .tongue{fill:#e86666;stroke:#27302b;stroke-width:1.5px}.avatar-0 .main{fill:#f3b85f}.avatar-0 .detail{stroke:#d98c35}.avatar-1 .main{fill:#80bb67}.avatar-1 .detail-fill{fill:#4d8748}.avatar-2 .main{fill:#ef6251}.avatar-2 .leaf{fill:#4f934e}.avatar-3 .main{fill:#a77bd8}.avatar-3 .leaf{fill:#62a45d}.avatar-3 .glasses{fill:#d8eef1;fill-opacity:.62}.avatar-4 .egg{fill:#fffaf0}.avatar-4 .main{fill:#f5bd3e}.avatar-group{align-items:center;padding-inline-start:12px;display:inline-flex}.avatar-group .avatar{margin-inline-start:-12px}.avatar-group .avatar:nth-child(2n) .avatar-art{transform:rotate(5deg)}.avatar-group .avatar:nth-child(3n) .avatar-art{transform:rotate(-5deg)}.avatar-stack-button{background:0 0;border-radius:18px;align-items:center;min-height:44px;padding:4px 8px 4px 0;display:inline-flex}.avatar-stack-button:active .avatar-group{transform:scale(.94)}.avatar-stack-button .avatar-group{transition:transform .22s cubic-bezier(.2,.9,.25,1.35)}.avatar-picker{justify-content:center;align-items:flex-start;gap:7px;margin:24px 0;display:flex}.avatar-picker button{min-width:52px;color:var(--muted);background:0 0;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:7px 3px 9px;display:flex}.avatar-picker button.selected{background:var(--soft);border-color:var(--primary);color:var(--primary)}.avatar-picker small{font-size:10px;font-weight:700}.page-heading{padding:13px 23px 22px}.page-heading h1{margin-bottom:11px}.step-label{color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.steps{gap:4px;display:flex}.steps i{background:var(--soft-strong);border-radius:9px;width:22px;height:4px}.steps i.on{background:var(--primary)}.capture-box{text-align:center;background:var(--soft);border-radius:25px;place-items:center;min-height:306px;margin:0 23px;padding:28px;display:grid;position:relative}.scan-corners{border:1px dashed #a9c9bd;border-radius:18px;position:absolute;inset:20px}.paper-slip{z-index:1;background:var(--surface);clip-path:polygon(0 0,100% 0,100% 96%,94% 100%,88% 96%,82% 100%,76% 96%,70% 100%,64% 96%,58% 100%,52% 96%,46% 100%,40% 96%,34% 100%,28% 96%,22% 100%,16% 96%,10% 100%,4% 96%,0 98%);direction:ltr;width:153px;padding:22px 17px;position:relative;transform:rotate(8deg);box-shadow:0 10px 22px #163b2415}.paper-slip strong{font:700 21px var(--display)}.slip-caption{letter-spacing:.7px;margin:6px 0 16px;font-size:6px;display:block}.slip-line{background:var(--soft-strong);width:100%;height:4px;margin:13px 0}.slip-line:nth-child(odd){width:70%}.paper-slip b{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.scan-line{background:var(--primary);z-index:2;height:2px;position:absolute;top:48%;left:35px;right:35px;transform:rotate(-6deg);box-shadow:0 0 15px #0f625d55}.capture-help{z-index:2;color:#4e6e62;max-width:245px;margin-top:27px;font-size:12px;line-height:1.6;position:relative}.capture-actions{gap:10px;margin:22px 23px;display:grid}.receipt-preview{object-fit:contain;background:var(--surface);border-radius:12px;max-width:100%;height:220px;position:relative}.hint{background:var(--soft);color:#426a5f;border-radius:13px;gap:10px;padding:14px;font-size:12px;line-height:1.6;display:flex}.hint svg{width:18px;height:18px;color:var(--primary);margin-top:1px}.demo-btn{text-align:center;width:100%;min-height:46px;padding:14px 4px}.photo-thumbnails{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 23px 0;display:flex}.photo-thumbnails>div{position:relative}.photo-thumbnails img{object-fit:cover;border:2px solid var(--surface);border-radius:8px;width:54px;height:66px}.photo-thumbnails button{background:var(--ink);width:27px;height:27px;color:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:-8px;inset-inline-end:-8px}.photo-thumbnails svg{width:14px;height:14px}.review-head{background:var(--citrus);color:var(--accent-ink);border-radius:14px;align-items:center;gap:9px;margin:0 23px 13px;padding:13px 14px;font-size:12px;font-weight:600;display:flex}.review-head>svg{width:18px;height:18px}.review-head .badge{color:var(--accent-ink);background:#ffffff70;margin-inline-start:auto;font-size:8px}.review-head.verified{background:var(--soft);color:var(--primary)}.review-head.needs-review{background:var(--citrus);color:var(--accent-ink)}.receipt-table{background:var(--surface);border:1px solid var(--line);border-radius:19px;margin:0 23px;overflow:hidden}.receipt-table-head{border-bottom:1px solid var(--line);padding:16px}.merchant-label{color:var(--muted);font-size:10px;display:block}.merchant-label input{width:100%;max-width:280px;font:600 20px var(--display);background:0 0;border:0;padding:5px 0;display:block}.review-item{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:13px 10px 13px 15px;display:flex}.review-item:last-child{border-bottom:0}.review-item .food-art{background:0 0;border:0;width:35px;height:39px}.review-item p{margin-bottom:4px;font-size:13px;font-weight:600}.review-item small{color:var(--muted);font-size:11px;display:block}.review-item .price{font:600 14px var(--display);white-space:nowrap;margin-inline-start:auto}.review-item .check-label{color:#9f581a;margin-top:4px}.edit-button{width:36px;min-height:44px;color:var(--muted);background:0 0;flex-shrink:0;place-items:center;display:grid}.edit-button svg{width:16px;height:16px}.charges{margin:18px 23px}.charge{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:7px 0;font-size:13px;display:flex}.charge strong{color:var(--ink);font-family:var(--display);font-weight:500}.charge-note{color:var(--muted);font-size:10px}.charge.total{border-top:1px solid var(--line);color:var(--ink);margin-top:9px;padding-top:15px;font-size:15px}.charge.total strong{font-size:24px;font-weight:700}.charge.total small{color:var(--muted);font-size:11px}.review-tools{justify-content:space-between;align-items:center;gap:18px;margin:-8px 23px 0;display:flex}.review-tools .text-btn{align-items:center;gap:6px;min-height:42px;display:inline-flex}.review-tools svg{width:15px;height:15px}.fixed-action{z-index:10;width:100%;max-width:480px;padding:15px 23px max(17px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);position:fixed;bottom:0}.room-top{align-items:center;gap:10px;padding:17px 19px 12px;display:flex}.room-top h2{letter-spacing:-.7px;font-size:21px}.room-top p{letter-spacing:.7px;color:var(--muted);margin-top:4px;font-size:10px}.room-top .share{margin-inline-start:auto}.room-summary{background:var(--primary);color:var(--on-primary);border-radius:23px;margin:5px 16px 0;padding:16px 18px 13px}.room-summary .eyebrow{color:var(--primary-muted);letter-spacing:1.3px;font-size:9px}.room-summary .amount{font:600 34px var(--display);letter-spacing:-1.5px;margin:3px 0 0}.room-summary .amount small{font:500 12px var(--body);letter-spacing:0;color:var(--primary-muted);margin-inline-start:7px;display:inline-block}.summary-top,.summary-bottom,.summary-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-top{align-items:flex-start}.summary-bottom{margin-top:7px}.summary-actions{margin-inline-start:auto}.progress-value{font:600 12px var(--display);color:var(--citrus)}.invite-button{color:#fff;background:#ffffff18;border:1px solid #ffffff35;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.invite-button svg{width:16px;height:16px}.progress-track{background:var(--primary-mid);border-radius:4px;height:4px;margin-top:7px;overflow:hidden}.progress-track>div{background:var(--citrus);height:100%;transition:width .3s}.progress-caption{color:var(--primary-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:9px;font-size:11px;line-height:1.5;display:flex}.progress-caption strong{color:var(--citrus);white-space:nowrap;font-weight:500}.payer-strip{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin:12px 23px 0;padding:6px 0 11px;font-size:12px;display:flex}.payer-strip .avatar{width:29px;height:29px}.payer-copy{gap:1px;display:grid}.payer-copy small{color:var(--muted);font-size:9px;line-height:1.2}.payer-copy strong{font-size:12px}.payer-strip button{color:var(--primary);white-space:nowrap;background:0 0;min-height:44px;margin-inline-start:auto;font-size:12px;font-weight:700}.room-list{padding:18px 23px 0}.room-list .section-title{margin-bottom:8px}.room-list .section-title h3{font-size:18px}.filters{gap:4px;display:flex}.filters button{min-height:37px;color:var(--muted);background:0 0;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:600}.filters button.active{background:var(--ink);color:var(--surface)}.item-card{border-bottom:1px solid var(--line);padding:15px 0}.item-top{align-items:center;gap:11px;display:flex}.food-art{background:var(--surface);border:1px solid var(--line);border-radius:15px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.food-art svg{width:100%;height:100%}.item-copy{min-width:0}.item-name{margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.4}.item-price{color:var(--muted);font-size:12px}.claim-btn{background:var(--surface);width:44px;height:44px;color:var(--primary);border:1.5px solid #cfd8ca;border-radius:50%;flex-shrink:0;place-items:center;margin-inline-start:auto;display:grid}.claim-btn.claimed{background:var(--soft);border-color:#b3cfc2}.claim-btn svg{width:18px;height:18px}.item-bottom{align-items:center;gap:6px;min-height:25px;margin-top:6px;display:flex}.item-bottom .avatar{width:25px;height:25px}.item-bottom .avatar-stack-button{min-height:31px;padding-block:0}.remaining{background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:5px;margin-inline-start:auto;padding:4px 6px;font-size:9px}.remaining.yours{background:var(--soft);color:var(--primary);font-weight:600}.room-foot{text-align:center;color:var(--muted);margin:20px 0 2px;font-size:11px;line-height:1.6}.room-receipt{margin:0 auto 9px;display:flex}.settle-bar{padding-top:13px;padding-bottom:max(17px, env(safe-area-inset-bottom));align-items:center;gap:15px;display:flex}.settle-bar>div{min-width:137px}.settle-bar small{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.settle-bar strong{font:600 26px var(--display);letter-spacing:-.8px;white-space:nowrap}.settle-bar strong span{font:500 10px var(--body);letter-spacing:0;margin-inline-start:4px}.settle-bar .primary{min-height:51px;padding:13px 12px;font-size:14px}.sheet{--sheet-drag:0px;overscroll-behavior:none;background:var(--paper);width:100%;max-width:480px;max-height:92dvh;color:var(--ink);padding:10px 24px max(28px, env(safe-area-inset-bottom));transform:translate3d(0,var(--sheet-drag),0);transform-origin:bottom;animation:sheet-open var(--motion-page) var(--motion-native) both;will-change:transform;border:0;border-radius:27px 27px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:clip;box-shadow:0 -12px 55px #10211924}.sheet[data-state=closing]{pointer-events:none;animation:.3s cubic-bezier(.4,0,1,1) both sheet-close}.sheet.is-dragging{transition:none;animation:none}.sheet::backdrop{background:#17312f66;animation:.3s ease-out both backdrop-open}.sheet[data-state=closing]::backdrop{animation:.28s ease-in both backdrop-close}.handle{touch-action:none;cursor:grab;background:#c3cec3;border-radius:8px;width:42px;height:5px;margin:0 auto 25px;padding:0}.handle:before{content:"";width:100px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sheet-close{inset-inline-end:14px;background:var(--surface);border:0;width:40px;height:40px;position:absolute;top:16px}.sheet-close svg{width:18px;height:18px}.sheet h2{margin-bottom:11px;padding-inline-end:31px;font-size:28px}.sheet>.subcopy,.sheet form>.subcopy{margin-bottom:19px}.sheet .charges{margin:22px 0}.sheet .hint{margin-bottom:20px}.sheet-food{width:79px;height:79px;margin-bottom:19px}.sheet-food .food-art{border-radius:21px;width:79px;height:79px}.segmented{background:var(--soft);border-radius:12px;margin:21px 0;padding:4px;display:flex}.segmented button{min-height:43px;color:var(--muted);background:0 0;border-radius:9px;flex:1;padding:10px 8px;font-size:13px;font-weight:600}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #00000005}.stepper{justify-content:space-between;align-items:center;margin:27px 0;display:flex}.stepper strong{font:600 36px var(--display)}.stepper .icon-btn{border-radius:15px;width:52px;height:52px}.portion-options{direction:ltr;gap:10px;margin:24px 0 15px;display:flex}.portion-options button{border:1px solid var(--line);background:var(--surface);min-height:65px;font:600 23px var(--display);border-radius:14px;flex:1}.portion-options button.active{background:var(--soft);border-color:var(--primary);color:var(--primary)}.sheet-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:19px 0;font-size:13px;display:flex}.sheet-summary strong{font:600 22px var(--display);white-space:nowrap}.sheet-summary small{font:500 10px var(--body)}.form-field{flex-direction:column;gap:8px;margin:20px 0;font-size:13px;font-weight:600;display:flex}.form-field input{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;min-height:53px;padding:13px;font-size:16px;line-height:1.4}.form-field input::placeholder{color:#8a958b}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid .form-field{margin:12px 0 21px}.extras-grid{grid-template-columns:1fr;gap:0}.extras-grid .form-field{margin-bottom:8px}.charge-mode{margin:0;padding:3px}.charge-mode button{min-height:36px;font-size:11px}.form-note{text-align:center;color:var(--muted);margin-top:17px;font-size:11px;line-height:1.6}.language-setting{margin:22px 0}.language-setting>span{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.language-setting svg{width:18px;height:18px}.language-setting .segmented{margin:10px 0 22px}.people-list{flex-direction:column;gap:10px;margin:24px 0;display:flex}.guest-roster{gap:8px;margin:22px 0 4px;display:grid}.guest-roster-row{background:var(--surface);border:1px solid var(--line);opacity:0;min-height:58px;animation:.4s cubic-bezier(.2,.9,.25,1.25) forwards guest-row-in;animation-delay:calc(.12s + var(--guest-index) * 55ms);border-radius:16px;align-items:center;gap:12px;padding:7px 10px;display:flex}.guest-roster-row strong{font-size:15px}.guest-roster-row>span:last-child{color:var(--primary);background:var(--soft);text-transform:uppercase;letter-spacing:.5px;border-radius:7px;margin-inline-start:auto;padding:5px 7px;font-size:9px;font-weight:700}.person-option{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:15px;align-items:center;gap:12px;width:100%;padding:13px 12px;display:flex}.person-option.selected{border-color:var(--primary);background:var(--soft)}.person-option strong{font-size:14px}.person-option small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.person-option .checkmark{width:20px;height:20px;color:var(--primary);margin-inline-start:auto}.share-symbol{background:var(--soft);width:64px;height:64px;color:var(--primary);border-radius:19px;place-items:center;margin-bottom:22px;display:grid}.share-symbol svg{width:29px;height:29px}.table-code{text-align:center;padding:22px 0 26px}.table-code>span{color:var(--muted)}.table-code strong{font:600 36px var(--display);letter-spacing:5px;margin-top:8px;display:block}.link-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;margin-bottom:15px;padding:14px;font-size:12px}.copy-invite{margin:8px auto 0;display:flex}.ios-handoff{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:18px;padding:12px;font-size:11px;line-height:1.45;display:grid}.ios-handoff>svg{width:17px;height:17px;color:var(--primary)}.ios-handoff button{background:var(--primary);min-height:38px;color:var(--on-primary);white-space:nowrap;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:700}.payment-hero{background:var(--primary);color:var(--on-primary);text-align:center;border-radius:23px;margin:0 23px;padding:27px 20px 24px;overflow:hidden}.payment-hero .eyebrow{color:var(--primary-muted)}.payment-hero h1{letter-spacing:-2.5px;margin:13px 0 5px;font-size:49px}.payment-hero>small{color:var(--primary-muted);font-size:11px}.pill{background:#ffffff18;border:1px solid #ffffff30;border-radius:20px;align-items:center;gap:7px;margin-top:19px;padding:5px 11px 5px 5px;font-size:11px;display:inline-flex}.pill .avatar{width:25px;height:25px}.payment-details{padding:23px}.payment-item{justify-content:space-between;align-items:center;gap:15px;padding:8px 0;font-size:13px;display:flex}.payment-item>span{color:var(--muted)}.payment-item strong{font-family:var(--display);white-space:nowrap;font-weight:500}.divider{border:0;border-top:1px solid var(--line);margin:17px 0}.extras-note{margin-top:10px;font-size:11px}.inset{margin:0 23px}.payment-tabs{gap:11px;margin:0 23px;display:flex}.method{background:var(--surface);border:1.5px solid var(--line);text-align:start;border-radius:15px;flex:1;min-height:89px;padding:15px 13px}.method.active{border-color:var(--primary);background:var(--soft)}.method>strong{margin-top:13px;font-size:13px;display:block}.radio{border:1px solid #96aea0;border-radius:50%;width:15px;height:15px}.method.active .radio{border:4px solid var(--primary);background:var(--surface)}.method-help{color:var(--muted);margin:14px 23px;font-size:12px;line-height:1.65}.payment-request{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin:20px 0;padding:20px}.payment-request>.eyebrow{color:var(--muted)}.payment-request>strong{font:600 36px var(--display);margin:12px 0 18px;display:block}.payment-request>strong small{font-size:13px}.payment-request .row{border-top:1px solid var(--line);padding-top:14px;font-weight:600}.success-symbol{width:90px;height:90px;color:var(--accent-ink);background:var(--citrus);border-radius:50%;place-items:center;margin:33px auto 25px;display:grid;box-shadow:0 0 0 10px #ffb45f35}.success-symbol svg{stroke-width:2px;width:38px;height:38px}.success-heading{text-align:center;padding:0 28px}.success-heading h1{font-size:37px}.success-heading p{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.7}.status-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin:28px 23px 20px;padding:20px}.status-total{border-bottom:1px solid var(--line);padding-bottom:18px}.status-total strong{font:600 23px var(--display)}.status-total small{font-size:10px}.status-line{align-items:center;gap:11px;padding:15px 0;display:flex}.status-dot{background:var(--soft);width:29px;height:29px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.status-dot svg{width:15px;height:15px}.status-line strong{font-size:12px}.status-line p{color:var(--muted);margin-top:4px;font-size:11px}.status-line .badge{margin-inline-start:auto;font-size:8px}.info-line{color:var(--muted);margin:20px 23px;font-size:12px;line-height:1.65}.confirmation-list{gap:10px;margin:23px;display:grid}.tiny-action{background:var(--primary);color:var(--surface);border-radius:9px;min-height:39px;margin-inline-start:auto;padding:8px 10px;font-size:11px}.tag{color:var(--muted);background:var(--soft);border-radius:6px;margin-inline-start:auto;padding:6px 8px;font-size:10px}.tag svg{width:15px;height:15px}.join-section{padding-top:0}.join-section .hint{margin-top:23px}.code-input{font-family:var(--display);letter-spacing:3px;text-transform:uppercase}.history-total{background:var(--primary);color:var(--on-primary);border-radius:22px;margin:0 23px;padding:25px}.history-total strong{font:600 39px var(--display);letter-spacing:-1px;margin-top:9px;display:block}.history-total strong small{letter-spacing:0;margin-inline-start:7px;font-size:14px}.history-total p{color:var(--primary-muted);margin-top:5px;font-size:12px}.history-item{text-align:start;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:12px;width:100%;padding:18px 0;display:flex}.history-item p{color:var(--muted);margin-top:5px;font-size:12px}.history-price{font-family:var(--display);text-align:end;margin-inline-start:auto}.history-price small{color:var(--primary);font:500 11px var(--body);margin-top:5px;display:block}.empty-history{text-align:center;padding:26px 7px}.empty-history>svg{color:var(--primary);width:39px;height:39px;margin:0 auto 18px}.empty-history h3{margin-bottom:10px;font-size:20px}.empty-history .primary{margin-top:24px}.empty{text-align:center;color:var(--muted);padding:30px 10px;font-size:13px;line-height:1.6}.error-text{color:var(--danger);margin:16px 0;font-size:12px;line-height:1.6}.error-banner{z-index:30;color:#8c3927;background:#fff2e9;border:1px solid #e7b4a0;border-radius:14px;align-items:flex-start;gap:9px;width:calc(100% - 32px);max-width:448px;margin-inline:16px;padding:15px 13px;font-size:12px;line-height:1.55;display:flex;position:fixed;bottom:105px;box-shadow:0 8px 30px #17312f12}.error-banner>svg{width:17px;height:17px;margin-top:1px}.error-banner button{background:0 0;margin-inline-start:auto;padding:0}.error-banner button svg{width:17px;height:17px}.toast{z-index:90;background:var(--ink);width:max-content;max-width:min(410px,88vw);color:var(--surface);border-radius:14px;padding:14px 18px;font-size:12px;line-height:1.5;animation:.2s screen-in;position:fixed;bottom:108px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #17312f20}.spin{animation:1s linear infinite spin}.desktop-note{display:none}[dir=rtl]{--display:"Noto Sans Arabic", "DM Sans", sans-serif;--body:"Noto Sans Arabic", "DM Sans", sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:-.6px}[dir=rtl] .hero h1{font-size:37px;line-height:1.35}[dir=rtl] .directional{transform:scaleX(-1)}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .qasemha-logo{direction:rtl}[dir=rtl] .qasemha-names strong{font-family:"Noto Sans Arabic", var(--body);letter-spacing:-.7px;font-size:23px;line-height:1.1}[dir=rtl] .qasemha-names small{letter-spacing:1.2px;direction:ltr;font-family:Space Grotesk,sans-serif}[dir=rtl] .hero-art{height:139px}[dir=rtl] .ticket .eyebrow{font-size:9px}[dir=rtl] .ticket small{font-size:8px}[dir=rtl] .ticket strong{font-family:Space Grotesk,Noto Sans Arabic,sans-serif}[dir=rtl] .hero-sticker{font-family:var(--body);line-height:1.4}[dir=rtl] .hero-sticker b{font-family:Space Grotesk,sans-serif}[dir=rtl] .room-list .section-title{gap:7px}[dir=rtl] .room-list .section-title h3{font-size:17px}[dir=rtl] .room-summary .amount,[dir=rtl] .numeric{letter-spacing:0}[dir=rtl] .sheet h2{font-size:26px;line-height:1.45}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-push-in{0%{transform:translate(16px)scale(.998)}to{transform:translate(0,0)scale(1)}}@keyframes page-pop-in{0%{transform:translate(-16px)scale(.998)}to{transform:translate(0,0)scale(1)}}@keyframes page-tab-in{0%{transform:scale(.994)}to{transform:scale(1)}}@keyframes sheet-open{0%{opacity:.7;transform:translateY(100%)}72%{opacity:1}to{opacity:1;transform:translate3d(0,var(--sheet-drag),0)}}@keyframes sheet-close{0%{opacity:1;transform:translate3d(0,var(--sheet-drag),0)}to{opacity:.72;transform:translateY(105%)}}@keyframes backdrop-open{0%{background:#17312f00}to{background:#17312f66}}@keyframes backdrop-close{0%{background:#17312f66}to{background:#17312f00}}@keyframes guest-row-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translate(0,0)scale(1)}}html[data-nav-direction=forward] .screen{animation:page-push-in var(--motion-page) var(--motion-native) both}html[data-nav-direction=back] .screen{animation:page-pop-in var(--motion-page) var(--motion-native) both}html[data-nav-direction=tab] .screen{animation:page-tab-in var(--motion-page) var(--motion-native) both}html[data-nav-direction] .screen{will-change:transform;backface-visibility:hidden}@media (min-width:800px){body{background-image:radial-gradient(#9db9ad75 .65px,#0000 .65px);background-size:18px 18px}.app{border:7px solid var(--surface);border-radius:31px;min-height:calc(100dvh - 50px);margin:25px max(6vw,50vw - 550px) 25px auto;box-shadow:0 30px 90px #17312f1c}.bottom-nav,.fixed-action{border-radius:0 0 23px 23px;max-width:466px;bottom:32px}.sheet{border-radius:27px;max-width:480px;margin:0;bottom:25px;left:auto;right:max(6vw,50vw - 550px)}.desktop-note{text-align:start;max-width:34vw;display:block;position:fixed;top:34%;left:max(6vw,50vw - 550px)}.desktop-note .qasemha-logo{transform-origin:0;transform:scale(1.12)}.desktop-note p{font:600 clamp(27px, 3vw, 43px)/1.16 var(--display);letter-spacing:-1.4px;margin:19px 0 27px}.desktop-friends{gap:8px;display:flex}.desktop-friends .avatar:nth-child(2){transform:rotate(9deg)translateY(7px)}.desktop-friends .avatar:nth-child(3){transform:rotate(-6deg)}.toast{max-width:410px;bottom:136px;left:auto;right:calc(max(6vw,50vw - 550px) + 35px);transform:none}.error-banner{max-width:434px;bottom:135px}[dir=rtl] .desktop-note{left:max(6vw,50vw - 550px);right:auto}[dir=rtl] .desktop-note p{letter-spacing:-.5px;font-size:37px;line-height:1.6}}@media (max-width:799px){html,body,.club-tab{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{background:var(--paper)}.app{height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}.screen{overscroll-behavior:none;scrollbar-width:none;height:100dvh;min-height:0;padding-bottom:calc(94px + env(safe-area-inset-bottom));overflow:hidden}.screen::-webkit-scrollbar{display:none}.room-list::-webkit-scrollbar{display:none}.screen>.topbar{height:calc(72px + env(safe-area-inset-top));padding:calc(13px + env(safe-area-inset-top)) 23px 10px}.screen-home{flex-direction:column;display:flex;overflow:hidden}.screen-home .topbar{flex:none}.screen-home .hero{flex:none;min-height:288px;padding-top:21px;padding-bottom:17px}.screen-home .hero h1{font-size:39px}.screen-home .hero-art{height:118px;margin-top:0}.screen-home .plate{width:124px;height:124px;top:-3px}.screen-home .fork{height:95px;top:13px;right:132px}.screen-home .ticket{transform-origin:0 0;top:7px;transform:rotate(-8deg)scale(.92)}.screen-home .hero-sticker{top:17px;right:19px;transform:rotate(9deg)scale(.9)}.screen-home .join-button{flex:none;min-height:42px;margin-top:7px}.screen-home .home-section{flex:auto;min-height:0;padding:10px 20px 0;overflow:hidden}.screen-home .section-title{margin-bottom:8px}.screen-home .bill-card{border-radius:17px;padding:13px 14px}.screen-home .bill-footer{margin-top:9px;padding-top:9px}.screen-home .trust-line{margin-top:10px}.screen-capture .page-heading{padding-block:8px 13px}.screen-capture .page-heading h1{margin-bottom:5px;font-size:31px}.screen-capture .step-label{margin-bottom:7px}.screen-capture .capture-box{min-height:226px;margin-inline:20px;padding:19px}.screen-capture .paper-slip{width:122px;padding:16px 13px;transform:rotate(6deg)scale(.88)}.screen-capture .paper-slip .slip-line{margin:9px 0}.screen-capture .capture-help{margin-top:12px}.screen-capture .capture-actions{gap:7px;margin:14px 20px 18px}.screen-capture .hint{padding:10px 12px}.screen-review{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.screen-review .topbar{z-index:8;background:var(--paper);flex:none;position:relative}.screen-review .review-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;min-height:0;padding-bottom:18px;overflow-y:auto}.screen-review .review-scroll::-webkit-scrollbar{display:none}.screen-review .review-action{flex:none;width:100%;position:relative}.screen-room{padding-bottom:calc(82px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.screen-room .room-top{padding:calc(9px + env(safe-area-inset-top)) 19px 6px;min-height:calc(61px + env(safe-area-inset-top));flex:none}.screen-room .room-summary{border-radius:20px;flex:none;margin-top:2px;padding:12px 18px 10px}.screen-room .room-summary .amount{margin:2px 0 0;font-size:29px}.screen-room .room-summary .progress-track{margin-top:5px}.screen-room .payer-strip{flex:none;min-height:45px;margin-top:6px;padding-bottom:5px}.screen-room .room-list{overscroll-behavior-y:contain;scrollbar-width:none;flex:auto;min-height:0;padding-top:9px;padding-bottom:18px;overflow-y:auto}.screen-room .room-list .section-title{background:0 0;margin:0 0 2px;padding:7px 0 6px;position:static}.screen-room .item-card{padding-block:10px}.screen-room .item-bottom{min-height:21px;margin-top:4px}.screen-settle .page-heading{padding-block:7px 13px}.screen-settle .page-heading h1{font-size:31px}.screen-settle .payment-hero{padding-block:19px 17px}.screen-settle .payment-hero h1{margin-block:7px 1px}.screen-settle .payment-details{padding-block:12px}.screen-settle .payment-item{padding-block:5px}.screen-settle .payment-tabs{margin-top:4px}.screen-settle .method{min-height:76px;padding-block:11px}.screen-sent{overflow:hidden}.screen-confirm{flex-direction:column;display:flex;overflow:hidden}.screen-confirm .topbar,.screen-confirm .page-heading,.screen-confirm .room-summary,.screen-confirm .info-line{flex:none}.screen-confirm .confirmation-list{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.screen-join{flex-direction:column;display:flex;overflow:hidden}.screen-join .topbar,.screen-join .page-heading{flex:none}.screen-join .join-section{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(10px + env(safe-area-inset-bottom));flex:auto;overflow-y:auto}.screen-history{flex-direction:column;display:flex;overflow:hidden}.screen-history .topbar,.screen-history .page-heading,.screen-history .history-total{flex:none}.screen-history>.section{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-bottom:20px;overflow-y:auto}.screen-confirm .confirmation-list,.screen-join .join-section,.screen-history>.section{scrollbar-width:none}.screen-confirm .confirmation-list::-webkit-scrollbar{display:none}.screen-join .join-section::-webkit-scrollbar{display:none}.screen-history>.section::-webkit-scrollbar{display:none}.bottom-nav{padding-block:8px max(10px, env(safe-area-inset-bottom))}}@media (max-width:799px) and (max-height:740px){.screen-home .hero{min-height:254px}.screen-home .hero h1{font-size:35px}.screen-home .hero-art{height:90px}.screen-home .home-section{padding-top:6px}.screen-home .trust-line{display:none}.screen-capture .capture-box{min-height:196px}.screen-capture .hint{display:none}.screen-room .room-summary{padding-block:11px 10px}.screen-room .table-people{display:none}.sheet{overscroll-behavior-y:contain;overflow-y:auto}}@media (max-width:380px){.topbar{padding-inline:18px}.brand{font-size:21px}.hero{padding-inline:20px}.hero h1{font-size:39px}.hero-sticker{right:10px}.section,.room-list{padding-inline:18px}.home-section .section-title h3{font-size:15px}.badge{padding:6px;font-size:8px}.room-list .section-title{flex-wrap:wrap;gap:8px}.room-list .filters{margin-inline-start:auto}.table-people{gap:5px;font-size:10px}.room-summary .avatar{width:29px;height:29px}.room-summary .eyebrow{font-size:8px}.review-item{gap:5px;padding-inline:10px 5px}.review-item .food-art{width:29px}.review-item p{font-size:12px}.edit-button{width:30px}.review-item .price{font-size:12px}.settle-bar{gap:10px;padding-inline:18px}.settle-bar>div{min-width:126px}.settle-bar .primary{gap:6px;font-size:12px}.settle-bar strong{font-size:23px}.avatar-picker{gap:3px}.avatar-picker button{min-width:48px}.avatar-picker .avatar{width:41px;height:41px}.sheet{padding-inline:20px}.payment-hero h1{font-size:42px}[dir=rtl] .hero h1{font-size:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}