/* LỆNH 38C · lookdev page (?s7=look or #look38): the 1920 × 1080 stage (canvas + DOM words), scaled to fit; the bar of views. */
body.lk-on{overflow:hidden!important}
#lk38{position:fixed;inset:0;z-index:100001;background:#000;font-family:"Inter","Segoe UI",system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
#lk38 *{box-sizing:border-box}
.lk-stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:50% 50%;overflow:hidden}
.lk-gl{position:absolute;left:0;top:0;width:1920px;height:1080px;display:block}
.lk-dom{position:absolute;inset:0;pointer-events:none}
.lk-dom p,.lk-dom h2,.lk-dom ul{margin:0}
.lk-bar{position:absolute;left:12px;top:12px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(6,10,20,.82);border:1px solid rgba(160,190,240,.22);font-size:14px}
.lk-bar b{color:#9CC6FF;margin-right:6px}
.lk-bar button,.lk-bar a{font:600 14px/1 "Inter",sans-serif;color:#E6EEFA;background:rgba(127,176,255,.08);border:1px solid rgba(160,190,240,.28);border-radius:7px;padding:8px 11px;cursor:pointer;text-decoration:none}
.lk-bar button.on{background:#2A63E6;border-color:#2A63E6;color:#fff}
.lk-sep{width:1px;height:22px;background:rgba(160,190,240,.3)}
.lk-fps{font:600 13px/1 "JetBrains Mono",monospace;color:#4FD1A5;min-width:90px}
/* the words on the stage: the 38B sizes */
.lk-eb{position:absolute;font:600 24px/1 "Inter",sans-serif;letter-spacing:.02em;color:#C9D8F2}
.lk-ti{position:absolute;right:140px;font:700 56px/1.12 "Inter",sans-serif;letter-spacing:-.022em;color:#fff}
.lk-col,.lk-row{position:absolute;width:454px}
.lk-nm{font:700 44px/1.18 "Inter",sans-serif;letter-spacing:-.02em;color:#fff}
.lk-row{display:flex;flex-direction:column;gap:6px}
.lk-trade{padding-top:18px;border-top:1px solid rgba(214,226,246,.16)}
.lk-lab{font:600 24px/1.2 "Inter",sans-serif;color:#B9D6FF}
.lk-trade .lk-lab{color:#CBD3DF}
.lk-plus .lk-tx{font:600 28px/1.28 "Inter",sans-serif;color:#fff}
.lk-plus .lk-tx b{color:#B8D6FF;margin-right:12px}
.lk-trade .lk-tx{font:500 26px/1.3 "Inter",sans-serif;color:#F7F8FA}
.lk-close{position:absolute;left:120px;right:120px;font:700 38px/1.2 "Inter",sans-serif;letter-spacing:-.015em;color:#fff;text-align:center;text-shadow:0 0 .4em rgba(0,2,8,.9)}
.lk-note{position:absolute;left:140px;right:140px;font:500 22px/1.3 "Inter",sans-serif;color:#C3CFE2;text-align:center}
.lk-a{position:absolute;white-space:nowrap}
.lk-cell{font:600 24px/1 "Inter",sans-serif;color:#141C2B}
.lk-cell.mono{font-family:"JetBrains Mono",monospace}
.lk-hd{font:600 24px/1 "Inter",sans-serif;color:#10161F}
.lk-v{display:inline-block;padding:4px 10px;border-radius:6px;background:rgba(4,8,18,.86);border:1px solid rgba(214,226,246,.35);font:700 24px/1 "JetBrains Mono",monospace;color:#fff}
.lk-bub{display:block;font:600 24px/1.25 "Inter",sans-serif;color:#0B1220;text-align:left;width:290px}
.lk-bub b{display:block;font-weight:800}
.lk-mod{display:inline-block;font:700 24px/1 "Inter",sans-serif;color:#fff;text-shadow:0 0 10px rgba(120,170,255,.55),0 0 2px rgba(160,200,255,.6)}
.lk-city{display:inline-block;padding:3px 8px;border-radius:6px;background:rgba(3,6,14,.9);border:1px solid rgba(214,226,246,.3);font:600 24px/1 "JetBrains Mono",monospace;color:#fff}
.lk-sn{font:600 30px/1.2 "Inter",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,2,8,.9)}
.lk-sn.q{font-weight:700}
.lk-sn.lk-gh{color:#fff;font-weight:500}
.lk-chk{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;width:420px}
.lk-chk li{position:relative;padding-left:40px;font:600 26px/1.25 "Inter",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,2,8,.9)}
.lk-chk li::before{content:"✓";position:absolute;left:4px;color:#B8D6FF;font-weight:700}
.lk-later{font:600 26px/1.2 "Inter",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,2,8,.9)}
.lk-along{font:600 26px/1.3 "Inter",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,2,8,.9)}
.lk-tag{font:800 24px/1 "Inter",sans-serif;letter-spacing:.22em;color:#CFE2FF;text-shadow:0 0 14px rgba(0,2,8,1)}
.lk-real{font:500 22px/1 "Inter",sans-serif;color:#D4DEEC;text-shadow:0 0 10px rgba(0,2,8,1)}
.lk-brk{display:block;height:16px;border:2px dashed rgba(214,226,246,.62);border-bottom:0;border-radius:2px}
.lk-m{left:0;top:0;will-change:transform}
.lk-m .lk-mod{font-size:calc(24px * var(--z, 1))}
.lk-band{position:absolute;left:0;right:0;top:900px;bottom:0;background:linear-gradient(180deg,rgba(1,3,9,0) 0,rgba(1,3,9,.7) 22px,rgba(1,3,9,.74) 70px,rgba(1,3,9,.86) 100%)}
.lk-later,.lk-along,.lk-sn{position:relative;display:inline-block;isolation:isolate}
.lk-later::before,.lk-along::before,.lk-sn::before{content:"";position:absolute;inset:-14px -28px;z-index:-1;background:radial-gradient(closest-side,rgba(1,3,9,.82),rgba(1,3,9,.5) 70%,rgba(1,3,9,0))}
.lk-usd{display:inline-block;min-width:34px;text-align:center;padding:3px 6px;border-radius:6px;background:rgba(3,6,14,.78);font:700 24px/1 "Inter",sans-serif;color:#fff}
.lk-fade{position:absolute;inset:0;background:#020409;opacity:0;pointer-events:none;z-index:2}