@layer components{.gyc-banner{isolation:isolate;border:1px solid var(--gy-border);background:radial-gradient(80% 120% at 85% 0%, color-mix(in oklab, var(--cat) 55%, transparent), transparent 60%), linear-gradient(115deg, color-mix(in oklab, var(--cat) 38%, #050b08) 0%, #050b08 72%);border-radius:26px;position:relative;overflow:hidden}.gyc-floor{z-index:-1;transform-origin:top;background-image:linear-gradient(color-mix(in oklab, var(--cat) 55%, transparent) 2px, transparent 2px), linear-gradient(90deg, color-mix(in oklab, var(--cat) 55%, transparent) 2px, transparent 2px);opacity:.55;background-size:48px 48px;height:90%;animation:3s linear infinite gyc-floor;position:absolute;bottom:-45%;left:-10%;right:-10%;transform:perspective(520px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}@keyframes gyc-floor{to{background-position:0 48px}}.gyc-icon{background:radial-gradient(120% 90% at 30% 15%, #ffffff80, transparent 42%), linear-gradient(160deg, color-mix(in oklab, var(--cat) 85%, #fff), color-mix(in oklab, var(--cat) 70%, #000));box-shadow:inset 0 -6px 0 #00000047, inset 0 3px 0 #ffffff59, 0 18px 34px -14px var(--cat);border-radius:26px;place-items:center;animation:3.2s ease-in-out infinite gyc-bob;display:grid}.gyc-bob{filter:drop-shadow(0 18px 22px #00000073);animation:3.2s ease-in-out infinite gyc-bob}@keyframes gyc-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-7px)rotate(3deg)}}.gyc-chip{height:44px;color:var(--gy-fg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .15s, transform .25s var(--ease-spring);background:#0a14108c;border:1px solid #ffffff1f;border-radius:16px;flex:none;align-items:center;gap:8px;padding:0 16px 0 6px;font-size:14px;font-weight:900;display:inline-flex}.gyc-chip:hover{background:#1a2e25d9;transform:translateY(-2px)}.gyc-chip:hover img{transform:rotate(-8deg)scale(1.08)}.gyc-chip img{transition:transform .25s var(--ease-spring)}.gyc-chip[aria-current=page]{background:var(--cat);color:#fff;border-color:#0000;box-shadow:inset 0 -3px #00000038}.gyc-tabs{background:var(--gy-surface);border:1px solid var(--gy-border);border-radius:14px;gap:4px;padding:5px;display:flex}.gyc-tab{color:var(--gy-fg-muted);white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:900;transition:color .15s,background-color .15s}.gyc-tab:hover{color:var(--gy-fg)}.gyc-tab[aria-checked=true]{background:var(--gy-brand);color:#fff;box-shadow:inset 0 -3px #00000038}.gyc-pill{background:var(--gy-surface);border:1px solid var(--gy-border);height:46px;color:var(--gy-fg-muted);border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:900;transition:color .15s,border-color .15s;display:inline-flex}.gyc-pill:hover,.gyc-pill[data-state=open]{color:var(--gy-fg);border-color:color-mix(in oklab, var(--gy-brand) 60%, transparent)}.gyc-panel{background:var(--gy-surface);border:1px solid var(--gy-border);border-radius:20px}@media (prefers-reduced-motion:reduce){.gyc-floor,.gyc-icon,.gyc-bob{animation:none}}}
