.gate{flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px;display:flex}.gate-icon{border-radius:var(--r-sm);background:var(--surface-2,var(--bg));width:38px;height:38px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);flex:none;place-items:center;display:grid}.gate-text{flex:220px;min-width:0}.gate-title{color:var(--text);margin:0;font-size:15px;font-weight:600}.gate-note{color:var(--muted);margin:4px 0 0;font-size:13px}.gate-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.gate-signin{color:var(--text);text-underline-offset:3px;font-size:14px;font-weight:600;text-decoration:underline}.gate-compact{padding:12px 14px}.gate-compact .gate-icon{width:30px;height:30px}.gate-compact .btn{height:var(--control)}@media (max-width:640px){.gate-actions{width:100%}.gate-actions .btn{flex:1}}.gate-pro .gate-icon{background:var(--accent);color:var(--accent-ink);box-shadow:none}.gate-badge{background:var(--text);color:var(--bg);font:700 11px/18px var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:4px;padding:1px 8px;display:inline-block}.gate-peek{border-radius:var(--r);display:grid;position:relative;overflow:hidden}.gate-peek>*{grid-area:1/1}.gate-peek-art{border-radius:var(--r);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;gap:10px;padding:22px 20px;display:grid}.gate-peek-row{border-radius:var(--r-sm);background:var(--surface-2);align-items:center;gap:14px;height:40px;padding:0 12px;display:flex}.gate-peek-dot{background:var(--line-2);border-radius:50%;flex:none;width:24px;height:24px}.gate-peek-bar{border-radius:var(--r-xs);background:var(--line-2);height:10px}.gate-peek-num{background:var(--text-2);width:44px;margin-left:auto}.gate-peek-fill{background:var(--accent)}.gate-peek>.gate{z-index:1;width:min(560px,100% - 32px);box-shadow:var(--shadow-lg);place-self:center;margin:24px 0;position:relative}