:root{scroll-behavior:smooth;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}body{background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-mid) 48%, var(--bg-bot) 100%) no-repeat;background-color:var(--bg-top);min-height:100dvh;color:var(--text);background-attachment:fixed;margin:0}main{flex-direction:column;gap:14px;max-width:460px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}header{background:linear-gradient(120deg, var(--hero-top), var(--hero-bot));color:var(--on-hero);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 12px 28px -14px #0a4d5499}header h1{color:var(--on-hero);letter-spacing:-.01em;margin:0;font-size:1.4rem}.lang{gap:4px;display:flex}.lang button{cursor:pointer;color:var(--on-hero);background:#ffffff2e;border:1px solid #ffffff8c;border-radius:8px;padding:4px 10px}.lang button.active{background:var(--on-hero);color:var(--hero-top);border-color:var(--on-hero)}.card{background:var(--card);border:1px solid var(--card-border);text-align:center;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));animation:q-enter .34s var(--ease-out) both;border-radius:16px;padding:22px}.on-bg{color:var(--on-bg)}.serving{font-variant-numeric:tabular-nums;margin:4px 0;font-size:1.1rem}.serving b{font-size:1.3rem}.serving-num{animation:q-tick .26s var(--ease-out) both;display:inline-block}.muted{color:var(--muted);margin:4px 0;font-size:.92rem}.addr{text-align:center}.track .label{color:var(--muted);margin:0}.big{color:var(--link);font-variant-numeric:tabular-nums;letter-spacing:-.03em;animation:q-pop .38s var(--ease-out) both;margin:6px 0;font-size:4rem;font-weight:800;line-height:1.05}.ahead{margin:4px 0;font-size:1.05rem}.turn{color:var(--ok);margin:10px 0;font-size:1.4rem;font-weight:800}.done{color:var(--ok);margin:10px 0;font-size:1.2rem;font-weight:700}.passed{color:var(--warn);margin:10px 0;font-size:1.15rem;font-weight:700}.closed-msg{color:var(--warn);font-size:1.05rem}.state{color:var(--warn);margin:14px 0 0;font-size:1.1rem;font-weight:700}.state.closed{color:var(--muted)}.form{flex-direction:column;gap:10px;margin-top:14px;display:flex}.form input{border:1px solid var(--card-border);background:var(--field);color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.form input::placeholder{color:var(--placeholder)}.recover{margin-top:8px}button.primary{background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:filter var(--t-base) var(--ease-out), transform var(--t-fast) var(--ease-out);border:none;border-radius:10px;padding:13px;font-size:1.05rem;font-weight:700}button.primary:hover:not(:disabled){filter:brightness(1.06)}button.primary:active:not(:disabled){transform:scale(.98)}button.primary:disabled{opacity:.6;cursor:default}button.link{color:var(--link);cursor:pointer;transition:opacity var(--t-base) var(--ease-out);background:0 0;border:none;margin-top:10px;font-size:.95rem;text-decoration:underline}button.link:hover{opacity:.72}button.link.on-bg{color:var(--on-bg)}.directions{text-align:center;background:var(--card);border:1px solid var(--border);color:var(--link);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));transition:border-color var(--t-base) var(--ease-out);border-radius:12px;padding:12px;font-weight:600;text-decoration:none;display:block}.directions:hover{border-color:var(--link)}.banner{background:var(--ok);color:var(--ok-ink);width:100%;font:inherit;text-align:center;cursor:pointer;transition:filter var(--t-base) var(--ease-out);border:none;border-radius:12px;padding:12px 14px;font-weight:700}.banner:hover{filter:brightness(1.05)}.error{color:var(--error);margin:2px 0;font-size:.9rem}.nudge{border:1px solid var(--card-border);color:var(--on-bg);background:#ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:.88rem;display:flex}.nudge span{flex:1;min-width:140px}.btn-sm{background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:filter var(--t-base) var(--ease-out), transform var(--t-fast) var(--ease-out);border:none;border-radius:8px;padding:6px 12px;font-size:.85rem;text-decoration:none}.btn-sm:hover{filter:brightness(1.05)}.btn-sm:active{transform:scale(.97)}.btn-sm.ghost{color:var(--muted);background:0 0}.hours{text-align:start}.hours h3{text-align:center;margin:0 0 8px;font-size:1rem}.hour-row{border-top:1px solid var(--border);justify-content:space-between;padding:5px 2px;font-size:.95rem;display:flex}.hour-row:first-of-type{border-top:none}.hour-row.today{color:var(--link);font-weight:700}.info{text-align:center;padding:16px}.info .desc{color:var(--muted);margin:0 0 8px;line-height:1.5}.info .contact{margin:0;font-size:.95rem}.info .contact a{color:var(--link);font-weight:600;text-decoration:none}.section-title{text-align:center;color:var(--on-bg);letter-spacing:-.01em;margin:18px 0 4px;font-size:1.1rem}.choose{text-align:start;color:var(--on-bg-muted);margin:4px 2px;font-size:.9rem}.no-slots{background:var(--notice-bg);border:1px solid var(--notice-border);color:var(--notice-ink);text-align:center;border-radius:12px;margin:6px 0;padding:12px 14px;font-size:.92rem}.day-card{background:var(--card);border:1px solid var(--border);cursor:pointer;width:100%;font:inherit;color:var(--text);text-align:start;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));transition:border-color var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out), transform var(--t-fast) var(--ease-out);animation:q-enter .3s var(--ease-out) both;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;padding:14px 16px;display:flex}.day-card:not(:disabled):hover{border-color:var(--link);box-shadow:0 10px 24px -14px #145a5f73}.day-card:not(:disabled):active{transform:scale(.99)}.day-card:disabled{cursor:default;opacity:.65}.day-left{flex-direction:column;gap:4px;display:flex}.day-head{align-items:center;gap:8px;display:flex}.day-name{font-size:1.05rem;font-weight:700}.day-date{color:var(--muted);font-size:.85rem}.day-hours{color:var(--text);white-space:nowrap;font-size:.95rem}.badge{border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.full-badge{background:var(--chip-full-bg);color:var(--chip-full-ink)}.ok-badge{background:var(--chip-ok-bg);color:var(--chip-ok-ink)}.wait-badge{background:var(--chip-wait-bg);color:var(--chip-wait-ink)}.track{position:relative}.back-btn{top:12px;position:absolute;inset-inline-start:12px}.footer{text-align:center;margin-top:24px;padding:12px}.footer a{color:var(--on-bg-muted);font-size:.85rem}.footer .dot{color:var(--on-bg-muted);margin:0 8px;font-size:.85rem}.book-form{margin:-2px 0 10px}.book-actions{align-items:center;gap:8px;display:flex}.book-actions .primary{flex:1}.booked-card{text-align:center}.my-bookings{text-align:start}.my-bookings h3{text-align:center;margin:0 0 8px;font-size:1rem}.my-booking{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 2px;display:flex}.my-booking:first-of-type{border-top:none}.ad-slot{min-height:60px;margin-top:auto}.tagline{text-align:center;opacity:.85;margin:-2px 0 14px;font-size:1rem}.landing{text-align:start}.landing .lead{color:var(--text);text-align:center;margin:0 0 18px;font-size:1.05rem;line-height:1.55}.landing h2{color:var(--link);text-align:center;margin:0 0 14px;font-size:1.05rem}.landing .steps{counter-reset:step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.landing .steps li{counter-increment:step;align-items:flex-start;gap:12px;display:flex}.landing .steps li:before{content:counter(step);background:var(--accent);height:28px;color:var(--accent-ink);border-radius:50%;flex:0 0 28px;place-items:center;font-size:.9rem;font-weight:700;display:grid}.landing .step-body b{color:var(--text);margin-bottom:2px;display:block}.landing .step-body span{color:var(--muted);font-size:.9rem;line-height:1.45}.landing .owners{border-top:1px solid var(--card-border);margin-top:18px;padding-top:14px}.landing .owners b{color:var(--text)}.landing .owners p{margin:4px 0 0}.landing .hint{text-align:center;margin-top:16px;font-size:.85rem}@keyframes q-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes q-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes q-tick{0%{opacity:.35;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}