.io-corner{z-index:5;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.io-corner--tl{align-items:flex-start;top:10px;left:10px}.io-corner--tr{align-items:flex-end;top:10px;right:10px}.io-corner--bl{align-items:flex-start;bottom:10px;left:10px}.io-corner--br{align-items:flex-end;bottom:10px;right:10px}.io-action{color:#ffffffe6;-webkit-backdrop-filter:blur(6px);cursor:pointer;pointer-events:auto;background:#0f0e0c8c;border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s;display:flex}.io-action:hover{background:#0f0e0cc7}.io-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.io-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#e8e4dee6;-webkit-backdrop-filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0f0e0cb3;border:1px solid #26221ce6;border-radius:3px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-flex}.io-badge--accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 18%, #0f0e0ca6)}.io-badge--fresh{color:var(--status-active);border-color:var(--status-active);background:color-mix(in srgb, var(--status-active) 22%, #0f0e0c8c)}.io-badge--burst{color:var(--status-advertising);border-color:var(--status-advertising);background:color-mix(in srgb, var(--status-advertising) 22%, #0f0e0c8c)}.io-badge--danger{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb, var(--danger) 22%, #0f0e0c8c)}.io-badge--interactive{pointer-events:auto;cursor:pointer;transition:background .15s}.io-badge--accent.io-badge--interactive:hover{background:color-mix(in srgb, var(--accent) 30%, #0f0e0ca6)}.io-badge--interactive:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.io-badge-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.io-badge-row{align-items:center;gap:6px;display:inline-flex}.io-status-dot{pointer-events:none;border-radius:50%;width:10px;height:10px;display:block;box-shadow:0 0 0 2px #0000008c}.io-menu-wrap{pointer-events:auto;display:inline-flex;position:relative}.io-menu-backdrop{z-index:4;position:fixed;inset:0}.io-menu-sheet{z-index:6;background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);border-radius:6px;flex-direction:column;min-width:156px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 4px 16px #0006}.io-menu-sheet--right{right:0}.io-menu-sheet--left{left:0}.io-menu-item{font-family:var(--font-body);color:var(--text);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:9px;padding:8px 11px;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .1s;display:flex}.io-menu-item:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.io-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.io-menu-item--active{color:var(--accent)}