init-oauth

*{margin:0;padding:0;box-sizing:border-box} body{background:var(--bg);color:var(--text);font-family:'SF Mono',SFMono-Regular,Menlo,monospace;display:flex;justify-content:center;align-items:center;height:100vh} .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl,12px);padding:2.5rem;max-width:560px;width:90%;text-align:center;box-shadow:0 4px 24px rgba(112,112,112,0.2)} .glyph{font-size:2.5rem;margin-bottom:0.5rem} h1{color:var(--border);font-size:1.2rem;margin-bottom:1rem;font-weight:400} .client{color:var(--accent);font-weight:600;font-size:1.1rem} .scope{color:var(--link);font-size:0.85rem;margin:1rem 0;padding:0.5rem;background:rgba(167,167,167,0.1);border-radius:var(--radius-sm,4px)} .actions{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center} button{padding:10px 28px;border-radius:var(--radius-md,6px);font-family:inherit;font-size:0.9rem;cursor:pointer;border:none;transition:opacity 0.2s} .approve{background:var(--border);color:#fff} .approve:hover{opacity:0.85} .deny{background:transparent;border:1px solid var(--swatch-chrome-border);color:var(--muted)} .deny:hover{border-color:var(--muted);color:var(--swatch-chrome-text)} .ok{color:var(--swatch-chrome-success);font-size:0.95rem;margin-bottom:1.5rem} .remote{background:var(--swatch-chrome-deep-bg);border:1px solid var(--swatch-chrome-border);border-radius:var(--radius-md,6px);padding:1rem;text-align:left;margin:1rem 0;font-size:0.75rem;word-break:break-all;color:var(--link);position:relative;cursor:pointer} .remote:hover{border-color:var(--link)} .label{color:var(--muted);font-size:0.8rem;margin-bottom:0.5rem;text-align:left} .note{color:var(--muted);font-size:0.75rem;margin-top:1rem} .copied{position:absolute;top:0.5rem;right:0.5rem;color:var(--swatch-chrome-success);font-size:0.7rem;opacity:0;transition:opacity 0.3s}