.honeycomb-launcher{
  position:fixed; right:max(14px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom)); z-index:85; display:none;
  width:84px; padding:0 0 8px; border:0; color:#e6a629; background:transparent;
  cursor:pointer; isolation:isolate; -webkit-tap-highlight-color:transparent;
}
body[data-view="browse"] .honeycomb-launcher{ display:grid; justify-items:center; animation:hive-arrive .65s cubic-bezier(.16,1,.3,1) both; }
.honeycomb-launcher::before{
  content:""; position:absolute; inset:26px -4px 10px; z-index:-1;
  background:radial-gradient(ellipse,rgba(238,170,36,.14),transparent 70%); filter:blur(4px);
}
.honeycomb-sprout{ display:block; width:78px; height:100px; overflow:visible; filter:drop-shadow(0 3px 7px #0003); }
.honeycomb-sprout__cell{
  fill:currentColor; stroke:color-mix(in srgb,currentColor 70%,white); stroke-width:.8;
  transform-box:fill-box; transform-origin:50% 100%;
  animation:hive-sprout .65s cubic-bezier(.2,1.5,.4,1) calc(var(--sprout-i,0) * .075s + .25s) both;
}
.honeycomb-sprout__cell:nth-child(3n){ opacity:.72; }
.honeycomb-launcher__label{ font:650 10px/1.4 var(--font,system-ui); letter-spacing:.09em; text-transform:uppercase; color:var(--dim,#a6a6ad); }
.honeycomb-launcher:hover{ color:#ffbf3f; }
.honeycomb-launcher:hover .honeycomb-sprout{ filter:drop-shadow(0 0 12px #f5af3445); }
.honeycomb-launcher:focus-visible{ outline:2px solid #e6a629; outline-offset:5px; border-radius:18px; }
@keyframes hive-arrive{ from{ opacity:0; transform:translate(22px,45px); } to{ opacity:1; transform:translate(0,0); } }
@keyframes hive-sprout{ from{ opacity:0; transform:translateY(13px) scale(.15); } to{ opacity:1; transform:translateY(0) scale(1); } }

.honeycomb-space{
  --hive-gold:#e9ae42; --hive-line:color-mix(in srgb,var(--ink,#eee) 10%,transparent);
  position:fixed; z-index:70; inset:0; width:auto; height:auto; max-width:none; max-height:none;
  margin:0; padding:0; overflow:hidden; border:0; border-radius:0;
  background:var(--surface,#101115); color:var(--ink,#f2f3f5);
  box-shadow:none;
}
.honeycomb-space[hidden]{ display:none; }
body.honeycomb-is-open :is(#command,.browse-command-actions,.honeycomb-launcher){ visibility:hidden; }
.view[data-view="browse"]:has(> .honeycomb-space[data-phase="expanded"]) > :not(.honeycomb-space){ visibility:hidden; }
.honeycomb-space__shell{ position:relative; height:100%; display:flex; flex-direction:column; }
.honeycomb-space__header{ position:absolute; z-index:2; inset:64px 0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 30px 21px; pointer-events:none; }
.honeycomb-space__header button{ pointer-events:auto; }
.honeycomb-space__intro{ flex:1; min-width:0; }
.honeycomb-space__header h2{ margin:0; font:650 clamp(25px,3vw,40px)/1.15 var(--font,system-ui); letter-spacing:-.045em; }
.honeycomb-space__header p{ margin:7px 0 0; color:var(--dim,#9498a1); font:12px/1.5 var(--font,system-ui); }
.honeycomb-invite span{ display:inline-block; }
.honeycomb-invite span:first-child{ margin-right:.2em; }
.honeycomb-invite__highlight{ color:var(--hive-gold); background:linear-gradient(100deg,var(--hive-gold) 20%,#fff2c6 43%,var(--hive-gold) 60%); background-size:240% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.honeycomb-space[open] .honeycomb-invite span{ animation:hive-invite-arrive .75s cubic-bezier(.16,1,.3,1) both; }
.honeycomb-space[open] .honeycomb-invite .honeycomb-invite__highlight{ animation:hive-invite-arrive .8s .14s cubic-bezier(.16,1,.3,1) both,hive-invite-shine 8s 1s ease-in-out infinite; }
@keyframes hive-invite-arrive{ from{ opacity:0; transform:translateY(12px); filter:blur(4px); } to{ opacity:1; transform:translateY(0); filter:blur(0); } }
@keyframes hive-invite-shine{ 0%,65%{ background-position:100% 0; } 90%,100%{ background-position:-100% 0; } }
.honeycomb-stats{ flex:none; min-width:270px; text-align:right; font-variant-numeric:tabular-nums; }
.honeycomb-stats__total{ display:flex; align-items:baseline; justify-content:flex-end; gap:10px; }
.honeycomb-stats__total strong{ font:600 40px/1 var(--font,system-ui); letter-spacing:-.06em; }
.honeycomb-stats__total>span{ color:var(--dim); font:500 11px/1.3 var(--font,system-ui); }
.honeycomb-stats__details{ display:flex; justify-content:flex-end; gap:24px; margin:12px 0 0; }
.honeycomb-stats__details dd{ margin:0; font:600 19px/1.2 var(--font,system-ui); }
.honeycomb-stats__details dd small{ font:500 11px var(--font,system-ui); color:var(--dim); }
.honeycomb-stats__details dt{ margin-top:4px; color:var(--dim); font:500 10px/1.2 var(--font,system-ui); }
.honeycomb-space__header .honeycomb-stats__note{ margin-top:8px; font-size:9px; color:var(--dim); }
.honeycomb-stats__printer{ display:inline-flex; align-items:center; gap:8px; min-height:34px; margin-top:10px; padding:6px 13px 6px 10px; border:1px solid color-mix(in srgb,var(--hive-gold) 55%,transparent); border-radius:999px; color:var(--ink); background:color-mix(in srgb,var(--hive-gold) 12%,transparent); }
.honeycomb-stats__printer:hover{ background:color-mix(in srgb,var(--hive-gold) 22%,transparent); }
.honeycomb-stats__printer[hidden]{ display:none; }
/* A hive cell that doubles as the printer's status light. */
.honeycomb-stats__printer-dot{ flex:none; width:12px; height:13px; clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%); background:var(--hive-gold); }
.honeycomb-stats__printer[data-printer-state="online"] .honeycomb-stats__printer-dot{ background:#34c759; }
.honeycomb-stats__printer[data-printer-state="offline"] .honeycomb-stats__printer-dot{ background:#ffb347; }
.honeycomb-space button{ font:550 12px/1.3 var(--font,system-ui); cursor:pointer; }
.honeycomb-space__close{ flex:none; align-self:flex-start; display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--hive-line); border-radius:50%; color:var(--ink); background:var(--raised,#181b20); }
.honeycomb-space button:focus-visible,.honeycomb-cell:focus-visible{ outline:2px solid #3b82f6; outline-offset:4px; }
.honeycomb-space__content{ display:flex; flex:1; min-height:0; }
.honeycomb-space__map-wrap{
  position:relative; min-width:0; flex:1; overflow:hidden; overscroll-behavior:contain;
  background:var(--surface);
}
.honeycomb-map{ display:block; width:100%; height:100%; touch-action:none; user-select:none; cursor:grab; }
.honeycomb-map:active{ cursor:grabbing; }
.honeycomb-cell{ cursor:pointer; outline:none; }
.honeycomb-cell__outline{ fill:color-mix(in srgb,var(--ink) 2%,transparent); stroke:color-mix(in srgb,var(--ink) 14%,transparent); stroke-width:1; transition:stroke .15s,fill .15s; }
.honeycomb-field__cell{ fill:color-mix(in srgb,var(--ink) 2%,transparent); stroke:color-mix(in srgb,var(--ink) 14%,transparent); stroke-width:1; stroke-opacity:.6; }
.honeycomb-cell__hit{ fill:transparent; stroke:none; }
.honeycomb-cell:focus-visible .honeycomb-cell__hit{ stroke:var(--hive-gold); stroke-width:2.5; }
.honeycomb-cell__fill{ fill:var(--hive-gold); opacity:.9; pointer-events:none; }
.honeycomb-cell[data-cell-kind="partial"] .honeycomb-cell__fill{ opacity:.52; }
.honeycomb-cell[data-cell-kind="empty"]{ cursor:default; }
.honeycomb-cell[data-cell-kind="empty"] .honeycomb-cell__outline{ stroke-opacity:.6; }
.honeycomb-cell:not([data-cell-kind="empty"]):hover .honeycomb-cell__outline,
.honeycomb-cell:focus-visible .honeycomb-cell__outline{ stroke:var(--hive-gold); stroke-width:2.5; }
.honeycomb-cell[aria-pressed="true"] .honeycomb-cell__outline{ stroke:#3b82f6; stroke-width:3; }
.honeycomb-cell[aria-pressed="true"] .honeycomb-cell__fill{ fill:#3b82f6; }
.honeycomb-cell__label{ fill:var(--ink); font:600 9px var(--font,system-ui); text-anchor:middle; pointer-events:none; }
.honeycomb-cell[data-cell-kind="full"] .honeycomb-cell__label{ fill:#2c1c08; }
.honeycomb-cell[aria-pressed="true"] .honeycomb-cell__label{ fill:white; }
.honeycomb-cell__label{ opacity:0; paint-order:stroke; stroke:var(--surface); stroke-width:4px; stroke-linejoin:round; }
.honeycomb-cell:is(:hover,:focus-visible,[aria-pressed="true"]) .honeycomb-cell__label{ opacity:1; }
.honeycomb-profile{ pointer-events:none; }
.honeycomb-profile polygon{ fill:var(--surface); stroke:var(--hive-gold); stroke-width:1.5; }
.honeycomb-profile__name{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; overflow-wrap:anywhere; color:var(--ink); font:600 14px/1.2 var(--font,system-ui); }
.honeycomb-space:has(.honeycomb-inspector:not([hidden])) .honeycomb-space__header{ visibility:hidden; }
.honeycomb-inspector{ padding-top:64px; }
.honeycomb-space__eyebrow,.honeycomb-inspector__header span{ display:block; margin-bottom:7px; color:var(--dim); font:600 9px/1.4 var(--font,system-ui); letter-spacing:.14em; }
.honeycomb-space__hint{ position:absolute; z-index:1; left:24px; top:215px; color:var(--dim); font:11px/1.4 var(--font,system-ui); pointer-events:none; background:var(--surface); padding:7px 10px; border-radius:8px; }
.honeycomb-space__note{ display:none; }
.honeycomb-space__announcement{ position:absolute; left:24px; top:40px; right:24px; color:var(--dim); font:12px/1.4 var(--font,system-ui); pointer-events:none; }
.honeycomb-space__legend span::before{ content:""; width:12px; height:14px; background:var(--hive-gold); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
.honeycomb-space__legend [data-kind="partial"]::before{ background:linear-gradient(to bottom,color-mix(in srgb,var(--ink) 10%,transparent) 50%,var(--hive-gold) 50%); }
.honeycomb-space__legend [data-kind="empty"]::before{ background:color-mix(in srgb,var(--ink) 15%,transparent); }
.honeycomb-space__legend{
  position:absolute; left:24px; bottom:24px; display:flex; align-items:center; gap:14px; max-width:calc(100% - 200px);
  color:var(--dim); font:11px/1.5 var(--font,system-ui); pointer-events:none;
}
.honeycomb-space__legend span{ display:inline-flex; align-items:center; gap:6px; }
.honeycomb-map__controls{ position:absolute; right:22px; bottom:20px; display:flex; align-items:center; gap:2px; padding:5px; border:1px solid var(--hive-line); border-radius:14px; background:var(--raised,#202127); box-shadow:0 4px 18px #0001; }
.honeycomb-map__controls button{ min-width:34px; height:32px; padding:0 7px; border:0; border-radius:8px; background:transparent; color:var(--ink); }
.honeycomb-map__controls button:hover{ background:color-mix(in srgb,var(--ink) 9%,transparent); }
.honeycomb-map__controls output{ min-width:44px; text-align:center; color:var(--dim); font:11px var(--font,system-ui); }
.honeycomb-inspector{ width:clamp(280px,32vw,430px); flex:none; min-height:0; display:flex; flex-direction:column; border-left:1px solid var(--hive-line); background:var(--raised,#181a1f); }
.honeycomb-inspector[hidden]{ display:none; }
.honeycomb-inspector__header{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:23px 22px 10px; }
.honeycomb-inspector__header h3{ margin:0; font:650 19px/1.3 var(--font,system-ui); letter-spacing:-.025em; }
.honeycomb-inspector__header button{ flex:none; border:0; border-radius:8px; padding:7px 9px; background:var(--surface); color:var(--dim); }
.honeycomb-inspector__preview{ flex:1; min-height:160px; position:relative; overflow:hidden; }
.honeycomb-inspector__preview canvas{ display:block; position:absolute; inset:0; width:100%; height:100%; touch-action:none; cursor:grab; }
.honeycomb-inspector__preview canvas:active{ cursor:grabbing; }
.honeycomb-inspector__preview canvas[hidden]{ display:none; }
.honeycomb-inspector__status{ flex:none; min-height:32px; margin:0; padding:0 24px; color:var(--dim); font:12px/1.5 var(--font,system-ui); text-align:center; }
.honeycomb-inspector__preview .honeycomb-inspector__status{ position:absolute; inset:45% 0 auto; pointer-events:none; }
.honeycomb-inspector__hint{ text-align:center; margin:10px 0 0; color:var(--dim); font:11px/1.4 var(--font,system-ui); }
.honeycomb-inspector__back{ display:none; }
.honeycomb-inspector__controls{ display:flex; justify-content:center; gap:7px; padding:12px; }
.honeycomb-inspector__controls button{ min-width:34px; height:32px; padding:0 10px; border:1px solid var(--hive-line); border-radius:8px; background:var(--surface); color:var(--ink); }
.honeycomb-inspector__browse{ margin:5px 22px 22px; padding:12px; border:0; border-radius:12px; background:#2563eb; color:white; }
@media(max-width:700px){
  .honeycomb-launcher{ right:max(10px,env(safe-area-inset-right)); bottom:max(14px,env(safe-area-inset-bottom)); width:54px; }
  body[data-view="browse"] #command{ max-width:calc(100vw - 132px); }
  .honeycomb-sprout{ width:46px; height:60px; }
  .honeycomb-launcher__label{ font-size:8px; }
  .honeycomb-space{ inset:0; width:auto; height:auto; border-radius:0; }
  .honeycomb-space__header{ inset:56px 0 auto; padding:18px; gap:17px; flex-wrap:wrap; }
  .honeycomb-space__hint{ top:310px; left:8px; }
  .honeycomb-space__intro{ flex-basis:100%; padding-right:36px; }
  .honeycomb-space__header h2{ font-size:28px; }
  .honeycomb-space__header p{ font-size:11px; }
  .honeycomb-space__close{ position:absolute; right:16px; top:18px; }
  .honeycomb-stats{ min-width:0; width:100%; display:grid; grid-template-columns:auto 1fr; column-gap:18px; text-align:left; }
  .honeycomb-stats__total{ align-items:flex-start; flex-direction:column; gap:4px; justify-content:center; }
  .honeycomb-stats__total strong{ font-size:32px; }
  .honeycomb-stats__total>span{ font-size:9px; }
  .honeycomb-stats__details{ margin:0; align-items:center; gap:18px; }
  .honeycomb-stats__details dd{ font-size:18px; }
  .honeycomb-stats__details dt{ font-size:9px; max-width:82px; }
  .honeycomb-stats__note{ grid-column:1/-1; }
  .honeycomb-stats__printer{ grid-column:1/-1; justify-self:start; margin-top:4px; }
  .honeycomb-space__content{ position:relative; }
  .honeycomb-inspector{ position:absolute; z-index:2; inset:0; width:auto; border:0; background:var(--surface); }
  .honeycomb-inspector__back{ display:block; margin:0 22px 18px; padding:6px; border:0; background:transparent; color:var(--dim); }
  .honeycomb-space__legend{ left:15px; bottom:70px; max-width:calc(100% - 30px); gap:10px; }
  .honeycomb-map__controls{ right:15px; bottom:15px; }
}
@media(prefers-reduced-motion:reduce){
  body[data-view="browse"] .honeycomb-launcher,.honeycomb-sprout__cell,.honeycomb-space[open],.honeycomb-space[open] .honeycomb-invite span,.honeycomb-space[open] .honeycomb-invite .honeycomb-invite__highlight{ animation:none; }
}
:root[data-reduce-motion="true"] :is(.honeycomb-launcher,.honeycomb-sprout__cell,.honeycomb-space[open]){ animation:none; }
:root[data-reduce-motion="true"] .honeycomb-space[open] .honeycomb-invite span,:root[data-reduce-motion="true"] .honeycomb-space[open] .honeycomb-invite .honeycomb-invite__highlight{ animation:none; }