.onboarding-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);background-color:var(--color-backdrop)}.onboarding-modal__overlay[data-spotlight]{background-color:transparent}.onboarding-modal{position:fixed;z-index:calc(var(--z-modal) + 2);width:calc(100% - var(--space-8));max-width:36rem;background-color:var(--color-surface-control);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border-subtle);display:flex;flex-direction:column;outline:none;transition:top var(--transition-base),left var(--transition-base)}.onboarding-modal__sr-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.onboarding-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.onboarding-modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.onboarding-modal__mark{display:block;font-size:3rem;margin-bottom:var(--space-4);color:var(--color-text)}.onboarding-modal__body{flex:1;min-height:11rem;padding:var(--space-12) var(--space-8) var(--space-6)}.onboarding-modal__title{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.onboarding-modal__desc{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-muted);margin:0}.onboarding-modal__footer{padding:var(--space-4) var(--space-8) var(--space-8);border-top:1px solid var(--color-border-subtle)}.onboarding-modal__dots{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.onboarding-modal__dot{display:block;width:6px;height:6px;border-radius:50%;background-color:var(--color-border);transition:background-color var(--transition-fast)}.onboarding-modal__dot--active{background-color:var(--color-action-solid);width:18px;border-radius:3px}.onboarding-modal__nav{display:flex;align-items:center;justify-content:space-between}.onboarding-modal__spotlight{position:fixed;z-index:calc(var(--z-modal) + 1);pointer-events:none;border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #000000a6,0 0 0 2px var(--color-action-solid);animation:spotlight-appear var(--transition-base)}@keyframes spotlight-appear{0%{opacity:0}}.onboarding-modal__overlay[data-state=open]{animation:onboarding-fade var(--transition-base)}.onboarding-modal[data-state=open]{animation:onboarding-enter var(--transition-base)}.onboarding-modal__overlay[data-state=closed]{animation:onboarding-fade-out var(--transition-fast) forwards}.onboarding-modal[data-state=closed]{animation:onboarding-exit var(--transition-fast) forwards}@keyframes onboarding-fade{0%{opacity:0}}@keyframes onboarding-enter{0%{opacity:0;scale:.98}}@keyframes onboarding-fade-out{to{opacity:0}}@keyframes onboarding-exit{to{opacity:0;scale:.98}}@media(prefers-reduced-motion:reduce){.onboarding-modal__spotlight{animation:none}}.api-keys-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);background-color:var(--color-backdrop)}.api-keys-modal__overlay[data-state=open]{animation:onboarding-fade var(--transition-base)}.api-keys-modal__overlay[data-state=closed]{animation:onboarding-fade-out var(--transition-fast) forwards}.api-keys-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-modal) + 1);width:min(48rem,calc(100vw - var(--space-8)));max-height:calc(100vh - var(--space-12));background-color:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border-subtle);display:flex;flex-direction:column;overflow:hidden;outline:none}.api-keys-modal[data-state=open]{animation:onboarding-enter var(--transition-base)}.api-keys-modal[data-state=closed]{animation:onboarding-exit var(--transition-fast) forwards}.api-keys-modal__sr-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.api-keys-modal__head{position:relative;padding:var(--space-6) var(--space-12) var(--space-6) var(--space-6);border-bottom:var(--border-soft);display:flex;flex-direction:column;gap:var(--space-2)}.api-keys-modal__eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.1em;color:var(--color-success-text)}.api-keys-modal__title{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.api-keys-modal__desc{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;margin-top:var(--space-1)}.api-keys-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:var(--border-thin);border-radius:var(--radius-sm);background-color:var(--color-surface-control);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.api-keys-modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.api-keys-modal__create{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:var(--border-soft)}.api-keys-modal__create-field{flex:1}.api-keys-modal__create-field .input{margin:0}.api-keys-modal__table-head,.api-keys-modal__row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.5fr) 9rem 7rem;gap:var(--space-4);padding:0 var(--space-6)}.api-keys-modal__col-label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-3) 0}.api-keys-modal__table-head{border-bottom:var(--border-soft)}.api-keys-modal__keys{flex:1;overflow-y:auto;list-style:none;margin:0;padding:0;max-height:20rem}.api-keys-modal__row{align-items:center;border-bottom:var(--border-soft)}.api-keys-modal__row:last-child{border-bottom:none}.api-keys-modal__cell{padding:var(--space-4) 0;min-width:0;display:flex;align-items:center}.api-keys-modal__cell--key{gap:var(--space-2);overflow:hidden}.api-keys-modal__cell--action{justify-content:flex-end}.api-keys-modal__dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.api-keys-modal__dot--active{background-color:var(--color-success-graphic)}.api-keys-modal__key-value{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text);white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.api-keys-modal__copy-btn{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.06em;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0;line-height:1;transition:background-color var(--transition-fast),color var(--transition-fast)}.api-keys-modal__copy-btn:hover{background-color:var(--color-surface-control);color:var(--color-success-text)}.api-keys-modal__key-name{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-keys-modal__key-date{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap}.api-keys-modal__revoke-btn{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text);background:none;border:var(--border-thin);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.api-keys-modal__revoke-btn:hover{background-color:var(--color-surface-control)}.api-keys-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:var(--border-soft);flex-shrink:0}.api-keys-modal__footer-stats{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.api-keys-modal__docs-link{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--color-success-text);text-decoration:none;transition:color var(--transition-fast)}.api-keys-modal__docs-link:hover{color:var(--color-success-solid);text-decoration:underline}.api-keys-confirm__overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 2);background-color:var(--color-backdrop)}.api-keys-confirm__overlay[data-state=open]{animation:onboarding-fade var(--transition-base)}.api-keys-confirm__overlay[data-state=closed]{animation:onboarding-fade-out var(--transition-fast) forwards}.api-keys-confirm{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-modal) + 3);width:min(26rem,calc(100vw - var(--space-8)));padding:var(--space-6);background-color:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border-subtle);outline:none}.api-keys-confirm[data-state=open]{animation:onboarding-enter var(--transition-base)}.api-keys-confirm[data-state=closed]{animation:onboarding-exit var(--transition-fast) forwards}.api-keys-confirm__title{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.api-keys-confirm__desc{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin:0;margin-top:var(--space-2)}.api-keys-confirm__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.permalinks-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);background-color:var(--color-backdrop)}.permalinks-modal__overlay[data-state=open]{animation:onboarding-fade var(--transition-base)}.permalinks-modal__overlay[data-state=closed]{animation:onboarding-fade-out var(--transition-fast) forwards}.permalinks-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-modal) + 1);width:min(34rem,calc(100vw - var(--space-8)));max-height:calc(100vh - var(--space-12));background-color:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border-subtle);display:flex;flex-direction:column;overflow:hidden;outline:none}.permalinks-modal[data-state=open]{animation:onboarding-enter var(--transition-base)}.permalinks-modal[data-state=closed]{animation:onboarding-exit var(--transition-fast) forwards}.permalinks-modal__head{position:relative;padding:var(--space-6) var(--space-12) var(--space-6) var(--space-6);border-bottom:var(--border-soft);display:flex;flex-direction:column;gap:var(--space-2)}.permalinks-modal__eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.1em;color:var(--color-success-text)}.permalinks-modal__title{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.permalinks-modal__desc{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;margin-top:var(--space-1)}.permalinks-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:var(--border-thin);border-radius:var(--radius-sm);background-color:var(--color-surface-control);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.permalinks-modal__close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.permalinks-modal__body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto}.permalinks-modal__auth{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin:0}.permalinks-modal__auth code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text)}.permalinks-modal__docs-link{color:var(--color-success-text);text-decoration:none;transition:color var(--transition-fast)}.permalinks-modal__docs-link:hover{color:var(--color-success-solid);text-decoration:underline}.permalinks-modal__formats{display:flex;gap:var(--space-2);margin:var(--space-3) 0}.permalinks-modal__format-btn{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.06em;color:var(--color-text-muted);background:none;border:var(--border-thin);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.permalinks-modal__format-btn:hover{background-color:var(--color-surface-control);color:var(--color-text)}.permalinks-modal__format-btn[aria-pressed=true]{background-color:var(--color-surface-control);color:var(--color-success-text)}.permalinks-modal__format-hint{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;margin-top:var(--space-2)}.permalinks-modal__url-label{display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:var(--space-2)}.permalinks-modal__url{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-surface-control);border-radius:var(--radius-md)}.permalinks-modal__url code{flex:1;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-text);word-break:break-all}.permalinks-modal__copy-btn{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.06em;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0;line-height:1;transition:background-color var(--transition-fast),color var(--transition-fast)}.permalinks-modal__copy-btn:hover{background-color:var(--color-surface-raised);color:var(--color-success-text)}.permalinks-modal__footer{display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:var(--border-soft);flex-shrink:0}