:root{--bg: #07080a;--bg-1: #0c0e12;--bg-2: #12151b;--bg-3: #181c24;--line: #232936;--line-soft: #1a1f29;--text: #e7ecf3;--text-dim: #97a1b2;--text-faint: #5d6678;--accent: #36c6ff;--accent-dim: #1b6f93;--accent-glow: rgba(54, 198, 255, .14);--good: #36e0a4;--warn: #ffcb45;--bad: #ff5a6a;--radius: 10px;--radius-sm: 7px;--mono: "JetBrains Mono", "SF Mono", "Cascadia Code", ui-monospace, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:44px 44px;opacity:.25;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%)}button{font-family:inherit;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent-glow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:2px solid var(--bg-1)}::-webkit-scrollbar-thumb:hover{background:#2e3647}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-weight:500;font-size:13px;transition:all .12s ease;white-space:nowrap}.btn:hover{border-color:#34405a;background:var(--bg-3)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#03121a;font-weight:600}.btn.primary:hover{background:#54d0ff;box-shadow:0 0 24px var(--accent-glow)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-2);border-color:var(--line)}.btn.danger{color:var(--bad);border-color:transparent}.btn.danger:hover{background:#ff5a6a1a;border-color:#ff5a6a4d}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.icon{padding:8px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600}.input{width:100%;padding:10px 12px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);transition:border-color .12s,box-shadow .12s}.input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-faint)}textarea.input{resize:vertical;min-height:80px;font-family:var(--mono);font-size:13px}.mono{font-family:var(--mono)}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11px;border-radius:20px;background:var(--bg-3);border:1px solid var(--line);color:var(--text-dim)}.chip-toggle{padding:7px 12px;border-radius:20px;border:1px solid var(--line);background:var(--bg-1);color:var(--text-dim);font-size:12px;-webkit-user-select:none;user-select:none}.chip-toggle.on{background:var(--accent-glow);border-color:var(--accent-dim);color:var(--accent)}.app{position:relative;z-index:1;display:grid;grid-template-columns:232px 320px 1fr;height:100%}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column}.midcol{background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.detail{background:var(--bg-1);display:flex;flex-direction:column;min-width:0}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.brand .logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#021018;font-weight:800;font-size:15px;box-shadow:0 0 20px var(--accent-glow)}.brand .name{font-weight:700;letter-spacing:.02em}.brand .sub{font-size:10px;color:var(--text-faint);letter-spacing:.18em;text-transform:uppercase}.nav{padding:8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);padding:14px 12px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-dim);border:1px solid transparent;font-size:13px;text-align:left;width:100%;background:none}.nav-item:hover{background:var(--bg-2);color:var(--text)}.nav-item.active{background:var(--bg-3);color:var(--text);border-color:var(--line)}.nav-item .count{margin-left:auto;font-size:11px;color:var(--text-faint);font-family:var(--mono)}.nav-item .ico{width:16px;text-align:center;opacity:.9}.sidebar-foot{padding:10px;border-top:1px solid var(--line);display:flex;gap:8px}.searchbar{padding:14px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.searchbar .input{padding:9px 12px}.list{overflow-y:auto;flex:1}.list-empty{padding:40px 20px;text-align:center;color:var(--text-faint)}.row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line-soft);cursor:pointer;border-left:2px solid transparent}.row:hover{background:var(--bg-1)}.row.active{background:var(--bg-2);border-left-color:var(--accent)}.row .favicon{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-3);border:1px solid var(--line);font-size:15px;overflow:hidden}.row .favicon img{width:20px;height:20px}.row .meta{min-width:0;flex:1}.row .title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .subtitle{font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .star{color:var(--warn);font-size:12px}.detail-empty{flex:1;display:grid;place-items:center;color:var(--text-faint);text-align:center}.detail-head{padding:22px 24px 16px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:flex-start}.detail-head .favicon{width:46px;height:46px;border-radius:11px;font-size:20px}.detail-title{font-size:19px;font-weight:650}.detail-type{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.detail-body{padding:18px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.detail-actions{margin-left:auto;display:flex;gap:8px}.kv{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px}.kv .k{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-weight:600;margin-bottom:3px}.kv .v{display:flex;align-items:center;gap:10px}.kv .v .val{flex:1;min-width:0;word-break:break-all;font-family:var(--mono);font-size:13px}.kv .v .val.secret{letter-spacing:2px}.kv .copybtn{color:var(--text-dim);padding:4px 7px;border-radius:6px;border:1px solid transparent;font-size:12px;background:none}.kv .copybtn:hover{background:var(--bg-3);color:var(--text);border-color:var(--line)}.meter{height:5px;border-radius:3px;background:var(--bg-3);overflow:hidden;display:flex}.meter>span{height:100%;transition:width .2s}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#020305a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;padding:24px}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;width:100%;max-width:480px;box-shadow:0 30px 80px #0009;overflow:hidden}.modal.lg{max-width:620px}.modal-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{font-size:16px;font-weight:650}.modal-body{padding:22px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.modal-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.lock{position:relative;z-index:1;height:100%;display:grid;place-items:center}.lock-card{width:100%;max-width:380px;padding:36px 32px}.lock-logo{width:56px;height:56px;border-radius:14px;margin:0 auto 20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#021018;font-weight:800;font-size:26px;box-shadow:0 0 40px var(--accent-glow)}.lock h1{text-align:center;font-size:22px;font-weight:700}.lock .tagline{text-align:center;color:var(--text-faint);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-top:4px;margin-bottom:26px}.lock form{display:flex;flex-direction:column;gap:14px}.err{color:var(--bad);font-size:12px;text-align:center;min-height:16px}.muted{color:var(--text-dim)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:100;background:var(--bg-3);border:1px solid var(--line);padding:10px 18px;border-radius:24px;font-size:13px;box-shadow:0 12px 40px #00000080}.divider{height:1px;background:var(--line);margin:4px 0}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.pwrow{display:flex;gap:8px;align-items:stretch}.pwrow .input{flex:1;font-family:var(--mono)}.bb-lock{--hair: #15191f;--e-out: cubic-bezier(.16, 1, .3, 1);--e-io: cubic-bezier(.65, 0, .35, 1);--t-fast: .16s;--t-mid: .24s;--t-slow: .34s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-columns:1fr 520px;background:var(--bg);overflow:hidden}.bb-lock svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bb-lock .mono{font-family:var(--mono)}.bb-lock .hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line-soft);background:radial-gradient(820px 560px at 42% 40%,rgba(54,198,255,.05),transparent 62%),linear-gradient(160deg,#0a0c10,#07080a 60%,#060709)}.bb-lock .hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 1px,transparent 1px 9px),linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:auto,100% 46px,46px 100%;-webkit-mask-image:radial-gradient(700px 600px at 50% 42%,#000 30%,transparent 86%);mask-image:radial-gradient(700px 600px at 50% 42%,#000 30%,transparent 86%)}.bb-lock .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1100px 800px at 50% 36%,transparent,rgba(4,5,7,.6) 92%)}.bb-lock .hero>*{position:relative;z-index:1}.bb-lock .vault-stage{position:relative;width:460px;height:460px;display:grid;place-items:center;margin-bottom:6px}.bb-lock .unlock-ring{position:absolute;width:460px;height:460px;border-radius:50%;border:2px solid rgba(54,198,255,0);opacity:0;pointer-events:none}.bb-lock .unlock-ring.fire{animation:bbRing 1.5s var(--e-out)}@keyframes bbRing{0%{opacity:0;transform:scale(.86);border-color:#36c6ffe6;box-shadow:0 0 #36c6ff59}35%{opacity:1}to{opacity:0;transform:scale(1.22);border-color:#36c6ff00;box-shadow:0 0 60px 18px #36c6ff00}}.bb-lock .vault{position:relative;width:460px;height:460px;border-radius:50%;display:grid;place-items:center;transition:filter var(--t-slow) var(--e-out)}.bb-lock .vault-shadow{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#1a1f29,#0a0c10 64%,#060708);box-shadow:0 40px 90px #000000b3,inset 0 2px 1px #ffffff0a,inset 0 -30px 60px #0009}.bb-lock .vault.unlocked{filter:drop-shadow(0 0 38px rgba(54,198,255,.28))}.bb-lock .vault-casing{position:absolute;width:460px;height:460px}.bb-lock .ring-casing-outer{stroke:#171b22;stroke-width:14}.bb-lock .ring-casing-inner{stroke:#0c0e12;stroke-width:8}.bb-lock .vault-pointer{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:4}.bb-lock .vault-pointer svg{width:18px;height:18px;fill:var(--warn);stroke:none;filter:drop-shadow(0 0 6px rgba(255,203,69,.5));transition:fill var(--t-mid),filter var(--t-mid)}.bb-lock .vault.unlocked .vault-pointer svg{fill:var(--good);filter:drop-shadow(0 0 8px rgba(54,224,164,.6))}.bb-lock .rotor{position:absolute;width:460px;height:460px;transition:transform 1.9s cubic-bezier(.5,.02,.18,1)}.bb-lock .rotor.spin{transform:rotate(1080deg)}.bb-lock .rotor-svg{position:absolute;width:460px;height:460px}.bb-lock .rotor-rim{stroke:#20262f;stroke-width:2}.bb-lock .tick-ring{stroke:#13171d;stroke-width:1}.bb-lock .ticks line{stroke:#2c3440;stroke-width:2}.bb-lock .ticks line.major{stroke:#3a4554;stroke-width:2.5}.bb-lock .vault.unlocked .ticks line.major{stroke:var(--accent)}.bb-lock .bolts{position:absolute;width:460px;height:460px}.bb-lock .bolt{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:11px;background:radial-gradient(circle at 36% 30%,#20262f,#0c0e12 72%);border:1px solid #2a313c;box-shadow:inset 0 1px 1px #ffffff0d,inset 0 -4px 8px #0009,0 4px 10px #00000080;display:grid;place-items:center}.bb-lock .bolt:before{content:"";width:16px;height:16px;border-radius:4px;background:radial-gradient(circle at 40% 35%,#11151b,#060708);box-shadow:inset 0 0 0 1px #2c3340,inset 0 2px 4px #000000b3}.bb-lock .vault-core{position:absolute;width:204px;height:204px;border-radius:50%;display:grid;place-items:center;z-index:3;background:radial-gradient(circle at 42% 34%,#36c6ff1a,#36c6ff05 52%,#07080ae6 78%),#07080a;border:1px solid rgba(54,198,255,.18);box-shadow:inset 0 0 38px #000000b3,inset 0 1px 2px #ffffff0a,0 0 0 6px #080a0d99,0 0 40px #36c6ff0f;transition:border-color var(--t-slow),box-shadow var(--t-slow)}.bb-lock .vault.unlocked .vault-core{border-color:#36c6ff80;box-shadow:inset 0 0 38px #0000008c,inset 0 1px 2px #ffffff0d,0 0 0 6px #080a0d99,0 0 70px #36c6ff4d}.bb-lock .core-grid{position:absolute;width:184px;height:184px;opacity:.5}.bb-lock .core-edge{stroke:#36c6ff29;stroke-width:1}.bb-lock .core-cross{stroke:#36c6ff14;stroke-width:1}.bb-lock .core-inner{stroke:#36c6ff1f;stroke-width:1}.bb-lock .core-glyph{width:96px;height:96px;position:relative;z-index:1}.bb-lock .glyph-bracket{stroke:var(--accent);stroke-width:9;stroke-linecap:square;stroke-linejoin:miter;filter:drop-shadow(0 0 8px rgba(54,198,255,.5))}.bb-lock .glyph-arrow{stroke:var(--text);stroke-width:9;stroke-linecap:square;stroke-linejoin:miter}.bb-lock .glyph-bar{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 6px rgba(54,198,255,.5))}.bb-lock .hero-foot{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:30px;text-align:center}.bb-lock .hero-org{font-size:13px;font-weight:700;letter-spacing:.34em;color:var(--text-dim)}.bb-lock .hero-tag{font-size:9.5px;font-weight:500;letter-spacing:.26em;color:var(--text-faint)}.bb-lock .hero-spec{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:8.5px;font-weight:600;letter-spacing:.18em;color:var(--text-faint)}.bb-lock .spec-dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #36e0a421;animation:bbBreathe 3s var(--e-io) infinite}@keyframes bbBreathe{0%,to{opacity:.6}50%{opacity:1}}.bb-lock .auth{position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 56px;background:radial-gradient(620px 480px at 80% -8%,rgba(54,198,255,.05),transparent 60%),linear-gradient(180deg,#0a0c10,#08090c)}.bb-lock .auth:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:100% 46px,46px 100%;-webkit-mask-image:radial-gradient(520px 600px at 70% 30%,#000,transparent 80%);mask-image:radial-gradient(520px 600px at 70% 30%,#000,transparent 80%)}.bb-lock .auth-inner{position:relative;z-index:1;width:100%}.bb-lock .bb-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:44px}.bb-lock .bb-brand-name{display:flex;align-items:center;font-size:30px;font-weight:700;letter-spacing:.2em;color:var(--text)}.bb-lock .bb-brand-cursor{display:inline-block;width:14px;height:24px;margin-left:8px;background:var(--accent);border-radius:1px;box-shadow:0 0 14px #36c6ff99;animation:bbBlink 1.05s steps(1,end) infinite;transform:translateY(2px)}@keyframes bbBlink{0%,49%{opacity:1}50%,to{opacity:.14}}.bb-lock .bb-brand-powered{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:.28em;color:var(--text-faint)}.bb-lock .ght-mark{width:16px;height:16px;opacity:.9}.bb-lock .auth-head{text-align:center;margin-bottom:30px}.bb-lock .auth-kicker{display:inline-flex;align-items:center;gap:7px;font-size:9.5px;font-weight:700;letter-spacing:.22em;color:var(--accent)}.bb-lock .lock-glyph{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #36c6ffb3}.bb-lock .auth-title{margin:13px 0 8px;font-size:23px;font-weight:700;letter-spacing:-.01em;color:#fff}.bb-lock .auth-sub{margin:0 auto;max-width:330px;font-size:12.5px;line-height:1.55;color:var(--text-dim)}.bb-lock .auth-form{display:flex;flex-direction:column}.bb-lock .field-label{font-size:9.5px;font-weight:600;letter-spacing:.14em;color:var(--text-faint);margin-bottom:9px;margin-top:14px}.bb-lock .field-label:first-of-type{margin-top:0}.bb-lock .pw-wrap{position:relative;display:flex;align-items:center;height:50px;border:1px solid var(--line);border-radius:11px;background:var(--bg);transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out)}.bb-lock .pw-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #36c6ff1f}.bb-lock .pw-ico{width:17px;height:17px;margin:0 0 0 14px;color:var(--text-faint);flex:0 0 17px;transition:color var(--t-fast)}.bb-lock .pw-wrap:focus-within .pw-ico{color:var(--accent)}.bb-lock .pw-input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text);padding:0 6px 0 12px;font-size:13.5px;letter-spacing:.02em}.bb-lock .pw-input::placeholder{color:var(--text-faint);font-family:var(--sans);letter-spacing:0}.bb-lock .pw-input:focus{outline:none}.bb-lock .pw-eye{width:38px;height:38px;margin-right:6px;border:0;border-radius:8px;background:transparent;color:var(--text-faint);cursor:pointer;display:grid;place-items:center;flex:0 0 38px;transition:all var(--t-fast) var(--e-out)}.bb-lock .pw-eye svg{width:18px;height:18px}.bb-lock .pw-eye:hover{color:var(--text-dim);background:#ffffff08}.bb-lock .pw-wrap.shake{animation:bbShake .42s var(--e-io);border-color:var(--bad)!important;box-shadow:0 0 0 3px #ff5a6a24!important}@keyframes bbShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.bb-lock .pw-error{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11.5px;color:var(--bad)}.bb-lock .pw-error svg{width:15px;height:15px;flex:0 0 15px;color:var(--bad)}.bb-lock .btn-unlock{position:relative;margin-top:22px;height:50px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;letter-spacing:.01em;color:#04121a;background:var(--accent);border:1px solid var(--accent);box-shadow:0 0 30px var(--accent-glow),inset 0 1px #ffffff2e;transition:all var(--t-fast) var(--e-out)}.bb-lock .btn-unlock:hover{background:#52d0ff;box-shadow:0 0 40px #36c6ff52,inset 0 1px #ffffff38}.bb-lock .btn-unlock:active{transform:translateY(1px)}.bb-lock .btn-unlock:disabled{cursor:progress}.bb-lock .btn-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(4,18,26,.28);border-top-color:#04121a;display:none;animation:bbSpin .7s linear infinite}@keyframes bbSpin{to{transform:rotate(360deg)}}.bb-lock .btn-check{width:18px;height:18px;color:#04121a;stroke-width:2.6;display:none}.bb-lock .btn-unlock.loading .btn-spinner{display:block}.bb-lock .btn-unlock.loading .btn-text{opacity:.85}.bb-lock .btn-unlock.success{background:var(--good);border-color:var(--good);color:#03130d;box-shadow:0 0 38px #36e0a452,inset 0 1px #fff3}.bb-lock .btn-unlock.success .btn-spinner{display:none}.bb-lock .btn-unlock.success .btn-check{display:block;color:#03130d;animation:bbPop .34s var(--e-out)}@keyframes bbPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.bb-lock .auth-hint{margin-top:16px;text-align:center;font-size:11px;color:var(--text-faint);min-height:14px}.bb-lock .hint-code{color:var(--accent);font-weight:600}.bb-lock .auth-hint.error{color:var(--bad)}.bb-lock .handshake{display:inline-flex;align-items:center;gap:8px;margin:24px auto 0;padding:9px 14px;border:1px solid rgba(54,224,164,.3);border-radius:10px;background:#36e0a40f;box-shadow:0 0 26px #36e0a41a}.bb-lock .handshake.show{animation:bbRise var(--t-slow) var(--e-out) both}@keyframes bbRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bb-lock .hs-prompt{font-size:11.5px;font-weight:600;color:var(--good)}.bb-lock .hs-arrow{font-size:11.5px;color:var(--text-faint)}.bb-lock .hs-text{font-size:11.5px;color:var(--text)}.bb-lock .hs-cursor{display:inline-block;width:7px;height:13px;background:var(--good);box-shadow:0 0 8px #36e0a499;animation:bbBlink 1.05s steps(1) infinite;flex:0 0 7px}.bb-lock .seg-wrap{position:relative;z-index:1;display:flex;justify-content:center;margin-top:36px}.bb-lock .seg{position:relative;display:inline-flex;padding:4px;gap:2px;border-radius:11px;background:#080a0db3;border:1px solid var(--line-soft)}.bb-lock .seg-btn{position:relative;z-index:1;height:32px;padding:0 18px;border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-faint);border-radius:8px;transition:color var(--t-fast) var(--e-out)}.bb-lock .seg-btn:hover{color:var(--text-dim)}.bb-lock .seg-btn.active{color:#04121a}.bb-lock .seg-thumb{position:absolute;z-index:0;top:4px;height:32px;border-radius:8px;background:var(--accent);box-shadow:0 0 20px #36c6ff47;transition:left var(--t-mid) var(--e-out),width var(--t-mid) var(--e-out)}@media (max-width: 900px){.bb-lock{grid-template-columns:1fr}.bb-lock .hero{display:none}.bb-lock .auth{padding:0 28px}}@media (prefers-reduced-motion: reduce){.bb-lock *,.bb-lock *:before,.bb-lock *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.bb-lock .rotor.spin{transform:rotate(360deg)}}