:root{--accent: linear-gradient(135deg,#3B82F6 0%,#7C5CFF 100%);--accent-solid:#5B7CF6;--green: linear-gradient(135deg,#2BD27A 0%,#0E9E63 100%);--font: -apple-system, "Inter", system-ui, sans-serif}[data-theme=dark]{--page: radial-gradient(120% 80% at 50% -10%, #1b1b27 0%, #0a0a10 60%);--screen: radial-gradient(130% 90% at 50% -5%, #1a1a26 0%, #0b0b11 55%, #08080d 100%);--txt:#ffffff;--txt2:#9a9aac;--txt3:#6c6c7e;--glass: rgba(255,255,255,.055);--glass-bd: rgba(255,255,255,.12);--bezel:#000;--bezel-line:#26263a;--toggle-off:#34343f;--bar: rgba(20,20,28,.6)}[data-theme=light]{--page: radial-gradient(120% 80% at 50% -10%, #eef2fb 0%, #e6e9f2 60%);--screen: linear-gradient(180deg,#ffffff 0%,#f3f5fb 100%);--txt:#0b1020;--txt2:#5a6072;--txt3:#9097a8;--glass: rgba(255,255,255,.7);--glass-bd: rgba(10,16,32,.07);--bezel:#dfe3ee;--bezel-line:#cfd5e6;--toggle-off:#d3d8e6;--bar: rgba(255,255,255,.6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--page);min-height:100vh;color:var(--txt);-webkit-font-smoothing:antialiased;transition:background .4s}#root{min-height:100vh}h1{font-size:21px;font-weight:600;letter-spacing:-.3px;margin-bottom:2px}.sub{font-size:12.5px;color:var(--txt2);margin-bottom:16px}.logo{width:26px;height:26px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;box-shadow:0 4px 14px #5b7cf673}.glass{background:var(--glass);border:1px solid var(--glass-bd);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card{background:var(--glass);border:1px solid var(--glass-bd);border-radius:18px;padding:14px;margin-bottom:11px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between}.card h3{font-size:14px;font-weight:600;margin-bottom:3px}.card p{font-size:11.5px;color:var(--txt2)}.pill{font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;display:inline-block;margin-bottom:5px;letter-spacing:.2px}.pill.scan{background:#5b7cf62e;color:#8fa9f6}.pill.aan{background:#2bd27a29;color:#43d27a}[data-theme=light] .pill.scan{color:#3a52c4}[data-theme=light] .pill.aan{color:#0e8d56}.chev{color:var(--txt3);font-size:18px;font-weight:600}.syncbar{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--txt2)}.dot{width:7px;height:7px;border-radius:50%;background:#2bd27a;box-shadow:0 0 0 4px #2bd27a2e}.dot.dot-amber{background:#f2a93b;box-shadow:0 0 0 4px #f2a93b2e}.sync-now{margin-left:auto;font-family:var(--font);font-size:11px;font-weight:600;color:var(--accent-solid);background:#5b7cf624;border:1px solid var(--glass-bd);border-radius:10px;padding:4px 10px;cursor:pointer;transition:.15s}.sync-now:active{transform:scale(.96)}.picker{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:32px 20px 20px}.picker-head{margin-bottom:16px}.picker-list{flex:1 1 auto}.syncbar{margin-top:18px;padding-top:14px;border-top:1px solid var(--glass-bd)}.card-btn{width:100%;font-family:var(--font);text-align:left;color:var(--txt);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,border-color .2s}.card-btn:active{transform:scale(.99)}.card-btn:focus-visible{outline:none;border-color:var(--accent-solid);box-shadow:0 0 0 3px #5b7cf62e}.empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:40px 12px}.empty h2{font-size:16px;font-weight:600}.tg{width:42px;height:24px;border-radius:13px;position:relative;transition:.25s;flex:0 0 auto}.tg.on{background:var(--green);box-shadow:0 3px 10px #0f9e6366}.tg.off{background:var(--toggle-off)}.tg i{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.25s;box-shadow:0 1px 3px #0000004d}.tg.on i{left:21px}.tg.off i{left:3px}.granted{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 60% at 50% 38%,rgba(43,210,122,.28),transparent 70%)}.check{width:96px;height:96px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #0f9e638c;animation:pop .55s cubic-bezier(.18,.9,.32,1.4) both}.check svg{width:50px;height:50px}.check path{stroke:#fff;stroke-width:7;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .4s .25s ease forwards}.ring{width:116px;height:116px;border-radius:50%;border:1.5px solid rgba(43,210,122,.4);animation:ring 1.6s ease-out infinite}@keyframes pop{0%{transform:scale(.3);opacity:0}60%{opacity:1}to{transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ring{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.45);opacity:0}}.scan-result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0a0a108c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-theme=light] .scan-result{background:#ffffff8c}.denied{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 60% at 50% 38%,rgba(255,99,116,.3),transparent 70%)}.scan-result.is-denied .check{background:linear-gradient(135deg,#ff6374,#d63a4d);box-shadow:0 12px 40px #d63a4d8c}.scan-result.is-denied .ring{border-color:#ff63746b}.result-stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:8px}.result-stack .ring{position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes ring-c{0%{transform:translate(-50%) scale(.85);opacity:.8}to{transform:translate(-50%) scale(1.45);opacity:0}}.result-stack .ring{animation:ring-c 1.6s ease-out infinite}.gtitle{margin-top:8px;font-size:21px;font-weight:600;letter-spacing:-.3px;color:var(--txt)}.gname{font-size:15px;color:var(--txt);opacity:.92}.gmeta{font-size:11.5px;color:var(--txt2)}.gbtn{position:absolute;left:30px;right:30px;bottom:max(30px,calc(env(safe-area-inset-bottom) + 22px));height:46px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-bd);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;font-family:var(--font);color:var(--txt);font-size:13px;font-weight:600;cursor:pointer}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;background:var(--glass);border:1px solid var(--glass-bd);border-radius:22px;padding:26px 22px 24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000047}.login-card .brand{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:18px}.field{display:block;margin-bottom:12px}.field span{display:block;font-size:11.5px;color:var(--txt2);margin-bottom:6px;letter-spacing:.2px}.field input{width:100%;font-family:var(--font);background:var(--glass);border:1px solid var(--glass-bd);border-radius:14px;height:44px;padding:0 14px;font-size:14px;color:var(--txt);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border .2s}.field input:focus{outline:none;border-color:var(--accent-solid);box-shadow:0 0 0 3px #5b7cf62e}.gbtn-accent{width:100%;height:46px;margin-top:6px;border:0;border-radius:16px;background:var(--accent);color:#fff;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 26px #5b7cf680;transition:transform .12s,opacity .2s}.gbtn-accent:active{transform:scale(.985)}.gbtn-accent:disabled{opacity:.6;cursor:default}.login-error{font-size:12px;color:#ff6b7d;margin-bottom:12px;text-align:center}[data-theme=light] .login-error{color:#d63a4d}.seg{display:flex;background:var(--glass);border:1px solid var(--glass-bd);border-radius:11px;padding:3px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seg button{font-family:var(--font);border:0;background:transparent;color:var(--txt2);font-size:12.5px;font-weight:500;padding:6px 13px;border-radius:8px;cursor:pointer;transition:.2s}.seg button.on{background:var(--accent);color:#fff;box-shadow:0 3px 10px #5b7cf666}.picker-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.picker-head-top .sub{margin-bottom:0}.picker-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:0 0 auto}.picker-head-top .seg{flex:0 0 auto}.picker-head-top .seg button{padding:5px 9px;font-size:11px}.ghost-btn{font-family:var(--font);background:var(--glass);border:1px solid var(--glass-bd);color:var(--txt2);font-size:11px;font-weight:500;padding:5px 11px;border-radius:9px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.2s}.ghost-btn:active{transform:scale(.97)}@media (max-width:360px){.picker-head-top .seg button{padding:5px 7px;font-size:10px}.ghost-btn{padding:5px 9px;font-size:10px}}.install-chip{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));z-index:20;margin:0 auto;max-width:440px;display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--glass-bd);border-radius:16px;padding:10px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #00000052;animation:install-rise .35s cubic-bezier(.18,.9,.32,1.2) both}@keyframes install-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.install-logo{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;box-shadow:0 4px 14px #5b7cf673}.install-text{flex:1 1 auto;font-size:12.5px;font-weight:500;color:var(--txt);line-height:1.3}.install-btn{flex:0 0 auto;font-family:var(--font);font-size:12px;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:11px;padding:8px 13px;cursor:pointer;box-shadow:0 4px 14px #5b7cf666;transition:transform .12s}.install-btn:active{transform:scale(.96)}.install-x{flex:0 0 auto;width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--txt3);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.install-x:hover{color:var(--txt2)}.scan-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--screen);overflow:hidden;display:flex;align-items:center;justify-content:center}.scan-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.scan-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 42% at 50% 46%,transparent 0,transparent 38%,rgba(0,0,0,.42) 100%)}.scan-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:14px;z-index:6;display:flex;align-items:center;gap:4px;border:0;background:transparent;cursor:pointer;font-family:var(--font);color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.5);padding:8px 8px 8px 4px}.scan-chev{font-size:24px;line-height:1;font-weight:400}.scan-top-name{letter-spacing:-.2px}.scan-window{position:relative;width:min(64vw,240px);aspect-ratio:1/1;z-index:5}.vf{position:absolute;width:30px;height:30px;border:3px solid var(--accent-solid);box-shadow:0 2px 10px #5b7cf673}.vf-tl{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:14px}.vf-tr{top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:14px}.vf-bl{bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:14px}.vf-br{bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:14px}.scan-hint{position:absolute;bottom:max(40px,calc(env(safe-area-inset-bottom) + 28px));left:0;right:0;text-align:center;z-index:5;font-size:13px;font-weight:500;color:#fff;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.55)}.scan-perm{flex-direction:column;padding:24px}.scan-perm-card{width:100%;max-width:320px;background:var(--glass);border:1px solid var(--glass-bd);border-radius:22px;padding:26px 22px 22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;box-shadow:0 20px 60px #00000047}.scan-perm-card h2{font-size:17px;font-weight:600;margin-bottom:8px}.scan-perm-card .sub{margin-bottom:18px}.scan-perm-back{margin-top:10px;border:0;background:transparent;color:var(--txt2);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade .18s ease both}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:340px;background:var(--glass);border:1px solid var(--glass-bd);border-radius:22px;padding:24px 22px 20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000047;animation:modal-rise .25s cubic-bezier(.18,.9,.32,1.2) both}@keyframes modal-rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:17px;font-weight:600;letter-spacing:-.2px;margin-bottom:8px}.modal-body{font-size:13px;color:var(--txt);line-height:1.45;margin-bottom:6px}.modal-hint{font-size:12px;color:var(--txt2);line-height:1.45;margin-bottom:18px}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-btn{width:100%;height:44px;font-size:13px;font-weight:600;border-radius:14px}.modal-spinner-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.modal-spinner-row .modal-title{margin-bottom:0}.spinner{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:3px solid var(--glass-bd);border-top-color:var(--accent-solid);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}