@font-face{font-family:AppArabic;src:url('/assets/fonts/receipt-cairo-bb2b0b6707.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#101d39;font:16px AppArabic,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{max-width:1080px;margin:auto;min-height:100dvh;background:#fff}.app-header{display:flex;align-items:center;justify-content:space-between;padding:26px 28px 12px;direction:ltr}.wordmark{font-size:27px;font-weight:850;letter-spacing:-1.4px}.wordmark span{color:#1675ff}.download{direction:rtl;font-size:13px;color:#506078;background:#f1f4f8;border-radius:24px;padding:10px 14px}main{padding:8px 28px 120px}h1{font-size:32px;line-height:1.5;margin:22px 0 4px;letter-spacing:-.6px}h2{font-size:22px;margin:0}p{line-height:1.8}.muted{color:#6b7890;margin:0 0 22px}.search{display:flex;align-items:center;gap:12px;background:#f1f4f8;border:1px solid #e8edf4;border-radius:16px;padding:14px 18px;margin:22px 0 14px}.search img{width:24px;opacity:.65}.search input{width:100%;border:0;background:transparent;color:inherit;min-height:28px;outline:none}.filters{display:flex;gap:10px;overflow:auto;padding:4px 0 22px;scrollbar-width:none}.filters button{flex-shrink:0;border:0;background:#f1f4f8;border-radius:30px;padding:12px 24px;color:#101d39}.filters [aria-pressed=true]{background:#1675ff;color:white}.food-story{height:230px;background:linear-gradient(270deg,rgba(9,19,31,.9),rgba(9,19,31,.08)),url('/assets/demo/restaurant-cover.jpg') center/cover;border-radius:22px;color:white;display:flex;align-items:center;padding:28px;margin:0 0 28px}.food-story h2{font-size:32px;line-height:1.5}.food-story p{margin-bottom:0;color:#e3e8ef}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0}.text-button{background:none;border:0;color:#1675ff;padding:8px}.restaurants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.restaurant{display:block;min-width:0}.restaurant .cover{height:190px;border-radius:18px;overflow:hidden;background:#edf3fa;display:flex;justify-content:center;align-items:center}.cover img{width:100%;height:100%;object-fit:cover}.cover .monogram{font-size:50px;color:#1675ff;font-weight:800}.restaurant h3{font-size:20px;margin:14px 0 3px}.restaurant p{font-size:14px;color:#6b7890;margin:0}.availability{display:inline-flex;font-size:12px;color:#246449;background:#eef9f3;padding:4px 10px;border-radius:8px;margin-top:8px}.availability.closed{background:#f3f4f7;color:#6b7890}.bottom-nav{position:fixed;z-index:4;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1080px);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#ffffffef;backdrop-filter:blur(16px);border-top:1px solid #edf0f5;display:flex}.bottom-nav button{flex:1;background:none;border:0;color:#617089;font-size:13px;display:flex;align-items:center;flex-direction:column;gap:5px;min-height:50px}.bottom-nav img{height:23px;width:23px}.bottom-nav [aria-current]{color:#1675ff;font-weight:750}.bottom-nav [aria-current] img{filter:invert(37%) sepia(94%) saturate(2442%) hue-rotate(207deg) brightness(101%)}.panel,.empty{background:#f5f7fb;border:1px solid #e9edf4;border-radius:20px;padding:24px;margin:22px 0}.empty{text-align:center;padding:40px 22px}.empty h2{margin-bottom:10px}.primary{display:inline-block;background:#1675ff;color:white;border:0;border-radius:13px;padding:14px 22px;min-height:48px;font-weight:700}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;font-size:14px}.auth-form input{width:100%;min-height:52px;border:1px solid #dce3ed;background:white;border-radius:12px;padding:12px;color:#101d39}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[name=code]{direction:ltr;text-align:left}.form-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.form-status{color:#9f3030;min-height:26px;margin:0}.order-top{display:flex;justify-content:space-between;gap:12px}.order-total{font-weight:750}.panel .primary{margin-top:12px}.panel h2{font-size:20px}.retry{margin-top:16px}[hidden]{display:none!important}@media(max-width:600px){.app-header{padding:22px 20px 10px}.wordmark{font-size:25px}.download{font-size:11px;padding:9px 11px}main{padding:6px 20px 110px}h1{font-size:27px;margin-top:20px}.restaurants{grid-template-columns:1fr;gap:26px}.restaurant .cover{height:176px}.food-story{height:205px;padding:24px;border-radius:18px}.food-story h2{font-size:28px}.search{padding:13px}.search input{font-size:14px}.filters button{padding:10px 20px}.section-heading h2{font-size:21px}.panel{padding:20px}}
/* Neutral dark surfaces; blue is reserved for primary actions and brand accents. */
@media(prefers-color-scheme:dark){
:root{color-scheme:dark}body{background:#121212;color:#eee}.app-shell{background:#121212}.download,.search,.filters button,.restaurant .cover,.panel,.empty{background:#1e1e1e;color:#eee;border-color:#363636}.wordmark{color:#f5f5f5}.muted,.restaurant p,.bottom-nav button{color:#b8b8b8}.search input{color:#eee}.search input::placeholder{color:#aaa}.search img,.bottom-nav img{filter:brightness(0) invert(.8)}.filters [aria-pressed=true]{background:#1675ff;color:#fff}.bottom-nav{background:#1e1e1ef5;border-color:#363636}.bottom-nav [aria-current],.text-button{color:#79b4ff}.bottom-nav [aria-current] img{filter:invert(63%) sepia(80%) saturate(850%) hue-rotate(182deg) brightness(108%)}.auth-form input{background:#292929;border-color:#444;color:#eee}.form-status{color:#ffaaaa}.availability{background:#20342a;color:#c2e8d0}.availability.closed{background:#2a2a2a;color:#ccc}.food-story{background-image:linear-gradient(270deg,rgba(0,0,0,.85),rgba(0,0,0,.08)),url('/assets/demo/restaurant-cover.jpg')}.food-story h2{color:#fff}.food-story p{color:#eee}.apps p,.instructions .muted{color:#b8b8b8}.platform{background:#292929;color:#eee}
}