:root{--coral:#FF6B6B;--coral-hover:#FF5252;--turquoise:#4ECDC4;--turquoise-hover:#3EBDB4;--sun-yellow:#FFD93D;--sun-yellow-hover:#FFC91D;--white:#FFFFFF;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--bg-primary:#F9FAFB;--bg-secondary:#FFFFFF;--bg-tertiary:#F3F4F6;--surface:#FFFFFF;--surface-elevated:#FFFFFF;--text-primary:#111827;--text-secondary:#4B5563;--text-muted:#6B7280;--text-inverted:#FFFFFF;--border-default:#E5E7EB;--border-muted:#D1D5DB;--navbar-bg:rgba(255,255,255,0.95);--navbar-shadow:0 2px 8px rgba(0,0,0,0.1);--font-size-base:18px;--font-size-lg:20px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--input-height:52px;--button-height:56px;--touch-min:48px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1)}[data-theme=dark]{--coral:#FF7B7B;--coral-hover:#FF6B6B;--turquoise:#5ED9D0;--turquoise-hover:#4ECDC4;--sun-yellow:#FFE066;--sun-yellow-hover:#FFD93D;--white:#1F2937;--gray-50:#111827;--gray-100:#1F2937;--gray-200:#374151;--gray-300:#4B5563;--gray-500:#9CA3AF;--gray-600:#D1D5DB;--gray-700:#E5E7EB;--gray-800:#F3F4F6;--gray-900:#F9FAFB;--bg-primary:#0F172A;--bg-secondary:#1E293B;--bg-tertiary:#334155;--surface:#1E293B;--surface-elevated:#334155;--text-primary:#F9FAFB;--text-secondary:#E5E7EB;--text-muted:#9CA3AF;--text-inverted:#111827;--border-default:#374151;--border-muted:#4B5563;--navbar-bg:rgba(30,41,59,0.95);--navbar-shadow:0 2px 8px rgba(0,0,0,0.3);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--coral:#FF7B7B;--coral-hover:#FF6B6B;--turquoise:#5ED9D0;--turquoise-hover:#4ECDC4;--sun-yellow:#FFE066;--sun-yellow-hover:#FFD93D;--white:#1F2937;--gray-50:#111827;--gray-100:#1F2937;--gray-200:#374151;--gray-300:#4B5563;--gray-500:#9CA3AF;--gray-600:#D1D5DB;--gray-700:#E5E7EB;--gray-800:#F3F4F6;--gray-900:#F9FAFB;--bg-primary:#0F172A;--bg-secondary:#1E293B;--bg-tertiary:#334155;--surface:#1E293B;--surface-elevated:#334155;--text-primary:#F9FAFB;--text-secondary:#E5E7EB;--text-muted:#9CA3AF;--text-inverted:#111827;--border-default:#374151;--border-muted:#4B5563;--navbar-bg:rgba(30,41,59,0.95);--navbar-shadow:0 2px 8px rgba(0,0,0,0.3);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1{font-size:var(--font-size-3xl);line-height:1.2}h1,h2{font-weight:700;margin-bottom:var(--spacing-md)}h2{font-size:var(--font-size-2xl);line-height:1.3}h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm)}p{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-md)}a{color:var(--turquoise);text-decoration:none;transition:color .2s}a:hover{color:var(--turquoise-hover);text-decoration:underline}input,select,textarea{font-size:var(--font-size-base);font-family:inherit;border:2px solid var(--border-muted);border-radius:var(--radius-md);padding:var(--spacing-md);width:100%;min-height:var(--input-height);transition:border-color .2s,background-color .3s ease;background-color:var(--surface);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--turquoise)}label{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary);display:block;margin-bottom:var(--spacing-sm)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}.toast{position:fixed;bottom:24px;right:24px;min-width:300px;max-width:500px;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:16px;font-weight:500;z-index:9999;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s;pointer-events:auto}.toast-success{background-color:#dcfce7;color:#166534;border-left:4px solid #22c55e}.toast-error{background-color:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.toast-warning{background-color:#fef3c7;color:#78350f;border-left:4px solid #f59e0b}.toast-info{background-color:#dbeafe;color:#1e3a8a;border-left:4px solid #3b82f6}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:767px){.toast{bottom:16px;right:16px;left:16px;min-width:auto}html{font-size:16px}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.button,button{width:100%;min-height:var(--touch-min)}.card-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.container{padding:var(--spacing-md)}a,button,input,select,textarea{min-height:var(--touch-min)}}@media (min-width:768px) and (max-width:1024px){html{font-size:17px}.card-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.button,button{min-width:200px;max-width:400px}.container{padding:var(--spacing-lg)}}@media (min-width:1025px){html{font-size:18px}.card-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.button:not([data-full-width]),button:not([data-full-width]){min-width:160px;max-width:300px}.container{padding:var(--spacing-xl);max-width:1440px;margin:0 auto}}@media (prefers-contrast:high){:root{--gray-600:#333333;--gray-700:#222222;--gray-800:#111111}}@media print{body{background-color:white}a{text-decoration:underline}}