@layer fp.overlay{.api-receipt{color:var(--text-1);box-sizing:border-box;background:0 0;border:0;block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;margin:0;padding:1rem;position:fixed;inset:0;overflow:hidden}.api-receipt::backdrop{background:color-mix(in oklab, var(--surface-1) 70%, transparent);backdrop-filter:saturate(180%)blur(20px)}.api-receipt:popover-open{place-items:center;display:grid}.api-receipt-frame{background:var(--surface-1);border:3px solid var(--text-1);block-size:min(50rem,100%);inline-size:min(72rem,100%);box-shadow:8px 8px 0 0 var(--text-1);grid-template-rows:auto 1fr auto;min-block-size:0;display:grid;overflow:hidden}.api-receipt-head{background:var(--surface-1);border-block-end:2px solid var(--text-1);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.api-receipt-glyph{font-family:var(--font-mono);color:var(--brand);flex-shrink:0;font-size:1.25rem;line-height:1}.api-receipt-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--text-1);white-space:nowrap;flex-shrink:0;margin:0;font-size:1rem;font-weight:900;line-height:1}.api-receipt-stats{font-family:var(--font-mono);color:var(--text-2);white-space:nowrap;flex-wrap:wrap;gap:.875rem;margin-inline-start:auto;font-size:.75rem;display:flex}.api-receipt-stats strong{color:var(--brand);margin-inline-end:.25rem;font-weight:800}.api-receipt-close{appearance:none;cursor:pointer;border:1.5px solid var(--text-1);background:var(--surface-1);block-size:1.75rem;inline-size:1.75rem;color:var(--text-1);font-family:var(--font-mono);box-shadow:2px 2px 0 0 var(--text-1);transition:transform var(--motion-press), box-shadow var(--motion-press);flex-shrink:0;padding:0;font-weight:700;line-height:1}.api-receipt-close:hover,.api-receipt-close:focus-visible{box-shadow:3px 3px 0 0 var(--text-1);outline:none;transform:translate(-1px,-1px)}.api-receipt-close:active{box-shadow:0 0 0 0 var(--text-1);transform:translate(2px,2px)}.api-receipt-grid{background:var(--surface-1);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));align-content:start;gap:.875rem;padding:.875rem 1rem 1rem;display:grid;overflow-y:auto}.api-section{flex-direction:column;gap:.3125rem;min-inline-size:0;display:flex}.api-section-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .1875rem;font-size:.625rem;font-weight:700}.api-section-list{flex-direction:column;gap:.1875rem;margin:0;padding:0;list-style:none;display:flex}.api-cell{font-family:var(--font-mono);background:color-mix(in oklab, var(--surface-1) 80%, transparent);border:1px solid var(--border-subtle);flex-direction:column;gap:.1875rem;padding-block:.375rem;padding-inline:.5rem 1.75rem;font-size:.6875rem;display:flex;position:relative}.api-cell-row{align-items:center;gap:.4375rem;min-inline-size:0;display:flex}.api-cell-check{border:1.5px solid var(--text-1);background:var(--surface-1);color:#0000;block-size:.875rem;inline-size:.875rem;transition:background var(--motion-hover), color var(--motion-hover);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.api-cell-check svg{block-size:70%;inline-size:70%}.api-cell-name{color:var(--text-1);word-break:break-word;min-inline-size:0;line-height:1.3}.api-cell-meta{color:var(--text-muted);word-break:break-word;padding-inline-start:1.3125rem;font-size:.625rem;line-height:1.4}.api-cell-hint{z-index:2;border:1px solid var(--border-muted);background:var(--surface-1);block-size:1rem;inline-size:1rem;color:var(--text-muted);font-family:var(--font-mono);cursor:help;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.625rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem}.api-cell-hint:hover,.api-cell-hint:focus-visible{border-color:var(--brand);color:var(--text-1);outline:none}.api-cell-tooltip{z-index:30;border:1px solid var(--border-strong);background:var(--surface-2);inline-size:min(14rem,100vw - 2rem);color:var(--text-1);box-shadow:.25rem .25rem 0 var(--border-bold);text-align:start;white-space:normal;opacity:0;pointer-events:none;transition:opacity var(--motion-hover), transform var(--motion-hover);gap:.1875rem;padding:.5rem;font-size:.625rem;font-weight:500;line-height:1.35;display:grid;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-end:0;transform:translateY(-.1875rem)}.api-cell-tooltip-label{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:.5625rem;font-weight:900}.api-cell-tooltip-label:not(:first-child){border-block-start:1px solid var(--border-subtle);margin-block-start:.25rem;padding-block-start:.3125rem}.api-cell-tooltip-text{display:block}.api-cell-hint:hover .api-cell-tooltip,.api-cell-hint:focus .api-cell-tooltip,.api-cell-hint:focus-visible .api-cell-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.api-cell-active{border-left:3px solid var(--success)}.api-cell-passive{border-left:3px solid var(--info)}.api-cell-error{border-left:3px solid var(--danger)}.api-cell-unsupported .api-cell-row,.api-cell-unsupported .api-cell-meta{opacity:.55}.api-cell-unsupported .api-cell-check{border-color:var(--border-muted)}.api-cell-discovered{border-color:var(--brand);background:var(--color-primary-soft)}.api-cell-discovered .api-cell-check{background:var(--brand);color:var(--brand-text)}.api-cell-discovered .api-cell-name{text-decoration:line-through;text-decoration-color:var(--brand);text-decoration-thickness:1.5px}.api-receipt-foot{padding-block:.625rem;padding-inline:var(--size-s);border-block-start:1px solid var(--border-subtle);background:var(--surface-1);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.625rem}.api-receipt-foot kbd{background:var(--surface-1);border:1px solid var(--text-1);font-family:var(--font-mono);color:var(--text-1);border-radius:.1875rem;margin-inline:.125rem;padding-block:.125rem;padding-inline:.3125rem;font-weight:700;display:inline-block}}