.sqp-card{display:flex;flex-direction:column;gap:12px;padding:16px;min-width:0}.sqp-card-head{display:flex;align-items:center;gap:10px;min-width:0}.sqp-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;color:#b7860b;background:color-mix(in srgb,#f5b50a 16%,transparent)}.sqp-title{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15.5px;font-weight:800}.sqp-note{display:flex;align-items:center;gap:6px;margin:0;font-size:13.5px;font-weight:600;color:var(--ink-2)}.sqp-warn{color:var(--t-amber-fg);flex-shrink:0}.sqp-crown{color:#d99a06;flex-shrink:0}.sqp-spark{display:inline-flex;align-items:center;gap:6px;font-size:12.5px}.sqp-bars{display:inline-flex;align-items:flex-end;gap:2px;height:18px}.sqp-bars i{display:block;width:5px;border-radius:2px;background:var(--hint)}.sqp-bars i.good{background:var(--win)}.sqp-bars i.ok{background:var(--warn)}.sqp-bars i.bad{background:var(--loss)}.sqp-bars i.none{height:3px;background:var(--card-3)}.sqp-bars.demo{height:22px}.sqp-bars.demo i{width:7px}.sqp-formhead{display:inline-flex;align-items:center;gap:3px}.sqp-formhead .hp-btn{width:22px;height:22px}.sqp-dgrid{display:flex;flex-direction:column;gap:6px;min-width:0}.sqp-drow{display:grid;grid-template-columns:52px repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;align-items:center;min-width:0}.sqp-drow.thin .sqp-code{color:var(--t-amber-fg)}.sqp-code{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:900;letter-spacing:.3px;color:var(--ink-2)}.sqp-pick{display:flex;align-items:center;gap:6px;min-width:0;height:36px;padding:0 8px;border-radius:10px;font-size:13px;font-weight:700;color:var(--ink);background:var(--card-2);box-shadow:inset 3px 0 0 var(--fitc,var(--hint));transition:background .12s}[dir=rtl] .sqp-pick{box-shadow:inset -3px 0 0 var(--fitc,var(--hint))}.sqp-pick:focus-visible,.sqp-pick:hover{background:var(--card-3)}.sqp-pick.fit-good{--fitc:var(--t-green-fg)}.sqp-pick.fit-ok{--fitc:#f5b400}.sqp-pick.fit-bad{--fitc:var(--t-red-fg)}.sqp-pick .stars{-webkit-margin-start:auto;margin-inline-start:auto;flex-shrink:0}.sqp-pname{min-width:0;flex:1 1}.sqp-rank{font-size:12px;font-weight:900;color:var(--hint)}.sqp-demo{height:26px;width:44px;justify-content:center}.sqp-locked{position:relative;gap:12px}.sqp-ghost,.sqp-locked{display:flex;flex-direction:column}.sqp-ghost{gap:6px;filter:blur(2px);opacity:.55;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sqp-gbar{display:block;height:30px;border-radius:10px;background:var(--card-3)}.sqp-strength{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:14px;color:var(--muted)}.sqp-strength b{color:var(--ink);font-size:16px}.sqp-gain{padding:1px 6px;border-radius:999px;font-size:12px;font-weight:800;color:var(--t-green-fg);background:var(--t-green-bg)}.sqp-xi{flex-direction:column;padding:10px;border-radius:14px;background:var(--card-2)}.sqp-xi,.sqp-xline{display:flex;gap:6px}.sqp-xline{justify-content:center;flex-wrap:wrap}.sqp-xp{display:inline-flex;align-items:center;gap:5px;max-width:150px;min-width:0;height:30px;padding:0 8px 0 4px;border-radius:9px;background:var(--card);font-size:12.5px;font-weight:700;box-shadow:var(--shadow)}.sqp-xp.new{box-shadow:inset 0 0 0 2px var(--t-green-fg)}.sqp-changes{gap:4px}.sqp-change{gap:10px;padding:8px 10px;border-radius:10px;background:var(--card-2);font-size:13.5px}.sqp-tile{cursor:pointer}.sqp-tile:hover{box-shadow:inset 0 0 0 1px var(--hint)}.sqp-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.sqp-sum>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--card-2);min-width:0}.sqp-sum b{font-size:16px}.sqp-plist{gap:8px}.sqp-pline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}.sqp-seg button{padding:0 9px;font-size:12.5px}@media (max-width:600px){.sqp-card{padding:14px 12px}.sqp-drow{grid-template-columns:40px repeat(3,minmax(0,1fr));gap:4px}.sqp-pick{height:40px;padding:0 6px;gap:4px;font-size:12px}.sqp-pick .stars{display:none}.sqp-pline .sqp-seg{order:3;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.sqp-seg button{padding:0 4px}.sqp-sum b{font-size:14px}}