/* HY Collaboration V16 visual layer.
   Scoped to Calendar, Meet, and Teams so shared legacy tokens cannot repaint
   unrelated applications. The edge lives inside each surface (no orbiting
   halo outside the card) and remains fully animated in both modes. */
.hy-collab-v16,
.hy-collab-v16 body { --cv16-cyan:#24e9ff; --cv16-blue:#1685ff; --cv16-violet:#a855f7; --cv16-pink:#ff42d0; --cv16-orange:#ff9b42; --cv16-green:#31f6b1; --cv16-ink:#edf7ff; --cv16-muted:#9fb3c9; --cv16-surface:rgba(3,8,18,.88); --cv16-panel:rgba(2,6,14,.78); --cv16-line:rgba(78,190,255,.35); --cv16-shadow:0 20px 55px rgba(0,0,0,.42); --accent:var(--cv16-cyan)!important; --accent-text:var(--cv16-ink)!important; --accent-dim:rgba(36,233,255,.14)!important; --green:var(--cv16-green)!important; --green-dim:rgba(49,246,177,.14)!important; }
.hy-collab-v16 { min-height:100%; color:var(--cv16-ink); background:radial-gradient(900px 560px at 8% -12%,rgba(22,133,255,.22),transparent 58%),radial-gradient(820px 540px at 94% 3%,rgba(168,85,247,.18),transparent 62%),#010207; }
.hy-collab-v16 :where(button,.btn,.chip) { font:inherit; }
.hy-collab-v16 :where(.glass,.panel,.card,.side-card,.ht-nav,.ht-layout>*,.ht-view,.ht-panel,.ht-card,.mt-card) { position:relative; isolation:isolate; border-color:transparent!important; background:linear-gradient(var(--cv16-surface),var(--cv16-surface)) padding-box,linear-gradient(120deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink),var(--cv16-orange),var(--cv16-cyan)) border-box!important; box-shadow:var(--cv16-shadow),0 0 26px rgba(36,233,255,.08); overflow:hidden; }
.hy-collab-v16 :where(.glass,.panel,.card,.side-card,.ht-nav,.ht-layout>*,.ht-view,.ht-panel,.ht-card,.mt-card)::after { content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; z-index:-1; background:conic-gradient(from var(--cv16-angle,0deg),transparent 0 18%,var(--cv16-cyan) 25%,var(--cv16-violet) 42%,transparent 52%,var(--cv16-pink) 67%,var(--cv16-orange) 79%,transparent 90%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:.68; animation:cv16-edge-breathe 7s ease-in-out infinite; }
@property --cv16-angle { syntax:"<angle>"; inherits:true; initial-value:0deg; }
@keyframes cv16-edge-breathe { 0%,100%{--cv16-angle:0deg;opacity:.46;filter:brightness(.9)} 50%{--cv16-angle:180deg;opacity:1;filter:brightness(1.28)} }
@keyframes cv16-pulse { 0%,100%{box-shadow:0 0 0 rgba(36,233,255,0),0 0 18px rgba(36,233,255,.12)} 50%{box-shadow:0 0 0 3px rgba(36,233,255,.12),0 0 34px rgba(168,85,247,.26)} }
.hy-collab-splash{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;overflow:hidden;background:#010205;color:#f6f9ff;transition:opacity .45s ease,visibility .45s ease}
.hy-collab-splash:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,rgba(36,233,255,.18),transparent 19%,rgba(168,85,247,.2),transparent 42%,rgba(255,66,208,.17),transparent 68%,rgba(36,233,255,.18));filter:blur(80px);animation:cv16-splash-spin 10s linear infinite,cv16-splash-breathe 4s ease-in-out infinite}
.hy-collab-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hy-collab-splash-card{position:relative;width:min(390px,calc(100vw - 32px));padding:26px 24px 22px;text-align:center;border:1px solid transparent;border-radius:24px;background:linear-gradient(145deg,rgba(8,14,28,.96),rgba(1,3,8,.99)) padding-box,conic-gradient(from 0deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink),var(--cv16-cyan)) border-box;box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 38px rgba(36,233,255,.24);animation:cv16-splash-card 3s ease-in-out infinite}
.hy-collab-splash-face{position:relative;width:104px;height:104px;margin:0 auto 14px;padding:3px;border:1px solid var(--cv16-cyan);border-radius:50%;background:conic-gradient(from 0deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink),var(--cv16-cyan));box-shadow:0 0 18px rgba(36,233,255,.85),0 0 38px rgba(168,85,247,.5)}
.hy-collab-splash-face img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(1.18) contrast(1.08)}
.hy-collab-splash-kicker{color:var(--cv16-cyan);font:800 9px ui-monospace,monospace;letter-spacing:.22em}.hy-collab-splash-title{margin:5px 0 14px;font-size:30px;font-weight:950;text-shadow:0 0 20px rgba(36,233,255,.4)}
.hy-collab-splash-status{display:flex;align-items:center;gap:8px;color:#d7e8ff;font-size:12px;text-align:left}.hy-collab-splash-status i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--cv16-green);box-shadow:0 0 12px var(--cv16-green);animation:cv16-splash-breathe 1.2s ease-in-out infinite}.hy-collab-splash-status b{margin-left:auto;color:var(--cv16-violet);font:800 9px ui-monospace,monospace;letter-spacing:.15em}
.hy-collab-splash-progress{height:7px;margin-top:14px;overflow:hidden;border:1px solid rgba(36,233,255,.52);border-radius:99px;background:rgba(255,255,255,.06)}.hy-collab-splash-progress span{display:block;width:65%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink));box-shadow:0 0 14px var(--cv16-cyan);animation:cv16-splash-progress 1.5s ease-in-out infinite}
@keyframes cv16-splash-spin{to{transform:rotate(360deg)}}@keyframes cv16-splash-breathe{0%,100%{opacity:.55}50%{opacity:1}}@keyframes cv16-splash-card{0%,100%{box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 25px rgba(36,233,255,.16)}50%{box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 42px rgba(168,85,247,.3)}}@keyframes cv16-splash-progress{0%{transform:translateX(-100%)}100%{transform:translateX(240%)}}
.hy-collab-v16 .ht-task-row[data-floating-details] .tr-details{position:fixed!important;z-index:20000!important;max-height:min(220px,calc(100vh - 24px));}
.hy-collab-v16 :where(.btn.primary,.btn.active,.ht-nav-tab.active,.ht-ios-tab.active,.mt-btn:not(.ghost)) { border-color:transparent!important; background:linear-gradient(100deg,rgba(4,16,32,.96),rgba(15,8,34,.96)) padding-box,linear-gradient(100deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink)) border-box!important; box-shadow:0 0 22px rgba(36,233,255,.2); animation:cv16-pulse 3.2s ease-in-out infinite; }
.hy-collab-v16 :where(.btn,.chip,.ht-nav-tab,.ht-header-btn,.ht-ios-tab,.hv-cbtn,.mt-btn) { color:var(--cv16-ink); border-color:rgba(91,185,255,.34); background:rgba(4,12,24,.76); }
.hy-collab-v16 :where(.muted,.mt-sub,.ht-nav-tab:not(.active),.ht-ios-tab:not(.active)) { color:var(--cv16-muted); }
.hy-collab-v16 :where(input,textarea,select) { color:var(--cv16-ink); background:rgba(1,7,16,.78); border-color:rgba(91,185,255,.3); }
.hy-collab-v16 .hy-collab-theme-toggle { position:fixed; top:max(12px,env(safe-area-inset-top)); right:14px; z-index:10050; min-width:42px; height:38px; padding:0 11px; border:1px solid transparent; border-radius:12px; color:var(--cv16-ink); background:linear-gradient(#06101d,#06101d) padding-box,linear-gradient(120deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink)) border-box; box-shadow:0 0 22px rgba(36,233,255,.22); cursor:pointer; }
.hy-collab-v16 .nav .hy-collab-theme-toggle { position:static; flex:0 0 auto; }
.hy-collab-v16 .hy-collab-theme-toggle:hover { filter:brightness(1.25); }
.hy-v16-login{--g:var(--cv16-cyan)!important;--g2:var(--cv16-violet)!important;--gdim:rgba(36,233,255,.12)!important;--gbr:rgba(36,233,255,.42)!important;--bg:#01040b!important;--text:var(--cv16-ink)!important;--muted:var(--cv16-muted)!important;background:radial-gradient(700px 500px at 10% 0,rgba(36,233,255,.16),transparent 62%),radial-gradient(700px 500px at 92% 100%,rgba(168,85,247,.16),transparent 62%),#01040b!important}
.hy-v16-login .card{background:linear-gradient(145deg,rgba(4,12,24,.92),rgba(18,7,38,.9))!important;border:1px solid transparent!important;background-clip:padding-box!important;box-shadow:0 20px 60px rgba(0,0,0,.58),0 0 26px rgba(36,233,255,.12)!important}
.hy-v16-login .brand-icon,.hy-v16-login .bio-btn,.hy-v16-login .submit-btn{background:linear-gradient(110deg,rgba(36,233,255,.16),rgba(168,85,247,.17),rgba(255,66,208,.12))!important;border-color:rgba(36,233,255,.5)!important;color:var(--cv16-ink)!important;box-shadow:0 0 22px rgba(36,233,255,.16)!important}
.hy-v16-login::before{width:auto!important;height:auto!important;inset:-35%!important;border-radius:0!important;background:conic-gradient(from 0deg,rgba(36,233,255,.16),transparent 20%,rgba(168,85,247,.18),transparent 48%,rgba(255,66,208,.14),transparent 76%)!important;filter:blur(80px)!important;animation:cv16-splash-spin 12s linear infinite!important}
.hy-v16-login::after{width:auto!important;height:auto!important;inset:0!important;border-radius:0!important;background-image:linear-gradient(rgba(36,233,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(36,233,255,.03) 1px,transparent 1px)!important;background-size:42px 42px!important;opacity:.45!important}
.hy-v16-login .bio-sub{color:var(--cv16-cyan)!important}.hy-v16-login .field input:focus{border-color:rgba(36,233,255,.5)!important;background:rgba(36,233,255,.04)!important}.hy-v16-login .field input::placeholder{color:rgba(237,247,255,.3)!important}.hy-v16-login .submit-btn:hover{background:linear-gradient(110deg,rgba(36,233,255,.26),rgba(168,85,247,.25),rgba(255,66,208,.20))!important}
html[data-mode="light"] .hy-collab-v16 { --cv16-ink:#102238; --cv16-muted:#52657c; --cv16-surface:rgba(255,255,255,.9); --cv16-panel:rgba(247,251,255,.92); --cv16-line:rgba(30,109,168,.32); background:radial-gradient(900px 560px at 8% -12%,rgba(36,180,255,.2),transparent 58%),radial-gradient(820px 540px at 94% 3%,rgba(190,105,255,.18),transparent 62%),#eef5fb; }
html[data-mode="light"] .hy-collab-v16 :where(.glass,.panel,.card,.side-card,.ht-nav,.ht-layout>*,.ht-view,.ht-panel,.ht-card,.mt-card) { background:linear-gradient(var(--cv16-surface),var(--cv16-surface)) padding-box,linear-gradient(120deg,#008dbb,#6847d9,#d334aa,#d47719) border-box!important; box-shadow:0 18px 42px rgba(18,48,76,.16); }
html[data-mode="light"] .hy-collab-v16 :where(.btn,.chip,.ht-nav-tab,.ht-header-btn,.ht-ios-tab,.hv-cbtn,.mt-btn) { color:#132945; background:rgba(255,255,255,.86); border-color:rgba(37,101,151,.32); }
html[data-mode="light"] .hy-collab-v16 :where(input,textarea,select) { color:#132945; background:#fff; }
html[data-mode="light"] .hy-collab-v16 .hy-collab-theme-toggle { color:#102238; background:linear-gradient(#fff,#f1f7ff) padding-box,linear-gradient(120deg,#008dbb,#6847d9,#d334aa) border-box; }
.hy-collab-v16 .cal-appearance-menu { z-index:10060; }
@media (max-width:980px) { .hy-collab-v16 { background-attachment:scroll; } .hy-collab-v16 :where(.panel,.card,.side-card,.ht-layout>*,.ht-view,.ht-panel,.ht-card,.mt-card) { border-radius:16px; } }
@media (max-width:560px) { .hy-collab-v16 .hy-collab-theme-toggle { top:max(8px,env(safe-area-inset-top)); right:8px; height:36px; } .hy-collab-v16 :where(.btn,.chip,.ht-nav-tab,.ht-ios-tab,.mt-btn) { min-height:38px; } }

/* Focused collaboration polish: compact desktop navigation, bounded task
   details, and a legible, chromatic calendar grid. */
.hy-collab-v16 .ht-nav { padding:0 8px; gap:0; }
.hy-collab-v16 .ht-nav-brand { min-width:164px; padding:0 10px; font-size:13px; }
.hy-collab-v16 .ht-nav-tabs { min-width:0; overflow-x:auto; flex-wrap:nowrap; justify-content:center; gap:1px; }
.hy-collab-v16 .ht-nav-tab { flex:0 0 auto; padding:0 7px; font-size:10.5px; min-height:36px; }
.hy-collab-v16 .ht-nav-right { flex:0 0 auto; min-width:0; }
.hy-collab-v16 .hdr { flex-wrap:nowrap; }
.hy-collab-v16 .hdr-right { flex-wrap:nowrap; min-width:0; }
.hy-collab-v16 .ht-sidebar { width:196px; }
.hy-collab-v16 .ht-layout { gap:8px; }

.hy-collab-v16 .ht-task-row {
  border:1px solid transparent!important;
  border-left:3px solid var(--cv16-cyan)!important;
  background:linear-gradient(var(--cv16-panel),var(--cv16-panel)) padding-box,linear-gradient(115deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink)) border-box!important;
  box-shadow:0 8px 24px rgba(0,0,0,.26),0 0 16px rgba(36,233,255,.08);
  isolation:isolate; overflow:visible!important;
}
.hy-collab-v16 .ht-task-row summary { color:var(--cv16-ink); border-radius:inherit; }
.hy-collab-v16 .ht-task-row summary:hover { background:rgba(36,233,255,.08); }
.hy-collab-v16 .ht-task-row .tr-details {
  color:var(--cv16-ink); background:linear-gradient(135deg,rgba(3,10,24,.98),rgba(20,7,38,.98));
  border-color:rgba(36,233,255,.55); box-shadow:0 16px 34px rgba(0,0,0,.54),0 0 20px rgba(168,85,247,.18);
}
.hy-collab-v16 .ht-task-row[data-status="done"] { border-left-color:var(--cv16-green)!important; }
.hy-collab-v16 .ht-task-row[data-status="failed"] { border-left-color:#ff527c!important; }
.hy-collab-v16 .ht-task-row.priority-high { animation:cv16-task-breathe 3s ease-in-out infinite; }
@keyframes cv16-task-breathe { 0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.26),0 0 10px rgba(255,66,208,.08)} 50%{box-shadow:0 8px 28px rgba(0,0,0,.3),0 0 24px rgba(255,66,208,.3)} }

.hy-collab-v16 .cal-layout { gap:14px; align-items:start; }
.hy-collab-v16 .cal-main { min-width:0; }
.hy-collab-v16 .cal-sidebar { width:248px; min-width:0; }
.hy-collab-v16 .cal-hdr { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:7px; margin-bottom:7px; }
.hy-collab-v16 .cal-hdr>div { padding:7px 6px; border:1px solid rgba(36,233,255,.3); border-radius:9px; color:var(--cv16-cyan); background:rgba(7,18,35,.82); text-align:center; font:800 10px/1 var(--font-mono,monospace); letter-spacing:.08em; }
.hy-collab-v16 .cal-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:7px; padding:8px; border:1px solid transparent; border-radius:16px; background:linear-gradient(var(--cv16-panel),var(--cv16-panel)) padding-box,linear-gradient(125deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink),var(--cv16-orange)) border-box; box-shadow:var(--cv16-shadow); }
.hy-collab-v16 .cal-day { position:relative; min-height:92px; padding:8px 7px; border:1px solid rgba(94,155,205,.28); border-radius:11px; background:linear-gradient(145deg,rgba(7,18,34,.94),rgba(9,9,25,.9)); color:var(--cv16-ink); overflow:visible; }
.hy-collab-v16 .cal-day:nth-child(7n+1){background:linear-gradient(145deg,rgba(0,116,160,.2),rgba(9,9,25,.92))}.hy-collab-v16 .cal-day:nth-child(7n+2){background:linear-gradient(145deg,rgba(25,76,170,.2),rgba(9,9,25,.92))}.hy-collab-v16 .cal-day:nth-child(7n+3){background:linear-gradient(145deg,rgba(91,46,168,.2),rgba(9,9,25,.92))}.hy-collab-v16 .cal-day:nth-child(7n+4){background:linear-gradient(145deg,rgba(173,43,135,.17),rgba(9,9,25,.92))}.hy-collab-v16 .cal-day:nth-child(7n+5){background:linear-gradient(145deg,rgba(208,104,36,.17),rgba(9,9,25,.92))}
.hy-collab-v16 .cal-day.today { border-color:var(--cv16-cyan); box-shadow:inset 0 0 18px rgba(36,233,255,.12),0 0 14px rgba(36,233,255,.22); }
.hy-collab-v16 .cal-day.other { opacity:.38; }
.hy-collab-v16 .evt-chip { display:block; max-width:100%; margin-top:6px; padding:5px 6px; border-radius:7px; color:#f5fbff!important; font:700 10px/1.2 var(--font-ios,Inter,sans-serif); white-space:normal; overflow:hidden; text-overflow:ellipsis; border:1px solid rgba(255,255,255,.3); box-shadow:0 0 10px rgba(36,233,255,.14); }
.hy-collab-v16 .hy-calendar-logo { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; margin-right:7px; border:1px solid transparent; border-radius:8px; color:var(--cv16-cyan); background:linear-gradient(rgba(5,14,28,.94),rgba(5,14,28,.94)) padding-box,linear-gradient(135deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink)) border-box; box-shadow:0 0 16px rgba(36,233,255,.3); animation:cv16-calendar-logo 3s ease-in-out infinite; vertical-align:middle; }
.hy-collab-v16 .hy-calendar-logo iconify-icon { font-size:18px; }
@keyframes cv16-calendar-logo { 0%,100%{transform:translateY(0) scale(1);filter:brightness(.95)} 50%{transform:translateY(-2px) scale(1.06);filter:brightness(1.35)} }
html[data-mode="light"] .hy-collab-v16 .cal-hdr>div { color:#075d86; background:rgba(240,250,255,.9); }
html[data-mode="light"] .hy-collab-v16 .cal-day { color:#132945; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,241,250,.94)); border-color:rgba(37,101,151,.28); }
html[data-mode="light"] .hy-collab-v16 .cal-day:nth-child(7n+1){background:linear-gradient(145deg,rgba(91,219,255,.22),rgba(255,255,255,.95))}html[data-mode="light"] .hy-collab-v16 .cal-day:nth-child(7n+2){background:linear-gradient(145deg,rgba(102,157,255,.18),rgba(255,255,255,.95))}html[data-mode="light"] .hy-collab-v16 .cal-day:nth-child(7n+3){background:linear-gradient(145deg,rgba(190,130,255,.18),rgba(255,255,255,.95))}html[data-mode="light"] .hy-collab-v16 .cal-day:nth-child(7n+4){background:linear-gradient(145deg,rgba(255,125,220,.16),rgba(255,255,255,.95))}html[data-mode="light"] .hy-collab-v16 .cal-day:nth-child(7n+5){background:linear-gradient(145deg,rgba(255,181,96,.2),rgba(255,255,255,.95))}
html[data-mode="light"] .hy-collab-v16 .ht-task-row .tr-details { color:#132945; background:rgba(255,255,255,.98); }
@media (max-width:1100px) and (min-width:769px) { .hy-collab-v16 .ht-nav-brand{min-width:140px}.hy-collab-v16 .ht-nav-tab{padding:0 5px;font-size:9.5px}.hy-collab-v16 .ht-sidebar{width:184px}.hy-collab-v16 .cal-sidebar{width:210px}.hy-collab-v16 .cal-day{min-height:78px;padding:6px 5px}.hy-collab-v16 .evt-chip{font-size:9px;padding:4px} }
@media (max-width:768px) { .hy-collab-v16 .ht-sidebar{width:240px}.hy-collab-v16 .cal-layout{grid-template-columns:1fr}.hy-collab-v16 .cal-sidebar{width:auto}.hy-collab-v16 .cal-hdr{gap:3px}.hy-collab-v16 .cal-grid{gap:4px;padding:5px}.hy-collab-v16 .cal-day{min-height:70px;padding:5px 4px;border-radius:8px}.hy-collab-v16 .evt-chip{font-size:8.5px;padding:4px 3px;margin-top:4px}.hy-collab-v16 .page-title{font-size:14px} }
@media (max-width:768px) { .hy-collab-v16 .hdr{flex-wrap:wrap}.hy-collab-v16 .hdr-right{flex-wrap:wrap;width:100%;overflow-x:auto;padding-bottom:2px} }

/* V16 owns these controls; the former green token/legacy glass rules do not. */
.hy-collab-v16 :where(.btn,.month-nav button,.scope-pill,.ios-segment,.ios-segment-item,.sidebar-toggle,.ios-search-bar) { color:var(--cv16-ink)!important; border-color:rgba(36,233,255,.34)!important; background:rgba(4,12,24,.78)!important; }
.hy-collab-v16 :where(.btn:hover,.month-nav button:hover,.scope-pill:hover,.scope-pill.active,.ios-segment-item.active,.ios-segment-item[aria-selected="true"],.sidebar-toggle:hover) { color:#fff!important; background:linear-gradient(100deg,rgba(5,28,52,.98),rgba(38,12,70,.98))!important; border-color:var(--cv16-cyan)!important; box-shadow:0 0 18px rgba(36,233,255,.22)!important; }
.hy-collab-v16 .sidebar-toggle { min-width:36px; padding:7px 9px!important; font-size:16px!important; }
.hy-collab-v16 .hdr-right { gap:7px; }
.hy-collab-v16 .profile-menu-host { display:inline-flex; align-items:center; gap:6px; position:relative; }
.hy-collab-v16 .hy-collab-profile { position:relative; z-index:10070; }
.hy-collab-v16 .hy-collab-profile>summary { list-style:none; display:flex; align-items:center; gap:6px; min-height:36px; padding:4px 9px 4px 5px; border:1px solid transparent; border-radius:18px; cursor:pointer; color:var(--cv16-ink); background:linear-gradient(rgba(5,14,28,.9),rgba(5,14,28,.9)) padding-box,linear-gradient(120deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink)) border-box; }
.hy-collab-v16 .hy-collab-profile>summary::-webkit-details-marker { display:none; }
.hy-collab-v16 .hy-collab-profile[open]>summary { box-shadow:0 0 20px rgba(168,85,247,.28); }
.hy-collab-v16 .hy-collab-profile-avatar { display:grid; place-items:center; width:25px; height:25px; overflow:hidden; border-radius:50%; color:#fff; font-size:11px; font-weight:900; background:linear-gradient(135deg,var(--cv16-cyan),var(--cv16-violet)); }
.hy-collab-v16 .hy-collab-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.hy-collab-v16 .hy-collab-profile-name { max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:800; }
.hy-collab-v16 .hy-collab-profile-menu { position:absolute; top:calc(100% + 8px); right:0; width:190px; padding:8px; border:1px solid transparent; border-radius:14px; background:linear-gradient(rgba(3,9,20,.98),rgba(18,7,34,.98)) padding-box,linear-gradient(120deg,var(--cv16-cyan),var(--cv16-violet),var(--cv16-pink)) border-box; box-shadow:0 18px 40px rgba(0,0,0,.5); }
.hy-collab-v16 .hy-collab-profile-kicker { padding:4px 8px 7px; color:var(--cv16-cyan); font:800 9px/1.2 var(--font-mono,monospace); letter-spacing:.1em; }
.hy-collab-v16 .hy-collab-profile-menu button { display:block; width:100%; padding:8px 9px; border:0; border-radius:8px; color:var(--cv16-ink); background:transparent; text-align:left; cursor:pointer; font:700 11px/1.2 var(--font-ios,Inter,sans-serif); }
.hy-collab-v16 .hy-collab-profile-menu button:hover { color:#fff; background:linear-gradient(90deg,rgba(36,233,255,.15),rgba(168,85,247,.2)); }
.hy-collab-v16 .hy-collab-profile-loading,.hy-collab-v16 .hy-collab-profile-empty { display:block; padding:8px; color:var(--cv16-muted); font-size:10px; }
html[data-mode="light"] .hy-collab-v16 .hy-collab-profile>summary { color:#102238; background:linear-gradient(#fff,#eef7ff) padding-box,linear-gradient(120deg,#008dbb,#6847d9,#d334aa) border-box; }
html[data-mode="light"] .hy-collab-v16 .hy-collab-profile-menu { background:linear-gradient(#fff,#f2f8ff) padding-box,linear-gradient(120deg,#008dbb,#6847d9,#d334aa) border-box; }
html[data-mode="light"] .hy-collab-v16 .hy-collab-profile-menu button { color:#132945; }