:root{--audit-hive-panel: radial-gradient(90% 120% at 0% 0%, rgba(139, 92, 246, .55) 0%, transparent 60%), linear-gradient(100deg, var(--color-violet-deep) 0%, var(--color-violet-night) 46%, var(--color-black) 100%);--audit-hive-dots: radial-gradient(rgba(255, 255, 255, .1) 1px, transparent 1px);--audit-hive-dot-size: 18px;--audit-hive-radius: 20px;--audit-hive-text: var(--color-white);--audit-hive-muted: var(--color-violet-200);--audit-hive-gold: var(--color-gold);--audit-hive-gold-2: var(--color-gold-bright);--audit-hive-fill: rgba(10, 5, 20, .28);--audit-hive-fill-on: rgba(212, 162, 42, .22);--audit-hive-glow: rgba(240, 191, 90, .55);--audit-hive-stroke-w: 1.6px;--audit-hive-stroke-w-on: 2.4px;--audit-hive-tick-ink: var(--color-violet-black);--audit-hive-icon-bg: var(--color-violet-black);--audit-hive-icon-line: rgba(255, 255, 255, .12);--audit-hive-cursor: var(--color-gold-bright);--audit-hive-cursor-bg: var(--color-gold-ink-bright);--audit-hive-tip-bg: rgba(10, 5, 20, .98);--audit-hive-tip-line: rgba(255, 255, 255, .12);--audit-hive-float-shadow: 0 14px 30px rgba(0, 0, 0, .45);--audit-hive-title-size: clamp(1.125rem, 4.4cqi, 1.75rem);--audit-hive-title-lh: 1.2;--audit-hive-label-size: clamp(.5rem, 3.3cqi, .875rem);--audit-hive-label-ls: .04em;--audit-hive-icon: 72px;--audit-hive-icon-img: 50px;--audit-hive-icon-sm: 48px;--audit-hive-icon-img-sm: 34px;--audit-hive-icon-radius: 18px;--audit-hive-icon-radius-sm: 12px;--audit-hive-hive-max: 28rem;--audit-hive-dur-draw: 1.1s;--audit-hive-ring-step: .26s;--audit-hive-dur-label: .5s;--audit-hive-dur-scan: .6s;--audit-hive-dur-glide: 9s;--audit-hive-dur-float: 6s}:root,[data-theme=light]{--audit-hive-shadow: 0 24px 60px rgba(10, 5, 20, .18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--audit-hive-shadow: 0 0 0 1px rgba(255, 255, 255, .06)}}[data-theme=dark]{--audit-hive-shadow: 0 0 0 1px rgba(255, 255, 255, .06)}.audit-hive{margin:0;min-width:0;display:grid;gap:var(--space-3);container:audit-hive / inline-size}.ah-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:var(--space-5);padding:var(--space-6) var(--space-5) var(--space-5);border-radius:var(--audit-hive-radius);background:var(--audit-hive-panel);box-shadow:var(--audit-hive-shadow);color:var(--audit-hive-text)}.ah-panel:after{content:"";position:absolute;inset:0;z-index:var(--z-below);background-image:var(--audit-hive-dots);background-size:var(--audit-hive-dot-size) var(--audit-hive-dot-size);mix-blend-mode:overlay;pointer-events:none}.ah-title{margin:0;max-width:78%;font-family:var(--font-display);font-size:var(--audit-hive-title-size);line-height:var(--audit-hive-title-lh);font-weight:var(--weight-semibold);letter-spacing:var(--type-h2-ls);color:var(--audit-hive-text);text-wrap:balance}.ah-title b{font-weight:inherit;color:var(--audit-hive-gold-2)}.ah-note{margin:0;font-family:var(--font-mono);font-size:var(--type-micro-size);line-height:var(--type-meta-lh);color:var(--audit-hive-muted)}.audit-hive-caption{font-family:var(--font-mono);font-size:var(--type-micro-size);line-height:var(--type-meta-lh);letter-spacing:var(--type-meta-ls);color:var(--text-subtle);text-wrap:pretty}.ah-icon{position:absolute;z-index:2;top:var(--space-5);right:var(--space-5);width:var(--audit-hive-icon-sm);height:var(--audit-hive-icon-sm);display:grid;place-items:center;border-radius:var(--audit-hive-icon-radius-sm);background:var(--audit-hive-icon-bg);border:var(--border-width) solid var(--audit-hive-icon-line);box-shadow:var(--audit-hive-float-shadow)}.ah-icon img{width:var(--audit-hive-icon-img-sm);height:auto}.ah-cursor{position:absolute;z-index:4;top:46%;right:8%;display:none;align-items:flex-start;gap:calc(var(--space-1) / 2);font-family:var(--font-mono);font-size:var(--type-micro-size);color:var(--audit-hive-cursor);pointer-events:none}.ah-cursor svg{width:var(--icon-sm);height:var(--icon-sm)}.ah-cursor span{padding:calc(var(--space-1) / 2) var(--space-2);border-radius:var(--radius-pill);background:var(--audit-hive-cursor-bg);color:var(--audit-hive-text);white-space:nowrap}.ah-hive{justify-self:center;width:100%;max-width:var(--audit-hive-hive-max);margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));aspect-ratio:1.2124;container-type:inline-size}.ah-cell{display:grid;min-width:0;pointer-events:none;grid-column-end:span 2;grid-row-end:span 4}.ah-row-0{grid-row-start:1}.ah-row-1{grid-row-start:4}.ah-row-2{grid-row-start:7}.ah-col-1{grid-column-start:1}.ah-col-2{grid-column-start:2}.ah-col-3{grid-column-start:3}.ah-col-4{grid-column-start:4}.ah-col-5{grid-column-start:5}.ah-col-6{grid-column-start:6}.ah-cell[data-ring="1"]{--ah-ring: 1}.ah-cell[data-ring="2"]{--ah-ring: 2}.ah-hex{display:grid;place-items:center;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:default;pointer-events:none;-webkit-tap-highlight-color:transparent}.ah-hex:focus,.ah-hex:focus-visible{outline:none;box-shadow:none}.ah-hex>*{grid-area:1 / 1}.ah-hex svg{width:100%;height:100%;overflow:visible}.ah-shape{fill:var(--audit-hive-fill);stroke:var(--audit-hive-gold);stroke-width:var(--audit-hive-stroke-w);stroke-linejoin:round;pointer-events:visible;transition:fill var(--audit-hive-dur-scan) var(--ease-standard),stroke var(--audit-hive-dur-scan) var(--ease-standard),stroke-width var(--dur-medium) var(--ease-standard),filter var(--audit-hive-dur-scan) var(--ease-standard)}.ah-label{display:grid;justify-items:center;padding:0 12%;font-family:var(--font-display);font-size:var(--audit-hive-label-size);line-height:1.15;font-weight:var(--weight-semibold);letter-spacing:var(--audit-hive-label-ls);text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--audit-hive-text);pointer-events:none}.ah-tick{opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;transition:opacity var(--dur-medium) var(--ease-standard),transform var(--dur-slow) var(--ease-emphasized)}.ah-tick circle{fill:var(--audit-hive-gold-2)}.ah-tick path{fill:none;stroke:var(--audit-hive-tick-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.ah-cell:hover .ah-shape,.ah-hex:focus-visible .ah-shape,.ah-cell.is-scan .ah-shape{fill:var(--audit-hive-fill-on);stroke:var(--audit-hive-gold-2);filter:drop-shadow(0 0 var(--space-2) var(--audit-hive-glow))}.ah-hex:focus-visible .ah-shape{stroke-width:var(--audit-hive-stroke-w-on)}.ah-cell.is-scan .ah-tick{opacity:1;transform:none}.ah-tip{position:absolute;z-index:5;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:var(--border-width) solid var(--audit-hive-tip-line);background:var(--audit-hive-tip-bg);color:var(--audit-hive-text);font-size:var(--type-small-size);line-height:var(--type-small-lh);text-align:left;opacity:0;visibility:hidden;transform:translateY(var(--space-1));transition:opacity var(--dur-medium) var(--ease-standard),transform var(--dur-medium) var(--ease-standard),visibility 0s linear var(--dur-medium);pointer-events:none}.ah-tip strong{color:var(--audit-hive-gold-2);font-weight:var(--weight-semibold)}.ah-cell:hover .ah-tip,.ah-hex:focus-visible+.ah-tip{opacity:1;visibility:visible;transform:none;transition-delay:0s}.audit-hive.is-tip-off .ah-tip{opacity:0;visibility:hidden}@container audit-hive (min-width: 32rem){.ah-panel{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-rows:auto 1fr auto;column-gap:var(--space-4);row-gap:var(--space-4);aspect-ratio:16 / 11;padding:var(--space-8) var(--space-6) var(--space-6) var(--space-8)}.ah-title{grid-column:1;grid-row:1;max-width:none}.ah-note{grid-column:1;grid-row:3;align-self:end}.ah-hive{grid-column:2;grid-row:1 / -1;align-self:center}.ah-icon{top:auto;right:auto;bottom:34%;left:var(--space-8);width:var(--audit-hive-icon);height:var(--audit-hive-icon);border-radius:var(--audit-hive-icon-radius)}.ah-icon img{width:var(--audit-hive-icon-img)}.ah-cursor{display:flex}}.audit-hive[data-ah-armed] .ah-shape{stroke-dasharray:1}.audit-hive[data-ah-armed] .ah-shape,.audit-hive[data-ah-armed] .ah-label{transition-property:fill,stroke,stroke-width,filter,stroke-dashoffset,opacity;transition-duration:var(--audit-hive-dur-scan),var(--audit-hive-dur-scan),var(--dur-medium),var(--audit-hive-dur-scan),var(--audit-hive-dur-draw),var(--audit-hive-dur-label);transition-timing-function:var(--ease-standard),var(--ease-standard),var(--ease-standard),var(--ease-standard),var(--ease-emphasized),var(--ease-standard)}.audit-hive[data-ah-armed]:not(.is-drawn) .ah-shape{stroke-dashoffset:1;fill:transparent}.audit-hive[data-ah-armed]:not(.is-drawn) .ah-label{opacity:0}.audit-hive[data-ah-armed]:not(.is-drawn) .ah-icon{opacity:0;transform:scale(.8)}.audit-hive[data-ah-armed]:not(.is-drawn) .ah-cursor{visibility:hidden}.audit-hive[data-ah-armed].is-drawn .ah-shape{transition-delay:0s,0s,0s,0s,calc(var(--ah-ring, 0) * var(--audit-hive-ring-step)),calc(var(--ah-ring, 0) * var(--audit-hive-ring-step))}.audit-hive[data-ah-armed].is-drawn .ah-label{transition-delay:calc(var(--ah-ring, 0) * var(--audit-hive-ring-step) + var(--audit-hive-dur-draw) * .6)}.audit-hive[data-ah-armed] .ah-icon{transition:opacity var(--dur-reveal) var(--ease-standard) var(--dur-slow),transform var(--dur-reveal) var(--ease-emphasized) var(--dur-slow)}.audit-hive[data-ah-armed].is-active .ah-cursor{animation:ah-glide var(--audit-hive-dur-glide) ease-in-out infinite}.audit-hive[data-ah-armed].is-active .ah-icon img{animation:ah-float var(--audit-hive-dur-float) ease-in-out infinite}@keyframes ah-glide{0%,to{transform:translate(0)}30%{transform:translate(calc(var(--space-12) * -1),var(--space-6))}60%{transform:translate(calc(var(--space-6) * -1),calc(var(--space-8) * -1))}}@keyframes ah-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--space-1) * -1))}}@media(prefers-reduced-motion:reduce){.ah-shape,.ah-tick,.ah-tip,.ah-label,.ah-icon{transition:none}.ah-cursor,.ah-icon img{animation:none}}
