:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-navy:#0a1e33;--brand-blue:#0d2f4f;--brand-cyan:#0097b2;--brand-gold:#d4af37;--brand-gold-light:#f1d27a;--action-soft:#f9f2dc;--ink:#0a1e33;--muted:#526575;--line:#d6e1e8;--success:#116b48;--danger:#ab302b;--warning:#805800;font-synthesis:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{color:var(--ink);min-height:100vh;background:#f4f7fa;min-height:100dvh;margin:0}body:before{border-bottom:2px solid var(--brand-gold);content:"";height:calc(190px + env(safe-area-inset-top));z-index:-1;background:radial-gradient(ellipse at 85% 0,#0d2f4f 0,transparent 65%),var(--brand-navy);position:absolute;inset:0 0 auto}button,input,select{font:inherit}button,input,select,summary,a{-webkit-tap-highlight-color:transparent}button{background:var(--brand-gold);min-height:48px;color:var(--brand-navy);cursor:pointer;touch-action:manipulation;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}button:disabled{opacity:.52;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}button.secondary{background:var(--action-soft);color:#0a1e33}button.compact{flex-shrink:0;width:auto}button:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0097b2}input:focus,select:focus{outline-offset:1px;border-color:var(--brand-cyan);outline:3px solid #0097b2}input,select{width:100%;min-height:50px;color:var(--ink);background:#fff;border:1px solid #a6b9c7;border-radius:12px;margin:6px 0 17px;padding:12px;font-size:16px}select{padding-inline-end:30px}label{color:#29445b;font-size:.88rem;font-weight:650;display:block}h1,h2,h3,p{overflow-wrap:anywhere}h2{letter-spacing:-.035em;margin:8px 0 14px;font-size:1.65rem;line-height:1.2}h3{margin:0 0 18px;font-size:1rem}p{line-height:1.55}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}button svg{flex-shrink:0}[hidden]{display:none!important}.app{max-width:600px;padding:calc(20px + env(safe-area-inset-top)) 18px calc(110px + env(safe-area-inset-bottom));margin:0 auto}.topline{color:#fff;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:#fff;border:1px solid #d4af3770;border-radius:14px;flex-shrink:0;place-items:center;width:80px;height:60px;padding:7px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:auto;display:block}.brand>div{min-width:0}.brand h1{letter-spacing:-.03em;margin:0;font-size:1.3rem;line-height:1.25}.brand h1 span{color:#f1d27a;font-weight:400}.brand p{color:#c5d2dc;max-width:230px;margin:4px 0 0;font-size:.75rem}.language-button{color:#fff;background:#ffffff13;border:1px solid #ffffff38;border-radius:12px;flex-shrink:0;min-height:44px;padding:8px 12px;font-size:.8rem}.connection-line{color:#dce8f1;justify-content:space-between;align-items:center;gap:12px;min-height:20px;margin-bottom:16px;font-size:.75rem;display:flex}.network{align-items:center;gap:7px;display:inline-flex}.network:before{content:"";background:#6ae3b2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #6ae3b211}.network.offline:before{background:#ffd47a;box-shadow:0 0 0 4px #ffd47a11}.network.offline{color:#ffe1a5}#queue-summary{color:#dce8f1}.status{color:#0d2f4f;background:#eaf1f5;border:1px solid #d6e1e8;border-radius:12px;min-height:46px;margin:0 0 14px;padding:12px 14px;font-size:.85rem;font-weight:600;line-height:1.45}.status.accepted{color:var(--success);background:#e9f6ef;border-color:#c4e4d2}.status.rejected{color:var(--danger);background:#fff0ee;border-color:#f0ceca}.status.provisional{color:var(--warning);background:#fff7e3;border-color:#eadbad}.card{background:#fff;border:1px solid #e1e9ed;border-radius:22px;margin:0 0 16px;padding:22px;box-shadow:0 6px 24px #0a1e3310}.eyebrow{letter-spacing:.14em;color:#526575;text-transform:uppercase;font-size:.65rem;font-weight:800;line-height:1.6;display:block}.hint{color:var(--muted);margin:8px 0 16px;font-size:.85rem;line-height:1.6}.login-card{margin-top:18px;padding:28px 24px}.login-card h2{max-width:320px;margin:13px 0 16px;font-size:2.15rem}.login-card .eyebrow{color:var(--brand-blue)}.login-card form{margin-top:26px}.login-card form>button{width:100%;margin-top:7px}.support-note{border-top:1px solid var(--line);margin-top:24px;margin-bottom:0;padding-top:18px;font-size:.78rem}.password-field{position:relative}.password-field input{padding-inline-end:80px}.password-field button{inset-inline-end:2px;min-height:46px;color:var(--brand-blue);background:0 0;padding:10px 14px;font-size:.8rem;position:absolute;top:8px}.field-error{color:var(--danger);margin-top:0;font-size:.85rem}.context-card{border:1px solid var(--line);color:var(--ink);text-align:start;background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;width:100%;margin:0 0 14px;padding:16px 18px;display:flex;box-shadow:0 4px 15px #0a1e3309}.context-card>span:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.context-card strong{overflow-wrap:anywhere;font-size:1rem}.context-card #context-event{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem;font-weight:400}.direction-badge{color:#725b15;white-space:nowrap;background:#f9f2dc;border:1px solid #e8d8a5;border-radius:9px;flex-shrink:0;padding:6px 10px;font-size:.75rem}.scanner-card{background:var(--brand-navy);color:#dce8f1;border:1px solid #34516a;border-radius:22px;margin-bottom:16px;padding:12px;box-shadow:0 10px 25px #0a1e3320}.scanner-card>button{color:#0a1e33;background:#d4af37;width:100%;margin-top:12px}.camera{aspect-ratio:1.15;isolation:isolate;background:radial-gradient(circle,#0d2f4f,#0a1e33);border-radius:13px;position:relative;overflow:hidden}.camera video{object-fit:cover;opacity:0;width:100%;height:100%}.camera.live video{opacity:1}.viewfinder{z-index:1;pointer-events:none;border-radius:18px;position:absolute;inset:17%;box-shadow:0 0 0 1000px #0a1e3340}.viewfinder i{border:3px solid #f1d27a;width:28px;height:28px;position:absolute}.viewfinder i:first-child{border-bottom:0;border-right:0;border-start-start-radius:15px;inset:0 auto auto 0}.viewfinder i:nth-child(2){border-bottom:0;border-left:0;border-start-end-radius:15px;inset:0 0 auto auto}.viewfinder i:nth-child(3){border-top:0;border-right:0;border-end-start-radius:15px;inset:auto auto 0 0}.viewfinder i:nth-child(4){border-top:0;border-left:0;border-end-end-radius:15px;inset:auto 0 0 auto}#camera-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:24%}#camera-placeholder svg{stroke:#f1d27a;opacity:.8;flex-shrink:0;width:55px;height:55px}#camera-placeholder p{color:#c5d2dc;margin:0;font-size:.75rem;line-height:1.5}.scan-phase{bottom:12px;text-align:center;color:#fff;text-shadow:0 1px 4px #000;z-index:2;background:#0a1e3366;border-radius:8px;padding:6px;font-size:.72rem;font-weight:600;position:absolute;inset-inline:12px}.scanner-card details{padding:8px 4px 0}.scanner-card summary{cursor:pointer;text-align:center;color:#c5d2dc;min-height:48px;padding:14px 0 8px;font-size:.78rem}.scanner-card label{color:#dce8f1;margin-top:12px}.scanner-card input{margin-bottom:4px;font-size:16px}.scanner-card details button{width:100%;margin:8px 0 0}.scan-tip{text-align:center;color:var(--muted);padding:0 10px;font-size:.75rem;line-height:1.6}.reviewing .context-card,.reviewing .scanner-card{display:none}.review-card{border:2px solid #d4af37;padding:20px;scroll-margin-top:14px;scroll-margin-bottom:100px}.review-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.review-heading .eyebrow{letter-spacing:.06em}.pill{color:#526575;background:#edf3f6;border-radius:7px;align-items:center;gap:4px;padding:5px 9px;font-size:.68rem;font-weight:650;line-height:1.5;display:inline-flex}.review-card h2{margin:18px 0 8px;font-size:1.7rem}.review-card .hint{margin-bottom:12px}.access-result{color:var(--warning);background:#fff7e3;border-radius:10px;padding:12px;font-size:.88rem;font-weight:700;line-height:1.5}.access-result.accepted{color:var(--success);background:#e9f6ef}.access-result.rejected{color:var(--danger);background:#fff0ee}.review-card h3{color:#526575;margin:20px 0 10px;font-size:.8rem}.subscriptions{flex-wrap:wrap;gap:7px;margin:0 0 18px;padding:0;list-style:none;display:flex}.subscriptions li{overflow-wrap:anywhere;background:#f1f5f7;border:1px solid #dee8ed;border-radius:9px;max-width:100%;padding:8px 11px;font-size:.8rem}.review-card>button{width:100%;font-size:.8rem}.review-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-top:18px;display:grid}.review-actions button{padding:12px 9px;font-size:.82rem}.page-heading{justify-content:space-between;align-items:center;gap:10px;margin:20px 0;display:flex}.page-heading h2{margin:5px 0 0}.sync-card{justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.sync-card h3{margin:0 0 6px}.sync-card .hint{margin:0;font-size:.8rem}.sync-card button{font-size:.8rem}.scan-history{border:1px solid var(--line);background:#fff;border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.scan-history li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:16px;display:grid}.scan-history li:last-child{border-bottom:0}.scan-history bdi{overflow-wrap:anywhere;min-width:0;font-size:.9rem;font-weight:700}.scan-history p{color:var(--muted);grid-column:1/-1;margin:0;font-size:.72rem}.scan-history .history-empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:.85rem;display:block}.pill.conflict{color:var(--danger);background:#fff0ee}.pill.pending{color:var(--warning);background:#fff7e3}.pill.synced{color:var(--success);background:#e9f6ef}#view-settings>.card>button{width:100%}#view-settings h3{margin-bottom:20px}#view-settings select:last-child{margin-bottom:0}.switch-row{justify-content:space-between;align-items:center;gap:18px;line-height:1.5;display:flex}.switch-row span{flex:1}.switch-row strong{font-size:.85rem}.switch-row small{color:var(--muted);margin-top:8px;font-size:.75rem;font-weight:400;line-height:1.6;display:block}.switch-row input{appearance:none;cursor:pointer;outline-offset:5px;background:#8195a1;border:0;border-radius:30px;width:48px;min-width:48px;height:28px;min-height:28px;margin:0;padding:0;position:relative;box-shadow:0 0 0 10px #0000}.switch-row input:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;inset:3px auto auto 3px;box-shadow:0 1px 3px #0003}.switch-row input:checked{background:var(--brand-blue)}.switch-row input:checked:before{transform:translate(20px)}.danger-button{color:var(--danger);background:#fff;border:1px solid #ead3cf;width:100%}#version{margin-bottom:0;font-size:.72rem}.bottom-nav{z-index:10;width:100%;max-width:600px;padding:9px 18px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-top:1px solid #d6e1e8;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 25px #0a1e3308}.bottom-nav button{color:#526575;background:0 0;border-radius:14px;flex-direction:column;gap:4px;min-height:55px;padding:7px;font-size:.66rem;display:flex}.bottom-nav button[aria-current]{color:#0a1e33;background:#f9f2dc}.bottom-nav button svg{width:23px;height:23px}.update-banner{color:#624b15;background:#fff5de;border:1px solid #efdaa9;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.update-banner strong{font-size:.85rem}.update-banner p{margin:5px 0 0;font-size:.72rem}.update-banner button{background:#725919;padding:10px;font-size:.75rem}.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}[dir=rtl] h2,[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .viewfinder i{border-radius:0}[dir=rtl] .viewfinder i:first-child{border-top-left-radius:15px}[dir=rtl] .viewfinder i:nth-child(2){border-top-right-radius:15px}[dir=rtl] .viewfinder i:nth-child(3){border-bottom-left-radius:15px}[dir=rtl] .viewfinder i:nth-child(4){border-bottom-right-radius:15px}.language-button,.password-field button{min-height:48px}@media (min-width:760px){.app{padding-top:36px}.camera{aspect-ratio:1.45}.login-card{padding:38px}.login-card h2{max-width:400px}.topline{margin-bottom:24px}}@media (max-width:350px){.app{padding-inline:12px}.card{padding:18px}.login-card h2{font-size:1.8rem}.review-heading{flex-direction:column;align-items:flex-start}.review-actions{grid-template-columns:1fr}.update-banner{flex-wrap:wrap}.brand{gap:8px}.brand h1{font-size:1.15rem}.brand p{max-width:175px}.context-card{gap:8px;padding:14px}.direction-badge{padding:5px 7px}.sync-card{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}button:not(:disabled):active{transform:none}}.camera-picker{border:1px solid var(--line);width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 40px);color:var(--ink);background:#fff;border-radius:22px;padding:24px;overflow-y:auto;box-shadow:0 20px 70px #0a1e3340}.camera-picker::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1e33b3}.camera-picker h2{font-size:1.35rem}.camera-picker-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.camera-picker-actions button{padding:12px 8px}#selected-camera{overflow-wrap:anywhere}.install-identity{align-items:center;gap:14px;margin-bottom:18px;display:flex}.install-identity img{border-radius:15px;flex-shrink:0;display:block}.install-identity>div{min-width:0}#view-settings .install-identity h3{margin:0 0 5px}.install-identity p{color:var(--muted);margin:0;font-size:.8rem}
