/* Styles du listing, repris de design/mockups/canvas/Listing.dc.html (lignes 15 à 268). */
.lx-ink{--lx-rail:#e3efe7;--lx-sh:15,23,42;--lx-link:#2547d0;--ls-ground:#f7f8fb;--ls-surface:#ffffff;--ls-sunk:#eef1f7;--ls-ink:#0f172a;--ls-body:#334155;--ls-muted:#5b6578;--ls-faint:#5f697c;--ls-line:#e6eaf1;--ls-line-strong:#d6dce6;--ls-signal:#2547d0;--ls-signal-hover:#1d3bb5;--ls-on-signal:#ffffff;--ls-signal-edge:transparent;--ls-cta:#2547d0;--ls-cta-hover:#1d3bb5;--ls-on-cta:#ffffff;--lx-tint:#e8edff;--lx-tint-2:#d6defe;--lx-tint-ink:#1d3bb5;--lx-head:#f8fafc;--lx-hover:#f6f8fd;--lx-sel:#eff3ff;--lx-focus:rgba(37,71,208,.14);--lx-topic:#eef2ff;--lx-topic-ink:#2a3fa8;--lx-ent:#f4eefe;--lx-ent-ink:#6b34c0;--lx-ok:#17653b;--lx-ok-bg:#e7f6ee;--lx-float:#0f172a;--lx-float-p:#5b7cff;--lx-float-p-ink:#0b1220;--lx-why:#eef2ff;--lx-why-ink:#1f2f80;--lx-nav:rgba(255,255,255,.92);--lx-gate1:#f6f8fd;--lx-mk1:#0f172a;--lx-mk2:#ffffff;--lx-mk3:#5b7cff;--lx-shadow:rgba(var(--lx-sh),.14);--lx-on-ink:#ffffff}
.lx-ink[data-theme='dark']{--lx-rail:#1d3a2b;--lx-sh:0,0,0;--lx-link:#8aa2ff;--ls-ground:#0b1220;--ls-surface:#111a2e;--ls-sunk:#16213a;--ls-ink:#eef2f8;--ls-body:#c7d0de;--ls-muted:#94a0b4;--ls-faint:#8b97ab;--ls-line:#1f2a42;--ls-line-strong:#2c3a57;--ls-signal:#5b7cff;--ls-signal-hover:#7590ff;--ls-on-signal:#0b1220;--ls-cta:#5b7cff;--ls-cta-hover:#7590ff;--ls-on-cta:#0b1220;--lx-tint:rgba(91,124,255,.18);--lx-tint-2:rgba(91,124,255,.3);--lx-tint-ink:#c9d4ff;--lx-head:#0f1729;--lx-hover:#14203a;--lx-sel:#18264a;--lx-focus:rgba(91,124,255,.25);--lx-topic:rgba(91,124,255,.16);--lx-topic-ink:#c9d4ff;--lx-ent:rgba(167,139,250,.16);--lx-ent-ink:#d6c8ff;--lx-ok:#6ee7a0;--lx-ok-bg:rgba(34,160,91,.18);--lx-float:#1b2742;--lx-why:rgba(91,124,255,.14);--lx-why-ink:#dbe3ff;--lx-nav:rgba(11,18,32,.88);--lx-gate1:#0f1729;--lx-mk1:#5b7cff;--lx-mk2:#0b1220;--lx-mk3:#eef2f8;--lx-shadow:rgba(0,0,0,.45);--lx-on-ink:#0b1220}
.lx-signal{--lx-sh:13,14,12;--lx-link:#3d5700;--lx-tint:#f0fbd0;--lx-tint-2:#e2f5a8;--lx-tint-ink:#3d5700;--lx-head:#f7f7f3;--lx-hover:#f8f8f4;--lx-sel:#f4fbe0;--lx-focus:rgba(196,243,58,.35);--lx-topic:#f1f8de;--lx-topic-ink:#3d5700;--lx-ent:#eceee8;--lx-ent-ink:#3c3e38;--lx-ok:#3d5700;--lx-ok-bg:#f0fbd0;--lx-rail:#d9e5b5;--lx-float:#0d0e0c;--lx-float-p:#c4f33a;--lx-float-p-ink:#0d0e0c;--lx-why:#f4f9e4;--lx-why-ink:#2f4300;--lx-nav:rgba(251,251,249,.92);--lx-gate1:#f6f6f1;--lx-mk1:#0d0e0c;--lx-mk2:#c4f33a;--lx-mk3:#c4f33a;--lx-shadow:rgba(13,14,12,.12);--lx-on-ink:#ffffff}
.lx-signal[data-theme='dark']{--lx-sh:0,0,0;--lx-link:#c8f542;--ls-muted:#a7aaa0;--ls-faint:#989b92;--ls-line:#252924;--ls-line-strong:#353a33;--lx-tint:rgba(200,245,66,.14);--lx-tint-2:rgba(200,245,66,.26);--lx-tint-ink:#d4fa5c;--lx-head:#121412;--lx-hover:#151815;--lx-sel:#1a2010;--lx-focus:rgba(200,245,66,.25);--lx-topic:rgba(200,245,66,.12);--lx-topic-ink:#d4fa5c;--lx-ent:#242824;--lx-ent-ink:#c9cbc2;--lx-ok:#c8f542;--lx-ok-bg:#1a2010;--lx-rail:#2d351c;--lx-float:#1d201d;--lx-float-p:#c8f542;--lx-why:#1a2010;--lx-why-ink:#e2f7a0;--lx-nav:rgba(10,11,10,.88);--lx-gate1:#121412;--lx-mk1:#c8f542;--lx-mk2:#0a0b0a;--lx-mk3:#0a0b0a;--lx-shadow:rgba(0,0,0,.5);--lx-on-ink:#0d0e0c}
.lx{position:relative;min-height:100%;background:var(--ls-ground);color:var(--ls-ink);font-family:var(--ls-font-sans)}
.lx-w{max-width:1560px;margin:0 auto;padding:0 24px}
.lx-nav{position:sticky;top:0;z-index:20;background:var(--lx-nav);backdrop-filter:blur(8px);border-bottom:1px solid var(--ls-line)}
.lx-navi{display:flex;align-items:center;gap:26px;height:60px}
.lx-brand{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16px;letter-spacing:-0.02em;color:var(--ls-ink)}
.lx-mark{width:22px;height:22px}
.lx-links{display:flex;gap:22px;font-size:14px;color:var(--ls-body)}
.lx-links a:hover,.lx-links a.is-on{color:var(--ls-ink)}
.lx-links a.is-on{font-weight:500}
.lx-navr{margin-left:auto;display:flex;gap:8px;align-items:center}
.lx-beta{font:500 10.5px var(--ls-font-mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:var(--lx-tint);color:var(--lx-tint-ink)}
.lx-top{padding:18px 0 12px}
.lx-titlerow{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.lx-h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-0.025em}
.lx-sub{font-size:14px;color:var(--ls-muted)}
.lx-sub b{color:var(--ls-ink);font-weight:500}
.lx-ask{display:flex;align-items:center;gap:10px;margin-top:12px;padding:5px 5px 5px 14px;border:1px solid var(--ls-line-strong);border-radius:13px;background:var(--ls-surface);box-shadow:0 1px 2px rgba(var(--lx-sh),.04)}
.lx-ask:focus-within{border-color:var(--ls-signal);box-shadow:0 0 0 3px var(--lx-focus)}
.lx-aib{display:inline-grid;place-items:center;height:22px;padding:0 6px;border-radius:6px;background:var(--ls-signal);color:var(--ls-on-signal);font:500 10.5px var(--ls-font-mono);flex:none}
.lx-ask input{flex:1;min-width:0;height:40px;border:0;outline:0;background:transparent;font:400 15px var(--ls-font-sans);color:var(--ls-ink)}
.lx-ask input::placeholder{color:var(--ls-faint)}
.lx-tries{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;font-size:12.5px;color:var(--ls-muted)}
.lx-tries button{height:28px;padding:0 10px;border:1px solid var(--ls-line-strong);border-radius:999px;background:var(--ls-surface);color:var(--ls-body);font:500 12.5px var(--ls-font-sans);cursor:pointer}
.lx-tries button:hover{color:var(--ls-ink);border-color:var(--ls-muted)}
.lx-main{display:grid;grid-template-columns:268px minmax(0,1fr);gap:16px;align-items:start;padding:6px 0 40px}
.lx-side{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--ls-line-strong);border-radius:14px;background:var(--ls-surface)}
.lx-sh{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--ls-surface);border-bottom:1px solid var(--ls-line)}
.lx-sh b{font-size:13.5px;font-weight:600}
.lx-sh button{border:0;background:transparent;font:500 12.5px var(--ls-font-sans);color:var(--lx-link);cursor:pointer}
.lx-fg{padding:12px 14px;border-bottom:1px solid var(--ls-line);display:flex;flex-direction:column;gap:6px}
.lx-fg:last-child{border-bottom:0}
.lx-fh{display:flex;align-items:center;gap:7px;margin-bottom:2px;font-size:12.5px;font-weight:600;color:var(--ls-ink)}
.lx-fh em{margin-left:auto;font-size:12px;font-weight:500;font-style:normal;color:var(--lx-link)}
.lx-fh small{font-weight:400;color:var(--ls-muted)}
.lx-in{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--ls-line-strong);border-radius:8px;background:var(--ls-surface)}
.lx-in:focus-within{border-color:var(--ls-signal)}
.lx-in svg{width:13px;height:13px;color:var(--ls-muted);flex:none}
.lx-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 13px var(--ls-font-sans);color:var(--ls-ink)}
.lx-in input::placeholder{color:var(--ls-faint)}
.lx-opt{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:0 4px;border:0;border-radius:6px;background:transparent;font:400 13px var(--ls-font-sans);color:var(--ls-body);text-align:left;cursor:pointer}
.lx-opt:hover{background:var(--ls-sunk)}
.lx-opt i{display:grid;place-items:center;width:15px;height:15px;flex:none;border-radius:4px;border:1.5px solid var(--ls-line-strong);color:transparent}
.lx-opt i svg{width:9px;height:9px}
.lx-opt img{width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px var(--ls-line-strong)}
.lx-opt small{margin-left:auto;font-size:11.5px;color:var(--ls-faint)}
.lx-opt.is-on{color:var(--ls-ink)}
.lx-opt.is-on i{background:var(--ls-signal);border-color:var(--ls-signal);color:var(--ls-on-signal)}
.lx-sh button,.lx-fh em,.lx-more{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lx-more{align-self:flex-start;border:0;background:transparent;padding:2px 4px;font:500 12.5px var(--ls-font-sans);color:var(--lx-link);cursor:pointer}
.lx-chips{display:flex;flex-wrap:wrap;gap:5px}
.lx-chips button{height:28px;padding:0 10px;border:1px solid var(--ls-line-strong);border-radius:8px;background:var(--ls-surface);color:var(--ls-body);font:500 12px var(--ls-font-sans);cursor:pointer}
.lx-chips button:hover{border-color:var(--ls-muted)}
.lx-chips button.is-on{background:var(--ls-ink);border-color:var(--ls-ink);color:var(--lx-on-ink)}
.lx-seg{display:flex;gap:3px;padding:3px;border:1px solid var(--ls-line-strong);border-radius:9px;background:var(--ls-ground)}
.lx-seg button{flex:1;height:28px;border:0;border-radius:6px;background:transparent;color:var(--ls-body);font:500 12px var(--ls-font-sans);cursor:pointer}
.lx-seg button.is-on{background:var(--ls-surface);color:var(--ls-ink);box-shadow:0 1px 2px rgba(var(--lx-sh),.12)}
.lx-tog{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;font-size:13px;color:var(--ls-ink)}
.lx-tog small{display:block;font-size:11.5px;color:var(--ls-muted)}
.lx-sw{position:relative;width:32px;height:18px;padding:0;border:0;border-radius:999px;background:var(--ls-line-strong);cursor:pointer;flex:none}
.lx-sw i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.lx-sw.is-on{background:var(--ls-signal)}
.lx-sw.is-on i{left:16px}
.lx-tool{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;min-height:34px}
.lx-count{font-size:14px;color:var(--ls-muted);margin-right:4px}
.lx-count b{color:var(--ls-ink);font-weight:600}
.lx-active{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 10px;border-radius:8px;background:var(--lx-tint);color:var(--lx-tint-ink);font:500 12.5px var(--ls-font-sans)}
.lx-active button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--lx-tint-ink);cursor:pointer}
.lx-active button:hover{background:var(--lx-tint-2)}
.lx-active button svg{width:11px;height:11px}
.lx-clear{border:0;background:transparent;font:500 12.5px var(--ls-font-sans);color:var(--ls-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lx-tr{margin-left:auto;display:flex;gap:6px}
.lx-tb{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border:1px solid var(--ls-line-strong);border-radius:9px;background:var(--ls-surface);color:var(--ls-ink);font:500 13px var(--ls-font-sans);cursor:pointer}
.lx-tb svg{width:14px;height:14px;color:var(--ls-muted)}
.lx-tb:hover{border-color:var(--ls-muted)}
.lx-fbtn{display:none}
.lx-swrap{position:relative}
.lx-swrap::after{content:'';position:absolute;top:0;right:0;bottom:0;width:20px;pointer-events:none;background:linear-gradient(to right,transparent,var(--lx-shadow));z-index:6}
.lx-card{position:relative;border:1px solid var(--ls-line-strong);border-radius:14px;background:var(--ls-surface);overflow:clip}
.lx-scroll{position:relative;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:thin}
.lx-t{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.lx-t th{height:44px;padding:0 14px;background:var(--lx-head);border-bottom:1px solid var(--ls-line-strong);text-align:left;font-size:12.5px;font-weight:600;color:var(--ls-body);white-space:nowrap}
.lx-t th.is-sort{color:var(--ls-ink)}
.lx-t th svg{width:10px;height:10px;vertical-align:-1px;margin-left:3px}
.lx-t td{height:74px;padding:0 14px;border-bottom:1px solid var(--ls-line);vertical-align:middle;color:var(--ls-body);background:var(--ls-surface);white-space:nowrap}
.lx-t .c-sel{position:sticky;left:0;z-index:2;width:44px;min-width:44px}
.lx-t .c-who{position:sticky;left:44px;z-index:2;width:250px;min-width:250px;max-width:250px;border-right:1px solid var(--ls-line);box-shadow:6px 0 10px -8px rgba(var(--lx-sh),.18)}
.lx-t th.c-sel,.lx-t th.c-who{z-index:4}
.lx-t tbody tr:hover td{background:var(--lx-hover)}
.lx-t tr.is-sel td{background:var(--lx-sel)}
.lx-t tr.is-active td{background:var(--lx-tint)}
.c-score{width:64px}.c-match{width:300px;min-width:300px;max-width:300px}.c-art{width:320px;min-width:320px;max-width:320px}.c-out{width:200px;min-width:200px;max-width:200px}.c-type{width:110px}.c-scope{width:110px}.c-loc{width:170px}.c-lang{width:72px}.c-story{width:170px}.c-aud{width:96px}.c-mail{width:230px;min-width:230px}.c-bio{width:320px;min-width:320px;max-width:320px}
.lx-chk{display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:5px;border:1.5px solid var(--ls-line-strong);background:var(--ls-surface);color:transparent;cursor:pointer}
.lx-chk svg{width:10px;height:10px}
.lx-chk.is-on{background:var(--ls-signal);border-color:var(--ls-signal);color:var(--ls-on-signal)}
.lx-p{display:flex;align-items:center;gap:10px;min-width:0}
.lx-p>div{min-width:0}
.lx-av{width:38px;height:38px;flex:none;border-radius:50%;object-fit:cover;background:var(--ls-sunk)}
.lx-av.is-blank{display:block}
.lx-name{display:block;max-width:180px;padding:0;border:0;background:transparent;font:600 14.5px var(--ls-font-sans);color:var(--ls-ink);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.lx-name:hover{text-decoration:underline;text-underline-offset:3px}
.lx-p>div>span{display:block;max-width:170px;font-size:13px;color:var(--ls-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-ring{position:relative;display:grid;place-items:center;width:36px;height:36px}
.lx-ring svg{position:absolute;inset:0;width:36px;height:36px;transform:rotate(-90deg)}
.lx-ring b{position:relative;font-size:12px;font-weight:600;color:var(--lx-ok)}
.lx-match{display:flex;gap:5px;overflow:hidden}
.lx-tag{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:7px;font-size:13px;white-space:nowrap;flex:none}
.lx-tag.is-topic{background:var(--lx-topic);color:var(--lx-topic-ink)}
.lx-tag.is-ent{background:var(--lx-ent);color:var(--lx-ent-ink)}
.lx-art{white-space:normal}
.lx-art a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:500;line-height:1.35;color:var(--ls-ink)}
.lx-art a:hover{text-decoration:underline;text-underline-offset:2px}
.lx-art>span{display:block;margin-top:3px;font-size:12.5px;color:var(--ls-faint)}
.lx-o{display:flex;align-items:center;gap:9px;min-width:0}
.lx-o b{font-size:14px;font-weight:500;color:var(--ls-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx[data-theme='dark'] .lx-logo{box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.lx-logo{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:5px;color:#fff;font:700 9.5px var(--ls-font-sans)}
.lx-serif{font:700 11px Georgia,serif}.lx-ital{font:italic 700 12px Georgia,serif}.lx-mono{font:600 8.5px var(--ls-font-mono)}
.lx-navy{background:#1d3557}.lx-orange{background:#c2410c}.lx-forest{background:#1f4d3a}.lx-black{background:#111210}.lx-wine{background:#7a1f2b}.lx-teal{background:#0f5e64}
.lx-cc{display:inline-flex;align-items:center;gap:7px;color:var(--ls-ink)}
.lx-cc img{width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px var(--ls-line-strong)}
.lx-muted{color:var(--ls-muted)}
.lx-aud b{font-weight:600;color:var(--ls-ink)}
.lx-aud>span{font-size:11.5px;color:var(--ls-muted)}
.lx-mail{display:flex;align-items:center;gap:8px;min-width:0}
.lx-mail svg{width:15px;height:15px;flex:none}
.lx-mail code{font:400 12px var(--ls-font-mono);color:var(--ls-muted);overflow:hidden;text-overflow:ellipsis}
.lx-mail.is-v svg{color:var(--lx-ok)}
.lx-mail.is-v code{color:var(--ls-ink)}
.lx-mail.is-none{font-size:12.5px;color:var(--ls-muted)}
.lx-unl{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:0;border-radius:7px;background:var(--ls-signal);color:var(--ls-on-signal);font:500 12px var(--ls-font-sans);cursor:pointer;flex:none}
.lx-unl:hover{background:var(--ls-signal-hover)}
.lx-unl svg{width:11px;height:11px}
.lx-bio{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4;color:var(--ls-body)}
.lx-mask{display:inline-block;height:9px;border-radius:5px;background:var(--ls-line-strong);vertical-align:middle}
.lx-lockrow td{color:var(--ls-faint)}
.lx-gate{position:sticky;left:0;bottom:0;z-index:5;height:0}
.lx-gatein{position:absolute;left:0;right:0;bottom:0;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:0 24px 28px;text-align:center;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.88) 42%,#fff 74%);pointer-events:none}
.lx-gatein>*{pointer-events:auto}
.lx-gatein b{font-size:18px;font-weight:600;letter-spacing:-0.015em;color:var(--ls-ink)}
.lx-gatein>span{max-width:520px;font-size:13.5px;color:var(--ls-body)}
.lx-gateb{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 24px 22px;text-align:center;border-top:1px solid var(--ls-line);background:linear-gradient(to bottom,var(--lx-gate1),var(--ls-surface))}
.lx-gateb b{font-size:18px;font-weight:600;letter-spacing:-0.015em;color:var(--ls-ink)}
.lx-gateb>span{max-width:560px;font-size:13.5px;color:var(--ls-body)}
.lx-lockrow:nth-last-child(5) td{opacity:.85}.lx-lockrow:nth-last-child(4) td{opacity:.7}.lx-lockrow:nth-last-child(3) td{opacity:.55}.lx-lockrow:nth-last-child(2) td{opacity:.4}.lx-lockrow:nth-last-child(1) td{opacity:.25}
.lx-pager{display:flex;align-items:center;gap:4px}
.lx-pager button{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--ls-line-strong);border-radius:7px;background:var(--ls-surface);color:var(--ls-ink);font:500 12.5px var(--ls-font-sans);cursor:pointer}
.lx-pager button:hover:not(:disabled){border-color:var(--ls-muted)}
.lx-pager button.is-on{background:var(--ls-ink);border-color:var(--ls-ink);color:var(--lx-on-ink)}
.lx-pager button.is-gap{border-color:transparent;background:transparent;cursor:default}
.lx-pager button:disabled{opacity:.45;cursor:default}
.lx-pager>span{margin-left:8px;font-size:12.5px;color:var(--ls-muted)}
.lx-foot{padding:10px 14px;row-gap:6px}
.lx-foot>span{flex-basis:100%;font-size:12px}
.lx-gform{display:flex;gap:6px;margin-top:6px;width:100%;max-width:420px}
.lx-gform .ls-input{margin-top:0;flex:1;min-width:0;height:42px}
.lx-okmsg{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;background:var(--lx-ok-bg);color:var(--lx-ok);font-size:13px;font-weight:500}
.lx-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px;border-top:1px solid var(--ls-line);font-size:12.5px;color:var(--ls-muted)}
.lx-float{position:fixed;left:50%;bottom:22px;z-index:30;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:12px;background:var(--lx-float);color:#fff;font-size:13px;box-shadow:0 18px 40px -12px rgba(var(--lx-sh),.55);white-space:nowrap}
.lx-float button{height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;color:#fff;font:500 12.5px var(--ls-font-sans);cursor:pointer}
.lx-float button.is-p{background:var(--lx-float-p);border-color:var(--lx-float-p);color:var(--lx-float-p-ink);font-weight:600}
.lx-veil{position:fixed;inset:0;z-index:40;background:rgba(var(--lx-sh),.34)}
.lx-drawer{position:fixed;top:0;right:0;bottom:0;z-index:41;width:500px;max-width:100%;display:flex;flex-direction:column;background:var(--ls-surface);box-shadow:-24px 0 60px -24px rgba(var(--lx-sh),.4)}
.lx-dh{display:flex;align-items:flex-start;gap:14px;padding:20px 22px 14px;border-bottom:1px solid var(--ls-line)}
.lx-dh img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.lx-dh h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-0.02em}
.lx-dh p{margin:3px 0 0;font-size:13px;color:var(--ls-muted)}
.lx-x{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--ls-line-strong);border-radius:9px;background:var(--ls-surface);color:var(--ls-body);cursor:pointer;flex:none}
.lx-x svg{width:14px;height:14px}
.lx-dmeta{display:flex;flex-wrap:wrap;gap:6px;padding:12px 22px;background:var(--lx-head);border-bottom:1px solid var(--ls-line)}
.lx-dmeta>span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:7px;background:var(--ls-sunk);font-size:12px;color:var(--ls-body)}
.lx-db{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 22px 32px;display:flex;flex-direction:column;gap:20px}
.lx-dl{margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--ls-ink)}
.lx-dl small{font-weight:400;color:var(--ls-muted)}
.lx-why{padding:12px 14px;border-radius:10px;background:var(--lx-why);font-size:13px;line-height:1.5;color:var(--lx-why-ink)}
.lx-dbio{margin:0;font-size:13.5px;line-height:1.55;color:var(--ls-body)}
.lx-arts{display:flex;flex-direction:column}
.lx-arts a{display:block;padding:10px 0;border-bottom:1px solid var(--ls-line)}
.lx-arts a:last-child{border-bottom:0}
.lx-arts b{display:block;font-size:13.5px;font-weight:500;line-height:1.4;color:var(--ls-ink)}
.lx-arts a:hover b{text-decoration:underline;text-underline-offset:2px}
.lx-arts a>span{font-size:12px;color:var(--ls-faint)}
.lx-facts{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;margin:0;font-size:13px}
.lx-facts dt{color:var(--ls-muted)}
.lx-facts dd{margin:0;color:var(--ls-ink)}
.lx-dmail{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--ls-line-strong);border-radius:10px}
.lx-dmail code{font:400 12.5px var(--ls-font-mono);color:var(--ls-muted)}
.lx-dmail small{display:block;margin-top:2px;font-size:11.5px;color:var(--ls-muted)}
.lx-df{display:flex;gap:8px;padding:14px 22px;border-top:1px solid var(--ls-line)}
.lx-df .ls-btn{flex:1}
.lx-mveil{position:fixed;inset:0;z-index:50;background:rgba(var(--lx-sh),.38)}
.lx-modal{position:fixed;left:50%;top:50%;z-index:51;transform:translate(-50%,-50%);width:860px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);overflow:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);border-radius:20px;background:var(--ls-surface);box-shadow:0 40px 90px -24px rgba(var(--lx-sh),.5)}
.lx-mx{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--ls-line-strong);border-radius:9px;background:var(--ls-surface);color:var(--ls-body);cursor:pointer}
.lx-mx svg{width:14px;height:14px}
.lx-mleft{padding:32px 32px 26px}
.lx-mkick{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--lx-link)}
.lx-modal h2{margin:12px 0 0;font-size:26px;line-height:1.15;font-weight:600;letter-spacing:-0.025em;color:var(--ls-ink)}
.lx-mlead{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--ls-body)}
.lx-mticks{display:flex;flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.lx-mticks li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ls-body)}
.lx-mticks li b{color:var(--ls-ink);font-weight:600}
.lx-mticks i{display:grid;place-items:center;width:18px;height:18px;margin-top:1px;flex:none;border-radius:50%;background:var(--ls-signal);color:var(--ls-on-signal)}
.lx-mticks i svg{width:10px;height:10px}
.lx-mform{margin-top:20px}
.lx-mform .lx-mrow{display:flex;gap:8px}
.lx-mform .ls-input{margin-top:0;flex:1;min-width:0;height:46px}
.lx-mform .ls-btn{height:46px;white-space:nowrap}
.lx-mroles{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lx-mroles span{flex:0 0 100%;font-size:12.5px;color:var(--ls-muted)}
.lx-mroles button{height:30px;padding:0 10px;border:1px solid var(--ls-line-strong);border-radius:8px;background:var(--ls-surface);color:var(--ls-body);font:500 12.5px var(--ls-font-sans);cursor:pointer}
.lx-mroles button.is-on{background:var(--ls-ink);border-color:var(--ls-ink);color:var(--lx-on-ink)}
.lx-mfine{display:grid;grid-template-columns:1fr;justify-items:start;gap:8px;margin-top:14px;font-size:12px;color:var(--ls-muted)}
.lx-mfine .lx-clear{padding:0}
.lx-mdone{margin-top:20px;padding:14px 16px;border-radius:12px;background:var(--lx-ok-bg);color:var(--lx-ok);font-size:14px;line-height:1.5}
.lx-mdone b{display:block;color:var(--ls-ink)}
.lx-mright{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:64px 28px 28px;background:var(--lx-head);border-left:1px solid var(--ls-line);overflow:hidden}
.lx-mlabel{align-self:flex-start;font:500 10.5px var(--ls-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ls-muted)}
.lx-mnote{margin:-4px 0 0;font-size:11.5px;color:var(--ls-muted);text-align:center}
.lx-tnote{font-size:12px;color:var(--ls-muted);margin-right:4px}
.lx-mcard{border:1px solid var(--ls-line-strong);border-radius:14px;background:var(--ls-surface);box-shadow:0 14px 30px -18px rgba(var(--lx-sh),.35)}
.lx-mcard-h{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--ls-line);font-size:12px;color:var(--ls-muted)}
.lx-mcard-h b{font-size:12.5px;color:var(--ls-ink);font-weight:600}
.lx-mr{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid var(--ls-line)}
.lx-mr:last-child{border-bottom:0}
.lx-mr img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.lx-mr div{min-width:0;flex:1}
.lx-mr b{display:block;font-size:12.5px;font-weight:600;color:var(--ls-ink)}
.lx-mr div>span{display:block;font:400 11px var(--ls-font-mono);color:var(--ls-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-mr em{font-style:normal;display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:6px;background:var(--lx-ok-bg);color:var(--lx-ok);font-size:11px;font-weight:600}
.lx-mpitch{padding:12px;font-size:12.5px;line-height:1.5;color:var(--ls-body)}
.lx-mpitch mark{background:var(--lx-tint);color:var(--lx-tint-ink);border-radius:4px;padding:1px 3px}
.lx-mstat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lx-mstat div{padding:10px;border:1px solid var(--ls-line);border-radius:10px;background:var(--ls-surface);text-align:center}
.lx-mstat b{display:block;font-size:17px;font-weight:600;letter-spacing:-0.02em;color:var(--ls-ink)}
.lx-mstat div>span{font-size:11.5px;color:var(--ls-muted)}
@media (max-width: 860px){.lx-modal{grid-template-columns:minmax(0,1fr)}.lx-mright{display:none}.lx-mleft{padding:28px 22px 22px}}
@media (max-width: 860px){.lx-mroles button{flex:1 1 calc(50% - 3px)}.lx-modal{grid-template-columns:minmax(0,1fr)}.lx-mright{display:none}.lx-mleft{padding:28px 22px 22px}.lx-modal h2{font-size:23px}}
.lx-ft{border-top:1px solid var(--ls-line);padding:22px 0 30px;font-size:13px;color:var(--ls-muted)}
.lx-fti{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.lx-fti nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width: 1100px){
  .lx-tr{width:100%;justify-content:flex-end}
  .lx-main{grid-template-columns:minmax(0,1fr)}
  .lx-side{display:none}
  .lx-side.is-open{display:block;position:fixed;inset:0 auto 0 0;z-index:45;width:300px;max-height:none;border-radius:0}
  .lx-links{display:none}
  .lx-fbtn{display:inline-flex}
  .lx-tr{margin-left:0}
  .lx-t .c-who{width:190px;min-width:190px;max-width:190px}
  .lx-drawer{width:100%}
}