/* lockedin.com — LinkedIn parody (dark) */
  .li{max-width:none !important;padding:0 !important;font-family:var(--sans);color:#e9eaeb;background:#14171a;min-height:100%}
  .li-top{display:flex;align-items:center;gap:14px;padding:9px 16px;background:#1b1f23;border-bottom:1px solid #38434f}
  .li-logo{background:#0a66c2;color:#fff;border-radius:5px;padding:2px 8px;font-weight:800;font-size:15px}
  .li-logo span{opacity:.85;font-weight:600}
  .li-search{flex:1;max-width:340px;padding:7px 12px;border-radius:4px;border:none;background:#38434f;color:#e9eaeb;font-size:12.5px}
  .li-me{margin-left:auto;font-size:12.5px;color:#c6c9cc}
  /* ---- GYRA (Apex ticket queue, Jira-dark parody) ---- */
  .gy{font-family:-apple-system,'Segoe UI',sans-serif;color:#c7d1de}
  .gy-top{display:flex;gap:12px;align-items:center;padding:10px 4px 12px;border-bottom:2px solid #2b3a55;margin-bottom:12px;flex-wrap:wrap}
  .gy-logo{font-weight:800;letter-spacing:.06em;color:#579dff;font-size:15px}
  .gy-dim{color:#7a8699;font-size:12px}
  .gy-me{margin-left:auto;font-size:12px;color:#9fb0c5}
  .gy-cols{display:flex;gap:14px;align-items:flex-start}
  .gy-main{flex:1;min-width:0}
  .gy-main h2{font-size:15px;margin:2px 0 10px}
  .gy-side{width:210px;flex:none}
  .gy-card{background:#161d2b;border:1px solid #2b3a55;border-radius:8px;padding:10px 12px;margin-bottom:10px;font-size:12px}
  .gy-card h3{font-size:12px;margin:0 0 6px;color:#9fb0c5}
  .gy-card p{margin:0 0 6px;color:#8d99ab}
  .gy-tkt{background:#141a26;border:1px solid #2b3a55;border-left:3px solid #579dff;border-radius:6px;padding:10px 12px;margin-bottom:10px}
  .gy-tkt.gy-lk{opacity:.55;border-left-color:#3a4356}
  .gy-l1{display:flex;gap:8px;align-items:center;margin-bottom:3px}
  .gy-num{font-family:var(--mono);font-size:12px;color:#579dff}
  .gy-l2{font-weight:650;font-size:14px;color:#dfe7f1}
  .gy-l3{font-size:12px;color:#8d99ab;margin:3px 0 6px}
  .gy-st{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:3px;background:#2b3a55;color:#9fb0c5}
  .gy-st.gy-open{background:#1d3a2a;color:#4cd98a}
  .gy-st.gy-act{background:#3a331d;color:#e2b93d}
  .gy-st.gy-done{background:#20304d;color:#579dff}
  .gy-btn{border:none;border-radius:4px;background:#579dff;color:#0b1220;font-weight:700;font-size:12px;padding:6px 14px;cursor:pointer}
  .gy-btn:hover{background:#6faaff}
  .gy-gate{padding:26px 8px;color:#8d99ab}
  .gy-gate h2{color:#dfe7f1;font-size:16px}
  .gy-sec{background:#3a2222;border:1px solid #6e3030;color:#e2a1a1;border-radius:6px;padding:8px 12px;font-size:12px;margin-bottom:12px}
  .li-wrap{display:flex;gap:14px;padding:16px;align-items:flex-start}
  .li-card{background:#1b1f23;border:1px solid #38434f;border-radius:10px;padding:14px;margin-bottom:12px}
  .li-left{flex:none;width:200px}
  .li-av{position:relative;width:78px;height:78px;border-radius:50%;overflow:hidden;margin-bottom:10px}
  .li-profile h3{margin:4px 0 2px;font-size:16px}
  .li-dim{color:#8a9095;font-size:11.5px;margin:2px 0}
  .li-skills{margin-top:12px} .li-skills h4{margin:0 0 6px;font-size:11px;color:#c6c9cc}
  .li-skills i{display:inline-block;font-style:normal;font-size:10.5px;background:rgba(112,181,249,.14);
    color:#70b5f9;border-radius:10px;padding:3px 9px;margin:0 4px 4px 0}
  .li-feed{flex:1;min-width:0}
  .li-who{display:flex;gap:9px;margin-bottom:8px}
  .li-pav{width:38px;height:38px;border-radius:50%;background:#38434f;display:grid;place-items:center;font-size:18px;overflow:hidden}
  .li-pav svg{width:38px;height:38px;display:block}
  .li-pav img{width:38px;height:38px;object-fit:cover;display:block}
  .li-pav.sq{border-radius:8px}
  .li-av svg{width:78px;height:78px;display:block}
  .li-meav{width:22px;height:22px;border-radius:50%;vertical-align:-6px}
  .li-jlogo{width:16px;height:16px;border-radius:4px;vertical-align:-3px;margin-right:5px}
  .li-who b{font-size:13px} .li-who small{display:block;font-size:10.5px;color:#8a9095}
  .li-post p{margin:4px 0;font-size:12.5px;line-height:1.55;color:#d5d8db}
  .li-react{margin-top:9px;padding-top:8px;border-top:1px solid #2c343b;font-size:11px;color:#8a9095}
  .li-right{flex:none;width:230px}
  .li-jobs h4{margin:0 0 10px;font-size:12.5px}
  .li-job{padding:9px 0;border-top:1px solid #2c343b}
  .li-job b{font-size:12.5px;color:#70b5f9;display:block}
  .li-job small{display:block;font-size:10.5px;color:#8a9095;margin-top:2px}
  .li-job.li-hot{background:rgba(112,181,249,.05);margin:0 -14px;padding:9px 14px;border-left:3px solid #0a66c2}
  .li-apply{margin-top:8px;border:none;border-radius:14px;background:#0a66c2;color:#fff;
    font-size:11.5px;font-weight:600;padding:5px 14px;cursor:pointer}
  .li-apply:hover{background:#1573d1}
  .li-pending{display:inline-block;margin-top:8px;font-size:11px;color:#f4b73f}
  .li-hired{display:inline-block;margin-top:8px;font-size:11.5px;color:#46a758;font-weight:600}
  .li-foot p{margin:0}
  .li-gate{max-width:430px;margin:70px auto;text-align:center}
  .li-gate h2{font-size:20px} .li-gate p{color:#c6c9cc;font-size:13px;line-height:1.6}

  /* ceremony overlay */
  #ceremony{position:absolute;inset:0;z-index:400;display:none;place-items:center;
    background:rgba(3,6,11,.82);backdrop-filter:blur(6px)}
  #ceremony.on{display:grid;animation:cxFade .35s ease}
  @keyframes cxFade{from{opacity:0}to{opacity:1}}
  #ceremony .cx-inner{text-align:center;transform:translateY(-10px)}
  /* A drawn badge needs room; the glyph fallback keeps its old size. */
  #ceremony .cx-badge{width:108px;height:auto;display:block;margin:0 auto;
    filter:drop-shadow(0 6px 22px rgba(0,0,0,.55))}
  #ceremony .cx-mark{font-size:44px;color:var(--accent);margin-bottom:14px;
    filter:drop-shadow(0 0 24px rgba(var(--accent-rgb),.6));animation:cxPulse 1.6s ease-in-out infinite}
  @keyframes cxPulse{50%{opacity:.55}}
  #ceremony .cx-title{font-family:var(--mono);font-size:44px;font-weight:800;letter-spacing:.18em;
    color:#eaf4ff;text-shadow:0 0 30px rgba(var(--accent-rgb),.5)}
  #ceremony.rank .cx-title{color:var(--accent)}
  #ceremony .cx-sub{margin-top:14px;font-size:15px;color:var(--ink-dim);line-height:1.6}
  #ceremony .cx-tap{margin-top:26px;font-size:11px;color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase}
  body.reduce-motion #ceremony .cx-mark{animation:none}
  body.reduce-motion #ceremony.on{animation:none}

  /* leaderboard (stackunderflow Operatives view) */
  .lb-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-top:1px solid #33383d}
  .lb-row .lb-rk{width:30px;text-align:right;font-family:var(--mono);font-size:13px;color:#9fa6ad}
  .lb-row .lb-h{flex:1;font-size:13px;color:#e7e9eb}
  .lb-row .lb-xp{font-family:var(--mono);font-size:12px;color:#9fa6ad}
  .lb-row.you{background:rgba(244,128,36,.10);border-radius:6px}
  .lb-row.you .lb-h{color:#f4b73f;font-weight:600}
  .lb-row.ghost .lb-h{color:#8ea6c8}
  .lb-row.ghost .lb-xp{color:#6a7178}
  .lb-medal{font-size:13px}

  /* iToons music */
  .mus{flex:1;display:flex;flex-direction:column;height:100%;min-height:0;min-width:0}
  .mus-head{display:flex;gap:16px;align-items:flex-end;padding:18px 20px 14px;
    background:linear-gradient(180deg,rgba(251,92,116,.14),transparent)}
  .mus-art{flex:none;width:92px;height:92px;border-radius:12px;display:grid;place-items:center;
    background:linear-gradient(160deg,#fb5c74,#c2273f);box-shadow:0 10px 26px rgba(0,0,0,.4)}
  .mus-art svg{width:48px;height:48px}
  .mus-head small{display:block;color:var(--ink-faint);font-size:11px;letter-spacing:.14em}
  .mus-head h2{margin:2px 0 4px;font-size:22px}
  .mus-head .sub{font-size:12px;color:var(--ink-dim)}
  .mus-list{flex:1;overflow-y:auto;padding:6px 10px}
  .mus-tr{display:flex;align-items:center;gap:12px;width:100%;text-align:left;
    padding:8px 12px;border-radius:9px;border:none;background:none;cursor:pointer}
  .mus-tr:hover{background:rgba(255,255,255,.05)}
  .mus-tr .no{width:18px;text-align:right;font-family:var(--mono);font-size:11px;color:var(--ink-faint)}
  .mus-tr .ti{flex:1;min-width:0}
  .mus-tr .ti b{display:block;font-size:13px;color:var(--ink);font-weight:600}
  .mus-tr .ti small{font-size:11.5px;color:var(--ink-faint)}
  .mus-tr .du{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}
  .mus-tr.playing{background:rgba(var(--accent-rgb),.08)}
  .mus-tr.playing .ti b{color:var(--accent)}
  .mus-eq{display:flex;gap:2px;align-items:flex-end;height:12px;width:14px}
  .mus-eq i{width:3px;background:var(--accent);height:4px}
  .playing .mus-eq i{animation:eq .7s ease-in-out infinite alternate}
  .playing .mus-eq i:nth-child(2){animation-delay:.2s}.playing .mus-eq i:nth-child(3){animation-delay:.4s}
  @keyframes eq{from{height:3px}to{height:12px}}
  .mus-bar{flex:none;display:flex;align-items:center;gap:12px;padding:10px 16px;
    border-top:1px solid var(--edge);background:rgba(13,18,30,.7)}
  .mus-bar button{border:none;background:none;color:var(--ink);font-size:16px;cursor:pointer;padding:4px 6px}
  .mus-bar button:hover{color:var(--accent)}
  .mus-bar .pl{font-size:20px}
  .mus-now{min-width:0;width:170px}
  .mus-now b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mus-now small{font-size:10.5px;color:var(--ink-faint)}
  .mus-prog{flex:1;display:flex;align-items:center;gap:8px}
  .mus-prog .pt{font-family:var(--mono);font-size:10px;color:var(--ink-faint);min-width:34px;text-align:center}
  .mus-prog .rail{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
  .mus-prog .rail i{display:block;height:100%;width:0;background:var(--accent)}
  .mus-vol{display:flex;align-items:center;gap:6px}
  .mus-vol input{width:80px;accent-color:var(--accent)}