/* Wygenerowane przez strona-src/panel_css.py z wtyczka/popup.html. Nie edytuj ręcznie. */
.lsx{--ff: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; --brand-300: #9db7f5; --brand-400: #5f86ec; --brand-500: #1F4FD8; --brand-600: #1a43b8; --brand-700: #163a9e; --violet: var(--brand-500); --ok-400: #34d399; --ok-500: #10b981; --ok-600: #059669; --warn-400: #fbbf24; --warn-500: #f59e0b; --warn-600: #d97706; --err-400: #f87171; --err-500: #ef4444; --err-600: #dc2626; --bg: #f6f7fb; --surface: #ffffff; --surface-2: #f1f3f9; --elevated: #ffffff; --line: #e4e7ef; --line-strong: #cbd2e0; --tx-1: #0d1220; --tx-2: #4d5670; --tx-3: #8d95ab; --glass: rgba(255,255,255,.78); --sh-1: 0 1px 2px rgba(16,24,40,.06); --sh-2: 0 6px 20px -6px rgba(16,24,40,.18); --sh-glow: 0 0 0 3px rgba(31,79,216,.18); --r-xs: 6px; --r-sm: 9px; --r-md: 13px; --r-lg: 18px; --r-full: 999px; --t-fast: 130ms cubic-bezier(.4,0,.2,1); --t: 230ms cubic-bezier(.4,0,.2,1);}
.lsx.dark{--bg: #080b13; --surface: #0f1421; --surface-2: #161c2c; --elevated: #1b2233; --line: #1e2739; --line-strong: #2c3648; --tx-1: #e6eaf5; --tx-2: #98a2b9; --tx-3: #606b85; --glass: rgba(15,20,33,.82); --sh-1: 0 1px 2px rgba(0,0,0,.5); --sh-2: 0 10px 30px -10px rgba(0,0,0,.75); --sh-glow: 0 0 0 3px rgba(31,79,216,.3); --brand-300: #a9c0f7; --brand-400: #7b9df2; --brand-500: #5b85f0; --brand-600: #3a6ae8; --brand-700: #2b58d4;}
.lsx *,.lsx *::before,.lsx *::after{box-sizing: border-box; margin: 0; padding: 0}
.lsx,.lsx{height: 100%}
.lsx{background: #080b13}
.lsx{font-family: var(--ff); background: var(--bg); color: var(--tx-1); width: 420px; height: 600px; display: flex; flex-direction: column; overflow: hidden; font-size: 13px; line-height: 1.5; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums;}
.lsx.is-panel{width: 100%; max-width: 460px; height: 100vh; margin: 0 auto; border-left: 1px solid var(--line); border-right: 1px solid var(--line)}
.lsx button,.lsx input,.lsx textarea,.lsx select{font: inherit; color: inherit; border: none; background: none; outline: none}
.lsx button{cursor: pointer}
.lsx a{color: var(--brand-500); text-decoration: none; cursor: pointer}
.lsx a:hover{text-decoration: underline}
.lsx ::-webkit-scrollbar{width: 6px; height: 6px}
.lsx ::-webkit-scrollbar-thumb{background: var(--line-strong); border-radius: 99px}
.lsx ::-webkit-scrollbar-thumb:hover{background: var(--tx-3)}
.lsx ::selection{background: rgba(31,79,216,.3)}
@keyframes lsx-fade{from { opacity: 0 } to { opacity: 1 }}
@keyframes lsx-rise{from { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: none }}
@keyframes lsx-spin{to { transform: rotate(360deg) }}
@keyframes lsx-pulse{0%,100% { opacity: 1 } 50% { opacity: .45 }}
@keyframes lsx-shimmer{0% { background-position: -200% 0 } 100% { background-position: 200% 0 }}
@keyframes lsx-pop{0% { transform: scale(.92); opacity: 0 } 100% { transform: scale(1); opacity: 1 }}
.lsx #boot{position: fixed; inset: 0; z-index: 9999; background: var(--bg); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; transition: opacity .28s}
.lsx .spin{width: 38px; height: 38px; border: 3px solid var(--line); border-top-color: var(--brand-500); border-radius: 50%; animation: lsx-spin .9s linear infinite}
.lsx #boot p{font-size: 12px; font-weight: 700; color: var(--tx-2)}
.lsx .hdr{display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 52px; flex-shrink: 0; padding: 0 12px; background: var(--glass); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); z-index: 60;}
.lsx .brand{display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15px; letter-spacing: 0}
.lsx .brand svg{width: 26px; height: 26px; flex: 0 0 26px; border-radius: 7px}
.lsx .hdr-r{display: flex; align-items: center; gap: 6px}
.lsx .chip-plan{display: none; align-items: center; gap: 6px; padding: 5px 10px; border-radius: var(--r-full); background: rgba(31,79,216,.16); border: 1px solid rgba(31,79,216,.38); color: var(--brand-300); font-size: 10.5px; font-weight: 700; letter-spacing: .2px; transition: var(--t-fast)}
.lsx .chip-plan:hover{transform: translateY(-1px); box-shadow: var(--sh-glow)}
.lsx .chip-plan.low{border-color: rgba(245,158,11,.5); color: var(--warn-400); background: rgba(245,158,11,.12)}
.lsx .chip-plan.limit-empty{border-color: rgba(239,68,68,.5); color: var(--err-400); background: rgba(239,68,68,.12)}
.lsx .ibtn{width: 30px; height: 30px; border-radius: var(--r-sm); border: 1px solid var(--line); background: var(--surface); color: var(--tx-2); display: flex; align-items: center; justify-content: center; transition: var(--t-fast)}
.lsx .ibtn:hover{color: var(--brand-500); border-color: var(--brand-500); background: var(--surface-2)}
.lsx .ibtn svg{width: 15px; height: 15px}
.lsx .main{flex: 1; overflow-y: auto; overflow-x: hidden; padding: 14px; opacity: 0; transition: opacity .35s; scroll-behavior: smooth}
.lsx .view{display: none; flex-direction: column; gap: 14px; animation: lsx-rise .26s both}
.lsx .view.on{display: flex}
.lsx .nav{display: none; align-items: stretch; height: 56px; flex-shrink: 0; background: var(--glass); backdrop-filter: blur(14px); border-top: 1px solid var(--line); z-index: 60}
.lsx .nav-btn{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: var(--tx-3); font-size: 10.5px; font-weight: 700; text-transform: none; letter-spacing: 0; position: relative; transition: var(--t-fast)}
.lsx .nav-btn svg{width: 20px; height: 20px; flex: 0 0 20px; transition: var(--t)}
.lsx .nav-btn:hover{color: var(--tx-2)}
.lsx .nav-btn.on{color: var(--brand-500)}
.lsx .nav-btn.on svg{transform: translateY(-1px)}
.lsx .nav-btn.on::before{content: ""; position: absolute; top: 0; left: 22%; right: 22%; height: 2.5px; border-radius: 0 0 3px 3px; background: var(--brand-500)}
.lsx .card{background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); padding: 14px; box-shadow: var(--sh-1); position: relative}
.lsx .card-t{display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--tx-2); margin-bottom: 8px}
.lsx .card-t svg{width: 14px; height: 14px; flex: 0 0 14px}
.lsx .card-d{font-size: 11.5px; color: var(--tx-2); line-height: 1.45; margin-bottom: 10px}
.lsx .label{font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--tx-2); display: flex; align-items: center; gap: 6px; margin-bottom: 6px}
.lsx .inp,.lsx .ta,.lsx .sel{width: 100%; padding: 10px 12px; border-radius: var(--r-sm); border: 1px solid var(--line-strong); background: var(--surface); color: var(--tx-1); font-size: 12.5px; transition: var(--t-fast)}
.lsx .ta{min-height: 64px; resize: vertical; line-height: 1.5}
.lsx .inp::placeholder,.lsx .ta::placeholder{color: var(--tx-3)}
.lsx .inp:focus,.lsx .ta:focus,.lsx .sel:focus{border-color: var(--brand-500); box-shadow: var(--sh-glow); background: var(--elevated)}
.lsx .sel{cursor: pointer; padding-right: 26px; appearance: none; background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%); background-position: calc(100% - 14px) 50%,calc(100% - 9px) 50%; background-size: 5px 5px,5px 5px; background-repeat: no-repeat}
.lsx .row2{display: grid; grid-template-columns: 1fr 1fr; gap: 8px}
.lsx .btn{display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-weight: 700; border-radius: var(--r-sm); transition: var(--t); width: 100%; white-space: nowrap}
.lsx .btn:disabled{opacity: .55; cursor: not-allowed; transform: none !important; box-shadow: none !important}
.lsx .btn svg{width: 16px; height: 16px; flex-shrink: 0}
.lsx .btn-hero{padding: 15px 18px; font-size: 13.5px; letter-spacing: .3px; color: #fff; border-radius: var(--r-md); background: var(--brand-600); box-shadow: none}
.lsx .btn-hero:hover:not(:disabled){transform: translateY(-2px); box-shadow: 0 12px 28px -8px rgba(31,79,216,1)}
.lsx .btn-1{padding: 12px 16px; font-size: 12.5px; color: #fff; background: var(--brand-600); box-shadow: none}
.lsx .btn-1:hover:not(:disabled){transform: translateY(-1px)}
.lsx .btn-2{padding: 10px 14px; font-size: 12.5px; background: var(--surface); border: 1px solid var(--line-strong); color: var(--tx-1); text-transform: none; letter-spacing: 0}
.lsx .btn-2:hover:not(:disabled){border-color: var(--brand-500); color: var(--brand-500); background: var(--surface-2)}
.lsx .btn-3{padding: 8px 11px; font-size: 11px; background: var(--surface-2); border: 1px solid var(--line); color: var(--tx-2); border-radius: var(--r-xs); width: auto}
.lsx .btn-3:hover{color: var(--brand-500); border-color: var(--brand-500)}
.lsx .btn-danger:hover{color: var(--err-500) !important; border-color: var(--err-500) !important}
.lsx .alert{display: none; align-items: flex-start; gap: 8px; padding: 10px 12px; border-radius: var(--r-sm); font-size: 11.5px; font-weight: 700; line-height: 1.45; animation: lsx-pop .22s}
.lsx .alert.on{display: flex}
.lsx .a-err{background: rgba(239,68,68,.12); color: var(--err-500); border: 1px solid rgba(239,68,68,.32)}
.lsx .a-ok{background: rgba(16,185,129,.12); color: var(--ok-600); border: 1px solid rgba(16,185,129,.32)}
.lsx.dark .a-ok{color: var(--ok-400)}
.lsx .stat{font-size: 10.5px; font-weight: 700; color: var(--ok-500); text-align: right; height: 0; opacity: 0; overflow: hidden; transition: var(--t)}
.lsx .stat.on{opacity: 1; height: auto; margin-top: 5px}
.lsx .hint{font-size: 10.5px; color: var(--tx-3); line-height: 1.45}
.lsx .kbd{display: inline-block; padding: 1px 5px; border-radius: 4px; border: 1px solid var(--line-strong); background: var(--surface-2); font-size: 9.5px; font-weight: 700; color: var(--tx-2)}
.lsx .sso-row{display: grid; gap: 8px}
.lsx .btn-sso{padding: 11px 14px; font-size: 12.5px; font-weight: 700; background: #fff; color: #1f2937; border: 1px solid var(--line-strong); gap: 9px}
.lsx .btn-sso:hover:not(:disabled){background: #f3f4f8; transform: translateY(-1px)}
.lsx .btn-sso svg{width: 16px; height: 16px; flex: 0 0 16px}
.lsx .or-line{display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--tx-3); font-weight: 600}
.lsx .or-line::before,.lsx .or-line::after{content: ""; flex: 1; height: 1px; background: var(--line)}
.lsx .btn-outbox{color: #fff !important; background: var(--brand-600) !important; border-color: transparent !important}
.lsx .auth-head{text-align: center; margin-bottom: 4px}
.lsx .auth-head h2{font-size: 17px; font-weight: 700; letter-spacing: 0; margin-bottom: 5px}
.lsx .auth-head p{font-size: 11.5px; color: var(--tx-2); line-height: 1.45}
.lsx .auth-alt{text-align: center; font-size: 11.5px; color: var(--tx-2); display: flex; flex-direction: column; gap: 9px; margin-top: 4px}
.lsx .login-syncing{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 70px 24px 30px; animation: lsx-rise .3s both}
.lsx .ls-ring{width: 58px; height: 58px; border-radius: 50%; position: relative; flex-shrink: 0; background: conic-gradient(from 0deg, transparent 0%, var(--brand-500) 55%, var(--violet) 85%, transparent 100%); animation: lsx-spin .85s linear infinite; -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px))}
.lsx .ls-msg{font-size: 13.5px; font-weight: 800; color: var(--tx-1); text-align: center; min-height: 18px}
.lsx .ls-steps{display: flex; gap: 7px}
.lsx .ls-step{width: 7px; height: 7px; border-radius: 50%; background: var(--line-strong); transition: var(--t)}
.lsx .ls-step.on{background: var(--brand-500); box-shadow: 0 0 8px rgba(31,79,216,.7)}
.lsx .ls-step.done{background: var(--ok-500)}
.lsx .ls-note{font-size: 10.5px; color: var(--tx-3); text-align: center; line-height: 1.5; max-width: 280px}
.lsx .perk{display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--tx-2); padding: 4px 0}
.lsx .perk svg{width: 13px; height: 13px; color: var(--ok-500); flex-shrink: 0}
.lsx .target{display: flex; align-items: center; gap: 11px; padding: 12px; border-radius: var(--r-md); background: rgba(31,79,216,.09); border: 1px solid rgba(31,79,216,.28)}
.lsx .target img{width: 34px; height: 34px; border-radius: 9px; background: var(--surface); object-fit: contain; padding: 3px; border: 1px solid var(--line); flex-shrink: 0}
.lsx .target-tx{min-width: 0; flex: 1}
.lsx .target-dom{font-size: 13px; font-weight: 700; letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.lsx .target-sub{font-size: 10.5px; color: var(--tx-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px}
.lsx .badge-cache{font-size: 9px; font-weight: 700; padding: 3px 7px; border-radius: var(--r-full); background: rgba(16,185,129,.15); color: var(--ok-500); border: 1px solid rgba(16,185,129,.35); flex-shrink: 0; display: none}
.lsx .chips{display: flex; flex-wrap: wrap; gap: 6px}
.lsx .mini-batch-btn{position: relative; flex: 0 0 28px; width: 28px; height: 28px; border-radius: var(--r-xs); border: 1px solid var(--line); background: var(--surface); color: var(--tx-3); display: flex; align-items: center; justify-content: center; transition: var(--t-fast)}
.lsx .mini-batch-btn:hover{color: var(--brand-400); border-color: var(--brand-400)}
.lsx .mini-batch-btn.active{color: var(--brand-400); border-color: var(--brand-500); background: rgba(31,79,216,.1)}
.lsx .mini-batch-btn svg{width: 14px; height: 14px}
.lsx .mini-batch-count{position: absolute; top: -5px; right: -5px; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 99px; background: var(--brand-500); color: #fff; font-size: 8px; font-weight: 800; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--bg)}
.lsx .batch-hint{font-size: 11.5px; font-weight: 800; text-transform: none; letter-spacing: 0; color: var(--tx-3); margin-bottom: 2px}
.lsx .tab-pick{display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: var(--r-sm); border: 1px solid var(--line); background: var(--surface-2); cursor: pointer; transition: var(--t-fast)}
.lsx .tab-pick:hover{border-color: var(--brand-400)}
.lsx .tab-pick.checked{border-color: var(--brand-500); background: rgba(31,79,216,.09)}
.lsx .tab-pick input{width: 14px; height: 14px; flex: 0 0 14px; accent-color: var(--brand-500)}
.lsx .tab-pick img{width: 16px; height: 16px; border-radius: 4px; flex: 0 0 16px; background: var(--surface)}
.lsx .tab-pick span{flex: 1; min-width: 0; font-size: 11px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.lsx .chip{padding: 5px 10px; border-radius: var(--r-full); border: 1px solid var(--line); background: var(--surface-2); font-size: 10.5px; font-weight: 700; color: var(--tx-2); transition: var(--t-fast)}
.lsx .chip:hover{border-color: var(--brand-500); color: var(--brand-500); background: rgba(31,79,216,.08)}
.lsx .lockbox{position: relative}
.lsx .lock{position: absolute; inset: 0; border-radius: inherit; background: var(--glass); backdrop-filter: blur(3px); display: none; flex-direction: column; align-items: center; justify-content: center; gap: 8px; z-index: 12; cursor: pointer; text-align: center; padding: 12px}
.lsx .lockbox.locked .lock{display: flex}
.lsx .lockbox.locked > *:not(.lock){opacity: .25; pointer-events: none}
.lsx .lock-t{font-size: 12.5px; font-weight: 700; text-transform: none; letter-spacing: 0}
.lsx .lock-b{padding: 6px 14px; border-radius: var(--r-full); font-size: 10.5px; font-weight: 700; color: #fff; background: var(--brand-600)}
.lsx .prog{display: none; flex-direction: column; gap: 12px; padding: 16px 14px; border-radius: var(--r-md); background: var(--surface); border: 1px solid var(--line)}
.lsx .prog.on{display: flex}
.lsx .pbar{height: 5px; border-radius: 99px; background: var(--surface-2); overflow: hidden}
.lsx .pbar i{display: block; height: 100%; width: 8%; border-radius: 99px; background: var(--brand-500); transition: width .5s cubic-bezier(.4,0,.2,1)}
.lsx .steps{display: flex; flex-direction: column; gap: 9px}
.lsx .step{display: flex; align-items: center; gap: 9px; font-size: 11.5px; font-weight: 700; color: var(--tx-3); transition: var(--t)}
.lsx .step .dot{width: 17px; height: 17px; border-radius: 50%; border: 2px solid var(--line-strong); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; transition: var(--t)}
.lsx .step.doing{color: var(--tx-1)}
.lsx .step.doing .dot{border-color: var(--brand-500); border-top-color: transparent; animation: lsx-spin .8s linear infinite}
.lsx .step.done{color: var(--ok-500)}
.lsx .step.done .dot{border-color: var(--ok-500); background: var(--ok-500); color: #fff; animation: none}
.lsx .prog-note{font-size: 10.5px; color: var(--tx-3); text-align: center}
.lsx .sk{height: 56px; border-radius: var(--r-md); border: 1px solid var(--line); background: linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%); background-size: 200% 100%; animation: lsx-shimmer 1.4s linear infinite}
.lsx .hero{display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: var(--r-md); background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-1)}
.lsx .ring{position: relative; width: 78px; height: 78px; flex-shrink: 0}
.lsx .ring svg{transform: rotate(-90deg); width: 78px; height: 78px}
.lsx .ring .bgc{fill: none; stroke: var(--surface-2); stroke-width: 8}
.lsx .ring .fgc{fill: none; stroke: var(--brand-500); stroke-width: 8; stroke-linecap: round; stroke-dasharray: 213.6; stroke-dashoffset: 213.6; transition: stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}
.lsx .ring b{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 21px; font-weight: 700; letter-spacing: 0}
.lsx .hero-tx{min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 5px}
.lsx .hero-dom{font-size: 14px; font-weight: 700; letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.lsx .hero-sub{font-size: 10.5px; color: var(--tx-2); line-height: 1.4}
.lsx .verdict{display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; padding: 4px 11px; border-radius: var(--r-full); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px}
.lsx .v-hot{background: rgba(16,185,129,.16); color: var(--ok-500); border: 1px solid rgba(16,185,129,.4)}
.lsx .v-warm{background: rgba(245,158,11,.16); color: var(--warn-500); border: 1px solid rgba(245,158,11,.4)}
.lsx .v-cold{background: rgba(141,149,171,.16); color: var(--tx-2); border: 1px solid var(--line-strong)}
.lsx .v-dq{background: rgba(239,68,68,.16); color: var(--err-500); border: 1px solid rgba(239,68,68,.4)}
.lsx .qbar{display: flex; gap: 6px; flex-wrap: wrap}
.lsx .tabs{display: flex; gap: 3px; padding: 3px; border-radius: var(--r-sm); background: var(--surface-2); border: 1px solid var(--line)}
.lsx .tab{flex: 1; padding: 7px 4px; border-radius: var(--r-xs); font-size: 10.5px; font-weight: 700; color: var(--tx-2); transition: var(--t-fast); text-align: center}
.lsx .tab:hover{color: var(--tx-1)}
.lsx .tab.on{background: var(--surface); color: var(--brand-500); box-shadow: var(--sh-1)}
.lsx .pane{display: none; flex-direction: column; gap: 11px; animation: lsx-fade .2s}
.lsx .pane.on{display: flex}
.lsx .sec{background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; box-shadow: var(--sh-1); animation: lsx-rise .3s both}
.lsx .sec-h{display: flex; align-items: center; gap: 8px; padding: 11px 13px; cursor: pointer; user-select: none}
.lsx .sec-h .ico{font-size: 14px; line-height: 1; flex-shrink: 0}
.lsx .sec-h .ttl{flex: 1; font-size: 12.5px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--brand-500)}
.lsx .sec-h .cp{width: 24px; height: 24px; border-radius: var(--r-xs); border: 1px solid var(--line); color: var(--tx-3); display: flex; align-items: center; justify-content: center; opacity: 0; transition: var(--t-fast)}
.lsx .sec:hover .cp{opacity: 1}
.lsx .sec-h .cp:hover{color: var(--brand-500); border-color: var(--brand-500)}
.lsx .sec-h .cp svg{width: 12px; height: 12px}
.lsx .sec-h .arr{width: 13px; height: 13px; color: var(--tx-3); transition: var(--t)}
.lsx .sec.closed .arr{transform: rotate(-90deg)}
.lsx .sec-b{padding: 0 13px 13px; font-size: 12.5px; line-height: 1.6; color: var(--tx-1); white-space: pre-wrap; word-break: break-word}
.lsx .sec.closed .sec-b{display: none}
.lsx .sec-b ul{margin: 4px 0 0 16px; display: flex; flex-direction: column; gap: 4px}
.lsx .sec-b li{font-size: 12.5px; line-height: 1.5}
.lsx .sec.danger{border-color: rgba(239,68,68,.45); background: rgba(239,68,68,.05)}
.lsx .sec.danger .ttl{color: var(--err-500)}
.lsx .sec.good{border-color: rgba(16,185,129,.4); background: rgba(16,185,129,.05)}
.lsx .sec.good .ttl{color: var(--ok-500)}
.lsx .sec.pro{border-color: rgba(31,79,216,.35)}
.lsx .sec.pro .ttl{color: var(--violet)}
.lsx .cursor::after{content: "▋"; color: var(--brand-500); animation: lsx-pulse .8s infinite; margin-left: 2px}
.lsx .facts{display: flex; flex-direction: column; gap: 7px}
.lsx .fact{display: flex; align-items: center; gap: 9px; padding: 9px 11px; border-radius: var(--r-sm); background: var(--surface-2); border: 1px solid var(--line); transition: var(--t-fast); cursor: pointer}
.lsx .fact:hover{border-color: var(--brand-500); background: rgba(31,79,216,.07)}
.lsx .fact .k{font-size: 11.5px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--tx-3); width: 58px; flex-shrink: 0}
.lsx .fact .v{flex: 1; font-size: 12px; font-weight: 700; word-break: break-all; min-width: 0}
.lsx .fact .c{width: 14px; height: 14px; color: var(--tx-3); flex-shrink: 0}
.lsx .fact:hover .c{color: var(--brand-500)}
.lsx .pills{display: flex; flex-wrap: wrap; gap: 6px}
.lsx .pill{padding: 5px 10px; border-radius: var(--r-full); font-size: 10.5px; font-weight: 700; background: var(--surface-2); border: 1px solid var(--line); color: var(--tx-2)}
.lsx .pill.b{background: rgba(31,79,216,.12); border-color: rgba(31,79,216,.35); color: var(--brand-300)}
.lsx .pill.g{background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.35); color: var(--ok-500)}
.lsx .pill.w{background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.35); color: var(--warn-500)}
.lsx .lead{display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: var(--r-md); background: var(--surface); border: 1px solid var(--line); cursor: pointer; transition: var(--t); box-shadow: var(--sh-1)}
.lsx .lead:hover{border-color: var(--brand-500); transform: translateY(-1px); box-shadow: var(--sh-2)}
.lsx .lead-h{display: flex; align-items: center; gap: 9px}
.lsx .lead-sc{width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 700; flex-shrink: 0; color: #fff}
.lsx .lead-tx{flex: 1; min-width: 0}
.lsx .lead-dom{font-size: 12.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.lsx .lead-meta{font-size: 10px; color: var(--tx-3); margin-top: 1px}
.lsx .lead-acts{display: flex; gap: 6px; justify-content: flex-end; border-top: 1px dashed var(--line); padding-top: 9px}
.lsx .empty{display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 44px 16px; text-align: center}
.lsx .empty svg{width: 40px; height: 40px; color: var(--tx-3); opacity: .45}
.lsx .empty p{font-size: 12px; font-weight: 600; color: var(--tx-3); line-height: 1.5}
.lsx .trow{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--line)}
.lsx .trow:last-child{border: none}
.lsx .trow span{font-size: 11px; font-weight: 700}
.lsx .tg{position: relative; width: 34px; height: 19px; flex-shrink: 0}
.lsx .tg input{opacity: 0; width: 0; height: 0; position: absolute}
.lsx .tg i{position: absolute; inset: 0; border-radius: 99px; background: var(--line-strong); transition: var(--t); cursor: pointer}
.lsx .tg i::after{content: ""; position: absolute; width: 13px; height: 13px; left: 3px; top: 3px; border-radius: 50%; background: #fff; transition: var(--t); box-shadow: var(--sh-1)}
.lsx .tg input:checked + i{background: var(--ok-500)}
.lsx .tg input:checked + i::after{transform: translateX(15px)}
.lsx .tag-pro{font-size: 8.5px; font-weight: 700; padding: 1px 5px; border-radius: 4px; background: rgba(31,79,216,.16); color: var(--violet); border: 1px solid rgba(31,79,216,.35); margin-left: 5px}
.lsx .acc{max-height: 0; overflow: hidden; opacity: 0; transition: max-height .35s ease,opacity .25s,margin .25s}
.lsx .acc.open{max-height: 900px; opacity: 1; margin-top: 10px}
.lsx .mods{display: flex; flex-direction: column; background: var(--bg); border: 1px solid var(--line); border-radius: var(--r-sm); padding: 4px 12px}
.lsx .tier{display: flex; align-items: center; gap: 10px; padding: 12px 13px; border-radius: var(--r-sm); border: 1px solid var(--line); background: var(--bg); margin-bottom: 9px; cursor: pointer; transition: var(--t); position: relative}
.lsx .tier:hover{border-color: var(--brand-400); transform: translateX(3px)}
.lsx .tier.best{border-color: rgba(31,79,216,.5)}
.lsx .tier.mine{border: 2px solid var(--ok-500); background: rgba(16,185,129,.06)}
.lsx .tier-i{flex: 1; min-width: 0}
.lsx .tier-i h4{font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 6px}
.lsx .tier-i p{font-size: 10.5px; color: var(--tx-3); font-weight: 600; margin-top: 2px}
.lsx .tier-c{font-size: 13px; font-weight: 700; color: var(--brand-500); background: rgba(31,79,216,.12); padding: 5px 11px; border-radius: var(--r-full); white-space: nowrap}
.lsx .tier-flag{position: absolute; top: -9px; right: 11px; font-size: 8.5px; font-weight: 700; padding: 2px 8px; border-radius: 99px; background: var(--ok-500); color: #fff; text-transform: uppercase; letter-spacing: .4px; display: none}
.lsx .tier.mine .tier-flag{display: block}
.lsx .tier-new{font-size: 8.5px; font-weight: 700; padding: 1px 6px; border-radius: 4px; background: rgba(31,79,216,.16); color: var(--brand-300); border: 1px solid rgba(31,79,216,.35)}
.lsx #toasts{position: fixed; left: 12px; right: 12px; bottom: 66px; z-index: 9000; display: flex; flex-direction: column; gap: 7px; pointer-events: none}
.lsx .toast{padding: 10px 13px; border-radius: var(--r-sm); font-size: 11.5px; font-weight: 700; background: var(--elevated); border: 1px solid var(--line-strong); box-shadow: var(--sh-2); animation: lsx-rise .22s; display: flex; align-items: center; gap: 8px}
.lsx .toast.ok{border-color: rgba(16,185,129,.5); color: var(--ok-500)}
.lsx .toast.err{border-color: rgba(239,68,68,.5); color: var(--err-500)}
.lsx .toast.info{border-color: rgba(31,79,216,.5); color: var(--brand-300)}
.lsx.is-panel{max-width: 520px;}
.lsx .brand img{width: 26px; height: 26px; border-radius: 7px; box-shadow: none}
.lsx .brand small{font-size: 9px; font-weight: 800; color: var(--brand-300); background: rgba(31,79,216,.14); border: 1px solid rgba(31,79,216,.35); padding: 1px 6px; border-radius: 99px; letter-spacing: .4px}
.lsx .terms{font-size: 10.5px; color: var(--tx-3); text-align: center; line-height: 1.5}
.lsx .perm-note{display: none; align-items: center; gap: 8px; padding: 9px 11px; border-radius: var(--r-sm); background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.35); color: var(--warn-500); font-size: 11px; font-weight: 700}
.lsx .perm-note.on{display: flex}
.lsx .onb-note{display: none; align-items: center; gap: 9px; padding: 10px 12px; border-radius: var(--r-sm); background: rgba(31,79,216,.16); border: 1px solid rgba(31,79,216,.45); color: var(--tx-1); font-size: 11.5px; font-weight: 700; line-height: 1.4; margin-bottom: 2px}
.lsx .onb-note.on{display: flex}
.lsx .onb-note .onb-ic{font-size: 16px}
.lsx .onb-note button{margin-left: auto; flex: 0 0 auto; padding: 6px 12px; border-radius: 99px; background: var(--brand-500); color: #fff; font-size: 10.5px; font-weight: 800}
.lsx .perm-note button{margin-left: auto; padding: 5px 10px; border-radius: 99px; background: var(--warn-500); color: #111; font-size: 10.5px; font-weight: 800}
.lsx .batch-cost{font-size: 10px; color: var(--tx-3); margin-top: 6px}
.lsx .live{display: flex; flex-wrap: wrap; gap: 5px; min-height: 22px}
.lsx .live span{font-size: 10px; font-weight: 800; padding: 3px 8px; border-radius: 99px; background: rgba(16,185,129,.12); color: var(--ok-500); border: 1px solid rgba(16,185,129,.3); animation: lsx-pop .25s both}
.lsx .live-t{font-size: 11.5px; font-weight: 800; text-transform: none; letter-spacing: 0; color: var(--tx-3)}
.lsx .prog-found{display: flex; gap: 10px; font-size: 10.5px; color: var(--tx-2); font-weight: 700; flex-wrap: wrap}
.lsx .prog-found b{color: var(--tx-1)}
.lsx .rel-badge{display: inline-flex; align-self: flex-start; font-size: 10px; font-weight: 800; padding: 3px 10px; border-radius: 99px; border: 1px solid}
.lsx .rel-klient{background: rgba(16,185,129,.13); color: var(--ok-500); border-color: rgba(16,185,129,.4)}
.lsx .rel-dostawca_partner{background: rgba(56,189,248,.12); color: #38bdf8; border-color: rgba(56,189,248,.4)}
.lsx .rel-konkurent{background: rgba(245,158,11,.13); color: var(--warn-500); border-color: rgba(245,158,11,.4)}
.lsx .rel-nieokreslony{background: var(--surface-2); color: var(--tx-3); border-color: var(--line-strong)}
.lsx .angle{display: none; gap: 10px; padding: 12px 13px; border-radius: var(--r-md); background: rgba(31,79,216,.12); border: 1px solid rgba(31,79,216,.35)}
.lsx .angle.on{display: flex}
.lsx .angle .ai{font-size: 18px; line-height: 1}
.lsx .angle b{display: block; font-size: 11.5px; font-weight: 800; text-transform: none; letter-spacing: 0; color: var(--brand-400); margin-bottom: 3px}
.lsx .angle p{font-size: 12px; line-height: 1.5; color: var(--tx-1)}
.lsx .chips2{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px}
.lsx .chips2 span{font-size: 10.5px; font-weight: 700; padding: 3px 9px; border-radius: 99px; background: var(--surface-2); border: 1px solid var(--line); color: var(--tx-2)}
.lsx .sub-t{font-size: 11.5px; font-weight: 800; text-transform: none; letter-spacing: 0; color: var(--tx-3); margin: 10px 0 4px}
.lsx .people{display: flex; flex-direction: column; gap: 8px}
.lsx .person{display: flex; gap: 10px; padding: 10px 11px; border-radius: var(--r-sm); background: var(--surface-2); border: 1px solid var(--line); white-space: normal}
.lsx .person .av{width: 34px; height: 34px; border-radius: 50%; flex: 0 0 34px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; color: #fff; background: var(--brand-600)}
.lsx .person .pi{flex: 1; min-width: 0}
.lsx .person .pn{font-size: 12.5px; font-weight: 800}
.lsx .person .pr{font-size: 10.5px; color: var(--brand-400); font-weight: 700; margin-top: 1px}
.lsx .person .pl{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px}
.lsx .person .pl a{font-size: 10.5px; font-weight: 700; padding: 3px 8px; border-radius: 99px; border: 1px solid var(--line-strong); color: var(--tx-2); background: var(--surface); text-decoration: none; word-break: break-all}
.lsx .person .pl a:hover{color: var(--brand-500); border-color: var(--brand-500)}
.lsx .grp{margin-top: 2px}
.lsx .grp-t{font-size: 11.5px; font-weight: 800; text-transform: none; letter-spacing: 0; color: var(--tx-3); margin: 8px 0 5px}
.lsx .msg{border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--sh-1); overflow: hidden; animation: lsx-rise .3s both}
.lsx .msg-h{display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--line); background: var(--surface-2)}
.lsx .msg-h b{flex: 1; font-size: 12px; font-weight: 800; text-transform: none; letter-spacing: 0; color: var(--brand-500)}
.lsx .msg-h .wc{font-size: 9.5px; font-weight: 700; color: var(--tx-3)}
.lsx .msg-s{padding: 9px 12px 0; font-size: 11.5px; color: var(--tx-2)}
.lsx .msg-s strong{color: var(--tx-1)}
.lsx .msg-b{padding: 10px 12px; font-size: 12.5px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; outline: none; border-radius: 6px; transition: background .2s}
.lsx .msg-b:focus{background: rgba(31,79,216,.06); box-shadow: inset 0 0 0 1px rgba(31,79,216,.35)}
.lsx .msg-a{display: flex; gap: 6px; padding: 0 12px 11px; flex-wrap: wrap}
.lsx .msg-a .btn{width: auto}
.lsx .to-row{display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; color: var(--tx-2)}
.lsx .to-row .sel{flex: 1; padding: 7px 26px 7px 9px; font-size: 11.5px}
.lsx .edit-hint{font-size: 10px; color: var(--tx-3); text-align: center}
.lsx .obj{padding: 8px 0; border-bottom: 1px dashed var(--line)}
.lsx .obj:last-child{border: 0}
.lsx .obj .o{font-weight: 800; color: var(--err-400)}
.lsx .obj .r{margin-top: 3px}
.lsx .seg2{display: inline-flex; padding: 2px; border-radius: 99px; background: var(--surface-2); border: 1px solid var(--line)}
.lsx .seg2 button{font-size: 10.5px; font-weight: 800; padding: 5px 11px; border-radius: 99px; color: var(--tx-2)}
.lsx .seg2 button.on{background: var(--brand-500); color: #fff}
.lsx .dash-link{display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 11.5px; font-weight: 800; padding: 10px; border-radius: var(--r-sm); border: 1px dashed var(--line-strong); color: var(--brand-400); text-decoration: none}
.lsx .dash-link:hover{border-color: var(--brand-500); text-decoration: none}
.lsx .lead-rel{font-size: 9.5px; font-weight: 800; padding: 2px 7px; border-radius: 99px; margin-left: 6px; vertical-align: 1px}
.lsx .note-card{display: none; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--r-sm); border: 1px solid var(--line-strong); background: var(--surface); font-size: 12px; line-height: 1.45; color: var(--tx-2)}
.lsx .note-card.on{display: flex}
.lsx .note-card.empty{border-color: rgba(239,68,68,.5)}
.lsx .note-card .nc-tx{flex: 1; display: flex; flex-direction: column; gap: 2px}
.lsx .note-card b{color: var(--tx-1); font-size: 12.5px}
.lsx .prev-card{display: none}
.lsx .prev-card.on{display: block}
.lsx .prev-card .hint{margin: 0 0 9px}
.lsx .review-card{display: none; border-color: var(--brand-500)}
.lsx .review-card.on{display: block}
.lsx .review-card b{display: block; font-size: 13px; color: var(--tx-1); margin-bottom: 4px}
.lsx .review-card p{font-size: 12px; color: var(--tx-2); line-height: 1.5; margin: 0 0 10px}
.lsx .rev-acts{display: flex; flex-wrap: wrap; gap: 6px}
.lsx .live-strip{display: none; align-items: center; gap: 8px; font-size: 12px; color: var(--tx-2); padding: 8px 11px; border-radius: var(--r-sm); background: var(--surface-2)}
.lsx .live-strip.on{display: flex}
.lsx .ls-pulse{width: 8px; height: 8px; border-radius: 50%; background: var(--brand-500); flex: 0 0 8px; animation: lsx-lsPulse 1.2s ease-in-out infinite}
@keyframes lsx-lsPulse{50% { opacity: .25 }}
.lsx .pending{font-size: 12.5px; color: var(--tx-3); padding: 12px 2px; line-height: 1.5}
.lsx .lock-ic{width: 22px; height: 22px}
.lsx .sec-h .ico svg{display: block}
.lsx .angle .ai svg{width: 16px; height: 16px; color: var(--brand-500); display: block; margin-top: 1px}
.lsx .prog-found svg{width: 12px; height: 12px; vertical-align: -2px; margin-right: 3px}
.lsx .obj .o{color: var(--tx-1)}
.lsx .obj .r{color: var(--tx-2); padding-left: 10px; border-left: 2px solid var(--ok-500)}
.lsx #view-onb h2{font-size: 18px; font-weight: 700; letter-spacing: 0; color: var(--tx-1); margin: 0}
.lsx .onb-d{font-size: 12.5px; color: var(--tx-2); line-height: 1.55; margin: 0}
.lsx .onb-steps{display: flex; align-items: center; gap: 6px}
.lsx .onb-dot{width: 22px; height: 4px; border-radius: 2px; background: var(--line-strong)}
.lsx .onb-dot.on{background: var(--brand-500)}
.lsx .onb-count{margin-left: auto; font-size: 11.5px; color: var(--tx-3)}
.lsx .onb-pane{display: none; flex-direction: column; gap: 12px}
.lsx .onb-pane.on{display: flex}
.lsx .onb-acts{display: flex; align-items: center; gap: 14px; margin-top: 4px}
.lsx .onb-skip{font-size: 12px; color: var(--tx-3); cursor: pointer; text-decoration: underline}
.lsx .onb-demo{display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px dashed var(--line-strong); border-radius: var(--r-sm); font-size: 12.5px; color: var(--tx-1)}
.lsx .onb-demo img{width: 18px; height: 18px; border-radius: 4px}
.lsx .mkt-row{display: flex; gap: 9px; align-items: flex-start; font-size: 12px; line-height: 1.45; color: var(--tx-2); cursor: pointer}
.lsx .mkt-row input{margin-top: 2px; flex: 0 0 auto}
.lsx{width:100%;height:100%;max-width:none;position:relative;font-size:13px;text-align:left}
.lsx *{scrollbar-width:none}.lsx *::-webkit-scrollbar{display:none}