.gcard{position:relative;display:flex;min-width:0}.gcard>button:first-child{flex:1;min-width:0;width:100%}.fav-slot{position:absolute;top:8px;left:8px;z-index:2;line-height:0}.fav-star{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--r-999);border:1px solid var(--ds-border);background:color-mix(in oklch,var(--bg) 78%,transparent);backdrop-filter:blur(4px);color:var(--ink-3);cursor:pointer;transition:color var(--t-btn) var(--ease),border-color var(--t-btn) var(--ease),background var(--t-btn) var(--ease)}.fav-star:before{content:"";position:absolute;inset:-8px}.fav-star:hover{color:var(--accent-yellow);border-color:color-mix(in oklch,var(--accent-yellow) 45%,transparent)}.fav-star.on{color:var(--accent-yellow);border-color:color-mix(in oklch,var(--accent-yellow) 55%,transparent);background:color-mix(in oklch,var(--accent-yellow) 12%,var(--bg))}.fav-star:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.fav-star[data-signed-out=true]{cursor:help}.fav-hint{position:absolute;top:30px;left:0;z-index:3;white-space:nowrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:5px 8px;border-radius:var(--r-6);background:var(--bg-4);border:1px solid var(--border-strong);color:var(--ink-2);line-height:1.2}.gcard:has(>.slot) .fav-star{width:22px;height:22px}.gcard:has(>.slot) .fav-star:before{inset:-9px}.gcard:has(>.slot) .fav-slot{top:5px;left:5px}