*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--primary-hover: #5568d3;--primary-active: #4451b8;--secondary-color: #764ba2;--text-primary: #333;--text-secondary: #666;--text-light: #888;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--error-bg: #fee;--error-border: #fcc;--error-text: #c33;--success-bg: #d4edda;--success-border: #c3e6cb;--success-text: #155724;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-button: 0 2px 8px rgba(102, 126, 234, .3);--shadow-button-hover: 0 4px 12px rgba(102, 126, 234, .4);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1280px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--text-primary);background-color:var(--bg-white);min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin:0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin:0;line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-hover);text-decoration:underline}a:active{color:var(--primary-active)}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}button{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;cursor:pointer;transition:all var(--transition-base);background-color:var(--primary-color);color:var(--bg-white);box-shadow:var(--shadow-button);-webkit-user-select:none;user-select:none}button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}button:active:not(:disabled){background-color:var(--primary-active);transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button.secondary{background-color:var(--bg-light);color:var(--text-primary);box-shadow:var(--shadow-sm)}button.secondary:hover:not(:disabled){background-color:#e9ecef;box-shadow:var(--shadow-md)}button.secondary:active:not(:disabled){background-color:#dee2e6}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);padding:.625rem .875rem;border:1px solid #ddd;border-radius:var(--radius-md);background-color:var(--bg-white);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}input:hover,textarea:hover,select:hover{border-color:#bbb}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}input:disabled,textarea:disabled,select:disabled{background-color:var(--bg-light);cursor:not-allowed;opacity:.6}.card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:0 12px 48px #0000001f}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}@media(max-width:480px){:root{--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem;--font-size-xl: 1.125rem}body{font-size:.9375rem}button{padding:.625rem 1.25rem;font-size:.9375rem}.card{padding:var(--spacing-lg)}.container{padding:0 var(--spacing-sm)}}@media(min-width:481px)and (max-width:768px){:root{--font-size-3xl: 1.75rem;--font-size-2xl: 1.5rem}.card{padding:var(--spacing-xl)}}@media(min-width:769px)and (max-width:1024px){.container{max-width:960px}}@media(min-width:1025px){.container{max-width:1280px}}button:not(:disabled),a,input:not(:disabled),select:not(:disabled),textarea:not(:disabled){-webkit-tap-highlight-color:rgba(102,126,234,.1)}@media(hover:none)and (pointer:coarse){button{min-height:44px;min-width:44px}a{min-height:44px;display:inline-flex;align-items:center}button:hover:not(:disabled){transform:none}button:active:not(:disabled){transform:scale(.98)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}button,.no-print{display:none}a{text-decoration:underline}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:#fff}::-moz-selection{background-color:var(--primary-color);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#aaa}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{display:inline-block;position:relative}.loading-spinner--small{width:30px;height:30px}.loading-spinner--medium{width:50px;height:50px}.loading-spinner--large{width:80px;height:80px}.spinner-ring{box-sizing:border-box;display:block;position:absolute;border:3px solid #4285f4;border-radius:50%;animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#4285f4 transparent transparent transparent}.loading-spinner--small .spinner-ring{width:30px;height:30px;border-width:2px}.loading-spinner--medium .spinner-ring{width:50px;height:50px;border-width:3px}.loading-spinner--large .spinner-ring{width:80px;height:80px;border-width:4px}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-message{margin:0;color:#5f6368;font-size:.95rem;text-align:center}@media(max-width:768px){.loading-spinner-container{gap:.75rem}.loading-spinner--large{width:60px;height:60px}.loading-spinner--large .spinner-ring{width:60px;height:60px;border-width:3px}.loading-spinner-message{font-size:.9rem}}@media(max-width:480px){.loading-spinner-container{gap:.5rem}.loading-spinner--large,.loading-spinner--large .spinner-ring{width:50px;height:50px}.loading-spinner--medium,.loading-spinner--medium .spinner-ring{width:40px;height:40px}.loading-spinner-message{font-size:.85rem}}@media(prefers-reduced-motion:reduce){.spinner-ring{animation-duration:2s}}#root{width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}