:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background: #14151a; color: #f2f3f7; }
html[data-lightfull-shell="standalone"] { --site-header-h: var(--lf-shell-header-height, 74px) !important; }
#lf-standalone-main[data-lightfull-route-shell="chatgpt"] { min-height: calc(100dvh - var(--lf-shell-header-height, 74px)); }
body { margin: 0; }
* { box-sizing: border-box; }
a { color: inherit; }
button, input { font: inherit; }
button, .lfhdr-nav a { cursor: pointer; }
button { color: inherit; background: #292c35; border: 1px solid #454958; border-radius: 8px; padding: 9px 12px; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #b5a3ff; outline-offset: 3px; }
button:disabled { opacity: .5; cursor: default; }
.lfhdr-libModal { position: fixed; inset: 0; background: #0009; z-index: 110; padding: 8vh 8vw; }
.lfhdr-libDialog { background: #232630; padding: 24px; border-radius: 16px; max-height: 80vh; overflow: auto; }
.lfhdr-libGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.lfhdr-libGrid img, .lfhdr-libGrid video { width: 100%; }
.lf-shell-page { max-width: 1200px; margin: 40px auto; padding: 0 24px; }
.lf-shell-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.lf-shell-cards a { display: block; padding: 24px; background: #232630; border: 1px solid #353845; border-radius: 16px; text-decoration: none; }
.lf-auth-page { max-width: 440px; margin: 64px auto; padding: 24px; }
.lf-auth-page label { display: grid; gap: 8px; margin: 18px 0; }
.lf-auth-page input:not([type=checkbox]) { width: 100%; background: #232630; color: inherit; border: 1px solid #454958; border-radius: 8px; padding: 12px; }
.lf-auth-page .auth-policy { display: flex; align-items: center; }
.lf-auth-page .auth-tabs, .lf-auth-page .auth-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.lf-auth-page .msg { margin-top: 18px; white-space: pre-line; }
.lf-auth-page .bad { color: #ffa4a4; }
.lf-auth-page .ok { color: #a5ecc6; }
.lf-mobile-panels { display: none !important; }
@media (max-width: 900px) {
  [data-lightfull-route-shell="node-studio"] #hd { overflow-x: auto; justify-content: flex-start; }
  [data-lightfull-route-shell="node-studio"] #hd .hd-l,
  [data-lightfull-route-shell="node-studio"] #hd .hd-r { flex-shrink: 0; }
  [data-lightfull-route-shell="node-studio"] #toolbar { max-width: calc(100vw - 16px); overflow-x: auto; justify-content: flex-start; bottom: 64px; }
  [data-lightfull-route-shell="node-studio"] #toolbar .tb { flex-shrink: 0; }
  [data-lightfull-route-shell="image"] .dock-row { flex-wrap: wrap; }
  [data-lightfull-route-shell="image"] .dock-row .dock-prompt { flex-basis: 100%; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-top { overflow-x: auto; justify-content: flex-start; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-top > * { flex-shrink: 0; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-top > div { flex: 0 0 auto !important; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .lf-mobile-panels { display: inline-flex !important; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-stage { right: 12px; bottom: 264px; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-right { display: none; width: calc(100vw - 96px); bottom: 264px; background: var(--paper); }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"].lf-panels-open .ps-right { display: flex; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-rail { bottom: 264px; overflow-y: auto; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-dock { left: 12px; right: 12px; width: auto; transform: none; max-height: 244px; overflow-y: auto; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-dock-row { flex-wrap: wrap; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-dock-row .ps-prompt { flex-basis: 100%; }
}
@media (max-width: 900px) {
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace { --hd: var(--lf-shell-header-height, 130px); }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace #work { overflow-x: auto; grid-template-columns: var(--rail) var(--lpw) minmax(320px, 1fr) var(--rpw, 0px); }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace #cmd { overflow-x: auto; }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace #cmd .cmd-g { flex: 0 0 auto; overflow: visible; }
  html[data-lightfull-shell="standalone"] .cs-topbar { overflow-x: auto; }
  html[data-lightfull-shell="standalone"] .cs-topbar > * { flex-shrink: 0; }
}
@media (max-width: 900px) {
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .lfc-shotDockInner,
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .rl-dock { grid-template-columns: 1fr; }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .tx-dockGen { padding-top: 0; }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .tx-dockGen .lfc-shotActions { flex-direction: row; }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .tx-dockGen .lfc-shotGenerateCost { position: static; transform: none; }
  html[data-lightfull-shell="standalone"] .cs-empty { left: 60px; right: 12px; top: 100px; width: auto; max-width: none; transform: none; }
  html[data-lightfull-shell="standalone"] .cs-empty-orb { display: none; }
  html[data-lightfull-shell="standalone"] .cs-empty-title { font-size: 34px; }
  html[data-lightfull-shell="standalone"] .cs-empty-sub { font-size: 12px; margin-bottom: 12px; }
  html[data-lightfull-shell="standalone"] .cs-empty-suggest { margin-top: 12px; }
  html[data-lightfull-shell="standalone"] .c-dock-bar { grid-template-columns: 56px minmax(0, 1fr); }
  html[data-lightfull-shell="standalone"] .c-dock-right { width: auto; grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
}

/* Header v6: original handoff rules. */

#lfhdr{--ink:#f4f3f1;--ink-2:#a9a9b2;--ink-3:#6b6b76;--ink-4:#3a3a42;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);--amber:#f29a4a;--amber-2:#ffd7a1;--violet:#9b7bff;--mint:#6fe0b8;--serif:'Instrument Serif','Times New Roman',serif;--sans:Inter,system-ui,-apple-system,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;position:sticky;top:0;z-index:9000;font-family:var(--sans);color:var(--ink)}
#lfhdr *{box-sizing:border-box;-webkit-font-smoothing:antialiased}
#lfhdr button{font-family:inherit;border:0;background:none;color:inherit;cursor:pointer;margin:0;padding:0}
#lfhdr a{color:inherit;text-decoration:none}
/* HUD strip */
#lfhdr .hud{height:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:#030304;border-bottom:1px solid var(--line);font:500 9.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
#lfhdr .hud-l,#lfhdr .hud-r{display:flex;align-items:center;gap:18px;white-space:nowrap;min-width:0}
#lfhdr .hud b{font-weight:500;color:var(--ink-2)}
#lfhdr .hud .rec{display:inline-flex;align-items:center;gap:7px;color:var(--amber-2)}
#lfhdr .hud .rec i{width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber);animation:lfh-blink 2.4s steps(2) infinite}
@keyframes lfh-blink{50%{opacity:.25}}
#lfhdr .hud .crumb{display:flex;gap:8px;overflow:hidden;text-overflow:ellipsis}
#lfhdr .hud .crumb span:last-child{color:var(--ink)}
#lfhdr .hud a:hover{color:var(--amber-2)}
/* main bar */
#lfhdr header{position:relative;height:60px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:0 24px;background:linear-gradient(180deg,#08080a,#060607);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line)}
#lfhdr .brand{display:flex;align-items:center;gap:10px}
#lfhdr .brand svg.m{width:26px;height:26px;min-width:26px;flex:none;display:block;shape-rendering:geometricPrecision;overflow:visible}
#lfhdr .brand svg.w{height:18px;width:auto;display:block;margin-top:3px}
/* tabs + light beam */
#lfhdr .tabs{position:relative;height:60px;display:flex;align-items:stretch;justify-content:center;gap:2px;overflow:visible;scrollbar-width:none}
#lfhdr .tabs::-webkit-scrollbar{display:none}
#lfhdr .tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 13px;font:500 13px/1 var(--sans);color:var(--ink-3);white-space:nowrap;transition:color .25s}
#lfhdr .tab:hover,#lfhdr .tab.hot{color:var(--ink)}
#lfhdr .tab.active{color:var(--ink)}
#lfhdr .tab:disabled{color:var(--ink-4);cursor:default}
#lfhdr .tab .caret{width:9px;height:9px;opacity:.5;transition:transform .25s}
#lfhdr .tab.open .caret{transform:rotate(180deg)}
#lfhdr .tab-label{display:inline-flex;align-items:baseline;gap:6px}
#lfhdr .tab em{font:italic 400 16px/1 var(--serif);color:var(--amber-2);margin-left:-2px}
#lfhdr .tab .ico{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#lfhdr .div{width:1px;align-self:center;height:14px;background:var(--line-2);margin:0 8px;flex:none}
#lfhdr .beam{position:absolute;left:0;top:50%;height:36px;margin-top:-18px;width:0;border-radius:11px;pointer-events:none;z-index:0;transition:transform .5s cubic-bezier(.3,1.15,.4,1),width .5s cubic-bezier(.3,1.15,.4,1),opacity .3s}
#lfhdr .beam::before,#lfhdr .beam::after{content:"";position:absolute;pointer-events:none}
#lfhdr .tab{z-index:1}
#lfhdr .beam{background:linear-gradient(180deg,rgba(255,250,242,.97),rgba(236,226,210,.93));box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(120,80,30,.15),0 1px 1px rgba(0,0,0,.6),0 8px 22px -8px rgba(0,0,0,.9),0 0 30px -8px rgba(255,215,161,.35)}
#lfhdr .beam::before{inset:0;border-radius:inherit;background:radial-gradient(80% 120% at 50% -30%,rgba(255,255,255,.9),transparent 60%);opacity:.6}
#lfhdr .tab,#lfhdr .tab em,#lfhdr .tab .ico{transition:color .18s ease}
#lfhdr .tab.lit,#lfhdr .tab.lit em,#lfhdr .tab.lit .ico{transition:color .22s ease .26s}
#lfhdr .tab.lit,#lfhdr .tab.lit:hover{color:#14110d}
#lfhdr .tab.lit em{color:#9a5a1e}
#lfhdr .tab.lit .ico,#lfhdr .tab-agent.lit .ico{color:#b0661f}
#lfhdr .tab.lit .caret{opacity:.6}
#lfhdr .tab.active:not(.lit){color:var(--ink)}
#lfhdr .tab.active:not(.lit)::after{content:"";position:absolute;left:50%;bottom:9px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:var(--amber-2);opacity:.8}
/* right */
#lfhdr .right{position:relative;z-index:5;display:flex;align-items:center;gap:8px}
#lfhdr .tab-agent .ico{color:var(--amber-2)}
#lfhdr .agent{position:relative;height:34px;padding:0 14px 0 11px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;font:500 13px/1 var(--sans);color:var(--ink);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .25s,background .25s}
#lfhdr .agent:hover,#lfhdr .agent.active{background:rgba(255,215,161,.06);box-shadow:inset 0 0 0 1px rgba(255,215,161,.4),0 0 22px -6px rgba(242,154,74,.45)}
#lfhdr .agent svg{width:14px;height:14px;fill:none;stroke:var(--amber-2);stroke-width:1.6;stroke-linejoin:round}
#lfhdr .cr{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 4px 0 10px;border-radius:10px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .2s,background .2s}
#lfhdr .cr:hover{background:rgba(255,215,161,.05);box-shadow:inset 0 0 0 1px rgba(255,215,161,.3)}
#lfhdr .cr .coin{width:16px;height:16px;flex:none;display:block}
#lfhdr .cr b{white-space:nowrap;font:600 12.5px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
#lfhdr .cr .plus{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font:500 15px/1 var(--sans);color:var(--ink-2);background:rgba(255,255,255,.05);transition:.2s}
#lfhdr .cr:hover .plus{color:#141210;background:linear-gradient(180deg,#ffe2bb,#f2a45a)}
#lfhdr .np-wrap{position:relative}
#lfhdr .np{position:absolute;top:calc(100% + 14px);right:-42px;width:372px;padding:5px;background:linear-gradient(180deg,#0a0a0b,#050506);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 0 1px rgba(255,255,255,.06),0 30px 70px rgba(0,0,0,.9);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.985);transform-origin:top right;transition:opacity .16s,transform .2s,visibility 0s .2s}
#lfhdr .np.show{opacity:1;visibility:visible;transform:none;transition:opacity .16s,transform .2s}
#lfhdr .np-h{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 8px 12px}
#lfhdr .np-t{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--sans);color:var(--ink)}
#lfhdr .np-c{min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font:600 10.5px/1 var(--sans);color:#141210;background:var(--amber-2)}
#lfhdr .np-ra{padding:6px 8px;border-radius:7px;font:500 12px/1 var(--sans);color:var(--ink-3);transition:.2s}
#lfhdr .np-ra:hover{color:var(--ink);background:rgba(255,255,255,.05)}
#lfhdr .np-tabs{display:flex;gap:2px;margin:0 7px 6px;padding:3px;border-radius:10px;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px var(--line)}
#lfhdr .np-tabs button{flex:1;height:26px;border-radius:7px;font:500 12px/1 var(--sans);color:var(--ink-3);transition:.2s}
#lfhdr .np-tabs button:hover{color:var(--ink)}
#lfhdr .np-tabs button.on{color:var(--ink);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#lfhdr .np-l{display:flex;flex-direction:column;gap:1px;max-height:380px;overflow:auto;scrollbar-width:thin}
#lfhdr .np-i{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:11px;transition:background .15s}
#lfhdr .np-i:hover{background:rgba(255,255,255,.04)}
#lfhdr .np-i.unread::before{content:"";position:absolute;left:3px;top:24px;width:4px;height:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px var(--amber)}
#lfhdr .np-ava{position:relative;width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font:600 11.5px/1 var(--sans);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#lfhdr .np-ava.sys{background:#0b0b0d}#lfhdr .np-ava.sys>svg{width:17px;height:17px}
#lfhdr .np-g{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2px #111013}
#lfhdr .np-g svg{width:9px;height:9px;fill:currentColor}
#lfhdr .np-g.rose{background:#ff6b7c;color:#fff}#lfhdr .np-g.sky{background:#6cc4ff;color:#0b0b0d}#lfhdr .np-g.violet{background:var(--violet);color:#fff}#lfhdr .np-g.mint{background:var(--mint);color:#0b0b0d}
#lfhdr .np-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:2px}
#lfhdr .np-ln{font:400 12.5px/1.4 var(--sans);color:var(--ink-2)}#lfhdr .np-ln b{font-weight:600;color:var(--ink)}
#lfhdr .np-i:not(.unread) .np-ln{color:var(--ink-3)}
#lfhdr .np-ex{font:400 12px/1.4 var(--sans);color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line)}
#lfhdr .np-tm{font:400 11px/1 var(--sans);color:var(--ink-4)}
#lfhdr .np-th{width:38px;height:38px;flex:none;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#lfhdr .np-f{display:block;margin:4px 0 0;padding:11px;border-top:1px solid var(--line);text-align:center;font:500 12px/1 var(--sans);color:var(--ink-3);transition:color .2s}
#lfhdr .np-f:hover{color:var(--amber-2)}
#lfhdr .ib{position:relative;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--ink-3);transition:color .2s,background .2s}
#lfhdr .ib:hover{color:var(--ink);background:rgba(255,255,255,.05)}
#lfhdr .ib svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#lfhdr .ib .dot{position:absolute;top:3px;right:2px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;display:grid;place-items:center;font:600 9.5px/1 var(--sans);color:#141210;background:var(--amber-2);box-shadow:0 0 0 2px #08080a}
#lfhdr .ib.on{color:var(--ink);background:rgba(255,255,255,.06)}
#lfhdr .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:600 11px/1 var(--sans);color:#141210;background:linear-gradient(135deg,#ffd7a1,#c46a26)}
#lfhdr .prof{position:relative}
#lfhdr .dd{position:absolute;top:calc(100% + 14px);right:0;width:290px;padding:5px;background:linear-gradient(180deg,#0a0a0b,#050506);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 0 1px rgba(255,255,255,.06),0 30px 70px rgba(0,0,0,.9);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.985);transform-origin:top right;transition:opacity .16s,transform .2s,visibility 0s .2s}
#lfhdr .dd.show{opacity:1;visibility:visible;transform:none;transition:opacity .16s,transform .2s}
#lfhdr .dd-h{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;transition:background .2s}
#lfhdr .dd-h:hover{background:rgba(255,255,255,.04)}
#lfhdr .dd-ava{position:relative;width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font:600 13px/1 var(--sans);color:#141210;background:linear-gradient(135deg,#ffd7a1,#c46a26);box-shadow:0 0 0 2px #121114,0 0 0 3px rgba(255,215,161,.25)}
#lfhdr .dd-id{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
#lfhdr .dd-id b{font:600 14px/1 var(--sans);letter-spacing:-.01em;color:var(--ink)}
#lfhdr .dd-id small{font:400 12px/1 var(--sans);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lfhdr .dd-go{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3);font-size:12px;transition:.2s}
#lfhdr .dd-h:hover .dd-go{color:var(--ink);background:rgba(255,255,255,.06)}
#lfhdr .dd-cr{margin:2px 3px 6px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.018);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
#lfhdr .dd-cr-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#lfhdr .dd-cr-n{display:flex;align-items:center;gap:8px;white-space:nowrap}#lfhdr .dd-cr-leg span{white-space:nowrap}
#lfhdr .dd-cr-n .coin{width:20px;height:20px;flex:none;display:block}
#lfhdr .dd-cr-n b{font:600 17px/1 var(--sans);letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
#lfhdr .dd-cr-n small{font:400 12px/1 var(--sans);color:var(--ink-3)}
#lfhdr .dd-cr a{white-space:nowrap;height:26px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;font:500 12px/1 var(--sans);color:var(--amber-2);background:rgba(255,215,161,.07);box-shadow:inset 0 0 0 1px rgba(255,215,161,.22);transition:background .2s,box-shadow .2s}
#lfhdr .dd-cr a:hover{background:rgba(255,215,161,.13);box-shadow:inset 0 0 0 1px rgba(255,215,161,.4)}
#lfhdr .dd-cr-bar{display:flex;gap:2px;height:4px;margin-top:12px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.06)}
#lfhdr .dd-cr-bar i{background:linear-gradient(90deg,#d98a3e,#ffd7a1)}#lfhdr .dd-cr-bar s{background:rgba(255,255,255,.22)}
#lfhdr .dd-cr-leg{display:flex;justify-content:space-between;margin-top:8px;font:400 11px/1 var(--sans);color:var(--ink-3)}#lfhdr .dd-cr-leg b{font-weight:500;color:var(--ink-2)}
#lfhdr .dd-l{display:flex;flex-direction:column;gap:1px;padding:0 1px}
#lfhdr .dd-l a,#lfhdr .dd-l button{width:100%;display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:10px;font:500 13px/1 var(--sans);color:var(--ink-2);text-align:left;transition:background .15s,color .15s}
#lfhdr .dd-l a::after,#lfhdr .dd-l button:not(.out)::after{content:"›";margin-left:auto;font-size:15px;line-height:1;color:var(--ink-4);opacity:0;transform:translateX(-3px);transition:.2s}
#lfhdr .dd-l a:hover,#lfhdr .dd-l button:hover{background:rgba(255,255,255,.045);color:var(--ink)}
#lfhdr .dd-l a:hover::after,#lfhdr .dd-l button:hover::after{opacity:1;transform:none;color:var(--ink-2)}
#lfhdr .dd-l svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-3);transition:color .15s}
#lfhdr .dd-l a:hover svg,#lfhdr .dd-l button:hover svg{color:var(--amber-2)}
#lfhdr .dd-sep{height:1px;margin:5px 10px;background:var(--line)}
#lfhdr .dd-l .out{color:var(--ink-3)}#lfhdr .dd-l .out:hover{color:#ff9aa6;background:rgba(255,93,112,.06)}#lfhdr .dd-l .out:hover svg{color:#ff9aa6}
/* letterbox drawer */
#lfhdr .lb{position:absolute;left:0;right:0;top:100%;z-index:2;overflow:hidden;height:0;background:linear-gradient(180deg,#050506,#030304);border-bottom:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:height .42s cubic-bezier(.6,0,.2,1),border-color .3s}
#lfhdr .lb.open{border-bottom-color:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px rgba(0,0,0,.6)}
#lfhdr .lb.open{height:var(--h,240px)}
#lfhdr .pane{display:none;max-width:980px;margin:0 auto;padding:22px 24px 24px}
#lfhdr .pane.on{display:block;animation:lfh-in .5s .12s cubic-bezier(.2,1,.3,1) both}
@keyframes lfh-in{from{opacity:0;transform:translateY(-8px)}}
#lfhdr .pane-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
#lfhdr .pane-t{font:500 9.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
#lfhdr .pane-t em{display:none}
#lfhdr .pane-h a{font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
#lfhdr .pane-h a:hover{color:var(--amber-2)}
#lfhdr .reel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#lfhdr .shot{position:relative;display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.012);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,box-shadow .25s}
#lfhdr .shot:hover{box-shadow:inset 0 0 0 1px var(--line-2)}
#lfhdr .shot:hover{background:#09090b}
#lfhdr .shot.active{background:#0b0a09}
#lfhdr .shot.active{box-shadow:inset 0 0 0 1px rgba(255,215,161,.3)}
#lfhdr .shot .n{position:absolute;top:50%;margin-top:-5px;right:12px;font:500 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--ink-4)}
#lfhdr .shot .mk{width:32px;height:32px;flex:none;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#0b0b0d;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}
#lfhdr .shot .mk img{width:32px;height:32px;display:block}
#lfhdr .shot .mk:has(img.ic){background:none;box-shadow:none;overflow:visible;border-radius:0}#lfhdr .shot .mk img.ic{width:44px;height:44px;margin:-6px}
#lfhdr .shot .mk img.big{width:46px;height:46px;margin:-7px}
#lfhdr .shot .mk img[data-cc]{width:52px;height:52px;margin:-10px}
#lfhdr .shot .mk:has(img.big){background:none;box-shadow:none;overflow:visible;border-radius:0}
#lfhdr .shot .mk:has(img.big),#lfhdr .shot .mk:has(img[data-cc]){background:none;box-shadow:none;overflow:visible;border-radius:0}
#lfhdr .shot .mk svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#lfhdr .shot:hover .mk{color:var(--amber-2)}
#lfhdr .shot .t{font:500 13px/1 var(--sans);color:var(--ink)}
#lfhdr .shot .t em{font:italic 400 16px/1 var(--serif);color:var(--amber-2);margin-left:3px}
#lfhdr .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#lfhdr .col h4{margin:0 0 4px;padding-bottom:7px;border-bottom:1px solid var(--line);font:500 9.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
#lfhdr .col a,#lfhdr .col span{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font:500 12.5px/1.2 var(--sans);color:var(--ink-2);transition:color .2s,padding .25s}
#lfhdr .col a::after{content:"→";font-size:12px;opacity:0;transform:translateX(-4px);transition:.25s;color:var(--amber-2)}
#lfhdr .col a:hover{color:var(--ink);padding-left:4px}
#lfhdr .col a:hover::after{opacity:1;transform:none}
#lfhdr .col a.active{color:var(--amber-2)}
#lfhdr .col span{color:var(--ink-4)}
#lfhdr .col span small{font:500 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
@media (max-width:1440px){#lfhdr .tab{padding:0 10px}#lfhdr header{gap:18px}}
@media (max-width:1320px){#lfhdr .tab[data-path="/education"],#lfhdr .tab[data-path="/feed"]{font-size:0;gap:0}#lfhdr .tab[data-path="/education"] .ico,#lfhdr .tab[data-path="/feed"] .ico{width:15px;height:15px}}
@media (max-width:1100px){#lfhdr .tabs{overflow-x:auto;justify-content:flex-start;-webkit-mask:linear-gradient(90deg,#000 88%,transparent);mask:linear-gradient(90deg,#000 88%,transparent)}#lfhdr .reel,#lfhdr .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
#lfhdr .hud .crumb{display:none}}
#lfhdr .reel{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin:0!important;padding:0!important}#lfhdr .pane[data-pane="cl"]{padding-top:16px}#lfhdr .grp{display:flex;flex-direction:column;gap:6px;min-width:0}#lfhdr .grp .gh,#lfhdr .col h4{display:block;margin:0 0 4px!important;padding:0 0 7px!important;border-bottom:1px solid var(--line);font:500 9.5px/1 var(--mono)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--ink-3)!important}
@media (max-width:640px){#lfhdr .brand svg.w,#lfhdr .agent span{display:none}#lfhdr header{gap:12px;padding:0 14px}#lfhdr .hud{padding:0 14px}#lfhdr .hud .tc{display:none}}
#lfhdr .hud{display:none!important}
#lfhdr .dd-row{display:flex;align-items:center;gap:12px;padding:5px 6px 5px 11px;font:500 13px/1 var(--sans);color:var(--ink-2)}#lfhdr .dd-row>svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-3)}#lfhdr .dd-row .lang{margin-left:auto;display:flex;width:72px;height:28px;padding:2px;gap:0}#lfhdr .dd-l .dd-row .lang button{flex:0 0 34px;width:34px;height:24px;padding:0;margin:0;border-radius:6px;display:grid;place-items:center;gap:0;font:500 10px/1 var(--mono);letter-spacing:.12em;text-indent:.12em;color:var(--ink-3);background:none}#lfhdr .dd-l .dd-row .lang button::after{content:none}#lfhdr .dd-l .dd-row .lang button:hover{background:none;color:var(--ink)}#lfhdr .dd-l .dd-row .lang button.on{color:#14110d}#lfhdr .dd-row .lang i{top:2px;left:2px;bottom:auto;width:34px;height:24px}#lfhdr .dd-row .lang[data-l="en"] i{transform:translateX(34px)}
#lfhdr .lang{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;height:28px;padding:2px;border-radius:8px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line-2);flex:none}
#lfhdr .lang button{position:relative;z-index:1;border:0;background:none;padding:0 8px;min-width:30px;font:500 10px/1 var(--mono);letter-spacing:.12em;color:var(--ink-3);cursor:pointer;transition:color .25s}
#lfhdr .lang button:hover{color:var(--ink)}
#lfhdr .lang button.on{color:#14110d}
#lfhdr .lang i{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:6px;background:linear-gradient(180deg,rgba(255,250,242,.97),rgba(236,226,210,.93));box-shadow:inset 0 1px 0 #fff,0 2px 8px -2px rgba(0,0,0,.8);transition:transform .35s cubic-bezier(.3,1.2,.4,1)}
#lfhdr .lang[data-l="en"] i{transform:translateX(100%)}


/* Auth owns its full viewport before the capability request completes. */
body.lf-auth-active { margin:0; background:#060607; }
body.lf-auth-active #lfhdr { display:none; }
body.lf-auth-active #lf-standalone-main { margin:0; padding:0; max-width:none; width:100%; }

/* Local font bytes match the handoff without external font requests. */
@font-face{font-family:Inter;src:url('/assets/auth-design/assets/fonts/inter-latin-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/auth-design/assets/fonts/instrument-serif-latin-regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/auth-design/assets/fonts/instrument-serif-latin-italic.woff2') format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/assets/auth-design/assets/fonts/jetbrains-mono-latin-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
#lfhdr button:disabled{opacity:1}
#lfhdr [hidden],#lfhdr .np-i[hidden]{display:none!important}
#lfhdr .tabs{min-width:0}
#lfhdr .tab{flex:none}
#lfhdr .tab em{font-family:var(--serif)}
#lfhdr .lb{max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain}
#lfhdr .pane:not(.on){visibility:hidden}
#lfhdr .np{display:block;border:0;z-index:10;max-width:calc(100vw - 28px);animation:none}
#lfhdr .np-i{background:none}
#lfhdr .np-i.unread::after{content:none}
#lfhdr .np-ava{flex:0 0 36px}
#lfhdr .np-g{border:0}
#lfhdr .np-th img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
#lfhdr .av,#lfhdr .dd-ava{padding:0}
#lfhdr .lfhdr-libModal{z-index:9100}
@media(max-width:640px){#lfhdr .reel{grid-template-columns:1fr}#lfhdr .cols{grid-template-columns:repeat(2,minmax(0,1fr))}#lfhdr .pane{padding:16px 14px}#lfhdr .right{gap:5px}#lfhdr .np{right:-38px}}
@media(prefers-reduced-motion:reduce){#lfhdr *,#lfhdr *::before,#lfhdr *::after{transition:none!important;animation:none!important}}

/* Avatars must be bounded before the lazy notification stylesheet exists. */
#lfhdr-avatar,#lfhdr-dd-ava{overflow:hidden;flex:none}
#lfhdr-avatar img,#lfhdr-dd-ava img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:inherit}

/* Owner requirement: solid header surfaces and non-selectable navigation. */
#lfhdr{background:#060607}
#lfhdr .np,#lfhdr .dd,#lfhdr .lb{-webkit-backdrop-filter:none;backdrop-filter:none}
#lfhdr nav,#lfhdr .lb{-webkit-user-select:none;user-select:none}
#lfhdr .shot img{-webkit-user-drag:none}
