﻿.mirror-set{margin-block:2.2rem}p.mirror-set__label{margin-bottom:.35rem;color:var(--muted);font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.17em;line-height:1.3;text-transform:uppercase}.mirror{position:relative;display:grid;align-items:center;gap:.6rem 1.5rem;grid-template-areas:"head meta action" "note note note";grid-template-columns:minmax(0, 0.85fr) minmax(0, 1.15fr) auto;margin-inline:-0.9rem;padding:1.15rem .9rem;border-top:1px solid var(--border);cursor:pointer;font-family:var(--font-ui);transition:background-color 160ms ease,border-color 160ms ease}.mirror:last-child{border-bottom:1px solid var(--border)}.mirror:hover{border-color:var(--border-strong);background:rgba(114,213,229,.045)}.mirror:hover+.mirror{border-top-color:var(--border-strong)}.mirror:has(.mirror__action:focus-visible){background:rgba(114,213,229,.045)}.mirror__head{display:flex;min-width:0;flex-direction:column;gap:.2rem;grid-area:head}.mirror__name{color:var(--text);font-size:.98rem;font-weight:600;letter-spacing:.01em;line-height:1.3}.mirror__domain{color:var(--muted);font-size:.72rem;letter-spacing:.02em;line-height:1.35;overflow-wrap:anywhere}.mirror__meta{display:flex;min-width:0;flex-direction:column;gap:.45rem;grid-area:meta}p.mirror__label{margin-bottom:0;color:#dbe4ea;font-size:.9rem;line-height:1.4}.mirror__badge{display:inline-block;margin-left:.35rem;padding:.15rem .5rem;border:1px solid rgba(155,140,255,.4);border-radius:999px;background:rgba(155,140,255,.12);color:var(--accent-2);font-size:.64rem;font-weight:600;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;vertical-align:.08em}ul.mirror__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}ul.mirror__chips li{margin:0;padding:.24rem .55rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.68rem;letter-spacing:.03em;line-height:1.2}.mirror__action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.45rem;grid-area:action;padding:.6rem 1rem;border:1px solid var(--border-strong);border-radius:.25rem;background:rgba(16,27,42,.58);color:var(--text);font-family:var(--font-ui);font-size:.84rem;font-weight:600;letter-spacing:.03em;text-decoration:none;white-space:nowrap;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}.mirror__action::after{content:"↗"}.mirror__action::before{position:absolute;z-index:1;inset:0;content:""}.mirror:hover .mirror__action{border-color:var(--accent);background:var(--accent);color:var(--canvas)}p.mirror__note{position:relative;z-index:2;margin-top:.2rem;margin-bottom:0;grid-area:note;padding:.6rem .9rem;border-left:3px solid var(--accent-2);border-radius:0 .35rem .35rem 0;background:rgba(155,140,255,.09);color:#dbe4ea;cursor:auto;font-size:.84rem;line-height:1.5}.mirror__note-label{margin-right:.15rem;color:var(--accent-2);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.mirror__note code{font-size:.84em}.mirror__action--compact{min-height:34px;padding:.35rem .7rem;font-size:.78rem}.mirror__action--compact::before{content:none}.mirror__action--compact:hover{border-color:var(--accent);background:var(--accent);color:var(--canvas)}@media(max-width: 980px){.mirror{align-items:start;gap:.7rem;grid-template-areas:"head" "meta" "action" "note";grid-template-columns:minmax(0, 1fr)}.mirror__action{justify-self:start}}@media(prefers-reduced-motion: reduce){.mirror,.mirror__action{transition:none}}
