.gate{background:var(--bg);grid-template-rows:1fr auto;place-items:center;min-height:100svh;padding:24px 16px;display:grid}.gate.embed{grid-template-rows:1fr;padding:16px}.gate-card{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;display:flex}.gate-lock{border:1px solid var(--line);background:var(--panel);width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.gate-title{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:500}.gate-by{color:var(--muted);align-items:center;gap:7px;margin:0;display:flex}.gate-avatar{background:var(--raised);border:1px solid var(--line);width:20px;height:20px;color:var(--text-2);border-radius:50%;place-items:center;font-size:11px;font-weight:500;display:grid}.gate-sub{color:var(--muted);margin:0 0 8px;line-height:1.5}.gate-row{gap:6px;width:100%;display:flex}.gate-row .pw-field{flex:1}.gate-row .primary{flex:none;padding:0 16px}.gate-error{color:var(--muted);margin:2px 0 0;line-height:1.45}.gate-alt{color:var(--muted);font-size:12px}.gate-alt:hover{color:var(--text)}.gate-brand{color:var(--faint);letter-spacing:-.01em;margin:24px 0 0;font-size:12px;font-weight:600}@media (pointer:coarse){.gate .field{font-size:16px}}.pw-field{min-width:0;display:flex;position:relative}.pw-field .field{width:100%;padding-right:36px}.pw-eye{width:28px;height:28px;color:var(--faint);background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pw-eye:hover{color:var(--text);background:var(--hover)}.access{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:10px;display:flex}.access-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.access-label{font-weight:500}.seg{border:1px solid var(--line);background:var(--raised);border-radius:8px;padding:2px;display:inline-flex}.seg button{height:24px;color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.seg button:hover{color:var(--text)}.seg button[aria-checked=true]{background:var(--panel);color:var(--text);box-shadow:0 0 0 1px var(--line)}.seg svg{width:13px;height:13px}.access .pw-field{flex:1}.access-actions{align-items:center;gap:12px;display:flex}.access-actions .link-btn{font-size:12px}.access-actions .link-btn.danger:hover{color:var(--danger)}.access-confirm{border:1px solid var(--line);background:var(--raised);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.access-confirm p{margin:0;line-height:1.45}.link-field{flex:1;min-width:0;display:flex;position:relative}.link-field .field{width:100%}.link-field.locked .field{padding-left:30px}.link-field .link-lock{color:var(--muted);pointer-events:none;display:grid;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.link-field .link-lock svg{width:14px;height:14px}.protected-tag{color:var(--text-2);align-items:center;gap:4px;display:inline-flex}.protected-tag svg{width:12px;height:12px}.share-btn .btn-lock{display:inline-grid}.share-btn .btn-lock svg{width:12px;height:12px}.tool-card-lock{color:var(--faint);pointer-events:none;align-items:center;gap:4px;font-size:12px;display:inline-flex}.tool-card-lock svg{width:12px;height:12px}