.gn{--surface:#fff;--line:#e5e7eb;--f1:#1f2937;--f2:#4b5563;--f3:#6b7280;--accent:#f97316;--accent-text:#b6440c;--accent-soft:#f973161f;--live:#ca2137;--live-soft:#f43f5e14;--front:#f97415;--edge:#d15a05;--ease-push:cubic-bezier(.3,.7,.4,1);--dur-tap:34ms;container-type:inline-size}:where(.dark) .gn{--surface:#182130;--line:#ffffff1a;--f1:#eef2f8;--f2:#c3ccd9;--f3:#8d99ab;--accent-text:#fb923c;--accent-soft:#f9731624;--live:#ee6375;--live-soft:#f43f5e1f}.gn-card{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 60%);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));color:var(--f1);border-radius:16px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 12px 12px 14px;display:grid}.gn-ico{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.gn-tx{flex-direction:column;gap:1px;min-width:0;line-height:1.4;display:flex}.gn-tx b{letter-spacing:-.01em;color:var(--f1);font-size:15px;font-weight:800}.gn-tx span{color:var(--f2);text-wrap:pretty;font-size:13.5px}.gn-acts{align-items:center;gap:12px;display:flex}.gn-push{cursor:pointer;background:0 0;border:0;flex:none;padding:0 0 3px;position:relative}.gn-push .edge{background:var(--edge);border-radius:10px;position:absolute;inset:3px 0 0}.gn-push .front{background:var(--front);color:#fff;white-space:nowrap;transition:transform var(--dur-tap) var(--ease-push);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:700;line-height:1.3;display:flex;position:relative}.gn-push:hover .front{transform:translateY(-1px)}.gn-push:active .front{transform:translateY(3px)}.gn-push:disabled{cursor:wait}.gn-push:disabled .front{opacity:.7;transform:none}.gn-push:focus-visible{outline:0}.gn-push:focus-visible .front{box-shadow:0 0 0 3px color-mix(in srgb,var(--edge) 45%,transparent)}.gn-link{color:var(--accent-text);white-space:nowrap;font-size:13.5px;font-weight:700;text-decoration:none}.gn-link:hover{text-underline-offset:2px;text-decoration:underline}.gn-x{width:30px;height:30px;color:var(--f3);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.gn-x:hover{background:var(--accent-soft);color:var(--f1)}.gn :focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.gn-err{background:var(--live-soft);color:var(--live);border-radius:10px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:600}.gn[data-placement=root]{max-width:72rem;margin:0 auto;padding:12px 16px 0}@container (width<=640px){.gn-card{grid-template-columns:36px minmax(0,1fr) auto;row-gap:10px}.gn-ico{width:36px;height:36px}.gn-acts{grid-column:1/-1;justify-content:flex-start}.gn-x{position:absolute;top:8px;right:8px}.gn-card{padding-right:40px;position:relative}}@container (width<=420px){.gn-tx span{display:none}}@media (prefers-reduced-motion:reduce){.gn-push .front{transition:none}}