.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:hsl(var(--surface-base))}.app-main{flex:1 1 0%;display:flex;flex-direction:column;width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--spacing-page-x);padding-block:var(--spacing-page-y);animation:page-enter .35s var(--ease-out) forwards}@keyframes page-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-main{animation:none}}.header{position:sticky;top:0;z-index:var(--z-sticky);padding:var(--space-3) var(--spacing-page-x)}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--header-padding-x);padding-block:var(--header-padding-y);background-color:hsl(var(--surface-raised));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-emphasis));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.header-brand{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;color:hsl(var(--text-muted));transition:color var(--duration-normal) var(--ease-default)}.header-brand:hover{color:hsl(var(--text-primary))}.header-brand-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.header-actions{display:flex;align-items:center;gap:var(--space-1)}@media (min-width:40rem){.header-actions{gap:var(--space-2)}}.nav-links{display:flex;align-items:center;gap:var(--space-1)}@media (min-width:40rem){.nav-links{gap:var(--space-2)}}.nav-link{display:flex;align-items:center;justify-content:center;width:var(--button-height-sm);height:var(--button-height-sm);padding:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--text-muted));text-decoration:none;background-color:hsl(var(--surface-raised));border:1px solid hsl(var(--border-default));border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-default)}@media (min-width:40rem){.nav-link{width:auto;height:auto;gap:var(--space-1);padding:var(--space-1-5) var(--space-3)}}.nav-link:hover{border-color:hsl(var(--interactive-accent)/.5);background-color:hsl(var(--interactive-accent)/.1);color:hsl(var(--text-primary));box-shadow:var(--shadow-md)}.nav-link[data-active=true]{border-color:hsl(var(--interactive-primary)/.5);background-color:hsl(var(--interactive-primary)/.15);color:hsl(var(--interactive-primary));box-shadow:var(--shadow-md)}.nav-link-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.page-section{display:flex;flex-direction:column;gap:var(--spacing-section)}.page-section-header{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width:40rem){.page-section-header{flex-direction:row;align-items:center;justify-content:space-between}}.page-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2)}.page-section-title-icon{color:hsl(var(--interactive-primary))}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0%;width:100%;padding-block:var(--space-20)}.page-loader-spinner{width:var(--space-8);height:var(--space-8);color:hsl(var(--interactive-primary));animation:spin 1s linear infinite}.page-loader-text{margin-top:var(--space-4);font-size:var(--font-size-lg);color:hsl(var(--text-secondary))}[data-theme=blush] .nav-link{border-radius:0}[data-theme=blush] .nav-link:hover{background:hsl(var(--color-neutral-100));border-color:hsl(var(--color-neutral-300));box-shadow:none}[data-theme=blush] .nav-link[data-active=true]{background:hsl(var(--color-neutral-900));border-color:hsl(var(--color-neutral-900));color:hsl(var(--text-on-emphasis));box-shadow:none}[data-theme=blush][data-mode=dark] .nav-link:hover{background:hsl(var(--color-neutral-700));border-color:hsl(var(--color-neutral-600))}[data-theme=blush][data-mode=dark] .nav-link[data-active=true]{background:hsl(var(--color-neutral-100));border-color:hsl(var(--color-neutral-100));color:hsl(var(--color-neutral-900))}html:has(.onboarding-landing){height:100%}html:has(.onboarding-landing) body{min-height:0;height:100%}.onboarding-landing{justify-content:center;min-height:100%;padding:var(--space-6);background-color:hsl(var(--surface-base))}.onboarding-content,.onboarding-landing{display:flex;flex-direction:column;align-items:center}.onboarding-content{gap:var(--space-6);width:100%;max-width:28rem;animation:page-enter .35s var(--ease-out) forwards}.onboarding-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.onboarding-logo{display:flex;align-items:center;justify-content:center;width:var(--space-14);height:var(--space-14);background:linear-gradient(135deg,hsl(var(--interactive-primary)),hsl(var(--interactive-accent)));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}@media (min-width:30rem){.onboarding-logo{width:var(--space-16);height:var(--space-16)}}.onboarding-logo-icon{width:var(--space-6);height:var(--space-6);color:white}@media (min-width:30rem){.onboarding-logo-icon{width:var(--space-8);height:var(--space-8)}}.onboarding-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:hsl(var(--text-primary));letter-spacing:-.02em}@media (min-width:30rem){.onboarding-title{font-size:var(--font-size-3xl)}}.onboarding-tagline{font-size:var(--font-size-base);color:hsl(var(--text-secondary));line-height:var(--line-height-relaxed);max-width:20rem}.onboarding-card{width:100%}.onboarding-card-content{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)!important}.onboarding-privacy-note{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:hsl(var(--surface-sunken));border-radius:var(--radius-md);font-size:var(--font-size-xs);color:hsl(var(--text-secondary));line-height:var(--line-height-relaxed)}@media (min-width:30rem){.onboarding-privacy-note{gap:var(--space-3);padding:var(--space-4);font-size:var(--font-size-sm)}}.onboarding-privacy-icon{flex-shrink:0;width:var(--icon-size-sm);height:var(--icon-size-sm);color:hsl(var(--status-success));margin-top:1px}@media (min-width:30rem){.onboarding-privacy-icon{width:var(--icon-size-md);height:var(--icon-size-md);margin-top:2px}}.onboarding-actions{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-btn-primary,.onboarding-btn-secondary{width:100%}[data-theme=blush] .onboarding-logo{background:hsl(var(--color-neutral-900));border-radius:0}[data-theme=blush][data-mode=dark] .onboarding-logo{background:hsl(var(--color-neutral-100))}[data-theme=blush][data-mode=dark] .onboarding-logo-icon{color:hsl(var(--color-neutral-900))}.clear-data-title{display:flex;align-items:center;gap:var(--space-2)}.clear-data-warning-icon{width:var(--icon-size-md);height:var(--icon-size-md);color:hsl(var(--status-warning))}.clear-data-stats{margin-block:var(--space-4);padding:var(--space-4);background:hsl(var(--surface-sunken));border-radius:var(--radius-md)}.clear-data-stats-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--text-secondary));margin-bottom:var(--space-3)}.clear-data-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width:30rem){.clear-data-stats-grid{grid-template-columns:repeat(3,1fr)}}.clear-data-stat{display:flex;flex-direction:column;gap:var(--space-0-5)}.clear-data-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:hsl(var(--text-primary))}.clear-data-stat-label{font-size:var(--font-size-xs);color:hsl(var(--text-muted))}.clear-data-footer{flex-direction:column;gap:var(--space-2)}@media (min-width:30rem){.clear-data-footer{flex-direction:row}}.sign-out-footer{flex-wrap:wrap;gap:var(--space-2)}