.btn-primary{background:var(--color-primary);color:#fff;padding:12px 24px;border:none;border-radius:var(--radius-md);font-weight:500;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:all .15s ease}.btn-primary:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.btn-primary:disabled:hover{background:var(--color-text-muted);box-shadow:none}.btn-secondary{background:var(--color-bg-card);color:var(--color-text);padding:12px 20px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:500;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s ease}.btn-secondary:hover{background:var(--color-bg);border-color:var(--color-primary)}.btn-text{color:var(--color-text-muted);text-decoration:none;padding:12px 16px;background:none;border:none;font-size:1rem;cursor:pointer;transition:color .15s ease}.btn-text:hover{color:var(--color-text)}.icon-btn{width:40px;height:40px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:var(--space-2)}.icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.icon-btn.disabled,.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:disabled:hover{background:transparent;color:var(--color-text-muted)}.page{padding:var(--space-4) 0}.page.page-centered{max-width:900px;margin:0 auto}.page.page-narrow{max-width:800px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.header h1{margin:0}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card.card-large{padding:var(--space-8)}.card-interactive{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all .2s ease;text-decoration:none;display:block}.card-interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.class-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg);border-radius:var(--radius-md)}.class-name{font-weight:600;color:var(--color-text)}.update-info{font-size:.875rem;color:var(--color-text-muted)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--color-bg-card);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modal-header h2,.modal-header h3{margin:0;color:var(--color-text)}.modal-body{padding:var(--space-6);color:var(--color-text)}.modal-body h3{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:1.125rem}.modal-body p{margin-bottom:var(--space-4)}.modal-body ul{margin-left:var(--space-6);margin-bottom:var(--space-4)}.modal-body code,code{font-family:var(--font-mono);background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875rem}@media(max-width:767px){.header{flex-direction:column;align-items:flex-start}.class-info{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.card{padding:var(--space-4)}}:root{--color-primary: #3B82F6;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-text: #111827;--color-text-muted: #6B7280;--color-border: #E5E7EB;--color-bg: #F9FAFB;--color-bg-card: #FFFFFF;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Roboto Mono", "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}:root[data-theme=dark]{--color-primary: #60A5FA;--color-success: #34D399;--color-error: #F87171;--color-warning: #FBBF24;--color-text: #F9FAFB;--color-text-muted: #D1D5DB;--color-border: #374151;--color-bg: #111827;--color-bg-card: #1F2937;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--space-4)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}button{font-family:var(--font-sans);font-size:1rem;cursor:pointer;border:none;outline:none;transition:all .15s ease}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{font-family:var(--font-sans);font-size:1rem;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{text-decoration:underline}.monospace{font-family:var(--font-mono)}mark{background-color:#fef3c7;color:#78350f;padding:0 2px;border-radius:2px}:root[data-theme=dark] mark{background-color:#92400e;color:#fef3c7}.nav.svelte-rmm52d{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.nav-blocked.svelte-rmm52d .nav-content:where(.svelte-rmm52d){opacity:.5;pointer-events:none;cursor:not-allowed}.nav-content.svelte-rmm52d{max-width:1200px;margin:0 auto;padding:0 var(--space-6);height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand.svelte-rmm52d a:where(.svelte-rmm52d){font-size:1.25rem;font-weight:600;color:var(--color-text);text-decoration:none}.nav-links.svelte-rmm52d{display:flex;gap:var(--space-6)}.nav-links.svelte-rmm52d a:where(.svelte-rmm52d){color:var(--color-text-muted);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .15s ease}.nav-links.svelte-rmm52d a:where(.svelte-rmm52d):hover{color:var(--color-text);background:var(--color-bg)}.nav-links.svelte-rmm52d a.active:where(.svelte-rmm52d){color:var(--color-primary);background:var(--color-bg)}:root .nav-links.svelte-rmm52d a.active:where(.svelte-rmm52d),:root .nav-links.svelte-rmm52d a:where(.svelte-rmm52d):hover{background:#e5e7eb}[data-theme=dark] .nav-links.svelte-rmm52d a.active:where(.svelte-rmm52d),[data-theme=dark] .nav-links.svelte-rmm52d a:where(.svelte-rmm52d):hover{background:var(--color-bg)}.nav-actions.svelte-rmm52d{display:flex;gap:var(--space-2);align-items:center}.language-switcher.svelte-rmm52d{display:flex;gap:2px;background:var(--color-bg);border-radius:var(--radius-md);padding:2px}.lang-btn.svelte-rmm52d{padding:6px 12px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.lang-btn.svelte-rmm52d:hover{color:var(--color-text);background:var(--color-bg-card)}.lang-btn.active.svelte-rmm52d{color:#fff;background:var(--color-primary)}.lang-btn.svelte-rmm52d:disabled{opacity:.4;cursor:not-allowed}.lang-btn.svelte-rmm52d:disabled:hover{color:var(--color-text-muted);background:transparent}.lang-btn.active.svelte-rmm52d:disabled:hover{color:#fff;background:var(--color-primary)}.mobile-menu-btn.svelte-rmm52d{display:none}.mobile-menu.svelte-rmm52d{display:none;flex-direction:column;padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-card)}.mobile-menu.svelte-rmm52d a:where(.svelte-rmm52d){padding:var(--space-3);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:background .15s ease}.mobile-menu.svelte-rmm52d a:where(.svelte-rmm52d):hover{background:var(--color-bg)}.mobile-menu.svelte-rmm52d a.active:where(.svelte-rmm52d){color:var(--color-primary);background:var(--color-bg)}.help-menu-container.svelte-rmm52d{position:relative}.help-dropdown.svelte-rmm52d{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden}.help-dropdown.svelte-rmm52d button:where(.svelte-rmm52d){display:block;width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;text-align:left;font-size:.9rem;color:var(--color-text);cursor:pointer;transition:background .15s ease}.help-dropdown.svelte-rmm52d button:where(.svelte-rmm52d):hover{background:var(--color-bg)}.about-header.svelte-rmm52d{text-align:center;margin-bottom:var(--space-6)}.about-header.svelte-rmm52d h3:where(.svelte-rmm52d){font-size:1.5rem;margin-bottom:var(--space-1)}.about-header.svelte-rmm52d .app-description:where(.svelte-rmm52d){color:var(--color-text-muted);margin-bottom:var(--space-2)}.about-header.svelte-rmm52d .version:where(.svelte-rmm52d){font-size:.875rem;color:var(--color-text-muted)}.about-section.svelte-rmm52d{margin-bottom:var(--space-4)}.about-section.svelte-rmm52d h4:where(.svelte-rmm52d){font-size:1rem;margin-bottom:var(--space-2)}.feedback-links.svelte-rmm52d{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feedback-links.svelte-rmm52d a:where(.svelte-rmm52d){display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:.9rem;transition:background .15s ease}.feedback-links.svelte-rmm52d a:where(.svelte-rmm52d):hover{background:var(--color-border)}.about-footer.svelte-rmm52d{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.about-footer.svelte-rmm52d p:where(.svelte-rmm52d){color:var(--color-text-muted);font-size:.875rem;margin-bottom:var(--space-2)}.about-footer.svelte-rmm52d a:where(.svelte-rmm52d){color:var(--color-primary);text-decoration:none;font-size:.875rem}.about-footer.svelte-rmm52d a:where(.svelte-rmm52d):hover{text-decoration:underline}.feature-subsection.svelte-rmm52d{display:inline-block;margin-top:var(--space-1);padding-left:var(--space-4);font-size:.9rem;color:var(--color-text-muted)}.footer-text.svelte-rmm52d{text-align:center;color:var(--color-text-muted);font-size:.875rem;margin-top:var(--space-6)}@media(max-width:767px){.nav-content.svelte-rmm52d{padding:0 var(--space-4)}.nav-links.desktop.svelte-rmm52d{display:none}.mobile-menu-btn.svelte-rmm52d,.mobile-menu.svelte-rmm52d{display:flex}}.toast-container.svelte-vsl9rr{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;pointer-events:none}.toast.svelte-vsl9rr{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid;pointer-events:auto;min-width:300px}.toast-success.svelte-vsl9rr{border-left-color:var(--color-success)}.toast-error.svelte-vsl9rr{border-left-color:var(--color-error)}.toast-warning.svelte-vsl9rr{border-left-color:var(--color-warning)}.toast-info.svelte-vsl9rr{border-left-color:var(--color-primary)}.toast-icon.svelte-vsl9rr{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border-radius:var(--radius-full);color:#fff}.toast-success.svelte-vsl9rr .toast-icon:where(.svelte-vsl9rr){background:var(--color-success)}.toast-error.svelte-vsl9rr .toast-icon:where(.svelte-vsl9rr){background:var(--color-error)}.toast-warning.svelte-vsl9rr .toast-icon:where(.svelte-vsl9rr){background:var(--color-warning)}.toast-info.svelte-vsl9rr .toast-icon:where(.svelte-vsl9rr){background:var(--color-primary)}.toast-message.svelte-vsl9rr{flex:1;font-size:.875rem;line-height:1.5;color:var(--color-text)}.toast-close.svelte-vsl9rr{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:18px;line-height:1;transition:all .2s ease}.toast-close.svelte-vsl9rr:hover{background:var(--color-bg);color:var(--color-text)}@media(max-width:640px){.toast-container.svelte-vsl9rr{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}.toast.svelte-vsl9rr{min-width:0}}.loading.svelte-1n46o8q{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;color:var(--color-text-muted)}main.svelte-1n46o8q{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-6)}@media(max-width:767px){main.svelte-1n46o8q{padding:var(--space-4)}}