:root{--drinkat-brand-bg: #52bac5;--drinkat-brand-bg-rgb: 82 186 197}*,*:before,*:after{box-sizing:border-box}html{direction:rtl}html,body,#root{height:100%;max-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}body{font-family:Noto Sans Arabic,system-ui,-apple-system,Segoe UI,Roboto,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;background:var(--drinkat-brand-bg);color:#fff}button{font:inherit}.app{height:100%;height:100dvh;max-height:100dvh;position:relative;overflow:hidden}.shell{height:100%;max-height:100dvh;overflow:hidden;position:relative;isolation:isolate}.page-underlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.page.page-splash.splash-curtain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:transform .42s cubic-bezier(.28,.74,.12,1);touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 18px 50px #00000047}.splash-curtain--dragging{transition:none}.splash-curtain--dismissed{pointer-events:none}@media(prefers-reduced-motion:reduce){.page.page-splash.splash-curtain{transition-duration:.12s}}.viewport-fill{height:100%;max-height:100dvh;min-height:0;box-sizing:border-box;overflow:hidden}.page{display:flex;flex-direction:column}.page-splash{position:relative;align-items:center;justify-content:center;padding:1rem 1.25rem;padding-bottom:max(5.75rem,env(safe-area-inset-bottom));background:var(--drinkat-brand-bg);color:#fff;touch-action:manipulation}.splash-title{margin:1rem 0 0;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.splash-title.brand-latin,.result-badge.brand-latin{text-transform:none;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.03em}.splash-logo{width:auto;max-width:min(168px,46vw);max-height:min(22dvh,128px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgb(0 0 0 / .12));pointer-events:none}.splash-idle-slot{margin:.85rem 0 0;width:100%;max-width:min(26rem,94vw);min-height:4.75rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 .5rem}.splash-idle-msg{margin:0;font-size:clamp(1.02rem,4.4vw,1.28rem);font-weight:700;line-height:1.42;letter-spacing:.01em;opacity:.96;animation:splash-idle-in .45s ease-out}@keyframes splash-idle-in{0%{opacity:0;transform:translateY(6px)}to{opacity:.96;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.splash-idle-msg{animation:none}}.swipe-zone{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;color:inherit;position:absolute;left:0;right:0;bottom:0;padding:max(1rem,env(safe-area-inset-bottom)) 1rem max(1.1rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:.45rem;background:linear-gradient(to top,rgb(var(--drinkat-brand-bg-rgb) / .55),transparent)}.swipe-zone:focus-visible{outline:2px solid #fff;outline-offset:-4px}.swipe-chevron{display:flex;flex-direction:column;align-items:center;gap:2px;animation:float 1.6s ease-in-out infinite}.swipe-chevron span{display:block;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-135deg);opacity:.9}.swipe-chevron span:nth-child(2){opacity:.55;margin-top:-4px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.swipe-label{font-size:.9rem;font-weight:600;letter-spacing:.02em;text-align:center}.page-scanner{flex:1;min-height:0;background:var(--drinkat-brand-bg);color:#fff;padding:0}.split-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);min-height:0;width:100%}@media(max-width:720px){.split-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,50%) minmax(0,50%)}.split-left{order:1}.split-right{order:2}}.split-left{min-width:0;min-height:0;overflow:hidden;background:var(--drinkat-brand-bg);color:#fff;padding:calc(.65rem + env(safe-area-inset-top)) .85rem max(.5rem,env(safe-area-inset-bottom));padding-left:max(.85rem,env(safe-area-inset-left));display:flex;flex-direction:column}.split-right{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--drinkat-brand-bg);border-left:1px solid rgb(255 255 255 / .22)}@media(max-width:720px){.split-right{border-left:none;border-top:1px solid rgb(255 255 255 / .22)}}.result-panel-inner{width:min(100%,26rem);margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:.55rem;overflow:hidden}.result-badge{display:block;flex-shrink:0;margin:0 0 .4rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.result-placeholder-lead{margin:0;font-size:clamp(.9rem,2.8vw,1.05rem);font-weight:700;line-height:1.35}.result-placeholder-hint{margin:.35rem 0 0;font-size:clamp(.78rem,2.5vw,.88rem);line-height:1.45;opacity:.92}.result-placeholder,.result-loading{flex:1;min-height:0;overflow:hidden}.result-loading-title{margin:0;font-size:clamp(.92rem,3vw,1.08rem);font-weight:700}.result-loading-sub{margin:.35rem 0 0;font-size:clamp(.78rem,2.8vw,.85rem);opacity:.88}.result-card{flex:1;min-height:0;border-radius:1.15rem;overflow:hidden;background:#ffffff21;box-shadow:0 10px 36px #0003,inset 0 1px #ffffff40;border:1px solid rgb(255 255 255 / .28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min(104px,22dvh),1fr) auto;align-content:stretch}.result-hero{position:relative;min-height:0;overflow:hidden;isolation:isolate;background:#00000024}.result-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.result-card-inner{flex-shrink:0;min-height:0;overflow:hidden;padding:.72rem .95rem calc(.75rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.35rem}.result-face-quip{margin:0 0 .4rem;padding:.35rem 0;font-size:clamp(1.12rem,4.8vw,1.52rem);font-weight:800;line-height:1.38;text-align:center;letter-spacing:.015em;background:transparent;border:none;flex-shrink:0}.result-kicker{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.08em;opacity:.92}.result-card .result-title{margin:0;font-size:clamp(1.05rem,3.8vw,1.72rem);font-weight:800;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.result-tagline{margin:.15rem 0 0;font-size:clamp(.88rem,3.2vw,1.42rem);font-weight:700;line-height:1.38;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.result-card .result-desc{margin:.1rem 0 0;font-size:.8rem;line-height:1.48;opacity:.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex-shrink:0}.result-meta-strip{list-style:none;margin:.35rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;flex-shrink:0}.result-meta-chip{margin:0;font-size:.7rem;font-weight:600;padding:.32rem .6rem;border-radius:999px;background:#0003;border:1px solid rgb(255 255 255 / .22);line-height:1.3}.result-meta-chip-wide{flex:1 1 100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.result-auto-close-hint{margin:.2rem 0 0;font-size:.72rem;font-weight:600;text-align:center;line-height:1.35;opacity:.9;flex-shrink:0}.result-auto-close-num{font-variant-numeric:tabular-nums;font-weight:800}.result-card .result-actions{display:flex;flex-direction:column;gap:.45rem;margin-top:auto;padding-top:.45rem;padding-bottom:0;flex-shrink:0}.btn-primary,.btn-secondary{width:100%;padding:.68rem .85rem;border-radius:.65rem;font-weight:700;letter-spacing:.03em;cursor:pointer;border:none}.btn-primary{background:#fff;color:#1a6d78;box-shadow:0 4px 16px #00000026}.btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgb(255 255 255 / .35)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid #fff;outline-offset:2px}.scanner-head{padding:calc(.45rem + env(safe-area-inset-top)) .65rem .2rem;text-align:center;flex-shrink:0}.scanner-head h1{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}.scanner-head p{margin:.2rem 0 0;font-size:.68rem;color:#ffffffe0;line-height:1.32;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.video-wrap{flex:1;position:relative;margin:.25rem .6rem 0;border-radius:1rem;overflow:hidden;background:#111;min-height:0}.video-wrap video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.face-hold-timer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4}.face-hold-timer-num{font-size:clamp(2rem,11vw,3rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;color:#c5f7fc;text-shadow:0 0 .06em rgb(0 30 36 / .95),0 .05em .12em rgb(0 0 0 / .85)}@media(prefers-contrast:more){.face-hold-timer-num{color:#fff}}.scanner-frame{pointer-events:none;position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:2px solid rgb(255 255 255 / .9);border-radius:.85rem;box-shadow:0 0 0 9999px #00000059,inset 0 0 24px #ffffff1f}.scanner-frame:before,.scanner-frame:after{content:"";position:absolute;width:1.1rem;height:1.1rem;border-color:#fff;border-style:solid}.scanner-frame:before{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:.45rem 0 0}.scanner-frame:after{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 .45rem}.scanner-foot{flex-shrink:0;padding:.55rem .65rem max(.65rem,env(safe-area-inset-bottom));padding-right:max(.65rem,env(safe-area-inset-right))}.hold-bar{height:5px;border-radius:99px;background:#ffffff1f;overflow:hidden}.hold-bar-fill{block-size:100%;inline-size:0;border-radius:inherit;background:linear-gradient(90deg,#fff,#e8f9fc);transition:inline-size 50ms linear}.hold-label{margin-top:.4rem;font-size:.7rem;text-align:center;color:#ffffffeb;line-height:1.32;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.scanner-error-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#0a2a2eb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.scanner-error-modal{width:min(100%,22rem);max-height:min(88dvh,28rem);overflow:auto;border-radius:1.1rem;padding:1.25rem 1.2rem 1.35rem;background:#124a52fa;color:#fffffff2;box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff1f;border:1px solid rgb(255 255 255 / .18);text-align:center}.scanner-error-modal-icon{display:flex;align-items:center;justify-content:center;margin:0 auto .55rem;width:4.25rem;height:4.25rem;border-radius:999px;background:#ffffff14}.scanner-error-modal-icon-wifi{color:#ffd6c8}.scanner-error-modal-icon-alert{color:#ffe9a6}.scanner-error-svg{display:block}.scanner-error-modal-title{margin:0 0 .45rem;font-size:1.05rem;font-weight:800;line-height:1.3}.scanner-error-modal-text{margin:0 0 1.1rem;font-size:.86rem;line-height:1.45;color:#ffffffe0;white-space:pre-line}.scanner-error-modal-actions{display:flex;flex-direction:column;gap:.5rem}.btn-modal-primary,.btn-modal-secondary{width:100%;border-radius:.75rem;padding:.62rem .85rem;font-weight:700;font-size:.88rem;cursor:pointer;border:none;transition:transform .08s ease,filter .12s ease}.btn-modal-primary{background:linear-gradient(180deg,#fff,#e8f9fc);color:#0a3a40}.btn-modal-primary:active{transform:scale(.98)}.btn-modal-secondary{background:transparent;color:#ffffffeb;border:1px solid rgb(255 255 255 / .35)}.btn-modal-secondary:active{transform:scale(.98)}