.grade-converter.svelte-11rgx{display:flex;flex-direction:column;gap:var(--space-4)}.input-section.svelte-11rgx{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-3)}.mode-group.svelte-11rgx{display:flex;flex-direction:column;gap:var(--space-2)}.mode-label.svelte-11rgx{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.mode-buttons.svelte-11rgx{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mode-btn.svelte-11rgx{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast)}.mode-btn.svelte-11rgx:hover{border-color:var(--color-primary);color:var(--color-primary)}.mode-btn.active.svelte-11rgx{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.grade-select.svelte-11rgx,.num-input.svelte-11rgx{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-lg);color:var(--color-text);background:var(--color-bg);max-width:200px}.num-input.svelte-11rgx:focus,.grade-select.svelte-11rgx:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.results-grid.svelte-11rgx{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.result-card.svelte-11rgx{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.result-card.active.svelte-11rgx{border-color:var(--color-primary);background:var(--color-primary-light)}.result-value.svelte-11rgx{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.result-label.svelte-11rgx{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.actions.svelte-11rgx{display:flex;justify-content:center}.btn-copy.svelte-11rgx{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-bg);cursor:pointer}.btn-copy.svelte-11rgx:hover{background:var(--color-primary-light)}.table-section.svelte-11rgx{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.table-title.svelte-11rgx{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.grade-table.svelte-11rgx{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.grade-table.svelte-11rgx th:where(.svelte-11rgx){text-align:left;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.grade-table.svelte-11rgx td:where(.svelte-11rgx){padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text)}.grade-table.svelte-11rgx tr.highlight:where(.svelte-11rgx) td:where(.svelte-11rgx){background:var(--color-primary-light);font-weight:var(--font-weight-semibold)}