.shf-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;font-family:var(--font-sans)}.shf-backdrop{position:fixed;inset:0;z-index:1;opacity:0;background:#00000080;backdrop-filter:blur(11px) saturate(.92);-webkit-backdrop-filter:blur(11px) saturate(.92)}.shf-rig{position:relative;z-index:2;display:flex;align-items:flex-start;gap:clamp(14px,1.4vw,26px);max-width:94vw;perspective:2000px;--fcw: min(54vh, 38vw)}.shf-card{position:relative;z-index:3;flex:none;width:var(--fcw);opacity:0;transform:translateY(16px) scale(.985);transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}.shf-rig.is-open .shf-card{opacity:1;transform:translateY(0) scale(1);transition-delay:.12s}.shf-card .ic-frame[data-size]{margin:0;--card-width: var(--fcw);--card-aspect: .715;--card-radius: calc(var(--card-width) * .044);--card-pad: calc(var(--card-width) * .07);--title-size: calc(var(--card-width) * .092);--subtitle-size: calc(var(--card-width) * .032);--meta-size: calc(var(--card-width) * .026);--trust-size: calc(var(--card-width) * .04)}.shf-tray{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;width:clamp(380px,42vw,580px);align-self:stretch;height:calc(var(--fcw) / .715);min-height:0;padding:20px 18px;border-radius:16px;background:hsl(var(--background));border:1px solid hsl(var(--border-primary) / .6);box-shadow:0 30px 80px #00000052;overflow:hidden;backface-visibility:hidden}.shf-head{flex:none;display:flex;align-items:center;gap:12px}.shf-head__ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:hsl(var(--foreground));color:hsl(var(--create));box-shadow:0 6px 16px hsl(var(--foreground) / .26)}.shf-head__ico svg{width:21px;height:21px}.shf-head__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.shf-head__kicker{font-family:var(--font-mono);font-size:9.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--create-foreground, var(--foreground)) / .55)}.shf-head__title{font-family:var(--font-sans);font-size:18px;font-weight:900;line-height:1.05;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shf-head__sub{flex:none;margin:0;font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--foreground) / .45);line-height:1.5}.shf-close{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid hsl(var(--foreground) / .16);background:transparent;color:hsl(var(--foreground) / .7);cursor:pointer;transition:background-color .15s ease,color .15s ease}.shf-close:hover{background:hsl(var(--foreground) / .06);color:hsl(var(--foreground))}.shf-close svg{width:16px;height:16px}.shf-tabs{flex:none;display:flex;gap:3px;padding:3px;border-radius:11px;background:hsl(var(--foreground) / .05);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.shf-rig.is-open .shf-tabs{opacity:1;transform:translateY(0);transition-delay:.24s}.shf-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:8px 6px;border:none;border-radius:8px;background:transparent;color:hsl(var(--foreground) / .6);font-family:var(--font-sans);font-size:12.5px;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.shf-tab:hover{color:hsl(var(--foreground) / .85)}.shf-tab[data-active=true]{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 3px #0000001f}.shf-tab__ico{flex:none;display:inline-flex}.shf-tab__ico svg{width:15px;height:15px}.shf-tab__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shf-tabpanel{flex:1;min-height:0;display:flex;flex-direction:column;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.shf-rig.is-open .shf-tabpanel{opacity:1;transform:translateY(0);transition-delay:.3s}.shf-fill{flex:1;min-height:0;display:flex;flex-direction:column}.shf-fill>*{flex:1;min-height:0}@media(prefers-reduced-motion:reduce){.shf-card,.shf-tabs,.shf-tabpanel,.shf-tab{transition:none}}@media(max-width:760px){.shf-rig{flex-direction:column;align-items:center;perspective:none;max-height:92vh;overflow-y:auto;--fcw: min(64vw, 280px)}.shf-tray{width:min(92vw,460px);height:min(70vh,560px)}}