/* SML Loop Channel — P1 shell (admin preview ?ch=1)
   Recreated from design handoff "Loop Channel.dc.html" — tokens/keyframes verbatim.
   Everything scoped under #sml-ch-root with .lch- classes.
   Per-creator theming rides on --accent / --chfont, set inline on the root by the JS. */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;700&family=Rajdhani:wght@500;700&family=Orbitron:wght@400;700&family=Exo+2:wght@400;700&family=Chakra+Petch:wght@400;700&family=Oxanium:wght@400;700&family=Sora:wght@400;700&family=Manrope:wght@400;700&family=Outfit:wght@400;700&family=Barlow:wght@400;700&family=Saira:wght@400;700&family=Kanit:wght@400;700&family=Play:wght@400;700&family=Syne:wght@400;700&family=Unbounded:wght@400;700&family=Michroma&family=Audiowide&display=swap');

body.lch-on > :not(#sml-ch-root):not(#wpadminbar){display:none !important}
body.lch-on{margin:0;background:#04060a !important}

#sml-ch-root{--accent:#00ff88;--chfont:Archivo,system-ui,sans-serif;min-height:100vh;background:radial-gradient(1100px 460px at 75% -120px,#0a1420 0%,#04060a 55%);color:#e6edf3;font-family:var(--chfont);position:relative}
#sml-ch-root *{box-sizing:border-box}
#sml-ch-root a{color:#00ccff;text-decoration:none}
#sml-ch-root a:hover{color:#7ae6ff}
#sml-ch-root button{font-family:var(--chfont)}

@keyframes lchPulseDot{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes lchRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes lchSheen{0%{transform:translateX(-70%) skewX(-18deg)}100%{transform:translateX(240%) skewX(-18deg)}}
@keyframes lchScanGlow{0%,100%{opacity:.5}50%{opacity:1}}

/* nav */
.lch-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid #10161f}
.lch-nav-l{display:flex;align-items:center;gap:26px}
.lch-logo{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border:1px solid #131c26;border-radius:10px;background:#0b1119;flex:none}
.lch-logo:hover{border-color:#134a33;background:#0d1a15}
.lch-logo img{height:26px;width:auto;display:block}
.lch-logo-div{width:1px;height:20px;background:#1c2833}
.lch-logo-live{display:flex;align-items:center;gap:7px}
.lch-logo-live .dot{width:7px;height:7px;border-radius:50%;background:#00ff88;animation:lchPulseDot 2.4s ease-in-out infinite}
.lch-logo-live span{font:700 10px/1 Archivo,sans-serif;letter-spacing:.16em;color:#8fa3b5}
.lch-nav-links{display:flex;align-items:center;gap:4px}
.lch-nav-links a{font:600 12px/1 Archivo,sans-serif;color:#5d7085;padding:9px 14px;border-radius:8px}
.lch-nav-links a:hover{color:#e6edf3}
.lch-nav-links a.on{color:#e6edf3;background:#101c26}
.lch-nav-r{display:flex;align-items:center;gap:8px}
.lch-sync{font:500 9px/1 'IBM Plex Mono',monospace;color:#3d5a4d;letter-spacing:.1em;animation:lchScanGlow 3s ease-in-out infinite}
.lch-editbtn{font:700 10px/1 var(--chfont);letter-spacing:.06em;color:#c7d6e3;background:#0a121b;border:1px solid #1c2833;border-radius:8px;padding:11px 14px;cursor:pointer}
.lch-editbtn:hover{border-color:var(--accent);color:var(--accent)}
.lch-golive{font:800 10px/1 var(--chfont);letter-spacing:.1em;color:#fff;background:#ff2e66;border:none;border-radius:8px;padding:11px 16px;cursor:pointer}
.lch-golive:hover{background:#ff5e88}
.lch-vanity{font:500 10px/1 'IBM Plex Mono',monospace;color:#5d7085}

/* body layout */
.lch-body{display:flex;gap:20px;align-items:flex-start;max-width:1420px;margin:0 auto;padding:20px 22px 34px}
.lch-side{position:sticky;top:20px;width:296px;flex:none;display:flex;flex-direction:column;gap:14px}
.lch-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}
.lch-soon{border:1px dashed #1c2833;border-radius:12px;padding:48px 20px;text-align:center;color:#3d4f5f;font:500 11px/1.6 'IBM Plex Mono',monospace}

/* identity card */
.lch-idcard{position:relative;border:1px solid #16202b;border-radius:14px;background:linear-gradient(180deg,#0a121b,#070b10);padding:22px 18px 18px;overflow:hidden}
.lch-idcard-bg{position:absolute;inset:0;z-index:0;opacity:.55;background-size:cover;background-position:center}
.lch-idcard-fade{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(7,11,16,.45) 0%,rgba(7,11,16,.93) 80%);pointer-events:none}
.lch-idcard-tl{position:absolute;top:0;left:0;width:14px;height:14px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);border-radius:14px 0 0 0}
.lch-idcard-tr{position:absolute;top:0;right:0;width:14px;height:14px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);border-radius:0 14px 0 0}
.lch-idcard-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}
.lch-avwrap{position:relative;width:112px;height:112px}
.lch-avring{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 180deg,var(--accent),#00ccff,#0a1420,var(--accent));animation:lchRingSpin 8s linear infinite;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 35%, transparent))}
.lch-av{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#0d1a15;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font:700 30px/1 'IBM Plex Mono',monospace;color:#00ff88}
.lch-avlive{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);font:800 8px/1 Archivo,sans-serif;letter-spacing:.12em;color:#fff;background:#ff2e66;border-radius:5px;padding:5px 8px;animation:lchPulseDot 1.6s ease-in-out infinite}
.lch-idname{display:flex;flex-direction:column;align-items:center;gap:5px}
.lch-idname .nm{font:900 21px/1 var(--chfont);color:#fff}
.lch-idname .hd{font:500 10px/1 'IBM Plex Mono',monospace;color:color-mix(in srgb, var(--accent) 70%, white)}
.lch-idbtns{display:flex;gap:7px;width:100%}
.lch-sub{flex:1;font:700 11px/1 var(--chfont);color:#04060a;background:var(--accent);border:none;border-radius:8px;padding:11px 0;cursor:pointer}
.lch-sub.on{background:#0a121b;color:#c7d6e3;border:1px solid #1c2833}
.lch-bell{font:12px/1;background:#0a121b;border:1px solid #1c2833;border-radius:8px;padding:11px 13px;cursor:pointer;color:#c7d6e3}
.lch-bell.on{color:var(--accent);border-color:var(--accent)}
.lch-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%;border-top:1px solid #10161f;padding-top:12px}
.lch-stat{display:flex;flex-direction:column;align-items:center;gap:4px}
.lch-stat b{font:700 13px/1 'IBM Plex Mono',monospace}
.lch-stat span{font:600 7px/1 var(--chfont);letter-spacing:.14em;color:#5d7085}

/* links module */
.lch-links{border:1px solid #16202b;border-radius:12px;background:#080c12;overflow:hidden;display:flex;flex-direction:column}
.lch-links-h{font:700 8px/1 var(--chfont);letter-spacing:.16em;color:#5d7085;padding:14px 16px 10px}
.lch-socials{display:flex;gap:6px;padding:0 16px 12px}
.lch-social{flex:1;display:flex;align-items:center;justify-content:center;border:1px solid #1c2833;border-radius:7px;padding:9px 0;background:#0a121b}
.lch-banner{position:relative;display:block;border-top:1px solid #131c26}
.lch-banner:hover{opacity:.88}
.lch-banner-box{position:relative;padding-bottom:30%}
.lch-banner-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#0d151f}
.lch-banner-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,12,18,.92));pointer-events:none}
.lch-banner-ad{position:absolute;top:8px;left:10px;font:700 7px/1 Archivo,sans-serif;letter-spacing:.1em;color:#04060a;background:#00ccff;border-radius:4px;padding:3px 5px}
.lch-banner-lb{position:absolute;left:10px;right:10px;bottom:8px;font:600 10px/1.3 'IBM Plex Mono',monospace;color:#a8dcf0}

/* home-group card */
.lch-hg{position:relative;display:block;border:1px solid #16202b;border-radius:12px;background:#080c12;overflow:hidden}
.lch-hg:hover{border-color:#134a33}
.lch-hg-box{position:relative;padding-bottom:34%}
.lch-hg-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#0d151f}
.lch-hg-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,12,18,.95))}
.lch-hg-row{position:absolute;left:12px;right:12px;bottom:9px;display:flex;align-items:baseline;justify-content:space-between}
.lch-hg-row b{font:700 11px/1 var(--chfont);color:#fff}
.lch-hg-row span{font:500 8px/1 'IBM Plex Mono',monospace;color:color-mix(in srgb, var(--accent) 70%, white)}
.lch-hg-ft{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}
.lch-hg-ft .tag{font:600 8px/1 var(--chfont);letter-spacing:.12em;color:#5d7085}
.lch-hg-ft .open{font:600 9px/1 var(--chfont);color:var(--accent)}

/* hero */
.lch-hero{position:relative;display:block;border-radius:15px;overflow:hidden;background:#0a0d13}
.lch-hero.live{border:1px solid #3d1524}
.lch-hero.live:hover{border-color:#ff2e66;box-shadow:0 24px 60px -24px rgba(255,46,102,.35)}
.lch-hero-box{position:relative;padding-bottom:40%}
.lch-hero-bg{position:absolute;inset:0;background:#0d151f;background-size:cover;background-position:center}
.lch-hero-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;background:#ff2e66;border-radius:5px;padding:6px 9px}
.lch-hero-badge .dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:lchPulseDot 1.2s ease-in-out infinite;display:inline-block}
.lch-hero-badge span{font:800 9px/1 var(--chfont);letter-spacing:.14em;color:#fff}
.lch-hero-meta{position:absolute;top:12px;right:12px;font:500 9px/1 'IBM Plex Mono',monospace;color:#e6edf3;background:rgba(4,6,10,.85);border-radius:5px;padding:6px 8px}
.lch-hero-foot{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.lch-hero-title{font:800 17px/1.3 var(--chfont);color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.9)}
.lch-hero-cta{font:800 10px/1 var(--chfont);letter-spacing:.08em;color:#04060a;background:var(--accent);border-radius:8px;padding:12px 16px;white-space:nowrap}
.lch-hero.live .lch-hero-cta{background:#ff2e66;color:#fff}
.lch-hero.latest{border:1px solid #16202b}
.lch-hero.latest:hover{border-color:color-mix(in srgb,var(--accent) 60%,#16202b);box-shadow:0 24px 60px -28px color-mix(in srgb,var(--accent) 30%,transparent)}
.lch-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,10,.05),rgba(4,6,10,.1) 42%,rgba(4,6,10,.92));pointer-events:none}
.lch-hero-badge.latest{background:var(--accent);color:#04060a}
.lch-hero-badge.latest span{color:#04060a}

/* creator-scoped video orbit */
.lch-section-h{display:flex;align-items:center;gap:10px;min-height:24px}
.lch-section-h .t{font:700 9px/1 'IBM Plex Mono',monospace;letter-spacing:.18em;color:var(--accent)}
.lch-section-h .meta{font:500 9px/1 'IBM Plex Mono',monospace;color:#4c5d6d}
.lch-section-h .rule{flex:1;height:1px;background:linear-gradient(90deg,#16202b,transparent)}
.lch-orbit{display:flex;flex-direction:column;gap:10px;overflow:hidden}
.lch-orbit-stage{position:relative;height:300px;perspective:920px;overflow:hidden;border:1px solid #101923;border-radius:15px;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 48%),#05080d}
.lch-orbit-ring{position:absolute;inset:0;transform-style:preserve-3d}
.lch-orbit-card{--orbit-angle:0deg;--orbit-depth:0px;position:absolute;left:50%;top:50%;width:min(42%,360px);aspect-ratio:16/9;border:1px solid #20303f;border-radius:13px;overflow:hidden;background:#0b1119;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateY(var(--orbit-angle)) translateZ(var(--orbit-depth));opacity:.3;filter:saturate(.6);transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s,border-color .35s;box-shadow:0 22px 55px rgba(0,0,0,.48)}
.lch-orbit-card.on{opacity:1;filter:none;border-color:color-mix(in srgb,var(--accent) 72%,#20303f);z-index:20}
.lch-orbit-card .pic,.lch-orbit-card .shade{position:absolute;inset:0}
.lch-orbit-card .pic{background:#0d151f center/cover no-repeat}
.lch-orbit-card .shade{background:linear-gradient(180deg,transparent 30%,rgba(4,6,10,.94))}
.lch-orbit-card .copy{position:absolute;left:13px;right:13px;bottom:11px;display:flex;flex-direction:column;gap:5px}
.lch-orbit-card .copy b{font:800 13px/1.25 var(--chfont);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lch-orbit-card .copy small{font:500 8px/1 'IBM Plex Mono',monospace;color:#8fa3b5}
.lch-orbit-card .dur{position:absolute;right:9px;top:9px;font:600 8px/1 'IBM Plex Mono',monospace;color:#fff;background:rgba(4,6,10,.82);padding:5px 6px;border-radius:5px}
.lch-orbit-arrow{position:absolute;z-index:30;top:50%;transform:translateY(-50%);width:38px;height:54px;border:1px solid #243341;border-radius:10px;background:rgba(5,8,13,.86);color:#d8e5ee;font:500 29px/1 Archivo,sans-serif;cursor:pointer}
.lch-orbit-arrow:hover{color:#04060a;background:var(--accent);border-color:var(--accent)}
.lch-orbit-arrow.prev{left:14px}.lch-orbit-arrow.next{right:14px}
.lch-orbit-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}
.lch-orbit-status b{font:700 11px/1.3 var(--chfont);color:#c7d6e3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lch-orbit-status span{font:500 8px/1 'IBM Plex Mono',monospace;color:#4c5d6d;white-space:nowrap}

/* public creator community */
.lch-community{display:flex;flex-direction:column;gap:12px}
.lch-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lch-post{position:relative;min-height:148px;display:flex;flex-direction:column;gap:9px;border:1px solid #16202b;border-radius:12px;background:linear-gradient(145deg,#0a0f16,#070a0f);padding:14px;overflow:hidden;color:#c7d6e3!important}
.lch-post:hover{border-color:color-mix(in srgb,var(--accent) 55%,#16202b);transform:translateY(-1px)}
.lch-post .kind{font:700 7px/1 var(--chfont);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.lch-post time{position:absolute;right:13px;top:14px;font:500 8px/1 'IBM Plex Mono',monospace;color:#4c5d6d}
.lch-post .image{height:116px;margin:-2px -2px 2px;border-radius:8px;background:#0d151f center/cover no-repeat}
.lch-post .title{font:800 14px/1.3 var(--chfont);color:#eef5fa}
.lch-post .body{font:400 11px/1.55 var(--chfont);color:#8fa3b5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lch-post .tickers{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}
.lch-post .tickers span{font:700 8px/1 'IBM Plex Mono',monospace;color:#00ccff;background:#071722;border-radius:10px;padding:5px 7px}
.lch-post .metrics{font:500 8px/1 'IBM Plex Mono',monospace;color:#5d7085}

/* newsletter */
.lch-nl{display:flex;flex-direction:column;gap:12px}
.lch-nl-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lch-nl-h .t{font:700 9px/1 'IBM Plex Mono',monospace;letter-spacing:.18em;color:#00ccff}
.lch-nl-h .meta{font:500 9px/1 'IBM Plex Mono',monospace;color:#4c5d6d}
.lch-nl-h .rule{flex:1;height:1px;background:linear-gradient(90deg,#16202b,transparent)}
.lch-nl-more{display:flex;align-items:center;gap:6px;font:700 10px/1 var(--chfont);color:#00ccff;border:1px solid #1b3a4d;border-radius:14px;padding:9px 13px;background:#081420}
.lch-nl-more:hover{background:#0d2030;border-color:#00ccff}
.lch-nl-sub{font:700 10px/1 var(--chfont);color:#04060a;background:#00ccff;border:none;border-radius:14px;padding:9px 14px;cursor:pointer}
.lch-nl-sub:hover{background:#7ae6ff}
.lch-nl-sub.on{background:#0a121b;color:#00ccff;border:1px solid #1b3a4d}
.lch-nl-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.lch-nl-card{flex:0 0 168px;display:flex;flex-direction:column;gap:6px;text-decoration:none}
.lch-nl-cover{position:relative;padding-bottom:66%;border-radius:10px;background:#0d151f;background-size:cover;background-position:center;border:1px solid #16202b}
.lch-nl-card:hover .lch-nl-cover{border-color:#1b3a4d}
.lch-nl-card .tt{font:700 12px/1.35 var(--chfont);color:#e6edf3;padding:0 2px}
.lch-nl-card .dt{font:400 9px/1 'IBM Plex Mono',monospace;color:#5d7085;padding:0 2px}

/* channel studio drawer */
.lch-scrim{position:fixed;inset:0;z-index:100;background:rgba(2,4,8,.72);backdrop-filter:blur(3px)}
.lch-studio{position:fixed;top:0;right:0;bottom:0;width:410px;max-width:94vw;z-index:101;background:#070b10;border-left:1px solid #16202b;display:flex;flex-direction:column}
.lch-studio-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid #131c26}
.lch-studio-h .t{font:800 13px/1 var(--chfont);color:#e6edf3;display:block}
.lch-studio-h .s{font:400 8px/1 'IBM Plex Mono',monospace;color:#4c5d6d;display:block;margin-top:5px}
.lch-studio-x{font:600 12px/1 var(--chfont);color:#8fa3b5;background:#0a121b;border:1px solid #1c2833;border-radius:7px;padding:9px 11px;cursor:pointer}
.lch-studio-x:hover{color:#e6edf3}
.lch-studio-tabs{display:flex;gap:6px;padding:12px 18px;border-bottom:1px solid #131c26}
.lch-studio-tab{font:700 10px/1 var(--chfont);letter-spacing:.04em;color:#5d7085;background:#0a121b;border:1px solid #1c2833;border-radius:8px;padding:9px 12px;cursor:pointer}
.lch-studio-tab.on{color:#04060a;background:var(--accent);border-color:var(--accent)}
.lch-studio-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:18px}
.lch-f-label{font:700 8px/1 var(--chfont);letter-spacing:.16em;color:#5d7085}
.lch-f-group{display:flex;flex-direction:column;gap:9px}
.lch-f-input{border:1px solid #1c2833;border-radius:8px;background:#0a121b;color:#e6edf3;font:400 11px/1 var(--chfont);padding:11px 12px;outline:none;width:100%}
.lch-f-input.mono{color:#8fa3b5;font:400 10px/1 'IBM Plex Mono',monospace}
.lch-f-note{font:400 9px/1.6 'IBM Plex Mono',monospace;color:#3d4f5f}
.lch-f-note.warn{color:#8a6d1f}
.lch-swatches{display:flex;gap:9px;flex-wrap:wrap}
.lch-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer}
.lch-swatch.on{border-color:#fff}
.lch-fontchips{display:flex;gap:7px;flex-wrap:wrap}
.lch-fontchip{font:600 10px/1 var(--chfont);color:#c7d6e3;background:#0a121b;border:1px solid #1c2833;border-radius:7px;padding:8px 11px;cursor:pointer}
.lch-fontchip.on{color:#04060a;background:var(--accent);border-color:var(--accent)}
.lch-modrow{display:flex;align-items:center;gap:9px;border:1px solid #16202b;border-radius:9px;background:#0a0d13;padding:9px 11px}
.lch-liverow{margin-bottom:6px}.lch-liverow .who{font:600 10px/1 'IBM Plex Mono',monospace;color:var(--accent,#38F58A);flex:none}.lch-liverow .tx{flex:1;min-width:0;font:400 12px/1.4 'IBM Plex Sans',system-ui,sans-serif;color:#c3ccd4;word-break:break-word}.lch-liverow .at{font:400 9px/1 'IBM Plex Mono',monospace;color:#3d4f5f;flex:none}
.lch-modrow .role{font:700 7px/1 var(--chfont);letter-spacing:.08em;color:#04060a;background:#ffd166;border-radius:4px;padding:3px 6px}
.lch-modrow .kill{margin-left:auto;font:600 11px/1 var(--chfont);color:#5d7085;background:none;border:none;cursor:pointer}
.lch-modrow .kill:hover{color:#ff5e6e}
.lch-chipban{font:500 10px/1 'IBM Plex Mono',monospace;color:#ff859f;background:#1a0810;border:1px solid #3d1524;border-radius:14px;padding:8px 11px;cursor:pointer}
.lch-chipban:hover{background:#24101a}
.lch-f-row{display:flex;gap:8px}
.lch-f-add{font:700 10px/1 var(--chfont);color:#04060a;background:var(--accent);border:none;border-radius:8px;padding:11px 15px;cursor:pointer;flex:none}
.lch-pending{font:400 9px/1.6 'IBM Plex Mono',monospace;color:#ffb454;border:1px dashed #4a3a13;border-radius:8px;padding:9px 11px;background:#1a1508}

/* admin preview banner */
.lch-adminbar{position:fixed;left:12px;bottom:12px;z-index:999;display:flex;align-items:center;gap:8px;background:#0a121b;border:1px solid #1c2833;border-radius:10px;padding:8px 10px;font:600 10px/1 Archivo,sans-serif;color:#c7d6e3}
.lch-adminbar b{color:#00ff88}
.lch-adminbar a{color:#5d7085}

@media (max-width:900px){
  .lch-body{flex-direction:column}
  .lch-side{position:static;width:100%}
  .lch-orbit-card{width:min(62%,340px)}
}
@media (max-width:620px){
  .lch-nav{padding:10px 12px}.lch-nav-links,.lch-sync{display:none}.lch-body{padding:14px 10px 28px}
  .lch-orbit-stage{height:238px}.lch-orbit-card{width:72%}.lch-orbit-arrow{width:32px;height:46px}
  .lch-post-grid{grid-template-columns:1fr}.lch-hero-title{font-size:14px}.lch-hero-cta{padding:10px 11px}
}
@media (prefers-reduced-motion:reduce){
  .lch-orbit-card,.lch-post{transition:none}.lch-avring,.lch-logo-live .dot,.lch-avlive,.lch-hero-badge .dot{animation:none}
}

/* ---- default-for-all-users additions (2026-08-18): tagline, ABOUT, owner
   image slots, drawer extras. Owner-only affordances are gated on .lch-owner. ---- */
.lch-idname .tg{font:400 10px/1.4 var(--chfont);color:#8fa3b5;text-align:center;max-width:240px;text-wrap:pretty}
.lch-golive{text-decoration:none;display:inline-block}
.lch-about{display:flex;flex-direction:column;gap:10px;max-width:640px}
.lch-section-h .t.muted{color:#5d7085}
.lch-about-body{margin:0;font:400 12px/1.65 var(--chfont);color:#aebccb;text-wrap:pretty;white-space:pre-line}
.lch-about-body .tag{color:var(--accent);font-weight:600}
.lch-about-meta{font:400 9px/1 'IBM Plex Mono',monospace;color:#4c5d6d}
.lch-muted{color:#4c5d6d;font-style:italic}
.lch-f-input:is(textarea){resize:vertical;line-height:1.5;min-height:84px;font-size:11px}
.lch-f-add.ghost{color:#8fa3b5;background:#0a121b;border:1px solid #1c2833}
.lch-f-add.ghost:hover{color:var(--accent);border-color:var(--accent)}
/* image slots — passive for viewers, interactive for the owner */
.lch-slot{transition:box-shadow .15s}
.lch-owner .lch-slot{cursor:pointer}
.lch-owner .lch-slot.empty::after{content:attr(data-ph);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font:500 9px/1.3 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#4c5d6d;border:1px dashed #2a3a49;border-radius:inherit;background:rgba(10,18,27,.35);pointer-events:none}
.lch-owner .lch-av.lch-slot.empty::after{font-size:8px;border-radius:50%}
.lch-owner .lch-slot:hover{box-shadow:inset 0 0 0 1px var(--accent)}
.lch-owner .lch-slot.drag{box-shadow:inset 0 0 0 2px var(--accent);filter:brightness(1.15)}
.lch-slot.busy{opacity:.55;animation:pulseDot 1s ease-in-out infinite}
/* backdrop stays at z 0 under the fade; for the owner, clicks/drops in the card's
   empty areas fall through to it while avatar/name/buttons stay interactive */
.lch-idcard-fade{pointer-events:none}
.lch-owner .lch-idcard-in{pointer-events:none}
.lch-owner .lch-idcard-in > *{pointer-events:auto}
.lch-owner .lch-idcard-bg.lch-slot.empty{opacity:1}
.lch-owner .lch-idcard-bg.lch-slot.empty::after{align-items:flex-start;padding-top:6px;background:none;border-style:none;color:#3d4f5f}

/* ---- Community (Posts / Live chat), YOUR TICKERS, ticker popover (2026-08-18) ---- */
.lch-section-h .t.gold{color:#ffd166}
.lch-cswitch{display:flex;gap:6px;align-items:center}
.lch-cswitch button{font:600 9px/1 var(--chfont);color:#5d7085;background:#0a121b;border:1px solid #1c2833;border-radius:12px;padding:7px 11px;cursor:pointer}
.lch-cswitch button.on{color:#04060a;background:#ffd166;border-color:#ffd166}
.lch-cbox{border:1px solid #16202b;border-radius:14px;background:#080c12;overflow:hidden}
.lch-ccompose{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid #0e141c}
.lch-ccompose input{flex:1;border:none;border-bottom:1px solid #1c2833;background:none;color:#e6edf3;font:400 12px/1 var(--chfont);padding:9px 2px;outline:none}
.lch-cbtn{font:700 10px/1 var(--chfont);color:#04060a;background:#ffd166;border:none;border-radius:8px;padding:10px 14px;cursor:pointer}
.lch-cbtn:disabled{color:#5d7085;background:#101c26;cursor:not-allowed}
.lch-cav{width:32px;height:32px;flex:none;border-radius:50%;border:1px solid #1c2833;background:#101821 center/cover}
.lch-cav.sm{width:22px;height:22px}
.lch-cpost{display:flex;gap:13px;padding:14px 16px;border-bottom:1px solid #0e141c}
.lch-cpost.legacy{opacity:.85}
.lch-cvote{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;width:34px}
.lch-cvote button{font:600 11px/1 'IBM Plex Mono',monospace;color:#3d4f5f;background:none;border:none;cursor:pointer;padding:2px}
.lch-cvote button.up:hover,.lch-cvote button.up.on{color:var(--accent)}
.lch-cvote button.dn:hover,.lch-cvote button.dn.on{color:#ff5e6e}
.lch-cvote .score{font:700 12px/1 'IBM Plex Mono',monospace;color:#8fa3b5}
.lch-cvote .score.pos{color:var(--accent)}.lch-cvote .score.neg{color:#ff5e6e}
.lch-cvote.muted{color:#2a3a49;font-size:14px}
.lch-cbody{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.lch-chead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lch-cuser{font:700 10px/1 var(--chfont);color:#c7d6e3}
.lch-cwhen{font:400 9px/1 'IBM Plex Mono',monospace;color:#4c5d6d}
.lch-cbadge{font:700 7px/1 var(--chfont);letter-spacing:.1em;border-radius:4px;padding:3px 5px}
.lch-cbadge.creator{color:#04060a;background:var(--accent)}
.lch-cbadge.ann{color:#04060a;background:#ffd166}
.lch-cbadge.mod{color:#04060a;background:#ffd166}
.lch-cbadge.pin{color:#ffd166;border:1px solid #4a3a13;background:#1a1508}
.lch-cbadge.kind{color:#8fa3b5;border:1px solid #1c2833;background:#0a121b;text-transform:uppercase}
.lch-cmenu{margin-left:auto;display:flex;gap:6px}
.lch-cmenu button{font:600 9px/1 var(--chfont);color:#5d7085;background:none;border:1px solid #1c2833;border-radius:6px;padding:4px 7px;cursor:pointer}
.lch-cmenu button:hover{color:#e6edf3;border-color:#2a3a49}
.lch-ctitle{font:700 13px/1.35 var(--chfont);color:#e6edf3;text-wrap:pretty}
.lch-ctext{font:400 11px/1.55 var(--chfont);color:#8fa3b5;text-wrap:pretty;white-space:pre-line}
.lch-ctext.sm{color:#aebccb}
.lch-cimg{display:block;width:100%;max-width:440px;aspect-ratio:16/9;border-radius:9px;background:#0d151f center/cover;margin-top:4px}
.lch-clegacy{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:6px}
.lch-clegacy:hover .lch-ctitle{color:var(--accent)}
.lch-clink{display:flex;gap:11px;align-items:center;border:1px solid #1c2833;border-radius:9px;background:#0a121b;padding:9px;max-width:440px;text-decoration:none}
.lch-clink:hover{border-color:#00ccff}
.lch-clink .d{font:400 8px/1 'IBM Plex Mono',monospace;color:#4c5d6d}
.lch-clink .t{font:600 10px/1.35 var(--chfont);color:#c7d6e3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lch-clink .a{font:400 8px/1 'IBM Plex Mono',monospace;color:#00ccff}
.lch-cactions{display:flex;align-items:center;gap:14px}
.lch-cactions button{font:600 10px/1 var(--chfont);color:#5d7085;background:none;border:none;cursor:pointer;padding:0}
.lch-cactions button:hover{color:#e6edf3}
.lch-creplies{display:flex;flex-direction:column;gap:11px;border-left:2px solid #1c2833;padding:10px 0 2px 13px;margin-top:2px}
.lch-creply{display:flex;gap:9px}
.lch-creply>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.lch-creplybox{display:flex;gap:8px;align-items:center}
.lch-creplybox input{flex:1;border:none;border-bottom:1px solid #1c2833;background:none;color:#e6edf3;font:400 11px/1 var(--chfont);padding:7px 2px;outline:none}
.lch-creplybox button{font:700 9px/1 var(--chfont);color:#8fa3b5;background:#101c26;border:none;border-radius:6px;padding:8px 11px;cursor:pointer}
.lch-creplybox button:hover{color:#e6edf3}
.lch-cempty{padding:22px 16px;font:400 11px/1.5 var(--chfont);color:#4c5d6d;text-align:center}
.lch-cerr{padding:8px 16px;font:500 10px/1.4 'IBM Plex Mono',monospace;color:#ff859f;background:#1a0810;border-bottom:1px solid #3d1524}
.lch-cchat-h{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid #0e141c;font:700 9px/1 var(--chfont);letter-spacing:.14em;color:#e6edf3}
.lch-cchat-h .dot{width:6px;height:6px;border-radius:50%;background:#ff2e66;animation:lchPulse 1.4s ease-in-out infinite}
@keyframes lchPulse{0%,100%{opacity:1}50%{opacity:.35}}
.lch-cchat{display:flex;flex-direction:column;max-height:430px;overflow-y:auto}
.lch-cmsg{display:flex;gap:10px;padding:11px 16px;border-bottom:1px solid #0c1118}
.lch-cmsg-b{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.lch-cthread{font:600 9px/1 var(--chfont);color:#00ccff;background:none;border:none;cursor:pointer;padding:0;text-align:left;margin-right:10px}
.lch-cchat-in{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid #131c26;flex-wrap:wrap}
.lch-cchat-in input{flex:1;min-width:160px;border:1px solid #1c2833;border-radius:8px;background:#0a121b;color:#e6edf3;font:400 11px/1 var(--chfont);padding:11px 12px;outline:none}
.lch-creplyto{font:500 9px/1 'IBM Plex Mono',monospace;color:#00ccff;width:100%}
.lch-creplyto button{background:none;border:none;color:#5d7085;cursor:pointer;font-size:10px}
/* $TICKER tokens + popover */
.lch-tk{color:var(--accent);font-weight:700;cursor:default;position:relative}
.lch-tkpop{position:absolute;width:238px;z-index:2147483200;background:#0a121b;border:1px solid #1b3a4d;border-radius:11px;padding:12px;box-shadow:0 24px 50px -12px rgba(0,0,0,.9);display:flex;flex-direction:column;gap:9px;font-family:var(--chfont,Archivo,sans-serif);animation:lchMsgIn .18s ease both}
@keyframes lchMsgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lch-tkpop .s{font:800 12px/1 'IBM Plex Mono',monospace;color:var(--accent,#00ff88)}
.lch-tkpop .px{font:700 12px/1 'IBM Plex Mono',monospace;color:#e6edf3}
.lch-tkpop .chg{font:600 10px/1 'IBM Plex Mono',monospace}
.lch-tkpop .chg.up{color:#00ff88}.lch-tkpop .chg.dn{color:#ff5e6e}
/* YOUR TICKERS row */
.lch-tkrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lch-tkrow-h{font:700 8px/1 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#4c5d6d}
.lch-tkrow-n{font:400 8px/1 'IBM Plex Mono',monospace;color:#3d4f5f}
.lch-tkchip{display:inline-flex;align-items:center;gap:6px;border:1px solid #1c2833;border-radius:14px;background:#0a121b;padding:7px 10px;cursor:pointer;transition:transform .12s,border-color .12s}
.lch-tkchip:hover,.lch-tkchip.on{border-color:var(--accent);transform:translateY(-2px)}
.lch-tkchip.on{background:#0d1a15}
.lch-tkchip b{font:700 10px/1 'IBM Plex Mono',monospace;color:var(--accent)}
.lch-tkchip i{font:500 9px/1 'IBM Plex Mono',monospace;font-style:normal}
.lch-tkchip i.up{color:#00ff88}.lch-tkchip i.dn{color:#ff5e6e}
.lch-orbit-clear{font:600 9px/1 var(--chfont);color:#ff859f;background:#1a0810;border:1px solid #3d1524;border-radius:12px;padding:7px 11px;cursor:pointer}
.lch-orbit-clear:hover{background:#24101a}
@media (max-width:640px){.lch-cpost{padding:12px}.lch-cvote{width:28px}}