:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-bg-tertiary: #fafafa;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-glass: rgba(255, 255, 255, .8);--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-text-tertiary: #aeaeb2;--color-accent: #007aff;--color-accent-hover: #0056b3;--color-accent-light: rgba(0, 122, 255, .1);--color-success: #34c759;--color-success-light: rgba(52, 199, 89, .12);--color-warning: #ff9500;--color-warning-light: rgba(255, 149, 0, .12);--color-error: #ff3b30;--color-error-light: rgba(255, 59, 48, .12);--color-border: rgba(0, 0, 0, .06);--color-border-strong: rgba(0, 0, 0, .12);--color-divider: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--shadow-button: 0 2px 8px rgba(0, 122, 255, .25);--shadow-button-hover: 0 4px 16px rgba(0, 122, 255, .35);--blur-amount: 20px;--blur-strong: 40px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-hero: 3.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--animation-bounce: cubic-bezier(.34, 1.56, .64, 1);--animation-smooth: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 150;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 4px var(--color-accent-light)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.skip-link{position:absolute;top:-40px;left:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-accent);color:#fff;z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background:var(--color-accent-light);color:var(--color-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.glass{background:var(--color-surface-glass);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) var(--animation-smooth)}.animate-scale-in-bounce{animation:scaleInBounce var(--transition-spring) var(--animation-bounce)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media (max-width: 768px){:root{--font-size-hero: 2.5rem;--font-size-3xl: 1.75rem;--font-size-2xl: 1.25rem;--spacing-2xl: 32px;--spacing-3xl: 48px}}@media (max-width: 480px){:root{--font-size-hero: 2rem;--font-size-3xl: 1.5rem;--spacing-lg: 20px;--spacing-xl: 24px}}@media print{body{background:#fff;color:#000}.nav,.footer,button,.no-print{display:none!important}}.nav.svelte-92bedl.svelte-92bedl{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-container.svelte-92bedl.svelte-92bedl{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.nav-logo.svelte-92bedl.svelte-92bedl{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.logo-text.svelte-92bedl.svelte-92bedl{font-size:var(--font-size-lg)}.nav-links.svelte-92bedl.svelte-92bedl{display:flex;gap:var(--spacing-xs)}.nav-links.svelte-92bedl a.svelte-92bedl{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.nav-links.svelte-92bedl a.svelte-92bedl:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.nav-links.svelte-92bedl a.active.svelte-92bedl{color:var(--color-accent);background:var(--color-accent-light)}.nav-actions.svelte-92bedl.svelte-92bedl{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-action.svelte-92bedl.svelte-92bedl{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.nav-action.svelte-92bedl.svelte-92bedl:hover{color:var(--color-accent);background:var(--color-accent-light)}.logout-btn.svelte-92bedl.svelte-92bedl{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);background:none;border:none;cursor:pointer;font-family:inherit}.logout-btn.svelte-92bedl.svelte-92bedl:hover{color:var(--color-error);background:var(--color-error-light)}.main.svelte-92bedl.svelte-92bedl{min-height:100vh}.main.with-nav.svelte-92bedl.svelte-92bedl{padding-top:60px}@media (max-width: 640px){.nav-container.svelte-92bedl.svelte-92bedl{padding:var(--spacing-sm) var(--spacing-md)}.logo-text.svelte-92bedl.svelte-92bedl,.nav-label.svelte-92bedl.svelte-92bedl,.action-label.svelte-92bedl.svelte-92bedl{display:none}.nav-links.svelte-92bedl a.svelte-92bedl,.nav-action.svelte-92bedl.svelte-92bedl,.logout-btn.svelte-92bedl.svelte-92bedl{padding:var(--spacing-sm)}}
