:root{--porto-blue:#253f9e;--porto-action:#10a9f4;--ink:#24262b;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);letter-spacing:0;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{place-items:center;min-height:100vh;display:grid;overflow:hidden}.app-shell-login,.app-shell-delivery{background:var(--porto-blue)}.app-shell-scenario,.app-shell-camera,.app-shell-ready{background:#fff}.phone-frame{width:min(100vw,56.25vh);max-width:1080px;height:min(100vh,177.778vw);max-height:1920px;position:relative;overflow:hidden}.screen-art{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hotspot{z-index:2;color:#0000;-webkit-tap-highlight-color:transparent;background:0 0;border:0;text-decoration:none;position:absolute}.hotspot:focus-visible{outline-offset:3px;outline:4px solid #ffffffdb}.app-error{z-index:10;border-left:5px solid var(--danger);width:min(720px,100vw - 28px);color:var(--danger);background:#fff4f2;border-radius:8px;padding:12px 14px;font-weight:800;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #141a2a2e}.login-input{z-index:2;color:#2b2f36;background:#fff;border:0;border-radius:18px;outline:none;width:68.4%;height:6.2%;padding:0 5%;font-size:clamp(.95rem,2.45vh,1.75rem);font-weight:700;position:absolute;left:15.2%}.login-extra{background:#fff}.login-input::placeholder{color:gray}.login-input:focus{box-shadow:inset 0 0 0 4px #10a9f457}.login-registration{top:55.2%}.login-email{top:62.75%}.login-name{top:58%}.login-department{top:68%}.login-cover{z-index:1;background:var(--porto-blue);width:72%;height:38%;position:absolute;top:54%;left:14%}.login-submit{color:#fff;background:#10a9f4;border-radius:18px;width:68.4%;height:6.15%;font-size:clamp(1rem,3.5vh,2.35rem);font-weight:900;top:78%;left:15.2%}.scenario-large{z-index:1;background:#c7e3f1;border-radius:3.2%;place-items:center;width:67.7%;height:44.65%;padding:2.8%;display:grid;position:absolute;top:19.8%;left:15.7%;overflow:hidden}.scenario-large img{object-fit:contain;filter:drop-shadow(0 14px 22px #11274c2e);width:100%;height:100%}.scenario-camera,.scenario-result{width:100%;height:100%}.scenario-camera{object-fit:cover;transform:scaleX(-1)}.scenario-result{object-fit:contain;filter:drop-shadow(0 14px 22px #11274c2e)}.scenario-overlay{color:#253f9e;text-align:center;background:#c7e3f1db;place-items:center;padding:0 8%;font-size:clamp(1rem,2.8vh,2rem);font-weight:900;display:grid;position:absolute;inset:0}.scenario-thumb{z-index:2;background:#c7e3f1;border:0;border-radius:7%;width:30.3%;height:17.15%;padding:1.8%;position:absolute;top:67.62%;overflow:hidden}.scenario-thumb-1{left:15.8%}.scenario-thumb-2{left:52.35%}.scenario-thumb img{object-fit:contain;opacity:.88;width:100%;height:100%;transition:transform .18s,opacity .18s}.scenario-thumb.is-selected{box-shadow:inset 0 0 0 5px #2f51bd}.scenario-thumb.is-selected img{opacity:1;transform:scale(1.02)}.check-mark{aspect-ratio:1;color:#fff;background:#2f51bd;border-radius:999px;place-items:center;width:9.2%;font-size:clamp(1rem,3vh,2.6rem);font-weight:900;line-height:1;display:grid;position:absolute;top:7%;right:7%}.scenario-thumb .check-mark{opacity:0;width:20%}.scenario-thumb.is-selected .check-mark{opacity:1}.scenario-submit{border-radius:16px;width:68.3%;height:6.15%;top:87.8%;left:15.9%}.scenario-action,.scenario-retake{z-index:2;color:#fff;border:0;border-radius:16px;height:6.15%;font-size:clamp(1rem,2.6vh,2.2rem);font-weight:900;position:absolute;top:87.8%;box-shadow:0 12px 28px #10a9f43d}.scenario-action{background:#10a9f4;width:68.3%;left:15.9%}.scenario-retake{background:#2f67cf;width:33.5%;left:15.9%}.scenario-retake+.scenario-action{width:35%;left:49.2%}.camera-stage{z-index:1;background:#c7e3f1;border-radius:3.2%;place-items:center;width:67.7%;height:44.65%;display:grid;position:absolute;top:19.8%;left:15.7%;overflow:hidden;box-shadow:inset 0 0 0 5px #2f51bd2e}.camera-video,.camera-preview{object-fit:cover;width:100%;height:100%}.camera-video{transform:scaleX(-1)}.camera-loading{color:#253f9e;background:#c7e3f1db;place-items:center;font-size:clamp(1rem,2.8vh,2rem);font-weight:900;display:grid;position:absolute;inset:0}.camera-status{z-index:2;color:#253f9e;text-align:center;background:#c7e3f1db;border-radius:12px;justify-content:center;align-items:center;width:68.3%;min-height:4.4%;padding:0 4%;font-size:clamp(.78rem,2vh,1.25rem);font-weight:800;display:flex;position:absolute;top:66.1%;left:15.8%}.camera-retake,.camera-submit{z-index:2;color:#fff;border:0;border-radius:16px;height:6.15%;font-size:clamp(1rem,2.6vh,2.2rem);font-weight:900;position:absolute;box-shadow:0 12px 28px #10a9f43d}.camera-retake{background:#2f67cf;width:30.8%;top:80.8%;left:15.9%}.camera-submit{background:#10a9f4;width:68.3%;top:87.8%;left:15.9%}.camera-retake+.camera-submit{width:33.8%;top:80.8%;left:50.4%}.approval-sticker{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 24px #1e385429);border-radius:4.2%;width:76.95%;height:50.8%;position:absolute;top:20.25%;left:10.85%}.approval-like,.approval-dislike{border-radius:16px;height:6.25%;top:74.95%}.approval-like{width:36.4%;left:10.85%}.approval-dislike{width:36.75%;left:50.65%}.delivery-sticker{z-index:1;object-fit:contain;filter:drop-shadow(0 16px 26px #001b603d);border-radius:4.2%;width:76.9%;height:50.65%;position:absolute;top:22.85%;left:11.55%}.delivery-download{border-radius:16px;width:76.1%;height:6.15%;top:77.25%;left:11.95%}.share{border-radius:999px;width:7.4%;height:4.25%;top:91%}.share-instagram{left:16.25%}.share-facebook{left:28.55%}.share-messenger{left:40.75%}.share-email{left:53%}.share-chat{left:65.25%}.share-more{left:77.5%}@media (max-width:520px){.app-error{font-size:.88rem;top:8px}.login-input{border-radius:12px}}