*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}:root{--color-bg:rgb(255,255,255);--color-bg-surface:#F5F5F5;--color-bg-elevated:#F2F2F2;--color-bg-sidebar:#FAFAFA;--color-bg-page:rgb(255,255,255);--color-text:#141414;--color-text-secondary:#000000CC;--color-text-muted:#737373;--color-border:#E8E8E8;--color-border-muted:#F2F2F2;--color-accent:#000000;--color-accent-hover:#141414;--color-accent-bg:#F5F5F580;--color-nav-active:#141414;--color-success:#16a34a;--color-error:#DC2828;--color-error-bg:#DC28281A;--font-heading:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-sans:system-ui,-apple-system,"SF Pro Display",sans-serif;--font-serif:system-ui,-apple-system,"SF Pro Display",sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--font-size-xs:0.6875rem;--font-size-sm:0.75rem;--font-size-body:0.8125rem;--font-size-md:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:450;--font-weight-medium:450;--font-weight-semibold:550;--font-weight-bold:580;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-1:0.25rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--sidebar-width:7.5rem;--content-max-width:36rem;--layout-max-width:1100px;--header-height:60px}body,html{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);color:var(--color-text);background-color:var(--color-bg)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);border-radius:var(--radius-md);transition:all .15s ease}.btn-primary{background:var(--color-text);color:var(--color-bg)}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-border)}.btn-danger{background:var(--color-error);color:white}.btn-danger:hover{opacity:.9}.btn-oauth{width:100%;padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-md)}.btn-oauth:hover{background:var(--color-bg-elevated)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md)}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}[data-component=welcome-page]{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - var(--space-8) * 2);padding:var(--space-12) var(--space-8)}[data-component=welcome-page] [data-slot=container]{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);max-width:520px;width:100%}[data-component=welcome-page] [data-slot=header]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}[data-component=welcome-page] [data-slot=brand]{display:flex;align-items:center;gap:var(--space-3)}[data-component=welcome-page] [data-slot=brand] img{width:32px;height:32px}[data-component=welcome-page] [data-slot=name]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);letter-spacing:-.02em}[data-component=welcome-page] [data-slot=badge]{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px 6px;background:var(--color-bg-surface);border-radius:var(--radius-sm)}[data-component=welcome-page] [data-slot=nav]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}[data-component=welcome-page] [data-slot=nav] a{color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}[data-component=welcome-page] [data-slot=nav] a:hover{color:var(--color-text)}[data-component=welcome-page] [data-slot=dot]{color:var(--color-border)}[data-component=welcome-page] [data-slot=cards]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);width:100%}@media (max-width:540px){[data-component=welcome-page] [data-slot=cards]{grid-template-columns:1fr}}[data-component=welcome-page] [data-slot=recent]{width:100%;margin-top:var(--space-4)}[data-component=welcome-page] [data-slot=recent-header]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);font-size:var(--font-size-sm)}[data-component=welcome-page] [data-slot=recent-header] span{color:var(--color-text)}[data-component=welcome-page] [data-slot=recent-header] button{color:#ef4444;font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;transition:color .15s ease}[data-component=welcome-page] [data-slot=recent-header] button:hover{color:#dc2626}[data-component=welcome-page] [data-slot=recent-list]{display:flex;flex-direction:column;gap:var(--space-1)}[data-component=welcome-page] [data-slot=recent-item]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--font-size-sm);cursor:pointer;transition:opacity .15s ease}[data-component=welcome-page] [data-slot=recent-item]:hover{opacity:.7}[data-component=welcome-page] [data-slot=project-name]{color:var(--color-text)}[data-component=welcome-page] [data-slot=project-path]{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}[data-component=action-card]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all .15s ease;cursor:pointer;min-height:100px}[data-component=action-card]:hover{background:var(--color-bg-elevated);border-color:var(--color-border)}[data-component=action-card]:active{transform:scale(.98)}[data-component=action-card] [data-slot=icon]{width:18px;height:18px;color:var(--color-text-muted)}[data-component=action-card] [data-slot=icon] svg{width:100%;height:100%}[data-component=action-card] span{margin-top:auto;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}[data-component=sidebar]{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;position:-webkit-sticky;position:sticky;top:0;background:transparent;display:flex;flex-direction:column;padding:4rem 0 2rem;z-index:40}[data-component=sidebar] [data-slot=brand]{margin-bottom:var(--space-6)}[data-component=sidebar] [data-slot=brand] img,[data-component=sidebar] [data-slot=brand] svg{width:20px;height:20px}[data-component=sidebar] [data-slot=brand-nav]{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-6)}[data-component=sidebar] [data-slot=brand-name]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:0}[data-component=sidebar] [data-slot=brand-version]{font-size:10px;font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-left:2px}[data-component=sidebar] [data-slot=brand-tagline]{font-size:11px;color:var(--color-text-muted);margin-bottom:var(--space-4)}[data-component=sidebar] [data-slot=nav]{display:flex;flex-direction:column;gap:0;padding-top:var(--space-4);border-top:1px solid var(--color-border)}[data-component=sidebar] [data-slot=nav-link]{font-size:var(--font-size-xs);color:var(--color-text-muted);transition:color .15s ease;padding:var(--space-1) 0;line-height:1.6;background:none;border:none;text-align:left;cursor:pointer}[data-component=sidebar] [data-slot=nav-link]:hover{color:var(--color-text)}[data-component=sidebar] [data-slot=nav-link][data-active=true]{color:var(--color-text);font-weight:var(--font-weight-medium)}[data-component=sidebar] [data-slot=footer]{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2)}[data-component=sidebar] [data-slot=version]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-component=sidebar][data-collapsed=true]{width:48px;min-width:48px;padding:var(--space-8) 0;align-items:center}[data-component=sidebar][data-collapsed=true] [data-slot=brand-nav],[data-component=sidebar][data-collapsed=true] [data-slot=footer],[data-component=sidebar][data-collapsed=true] [data-slot=nav]{display:none}[data-component=main-layout]{min-height:100vh;display:flex;justify-content:center;background:var(--color-bg)}[data-component=main-content]{flex:0 1 var(--content-max-width);min-height:100vh;background:var(--color-bg)}[data-component=content-container]{position:relative;min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}[data-component=content-container] [data-slot=accent-border]{display:none}[data-component=page]{flex:1 1;padding:4rem 1.5rem 3rem;max-width:var(--content-max-width)}[data-component=page]:has([data-component=welcome-page]){padding:0;max-width:none;height:100%}[data-component=page-header]{margin-bottom:var(--space-8)}[data-component=page-header] [data-slot=meta]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);letter-spacing:.02em}[data-component=page-header] h1{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}[data-component=page-header] p{font-size:var(--font-size-body);color:var(--color-text-muted);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}[data-component=content-section]{margin-bottom:var(--space-12)}[data-component=content-section] [data-slot=number]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}[data-component=content-section] [data-slot=title]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}[data-component=content-section] [data-slot=body]{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:480px}[data-component=content-section] [data-slot=body] a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px}[data-component=content-section] [data-slot=body] a:hover{color:var(--color-text-secondary)}[data-slot=text-btn]{background:none;border:none;padding:0;font-size:inherit;color:var(--color-text);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s ease}[data-slot=text-btn]:hover{color:var(--color-text-secondary)}[data-component=project-list]{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-4)}[data-component=project-item]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}[data-component=project-item]:hover{border-color:var(--color-border)}[data-component=project-item] [data-slot=name]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}[data-component=project-item] [data-slot=path]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-component=code-block]{background:var(--color-bg);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;overflow-x:auto}[data-component=code-block] [data-slot=label]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-muted)}[data-component=code-block] code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6}[data-component=code-block] .keyword{color:#0000ff}[data-component=code-block] .type{color:#267f99}[data-component=code-block] .string{color:#a31515}[data-component=code-block] .comment{color:var(--color-text-muted)}[data-component=content-card]{background:var(--color-bg);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-4)}[data-component=content-card] [data-slot=title]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}[data-component=content-card] [data-slot=description]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.page-header{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.page-description{color:var(--color-text-muted);margin-top:var(--space-2)}[data-component=mobile-header]{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--color-bg)}[data-component=mobile-header] [data-slot=container]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--space-6)}[data-component=mobile-header] [data-slot=brand]{display:flex;align-items:center;gap:var(--space-1);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);letter-spacing:-.02em;color:#000}[data-component=mobile-header] [data-slot=brand] img{display:block;flex-shrink:0;vertical-align:middle}[data-component=mobile-header] [data-slot=brand] [data-slot=logo-text]{display:block;line-height:1;transform:translateY(2px)}[data-component=mobile-header] [data-slot=menu-toggle]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--color-text);padding:0;margin-left:auto}[data-component=mobile-header] [data-slot=mobile-nav]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out;overflow:hidden}[data-component=mobile-header] [data-slot=mobile-nav]>*{overflow:hidden}[data-component=mobile-header] [data-slot=mobile-nav-inner]{width:100%;padding:0 var(--space-6)}[data-component=mobile-header]
	[data-slot=mobile-nav-inner]
	[data-slot=mobile-nav-header]{display:flex;align-items:center;justify-content:space-between;height:48px}[data-component=mobile-header] [data-slot=close-btn]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);padding:0}[data-component=mobile-header] [data-slot=close-btn]:hover{color:var(--color-text);border-color:var(--color-text-muted)}[data-component=mobile-header] [data-slot=mobile-nav-links]{display:flex;flex-direction:column;padding:var(--space-2) 0 var(--space-4)}[data-component=mobile-header]
	[data-slot=mobile-nav-links]
	[data-slot=nav-link]{display:block;padding:var(--space-2) 0;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none}[data-component=mobile-header]
	[data-slot=mobile-nav-links]
	[data-slot=nav-link]:hover,[data-component=mobile-header]
	[data-slot=mobile-nav-links]
	[data-slot=nav-link][data-active=true]{color:var(--color-text)}[data-component=mobile-header]
	[data-slot=mobile-nav-links]
	[data-slot=section-label]{padding:var(--space-3) 0 var(--space-1) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width:48rem){:root{--sidebar-width:0px}[data-component=main-layout]{flex-direction:column}[data-component=sidebar]{display:none!important}[data-component=mobile-header]{display:block}[data-component=main-layout][data-menu-open=true]
		[data-component=mobile-header]
		[data-slot=mobile-nav]{grid-template-rows:1fr}[data-component=main-layout][data-menu-open=true]
		[data-component=mobile-header]
		[data-slot=container]{display:none}[data-component=main-content]{margin-left:0;padding:0;min-height:auto}[data-component=content-container]{border:none;background:transparent}[data-component=content-container] [data-slot=accent-border]{display:none}[data-component=page]{padding:var(--space-4)}}[data-component=onboarding-page]{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}[data-component=onboarding-page] [data-slot=progress-container]{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-border);z-index:100}[data-component=onboarding-page] [data-slot=progress-bar]{height:100%;background:var(--color-accent);transition:width .3s ease}[data-component=onboarding-page] [data-slot=content]{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}[data-component=onboarding-step]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;width:100%}[data-component=onboarding-step] [data-slot=logo]{margin-bottom:var(--space-6)}[data-component=onboarding-step] [data-slot=title]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.02em}[data-component=onboarding-step] [data-slot=description],[data-component=onboarding-step] [data-slot=subtitle]{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:var(--space-8)}[data-component=onboarding-step] [data-slot=description]{line-height:1.6}[data-component=onboarding-step] [data-slot=primary-btn]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-bg);background:var(--color-text);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;min-width:180px}[data-component=onboarding-step] [data-slot=primary-btn]:hover{opacity:.9}[data-component=onboarding-step] [data-slot=primary-btn]:disabled{opacity:.5;cursor:not-allowed}[data-component=onboarding-step] [data-slot=skip-btn]{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color .15s ease,background .15s ease}[data-component=onboarding-step] [data-slot=skip-btn]:hover{color:var(--color-text);background:var(--color-accent-bg)}[data-component=onboarding-step] [data-slot=back-btn]{padding:var(--space-4) var(--space-6);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}[data-component=onboarding-step] [data-slot=back-btn]:hover{background:var(--color-bg-surface)}[data-component=onboarding-step] [data-slot=actions]{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}[data-component=onboarding-step] [data-slot=card-grid]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);width:100%}[data-component=onboarding-step] [data-slot=card-grid][data-columns="2"]{grid-template-columns:repeat(2,1fr)}@media (max-width:600px){[data-component=onboarding-step] [data-slot=card-grid]{grid-template-columns:repeat(2,1fr)}[data-component=onboarding-step] [data-slot=card-grid][data-columns="2"]{grid-template-columns:1fr}}[data-component=selectable-card]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;position:relative;min-height:120px}[data-component=selectable-card]:hover{background:var(--color-bg-elevated);border-color:var(--color-text-muted)}[data-component=selectable-card][data-selected=true]{border-color:var(--color-accent);background:var(--color-accent-bg)}[data-component=selectable-card] [data-slot=icon]{width:28px;height:28px;color:var(--color-text-muted)}[data-component=selectable-card] [data-slot=icon] svg{width:100%;height:100%}[data-component=selectable-card][data-selected=true] [data-slot=icon]{color:var(--color-accent)}[data-component=selectable-card] [data-slot=label]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}[data-component=selectable-card] [data-slot=checkbox]{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--color-bg)}[data-component=selectable-card][data-selected=true]
	[data-slot=checkbox]{border-color:var(--color-accent);background:var(--color-accent)}[data-component=selectable-card] [data-slot=checkbox] svg{width:14px;height:14px;color:var(--color-bg)}[data-component=selectable-card][data-variant=editor]{flex-direction:row;justify-content:flex-start;text-align:left;padding:var(--space-4);min-height:auto}[data-component=selectable-card][data-variant=editor] [data-slot=icon]{width:32px;height:32px;flex-shrink:0}[data-component=selectable-card][data-variant=editor] [data-slot=text]{flex:1 1;display:flex;flex-direction:column;gap:2px}[data-component=selectable-card][data-variant=editor]
	[data-slot=description]{font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-component=selectable-card][data-variant=editor] [data-slot=radio]{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-component=selectable-card][data-variant=editor][data-selected=true]
	[data-slot=radio]{border-color:var(--color-accent)}[data-component=selectable-card][data-variant=editor]
	[data-slot=radio-dot]{width:10px;height:10px;background:var(--color-accent);border-radius:var(--radius-full)}[data-component=onboarding-step][data-step=account-setup]{max-width:420px}[data-component=onboarding-step] [data-slot=form]{display:flex;flex-direction:column;gap:var(--space-5);width:100%;margin-top:var(--space-6)}[data-component=onboarding-step] [data-slot=form-row]{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:480px){[data-component=onboarding-step] [data-slot=form-row]{grid-template-columns:1fr}}[data-component=onboarding-step] [data-slot=form-field]{display:flex;flex-direction:column;gap:var(--space-2)}[data-component=onboarding-step] [data-slot=label]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}[data-component=onboarding-step] [data-slot=optional]{font-weight:var(--font-weight-normal);color:var(--color-text-muted)}[data-component=onboarding-step] [data-slot=input-wrapper]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease}[data-component=onboarding-step] [data-slot=input-wrapper]:focus-within{border-color:var(--color-text-muted)}[data-component=onboarding-step] [data-slot=input-icon]{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}[data-component=onboarding-step] [data-slot=input]{flex:1 1;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text)}[data-component=onboarding-step] [data-slot=input]::placeholder{color:var(--color-text-muted)}[data-component=onboarding-step] [data-slot=email-note]{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}[data-component=onboarding-step] [data-slot=email-note] strong{color:var(--color-text)}[data-component=onboarding-step] [data-slot=terms]{margin-top:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:1.5}[data-component=onboarding-step] [data-slot=terms] a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px}[data-component=onboarding-step] [data-slot=terms] a:hover{color:var(--color-text-secondary)}[data-component=onboarding-step] [data-slot=tips]{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:400px;margin-bottom:var(--space-8);text-align:left}[data-component=onboarding-step] [data-slot=tip]{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}[data-component=onboarding-step] [data-slot=tip-icon]{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}[data-component=onboarding-step] [data-slot=tip-icon] svg{width:100%;height:100%}[data-component=onboarding-step] [data-slot=tip-content]{display:flex;flex-direction:column;gap:2px}[data-component=onboarding-step] [data-slot=tip-content] strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}[data-component=onboarding-step] [data-slot=tip-content] span{font-size:var(--font-size-xs);color:var(--color-text-muted)}@keyframes beta-gate-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-component=beta-gate]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--color-bg)}[data-component=beta-gate] [data-slot=container]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;animation:beta-gate-fade-in .3s ease-out}[data-component=beta-gate] [data-slot=header]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}[data-component=beta-gate] [data-slot=title]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}[data-component=beta-gate] [data-slot=badge]{font-size:var(--font-size-xs);color:#b45309;padding:2px 8px;background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}[data-component=beta-gate] [data-slot=subtitle]{color:var(--color-text-muted);margin:0}[data-component=beta-gate] [data-slot=description]{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-8)}[data-component=beta-gate] [data-slot=cta-btn]{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:#78350f;background:#fbbf24;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}[data-component=beta-gate] [data-slot=cta-btn]:hover{background:#f59e0b}[data-component=beta-gate] [data-slot=waitlist-link]{margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}[data-component=beta-gate] [data-slot=waitlist-link]:hover{color:var(--color-text)}[data-component=beta-gate][data-layer=oauth] [data-slot=container]{animation:beta-gate-fade-in .3s ease-out}[data-component=beta-gate][data-layer=oauth] [data-slot=header]{margin-bottom:var(--space-8)}[data-component=beta-gate] [data-slot=oauth-buttons]{display:flex;flex-direction:column;gap:var(--space-3);width:100%}[data-component=beta-gate] [data-slot=oauth-buttons] .btn-oauth{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text)}[data-component=beta-gate] [data-slot=oauth-buttons] .btn-oauth:hover{background:var(--color-bg-elevated)}[data-component=beta-gate] [data-slot=back-btn]{margin-top:var(--space-6);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color .15s ease}[data-component=beta-gate] [data-slot=back-btn]:hover{color:var(--color-text)}[data-component=beta-gate] [data-slot=terms]{text-align:center;margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--color-text-muted)}[data-component=signin-page]{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-6);background:var(--color-bg)}[data-component=signin-page] [data-slot=container]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:360px;animation:beta-gate-fade-in .3s ease-out}[data-component=signin-page] [data-slot=logo]{width:44px;height:44px;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}[data-component=signin-page] [data-slot=title]{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);text-align:center;letter-spacing:-.02em}[data-component=signin-page] [data-slot=subtitle]{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-8);line-height:1.5}[data-component=signin-page] [data-slot=subtitle] a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px}[data-component=signin-page] [data-slot=subtitle] a:hover{color:var(--color-text-secondary)}[data-component=signin-page] [data-slot=error-banner]{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;font-size:var(--font-size-sm);text-align:center}[data-component=signin-page] [data-slot=divider]{display:flex;align-items:center;width:100%;margin:var(--space-8) 0;gap:var(--space-4)}[data-component=signin-page] [data-slot=divider]:after,[data-component=signin-page] [data-slot=divider]:before{content:"";flex:1 1;height:1px;background:var(--color-border)}[data-component=signin-page] [data-slot=divider] span{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}[data-component=signin-page] [data-slot=invite-link]{font-size:var(--font-size-sm);color:var(--color-text);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}[data-component=signin-page] [data-slot=invite-link]:hover{color:var(--color-text-secondary)}[data-component=signin-page] [data-slot=invite-input-wrapper]{display:flex;flex-direction:column;width:100%;gap:var(--space-3)}[data-component=signin-page] [data-slot=invite-input]{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-text);transition:border-color .15s ease}[data-component=signin-page] [data-slot=invite-input]:focus{outline:none;border-color:var(--color-text)}[data-component=signin-page] [data-slot=invite-input]::placeholder{color:var(--color-text-muted)}[data-component=signin-page] [data-slot=invite-error]{font-size:var(--font-size-xs);color:var(--color-error)}[data-component=signin-page] [data-slot=invite-actions]{display:flex;gap:var(--space-3)}[data-component=signin-page] [data-slot=invite-submit]{flex:1 1;padding:var(--space-3) var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s ease}[data-component=signin-page] [data-slot=invite-submit]:hover{opacity:.9}[data-component=signin-page] [data-slot=invite-submit]:disabled{opacity:.5;cursor:not-allowed}[data-component=signin-page] [data-slot=invite-cancel]{padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease}[data-component=signin-page] [data-slot=invite-cancel]:hover{background:var(--color-bg-elevated)}[data-component=signin-page] [data-slot=oauth-buttons]{display:flex;flex-direction:row;gap:var(--space-3)}[data-component=signin-page] [data-slot=oauth-btn]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);background:hsl(0 0% 8%);border:none;border-radius:8px;color:#ffffff;font-size:var(--font-size-sm);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1)}[data-component=signin-page] [data-slot=oauth-btn]:hover{background:hsl(0 0% 14%)}[data-component=signin-page] [data-slot=oauth-btn] svg{width:18px;height:18px;flex-shrink:0}[data-component=signin-page] [data-slot=terms]{text-align:center;margin-top:var(--space-8);font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:280px;line-height:1.6}[data-component=signin-page] [data-slot=terms] a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}[data-component=signin-page] [data-slot=terms] a:hover{color:var(--color-text)}[data-component=email-capture-wrapper]{display:flex;flex-direction:column;width:100%}[data-component=email-capture]{display:flex;align-items:center;width:100%;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);overflow:hidden;transition:border-color .15s ease}[data-component=email-capture]:focus-within{border-color:var(--color-text-muted)}[data-component=email-capture][data-state=error]{border-color:var(--color-error)}[data-component=email-capture][data-state=success]{justify-content:center;gap:var(--space-2);background:var(--color-success);color:white;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-color:var(--color-success)}[data-component=email-capture] [data-slot=form]{display:flex;width:100%;height:100%}[data-component=email-capture] [data-slot=input]{flex:1 1;min-width:0;height:100%;padding:0 var(--space-4);border:none;outline:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text)}[data-component=email-capture] [data-slot=input]::placeholder{color:var(--color-text-muted)}[data-component=email-capture] [data-slot=submit]{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s ease;white-space:nowrap;flex-shrink:0}[data-component=email-capture] [data-slot=submit]:hover{opacity:.9}[data-component=email-capture] [data-slot=submit]:disabled{opacity:.7;cursor:not-allowed}[data-component=email-capture] [data-slot=spinner]{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-component=email-capture-wrapper] [data-slot=error]{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-error)}[data-component=email-capture-wrapper] [data-slot=checkbox-label]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer}[data-component=email-capture-wrapper] [data-slot=checkbox-label] input{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--color-text)}[data-component=onboarding-unified]{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--color-bg);padding:var(--space-12) var(--space-6)}[data-component=onboarding-unified] [data-slot=container]{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center}[data-component=onboarding-unified] [data-slot=logo]{margin-bottom:var(--space-8);border-radius:var(--radius-md)}[data-component=onboarding-unified] [data-slot=title]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);text-align:center}[data-component=onboarding-unified] [data-slot=subtitle]{font-size:var(--font-size-md);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-10)}[data-component=onboarding-unified] [data-slot=steps]{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-bottom:var(--space-8)}[data-component=step-card]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);overflow:hidden;transition:border-color .15s ease}[data-component=step-card][data-active=true]{border-color:var(--color-text-muted)}[data-component=step-card][data-completed=true]{border-color:var(--color-border);background:var(--color-bg-surface)}[data-component=step-card] [data-slot=header]{padding:var(--space-5)}[data-component=step-card] [data-slot=title-row]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}[data-component=step-card] [data-slot=step-title]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}[data-component=step-card][data-completed=true] [data-slot=step-title]{color:var(--color-text-secondary)}[data-component=step-card] [data-slot=description]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}[data-component=step-card] [data-slot=content]{padding:0 var(--space-5) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}[data-component=onboarding-unified] [data-slot=primary-btn],[data-component=step-card] [data-slot=primary-btn]{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s ease}[data-component=onboarding-unified] [data-slot=primary-btn]:hover,[data-component=step-card] [data-slot=primary-btn]:hover{opacity:.9}[data-component=step-card] [data-slot=original-price]{text-decoration:line-through;opacity:.5;margin-left:var(--space-1);font-weight:var(--font-weight-normal)}[data-component=onboarding-unified] [data-slot=primary-btn] svg,[data-component=step-card] [data-slot=primary-btn] svg{fill:currentColor}[data-component=step-card] [data-slot=extension-btn]{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:opacity .15s ease}[data-component=step-card] [data-slot=extension-btn]:hover{opacity:.9}[data-component=step-card] [data-slot=skip-btn]{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color .15s ease,background .15s ease}[data-component=step-card] [data-slot=skip-btn]:hover{color:var(--color-text);background:var(--color-accent-bg)}[data-component=step-card] [data-slot=early-bird-badge]{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}[data-component=step-card] [data-slot=extension-detected]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-md);color:#065f46;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}[data-component=step-card] [data-slot=extension-detected] svg{width:16px;height:16px;color:#16a34a}[data-component=step-card] [data-slot=extension-link]{display:block;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);cursor:pointer;transition:color .15s ease}[data-component=step-card] [data-slot=extension-link]:hover{color:var(--color-text);text-decoration:underline}[data-component=step-card] [data-slot=chip-group]{margin-top:var(--space-4)}[data-component=step-card] [data-slot=chip-label]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}[data-component=step-card] [data-slot=chips]{display:flex;flex-wrap:wrap;gap:var(--space-2)}[data-component=step-card] [data-slot=chip]{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all .15s ease}[data-component=step-card] [data-slot=chip]:hover{border-color:var(--color-text-muted)}[data-component=step-card] [data-slot=chip][data-selected=true]{background:#18181b;color:white;border-color:#18181b}[data-component=step-card] [data-slot=code-section]{display:flex;flex-direction:column;gap:var(--space-2)}[data-component=step-card] [data-slot=code-label]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}[data-component=step-card] [data-slot=code-block]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}[data-component=step-card] [data-slot=code-block] code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=step-card] [data-slot=copy-btn]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}[data-component=step-card] [data-slot=copy-btn]:hover{color:var(--color-text);border-color:var(--color-text-muted)}[data-component=onboarding-unified] [data-slot=continue-btn]{width:100%;padding:var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s ease;margin-bottom:var(--space-8)}[data-component=onboarding-unified] [data-slot=continue-btn]:hover{opacity:.9}[data-component=onboarding-unified] [data-slot=logout-text]{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}[data-component=onboarding-unified] [data-slot=logout-link]{color:var(--color-success);background:none;border:none;cursor:pointer;font-size:inherit;transition:color .15s ease}[data-component=onboarding-unified] [data-slot=logout-link]:hover{color:#16a34a}[data-component=settings-page] [data-slot=container]{max-width:600px}[data-component=settings-page] [data-slot=sections]{display:flex;flex-direction:column;gap:var(--space-8)}[data-component=settings-page] [data-slot=section]{display:flex;flex-direction:column}[data-component=settings-page] [data-slot=section-label]{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-bottom:var(--space-3)}[data-component=settings-page] [data-slot=card]{background:var(--color-bg-surface);border-radius:var(--radius-md);overflow:hidden}[data-component=settings-page] [data-slot=card]>[data-slot=row]{border-bottom:1px solid var(--color-border-muted)}[data-component=settings-page] [data-slot=card]>[data-slot=row]:last-child{border-bottom:none}[data-component=settings-page] [data-slot=row]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);gap:var(--space-4)}[data-component=settings-page] [data-slot=row][data-layout=stacked]{flex-direction:column;align-items:stretch;gap:var(--space-3)}@media (min-width:640px){[data-component=settings-page] [data-slot=row][data-layout=stacked]{flex-direction:row;align-items:center;gap:var(--space-4)}}[data-component=settings-page] [data-slot=row-content]{display:flex;flex-direction:column;gap:2px;flex:1 1}[data-component=settings-page] [data-slot=row-title]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}[data-component=settings-page] [data-slot=row-title] svg{color:var(--color-text-muted);flex-shrink:0}[data-component=settings-page] [data-slot=row-description]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;max-width:320px}[data-component=settings-page] [data-slot=row-value]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}[data-component=settings-page] [data-slot=row-value][data-muted=true]{color:var(--color-text-muted)}[data-component=settings-page] [data-slot=avatar-btn]{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:0;cursor:pointer}[data-component=settings-page] [data-slot=avatar-btn] svg{color:var(--color-text-muted);opacity:0;transition:opacity .15s ease-out}[data-component=settings-page] [data-slot=avatar-btn]:hover svg{opacity:1}[data-component=settings-page] [data-slot=avatar][data-uploading=true]{opacity:.5}[data-component=settings-page] [data-slot=avatar]{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}[data-component=settings-page] [data-slot=avatar] img{display:block;width:36px;height:36px;min-width:36px;min-height:36px;object-fit:cover;border-radius:var(--radius-full)}[data-component=settings-page] [data-slot=avatar] span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase}[data-component=settings-page] [data-slot=editable-btn]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);background:var(--color-bg-elevated);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;min-width:200px;max-width:100%;text-align:left;transition:background .15s ease}[data-component=settings-page] [data-slot=editable-btn]:hover{background:var(--color-border)}[data-component=settings-page] [data-slot=editable-btn] svg{color:var(--color-text-muted);flex-shrink:0}[data-component=settings-page] [data-slot=edit-field]{display:flex;align-items:center;gap:var(--space-2)}[data-component=settings-page] [data-slot=edit-input]{padding:var(--space-2-5) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);outline:none;min-width:200px}[data-component=settings-page] [data-slot=edit-input]:focus{border-color:var(--color-text-muted)}[data-component=settings-page] [data-slot=dropdown-btn]{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);background:var(--color-bg-elevated);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;min-width:200px;transition:background .15s ease}[data-component=settings-page] [data-slot=dropdown-btn]:hover:not(:disabled){background:var(--color-border)}[data-component=settings-page] [data-slot=dropdown-btn]:disabled{opacity:.6;cursor:not-allowed}[data-component=settings-page] [data-slot=dropdown-btn] svg{color:var(--color-text-muted);flex-shrink:0}[data-component=settings-page] [data-slot=input-group]{display:flex;flex-direction:column;gap:var(--space-2)}[data-component=settings-page] [data-slot=input]{padding:var(--space-2-5) var(--space-3);background:var(--color-bg-elevated);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);min-width:200px;transition:all .15s ease}[data-component=settings-page] [data-slot=input]:focus{outline:none;border-color:var(--color-text-muted);background:var(--color-bg)}[data-component=settings-page] [data-slot=input]::placeholder{color:var(--color-text-muted)}[data-component=settings-page] [data-slot=input]:disabled{opacity:.6;cursor:not-allowed}[data-component=settings-page] [data-slot=input-hint]{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}[data-component=settings-page] [data-slot=link-status]{display:flex;align-items:center;gap:var(--space-3)}[data-component=settings-page] [data-slot=status-text]{font-size:var(--font-size-sm);color:var(--color-text-muted)}[data-component=settings-page] [data-slot=link-btn]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);background:var(--color-bg-elevated);border:none;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text);cursor:pointer;transition:background .15s ease}[data-component=settings-page] [data-slot=link-btn]:hover:not(:disabled){background:var(--color-border)}[data-component=settings-page] [data-slot=link-btn]:disabled{opacity:.6;cursor:not-allowed}[data-component=settings-page] [data-slot=integration-row]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-muted)}[data-component=settings-page] [data-slot=integration-row]:last-child{border-bottom:none}[data-component=settings-page] [data-slot=integration-icon]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text);flex-shrink:0;background:var(--color-bg-elevated);border-radius:var(--radius-md)}[data-component=settings-page] [data-slot=integration-content]{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}[data-component=settings-page] [data-slot=integration-name]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}[data-component=settings-page] [data-slot=integration-description]{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}[data-component=settings-page] [data-slot=connect-btn]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:all .15s ease;flex-shrink:0}[data-component=settings-page] [data-slot=connect-btn]:hover{background:var(--color-border)}[data-component=settings-page] [data-slot=connected-badge]{font-size:var(--font-size-xs);color:var(--color-success);padding:var(--space-1) var(--space-3);background:rgba(34,197,94,.1);border-radius:var(--radius-full);flex-shrink:0}[data-component=settings-page] [data-slot=coming-soon-badge]{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-full);flex-shrink:0}[data-component=settings-page] [data-slot=install-btn]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;background:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-decoration:none;flex-shrink:0;transition:opacity .15s ease-out}[data-component=settings-page] [data-slot=install-btn]:hover{opacity:.85}[data-component=settings-page] [data-slot=provider-toggle]{display:flex;gap:var(--space-2);background:var(--color-bg-elevated);padding:var(--space-1);border-radius:var(--radius-md)}[data-component=settings-page] [data-slot=provider-btn]{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}[data-component=settings-page] [data-slot=provider-btn]:hover{color:var(--color-text)}[data-component=settings-page] [data-slot=provider-btn][data-active=true]{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 2px rgba(0,0,0,.05)}[data-component=settings-page] [data-slot=select]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2-5) var(--space-4);padding-right:var(--space-8);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-bg-elevated);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 256 256' fill='%23a3a3a3'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-width:140px;transition:all .15s ease}[data-component=settings-page] [data-slot=select]:hover{background-color:var(--color-border)}[data-component=settings-page] [data-slot=select]:focus{outline:none;border-color:var(--color-text-muted)}[data-component=usage-page]{max-width:900px}[data-component=usage-page] [data-slot=container]{display:flex;flex-direction:column;gap:var(--space-6)}[data-component=usage-page] [data-slot=header]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}[data-component=usage-page] [data-slot=header-left]{display:flex;align-items:center;gap:var(--space-2)}[data-component=usage-page] [data-slot=title]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}[data-component=usage-page] [data-slot=info-btn]{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}[data-component=usage-page] [data-slot=info-btn]:hover{color:var(--color-text)}[data-component=usage-page] [data-slot=date-dropdown]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}[data-component=usage-page] [data-slot=date-dropdown]:hover{background:var(--color-bg-elevated)}[data-component=usage-page] [data-slot=tabs]{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);padding-bottom:0}[data-component=usage-page] [data-slot=tab]{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .15s ease}[data-component=usage-page] [data-slot=tab]:hover{color:var(--color-text)}[data-component=usage-page] [data-slot=tab][data-active=true]{color:var(--color-text);border-bottom-color:var(--color-text)}[data-component=usage-page] [data-slot=section]{display:flex;flex-direction:column;gap:var(--space-4)}[data-component=usage-page] [data-slot=section-header]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}[data-component=usage-page] [data-slot=section-title]{display:flex;align-items:center;gap:var(--space-2)}[data-component=usage-page] [data-slot=section-title] h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}[data-component=usage-page] [data-slot=export-btn]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all .15s ease}[data-component=usage-page] [data-slot=export-btn]:hover{background:var(--color-bg-elevated)}[data-component=usage-page] [data-slot=stats-grid]{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:640px){[data-component=usage-page] [data-slot=stats-grid]{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){[data-component=usage-page] [data-slot=stats-grid]{grid-template-columns:1fr}}[data-component=usage-page] [data-slot=stat-card]{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-surface);border-radius:var(--radius-md)}[data-component=usage-page] [data-slot=stat-label]{font-size:var(--font-size-sm);color:var(--color-text-muted)}[data-component=usage-page] [data-slot=stat-value]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}[data-component=usage-page] [data-slot=chart-card]{background:var(--color-bg-surface);border-radius:var(--radius-md);padding:var(--space-5)}[data-component=usage-page] [data-slot=chart-header]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}[data-component=usage-page] [data-slot=chart-title]{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}[data-component=usage-page] [data-slot=chart-controls]{display:flex;gap:var(--space-2)}[data-component=usage-page] [data-slot=chart-select]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg-elevated);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 256 256' fill='%23a3a3a3'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}[data-component=usage-page] [data-slot=chart-select]:focus{outline:none;border-color:var(--color-text-muted)}[data-component=usage-page] [data-slot=chart-area]{display:flex;gap:var(--space-4);min-height:200px}[data-component=usage-page] [data-slot=chart-y-axis]{display:flex;align-items:center;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-component=usage-page] [data-slot=chart-grid]{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;position:relative}[data-component=usage-page] [data-slot=chart-line]{display:flex;align-items:center;gap:var(--space-2)}[data-component=usage-page] [data-slot=chart-line] span{font-size:var(--font-size-xs);color:var(--color-text-muted);width:20px}[data-component=usage-page] [data-slot=chart-line-bg]{flex:1 1;height:1px;background:var(--color-border)}[data-component=usage-page] [data-slot=chart-empty]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}[data-component=usage-page] [data-slot=chart-empty] p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}[data-component=usage-page] [data-slot=chart-legend]{display:flex;flex-direction:column;gap:var(--space-2)}[data-component=usage-page] [data-slot=legend-item]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-component=usage-page] [data-slot=legend-dot]{width:12px;height:12px;border-radius:var(--radius-sm)}[data-component=usage-page] [data-slot=legend-dot][data-color=pink]{background:#d4847c}[data-component=usage-page] [data-slot=legend-dot][data-color=coral]{background:#c9a07c}[data-component=usage-page] [data-slot=legend-dot][data-color=gold]{background:#c9c17c}[data-component=usage-page] [data-slot=legend-dot][data-color=green]{background:#7cc9a0}[data-component=usage-page] [data-slot=legend-dot][data-color=blue]{background:#7ca0c9}[data-component=usage-page] [data-slot=chart-x-axis]{display:flex;justify-content:space-between;padding-left:40px;padding-right:80px;margin-top:var(--space-2)}[data-component=usage-page] [data-slot=chart-x-axis] span{font-size:var(--font-size-xs);color:var(--color-text-muted);transform:rotate(-45deg);transform-origin:top left}[data-component=usage-page] [data-slot=chart-x-label]{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-4)}[data-component=usage-page] [data-slot=coming-soon-card]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-8);background:var(--color-bg-surface);border-radius:var(--radius-md)}[data-component=usage-page] [data-slot=coming-soon-icon]{position:relative;width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-text-muted)}[data-component=usage-page] [data-slot=coming-soon-icon] svg{position:absolute;top:0;left:0}[data-component=usage-page] [data-slot=coming-soon-title]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-2) 0}[data-component=usage-page] [data-slot=coming-soon-description]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;max-width:400px}[data-component=settings-page] [data-slot=integration-info]{display:flex;flex-direction:column;gap:2px;flex:1 1}[data-component=settings-page] [data-slot=integration-status]{font-size:var(--font-size-sm);color:var(--color-text-muted)}[data-component=settings-page] [data-slot=toggle-btn]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2-5) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:all .15s ease}[data-component=settings-page] [data-slot=toggle-btn]:hover:not(:disabled){background:var(--color-border);border-color:var(--color-text-muted)}[data-component=settings-page] [data-slot=toggle-btn]:disabled{opacity:.6;cursor:not-allowed}[data-component=settings-page] [data-slot=switch]{width:42px;height:22px;background:var(--color-bg-elevated);border:none;border-radius:var(--radius-full);cursor:pointer;position:relative;transition:background .15s ease}[data-component=settings-page] [data-slot=switch]:hover:not(:disabled){background:var(--color-border)}[data-component=settings-page] [data-slot=switch][data-state=checked]{background:var(--color-success)}[data-component=settings-page] [data-slot=switch]:disabled{opacity:.6;cursor:not-allowed}[data-component=settings-page] [data-slot=switch-thumb]{display:block;width:18px;height:18px;background:var(--color-text);border-radius:var(--radius-full);position:absolute;top:2px;left:2px;transition:transform .15s ease}[data-component=settings-page] [data-slot=switch][data-state=checked] [data-slot=switch-thumb]{transform:translateX(20px)}[data-component=settings-page] [data-slot=session-info]{display:flex;align-items:center;gap:var(--space-3)}[data-component=settings-page] [data-slot=session-icon]{color:var(--color-text-muted)}[data-component=settings-page] [data-slot=session-details]{display:flex;flex-direction:column;gap:2px}[data-component=settings-page] [data-slot=session-name]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}[data-component=settings-page] [data-slot=session-status]{width:8px;height:8px;background:var(--color-success);border-radius:var(--radius-full)}[data-component=settings-page] [data-slot=session-device]{font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-component=settings-page] [data-slot=section][data-variant=danger] [data-slot=section-label]{color:var(--color-error)}[data-component=settings-page] [data-slot=card][data-variant=danger]{border:1px solid var(--color-error)}[data-component=settings-page] [data-slot=danger-btn]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2-5) var(--space-5);background:var(--color-error);border:none;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:white;cursor:pointer;transition:opacity .15s ease;white-space:nowrap}[data-component=settings-page] [data-slot=danger-btn]:hover:not(:disabled){opacity:.9}[data-component=settings-page] [data-slot=danger-btn]:disabled{opacity:.6;cursor:not-allowed}[data-component=settings-page] [data-slot=confirm-actions]{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}[data-component=settings-page] [data-slot=cancel-btn]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2-5) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:background .15s ease}[data-component=settings-page] [data-slot=cancel-btn]:hover{background:var(--color-border)}[data-component=settings-page] [data-slot=info-banner]{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}[data-component=settings-page] [data-slot=info-banner][data-variant=blue]{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}[data-component=settings-page] [data-slot=info-banner][data-variant=yellow]{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.3)}[data-component=settings-page] [data-slot=banner-icon]{flex-shrink:0;margin-top:1px}[data-component=settings-page] [data-slot=info-banner][data-variant=blue] [data-slot=banner-icon]{color:#3b82f6}[data-component=settings-page] [data-slot=info-banner][data-variant=yellow] [data-slot=banner-icon]{color:#ca8a04}[data-component=settings-page] [data-slot=banner-text]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}[data-component=settings-page] [data-slot=generated-key-banner]{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);padding:var(--space-5)}[data-component=settings-page] [data-slot=banner-title]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--space-1) 0}[data-component=settings-page] [data-slot=banner-description]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-3) 0}[data-component=settings-page] [data-slot=key-display]{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}[data-component=settings-page] [data-slot=key-code]{flex:1 1;font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-bg);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--color-border)}[data-component=settings-page] [data-slot=copy-btn]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s ease;flex-shrink:0}[data-component=settings-page] [data-slot=copy-btn]:hover{opacity:.9}[data-component=settings-page] [data-slot=dismiss-btn]{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}[data-component=settings-page] [data-slot=dismiss-btn]:hover{color:var(--color-text)}[data-component=settings-page] [data-slot=form-section]{padding:var(--space-5)}[data-component=settings-page] [data-slot=form-description]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-4) 0}[data-component=settings-page] [data-slot=key-form]{display:flex;gap:var(--space-3);width:100%}@media (max-width:640px){[data-component=settings-page] [data-slot=key-form]{flex-direction:column}}[data-component=settings-page] [data-slot=key-form] [data-slot=input]{flex:1 1;min-width:0}[data-component=settings-page] [data-slot=primary-btn]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2-5) var(--space-5);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s ease;white-space:nowrap;flex-shrink:0}[data-component=settings-page] [data-slot=primary-btn]:hover:not(:disabled){opacity:.9}[data-component=settings-page] [data-slot=primary-btn]:disabled{opacity:.5;cursor:not-allowed}[data-component=settings-page] [data-slot=key-row]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-muted)}[data-component=settings-page] [data-slot=key-row]:last-child{border-bottom:none}[data-component=settings-page] [data-slot=key-icon]{color:var(--color-text-muted);flex-shrink:0}[data-component=settings-page] [data-slot=key-info]{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}[data-component=settings-page] [data-slot=key-name]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}[data-component=settings-page] [data-slot=key-meta]{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}[data-component=settings-page] [data-slot=revoke-btn]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s ease;flex-shrink:0}[data-component=settings-page] [data-slot=revoke-btn]:hover{background:var(--color-error);color:white}[data-component=settings-page] [data-slot=empty-state-card]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-6);background:var(--color-bg-surface);border-radius:var(--radius-md)}[data-component=settings-page] [data-slot=empty-icon]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:var(--radius-full);color:var(--color-text-muted);margin-bottom:var(--space-4)}[data-component=settings-page] [data-slot=empty-title]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--space-2) 0}[data-component=settings-page] [data-slot=empty-description]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;max-width:280px}[data-slot=tier-badge]{display:inline-flex;align-items:center;font-size:var(--font-size-xs);padding:1px 8px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);letter-spacing:.02em;line-height:1.6}[data-slot=tier-badge][data-tier=free]{color:var(--color-text-muted);background:var(--color-bg-elevated)}[data-slot=tier-badge][data-tier=pro]{color:#15803d;background:rgba(34,197,94,.1)}[data-slot=tier-badge][data-tier=early-tester]{color:#1d4ed8;background:rgba(59,130,246,.1)}[data-component=sidebar] [data-slot=upgrade-link]{display:inline-flex;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all .15s ease;margin-bottom:var(--space-4);width:-moz-fit-content;width:fit-content}[data-component=sidebar] [data-slot=upgrade-link]:hover{color:var(--color-text);border-color:var(--color-text-muted)}[data-component=settings-page] [data-slot=upgrade-btn]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2-5) var(--space-5);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:opacity .15s ease;flex-shrink:0}[data-component=settings-page] [data-slot=upgrade-btn]:hover{opacity:.9}[data-component=upgrade-banner]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-6)}[data-component=upgrade-banner] [data-slot=banner-content]{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}[data-component=upgrade-banner] [data-slot=banner-text]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}[data-component=upgrade-banner] [data-slot=banner-text] strong{font-weight:var(--font-weight-medium);color:var(--color-text)}[data-component=upgrade-banner] [data-slot=banner-btn]{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-text);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:opacity .15s ease;flex-shrink:0}[data-component=upgrade-banner] [data-slot=banner-btn]:hover{opacity:.9}[data-component=upgrade-banner] [data-slot=banner-dismiss]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;transition:color .15s ease;flex-shrink:0;line-height:1}[data-component=upgrade-banner] [data-slot=banner-dismiss]:hover{color:var(--color-text)}