main.svelte-1fp2d32.svelte-1fp2d32{max-width:800px;margin:0 auto;padding:1rem;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif}header.svelte-1fp2d32.svelte-1fp2d32{background-color:var(--color-header-bg);padding:1rem;border-radius:8px 8px 0 0;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;position:relative}h1.svelte-1fp2d32.svelte-1fp2d32{color:var(--text-inverse);font-size:1.8rem;margin:0;text-align:center;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.3)}.theme-toggle.svelte-1fp2d32.svelte-1fp2d32{position:absolute;right:1rem;width:auto;padding:0.5rem;background-color:rgba(255, 255, 255, 0.2);border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle.svelte-1fp2d32.svelte-1fp2d32:hover{background-color:rgba(255, 255, 255, 0.3);border-color:rgba(255, 255, 255, 0.5);transform:rotate(180deg)}.theme-toggle.svelte-1fp2d32 svg.svelte-1fp2d32{width:24px;height:24px;color:var(--text-inverse)}.form-container.svelte-1fp2d32.svelte-1fp2d32{background-color:var(--bg-container);border-radius:8px;box-shadow:0 4px 8px var(--shadow-heavy);padding:1.5rem;margin-bottom:1rem;backdrop-filter:blur(5px)}.form-group.svelte-1fp2d32.svelte-1fp2d32{margin-bottom:1rem}.form-group.svelte-1fp2d32.svelte-1fp2d32:last-of-type{margin-bottom:1.5rem}label.svelte-1fp2d32.svelte-1fp2d32{display:block;margin-bottom:0.3rem;font-weight:500}input.svelte-1fp2d32.svelte-1fp2d32{width:100%;padding:0.6rem 0.75rem;margin-bottom:0.75rem;border:1px solid var(--border-input);border-radius:4px;font-size:1rem;background-color:var(--bg-dropdown);color:var(--text-primary);transition:border-color 0.3s ease}input.svelte-1fp2d32.svelte-1fp2d32:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px rgba(60, 90, 166, 0.2)}button.svelte-1fp2d32.svelte-1fp2d32:not(.theme-toggle){width:100%;margin-top:0.75rem;padding:0.75rem 1rem;background-color:var(--color-button-primary-bg);color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color 0.3s ease}button.svelte-1fp2d32.svelte-1fp2d32:not(.theme-toggle):hover{background-color:var(--color-button-primary-hover-bg)}button.svelte-1fp2d32.svelte-1fp2d32:not(.theme-toggle):disabled{background-color:var(--border-primary);color:var(--text-muted);cursor:not-allowed}.disabled-select.svelte-1fp2d32 input.svelte-1fp2d32,.loading-select.svelte-1fp2d32 input.svelte-1fp2d32{background-color:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.loading-select.svelte-1fp2d32.svelte-1fp2d32{position:relative}.loading-spinner.svelte-1fp2d32.svelte-1fp2d32{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid rgba(60, 90, 166, 0.2);border-top:2px solid var(--color-header-bg);border-radius:50%;animation:svelte-1fp2d32-spin 1s linear infinite}@keyframes svelte-1fp2d32-spin{0%{transform:translateY(-50%) rotate(0deg)}100%{transform:translateY(-50%) rotate(360deg)}}.error-select.svelte-1fp2d32 input.svelte-1fp2d32{background-color:rgba(238, 21, 21, 0.05);color:var(--color-error-text);cursor:not-allowed;border:1px solid rgba(238, 21, 21, 0.3)}.error.svelte-1fp2d32.svelte-1fp2d32{color:var(--color-error-text);font-size:0.9rem;margin-top:0.5rem;padding:0.5rem;background-color:rgba(238, 21, 21, 0.1);border-radius:4px;text-align:center}.results.svelte-1fp2d32.svelte-1fp2d32{margin-top:1.5rem;border:1px solid var(--border-primary);border-radius:8px;padding:1rem;background-color:var(--bg-tertiary);backdrop-filter:blur(5px);box-shadow:0 4px 8px var(--shadow-medium)}.results-container.svelte-1fp2d32.svelte-1fp2d32{display:flex;gap:1.5rem;align-items:flex-start}.card-info.svelte-1fp2d32.svelte-1fp2d32{flex:0 0 300px;min-width:250px}.pricing-info.svelte-1fp2d32.svelte-1fp2d32{flex:1;min-width:0}.card-image.svelte-1fp2d32.svelte-1fp2d32{text-align:center;margin-bottom:1rem;padding:0.5rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary)}.card-image.svelte-1fp2d32 img.svelte-1fp2d32{max-width:100%;max-height:300px;width:auto;height:auto;border-radius:6px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);transition:transform 0.2s ease}.card-image.svelte-1fp2d32 img.svelte-1fp2d32:hover{transform:scale(1.05)}.card-details.svelte-1fp2d32 h2.svelte-1fp2d32{color:var(--color-heading);margin-top:0;margin-bottom:0.5rem;border-bottom:1px solid var(--border-primary);padding-bottom:0.5rem;font-size:1.4rem}.card-details.svelte-1fp2d32 p.svelte-1fp2d32{margin:0.3rem 0;font-size:0.95rem}.results.svelte-1fp2d32 h2.svelte-1fp2d32{color:var(--color-heading);margin-top:0;border-bottom:1px solid var(--border-primary);padding-bottom:0.5rem}.results.svelte-1fp2d32 h3.svelte-1fp2d32{margin-top:1rem;margin-bottom:0.5rem;color:var(--color-price-value)}.results.svelte-1fp2d32 ul.svelte-1fp2d32{list-style-type:none;padding:0}.results.svelte-1fp2d32 li.svelte-1fp2d32{padding:0.5rem 0;border-bottom:1px solid var(--border-secondary)}.results.svelte-1fp2d32 li.svelte-1fp2d32:last-child{border-bottom:none}.market.svelte-1fp2d32.svelte-1fp2d32{font-weight:600;text-transform:capitalize}.price.svelte-1fp2d32.svelte-1fp2d32{font-weight:700;color:var(--color-price-value)}.currency.svelte-1fp2d32.svelte-1fp2d32{color:var(--text-secondary);font-size:0.9rem}.pricing-category.svelte-1fp2d32.svelte-1fp2d32{background-color:var(--bg-hover);font-weight:700;color:var(--color-pricing-category);margin-top:0.5rem;padding:0.5rem;border-radius:4px;text-transform:uppercase;font-size:0.9rem;letter-spacing:0.5px}.no-prices.svelte-1fp2d32.svelte-1fp2d32{color:var(--text-secondary);font-style:italic;padding:0.5rem 0}.pricing-timestamp.svelte-1fp2d32.svelte-1fp2d32{margin-top:1rem;padding-top:0.5rem;border-top:1px dashed var(--border-primary);font-size:0.85rem;color:var(--text-secondary)}.cached-indicator.svelte-1fp2d32.svelte-1fp2d32{color:var(--color-cached-indicator);font-weight:500;margin-left:0.5rem}.stale-indicator.svelte-1fp2d32.svelte-1fp2d32{color:var(--color-stale-indicator);font-weight:500;margin-left:0.5rem}@media(max-width: 768px){.results-container.svelte-1fp2d32.svelte-1fp2d32{flex-direction:column;gap:1rem}.card-info.svelte-1fp2d32.svelte-1fp2d32{flex:none;width:100%}.card-image.svelte-1fp2d32.svelte-1fp2d32{max-width:250px;margin:0 auto 1rem auto}}@media(max-width: 600px){main.svelte-1fp2d32.svelte-1fp2d32{padding:0.5rem}.form-container.svelte-1fp2d32.svelte-1fp2d32{padding:1rem}h1.svelte-1fp2d32.svelte-1fp2d32{font-size:1.5rem}.results.svelte-1fp2d32.svelte-1fp2d32{padding:0.75rem}.card-image.svelte-1fp2d32.svelte-1fp2d32{max-width:200px}}/* CSS Variables for Theming - Organized by Component */
:root {
  /* === LIGHT MODE COLORS === */

  /* Page Background & Layout */
  --bg-primary: #ffffff; /* Main page background color behind all content */
  --bg-secondary: rgba(
    255,
    255,
    255,
    0.9
  ); /* Card image container background in results section */
  --bg-tertiary: rgba(
    249,
    249,
    249,
    0.9
  ); /* Results section background (where card details and pricing are displayed) */
  --bg-container: rgba(
    255,
    255,
    255,
    0.9
  ); /* Background of the main form container (white box containing "Select Set", "Card Name", and "Get Price" button) */

  /* Search Boxes & Inputs */
  --bg-dropdown: #ffffff; /* Background color of input fields and dropdown menus */
  --border-input: #ddd; /* Border color of input fields and dropdowns in normal state */
  --border-focus: #3c5aa6; /* Border color of input fields when focused/active */

  /* Interactive States */
  --bg-hover: #f5f5f5; /* Background color for hover states (dropdown options, pricing categories) */
  --bg-group-header: #f0f0f0; /* Background color for group headers in dropdown lists */

  /* Typography */
  --text-primary: #333; /* Main text color (labels, body text, card details) */
  --text-secondary: #666; /* Secondary text color (currency labels, timestamps) */
  --text-muted: #999; /* Muted text color (disabled inputs, placeholder text) */
  --text-inverse: #ffffff; /* White text color (used on dark backgrounds like header and buttons) */

  /* Borders */
  --border-primary: #ddd; /* Primary border color (results section, card details) */
  --border-secondary: #eee; /* Secondary border color (list item separators in pricing) */

  /* Button Colors */
  --button-text-color: #ffffff; /* Button text color (primary buttons) */
  --button-disabled-bg: #e0e0e0; /* Disabled button background color */
  --button-disabled-text: #999; /* Disabled button text color */

  /* Focus States */
  --focus-ring-color: rgba(
    60,
    90,
    166,
    0.2
  ); /* Focus ring color for interactive elements */

  /* Pokemon Theme Colors - Base Colors */
  --color-pokemon-blue: #3c5aa6; /* Base Pokemon blue color */
  --color-pokemon-red: #ee1515; /* Base Pokemon red color */
  --color-pokemon-red-dark: #cc0000; /* Darker Pokemon red for hover states */

  /* Header */
  --color-header-bg: var(--color-pokemon-blue); /* Header background color */

  /* Headings */
  --color-heading: var(
    --color-pokemon-blue
  ); /* Card detail headings (h2) and results headings */

  /* Buttons */
  --color-button-primary-bg: var(
    --color-pokemon-red
  ); /* Primary action button background (Get Price, Confirm) */
  --color-button-primary-hover-bg: var(
    --color-pokemon-red-dark
  ); /* Primary button hover state */
  --color-clear-button-bg: var(
    --color-pokemon-red
  ); /* Clear/close button background */

  /* Dropdown Components */
  --color-group-header: var(--color-pokemon-blue); /* Dropdown group headers */

  /* Card Variant Selector */
  --color-variant-type: var(--color-pokemon-blue); /* Card variant type text */
  --color-variant-rarity: var(
    --color-pokemon-red
  ); /* Card variant rarity text */
  --color-variant-selected-border: var(
    --color-pokemon-blue
  ); /* Selected variant border */

  /* Pricing Display */
  --color-pricing-category: var(
    --color-pokemon-blue
  ); /* Pricing category labels */
  --color-price-value: var(--color-pokemon-red); /* Price value text */

  /* Data Status Indicators */
  --color-cached-indicator: var(
    --color-pokemon-blue
  ); /* Cached data indicator text */
  --color-stale-indicator: var(
    --color-pokemon-red
  ); /* Stale data indicator text */

  /* Error Messages */
  --color-error-text: var(--color-pokemon-red); /* Error message text */

  /* Links */
  --color-link: rgb(0, 100, 200); /* Link color */
  --color-link-visited: rgb(0, 80, 160); /* Visited link color */

  /* Shadows */
  --shadow-light: rgba(0, 0, 0, 0.1); /* Light shadow for subtle elevation */
  --shadow-medium: rgba(
    0,
    0,
    0,
    0.2
  ); /* Medium shadow (results section box shadow) */
  --shadow-heavy: rgba(
    0,
    0,
    0,
    0.3
  ); /* Heavy shadow (form container box shadow) */

  /* Scrollbar Colors */
  --scrollbar-track-bg: #f5f5f5; /* Scrollbar track background */
  --scrollbar-thumb-bg: #c1c1c1; /* Scrollbar thumb (draggable part) */
  --scrollbar-thumb-hover-bg: #a8a8a8; /* Scrollbar thumb on hover */

  /* Transitions */
  --bg-image-opacity: 1; /* Opacity of the background image (background.png) */
  --transition-speed: 0.3s; /* Animation speed for theme transitions and hover effects */
}

[data-theme="dark"] {
  /* === DARK MODE COLORS === */

  /* Page Background & Layout */
  --bg-primary: #000000; /* Main page background color behind all content */
  --bg-secondary: #41444e; /* Card image container background in results section */
  --bg-tertiary: #41444e; /* Results section background (where card details and pricing are displayed) */
  --bg-image-opacity: 1; /* Opacity of the background image (background-dark.png) */

  /* Form Container (Main form box) */
  --bg-container: #41444e; /* Background of the main form container (dark box containing "Select Set", "Card Name", and "Get Price" button) */

  /* Search Boxes & Inputs */
  --bg-dropdown: #22242f; /* Background color of input fields and dropdown menus */
  --border-input: #48365b; /* Border color of input fields and dropdowns in normal state */
  --border-focus: #48365b; /* Border color of input fields when focused/active */

  /* Interactive States */
  --bg-hover: #22242f; /* Background color for hover states (dropdown options, pricing categories) */
  --bg-group-header: #41444e; /* Background color for group headers in dropdown lists */

  /* Typography */
  --text-primary: #d7dee3; /* Main text color (labels, body text, card details) */
  --text-secondary: #d7dee3; /* Secondary text color (currency labels, timestamps) */
  --text-muted: #e3d7d7; /* Muted text color (disabled inputs, placeholder text) */
  --text-inverse: #eeff00; /* Used on light backgrounds (opposite of light mode) */

  /* Borders */
  --border-primary: #22242f; /* Primary border color (results section, card details) */
  --border-secondary: #000000; /* Secondary border color (list item separators in pricing) */

  /* Button Colors */
  --button-text-color: #ffffff; /* Button text color (primary buttons) */
  --button-disabled-bg: #2a2a2a; /* Disabled button background color */
  --button-disabled-text: #666666; /* Disabled button text color */

  /* Focus States */
  --focus-ring-color: rgba(
    92,
    122,
    198,
    0.3
  ); /* Focus ring color for interactive elements */

  /* Pokemon Theme Colors - Base Colors */
  --color-pokemon-blue: #d7dee3; /* Base Pokemon blue color */
  --color-pokemon-red: #ff0000; /* Base Pokemon red color */
  --color-pokemon-red-dark: #ff0000; /* Darker Pokemon red for hover states */

  /* Header */
  --color-header-bg: #41444e; /* Header background color */

  /* Headings */
  --color-heading: var(
    --color-pokemon-blue
  ); /* Card detail headings (h2) and results headings */

  /* Buttons */
  --color-button-primary-bg: var(
    --color-pokemon-red
  ); /* Primary action button background (Get Price, Confirm) */
  --color-button-primary-hover-bg: var(
    --color-pokemon-red-dark
  ); /* Primary button hover state */
  --color-clear-button-bg: var(
    --color-pokemon-red
  ); /* Clear/close button background */

  /* Dropdown Components */
  --color-group-header: var(--color-pokemon-blue); /* Dropdown group headers */

  /* Card Variant Selector */
  --color-variant-type: var(--color-pokemon-blue); /* Card variant type text */
  --color-variant-rarity: var(
    --color-pokemon-red
  ); /* Card variant rarity text */
  --color-variant-selected-border: var(
    --color-pokemon-blue
  ); /* Selected variant border */

  /* Pricing Display */
  --color-pricing-category: var(
    --color-pokemon-blue
  ); /* Pricing category labels */
  --color-price-value: var(--color-pokemon-red); /* Price value text */

  /* Data Status Indicators */
  --color-cached-indicator: var(
    --color-pokemon-blue
  ); /* Cached data indicator text */
  --color-stale-indicator: var(
    --color-pokemon-red
  ); /* Stale data indicator text */

  /* Error Messages */
  --color-error-text: var(--color-pokemon-red); /* Error message text */

  /* Links */
  --color-link: #000000; /* Link color (if any links are present) */
  --color-link-visited: #000000; /* Visited link color */

  /* Shadows */
  --shadow-light: rgba(0, 0, 0, 0.3); /* Light shadow for subtle elevation */
  --shadow-medium: rgba(
    0,
    0,
    0,
    0.5
  ); /* Medium shadow (results section box shadow) */
  --shadow-heavy: rgba(
    0,
    0,
    0,
    0.7
  ); /* Heavy shadow (form container box shadow) */

  /* Scrollbar Colors */
  --scrollbar-track-bg: #41444e; /* Scrollbar track background */
  --scrollbar-thumb-bg: #22242f; /* Scrollbar thumb (draggable part) */
  --scrollbar-thumb-hover-bg: #e3d7d7; /* Scrollbar thumb on hover */

  /* Transitions */
  --transition-speed: 0.3s; /* Animation speed for theme transitions and hover effects */
}

/* Smooth transitions for theme switching */
* {
  transition: background-color var(--transition-speed) ease,
    color var(--transition-speed) ease,
    border-color var(--transition-speed) ease;
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

body {
  color: var(--text-primary);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: var(--bg-primary);
  position: relative;
}

/* Background image with theme-aware opacity */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./images/background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: var(--bg-image-opacity);
  z-index: -1;
  transition: opacity var(--transition-speed) ease;
}

[data-theme="dark"] body::before {
  background-image: url("./images/background-dark.png");
}

a {
  color: var(--color-link);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: var(--color-link-visited);
}

label {
  display: block;
  color: var(--text-primary);
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  padding: 0.4em;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid var(--border-input);
  border-radius: 4px;
  background-color: var(--bg-dropdown);
  color: var(--text-primary);
}

input:disabled {
  color: var(--text-muted);
}

button {
  color: var(--button-text-color);
  background-color: var(--color-pokemon-red);
  outline: none;
  border: none;
  cursor: pointer;
}

button:disabled {
  color: var(--button-disabled-text);
  background-color: var(--button-disabled-bg);
  cursor: not-allowed;
}

button:not(:disabled):active {
  background-color: var(--color-pokemon-red-dark);
}

button:not(:disabled):hover {
  background-color: var(--color-pokemon-red-dark);
}

button:focus {
  border-color: var(--border-focus);
  box-shadow: 0 0 0 2px var(--focus-ring-color);
}

#app {
  width: 100%;
  height: 100%;
}

/* Additional Pokemon Theme Styles */
h1 {
  color: var(--color-pokemon-blue);
}

select,
input {
  border-radius: 4px;
}

/* Dark mode specific adjustments */
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
  outline: none;
  border-color: var(--border-focus);
  box-shadow: 0 0 0 2px var(--focus-ring-color);
}

/* Scrollbar styling for light mode */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-bg);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover-bg);
}

/* Scrollbar styling for dark mode */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--scrollbar-track-bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-bg);
  border-radius: 6px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover-bg);
}
.card-search.svelte-13ivfe1.svelte-13ivfe1{position:relative;width:100%}.input-wrapper.svelte-13ivfe1.svelte-13ivfe1{position:relative}input.svelte-13ivfe1.svelte-13ivfe1{width:100%;padding:0.6rem 0.75rem;padding-right:3.5rem;border:1px solid var(--border-input);border-radius:4px;font-size:1rem;background-color:var(--bg-dropdown);color:var(--text-primary);transition:border-color 0.3s ease}.clear-icon.svelte-13ivfe1.svelte-13ivfe1{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-icon-circle.svelte-13ivfe1.svelte-13ivfe1{background-color:var(--color-pokemon-red);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;transition:background-color 0.2s ease}.clear-icon.svelte-13ivfe1:hover .clear-icon-circle.svelte-13ivfe1{background-color:var(--color-pokemon-red-dark)}input.svelte-13ivfe1.svelte-13ivfe1:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px rgba(60, 90, 166, 0.2)}.icon.svelte-13ivfe1.svelte-13ivfe1{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.dropdown.svelte-13ivfe1.svelte-13ivfe1{position:absolute;top:100%;left:0;width:100%;max-height:300px;overflow-y:auto;background-color:var(--bg-dropdown);border:1px solid var(--border-primary);border-top:none;border-radius:0 0 4px 4px;z-index:10;box-shadow:0 4px 8px var(--shadow-medium);margin-top:-1px}.card-item.svelte-13ivfe1.svelte-13ivfe1{width:100%;text-align:left;padding:0.5rem 0.75rem;background:none;border:none;border-bottom:1px solid var(--border-secondary);cursor:pointer;font-size:1rem;transition:background-color 0.15s ease;color:var(--text-primary)}.card-item.svelte-13ivfe1.svelte-13ivfe1:last-child{border-bottom:none}.card-item.svelte-13ivfe1.svelte-13ivfe1:hover,.highlighted.svelte-13ivfe1.svelte-13ivfe1{background-color:var(--bg-hover);color:var(--color-pokemon-blue)}.card-info.svelte-13ivfe1.svelte-13ivfe1{display:flex;width:100%}.card-name.svelte-13ivfe1.svelte-13ivfe1{font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-num.svelte-13ivfe1.svelte-13ivfe1{font-weight:normal;color:var(--text-secondary);font-size:0.9rem;margin-left:4px}.no-results.svelte-13ivfe1.svelte-13ivfe1{padding:0.75rem;color:var(--text-secondary);font-style:italic;text-align:center}.overlay.svelte-10uqtm1.svelte-10uqtm1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:100}.modal.svelte-10uqtm1.svelte-10uqtm1{background-color:var(--bg-container);border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px var(--shadow-medium);display:flex;flex-direction:column}.modal-header.svelte-10uqtm1.svelte-10uqtm1{padding:1rem;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.modal-header.svelte-10uqtm1 h3.svelte-10uqtm1{margin:0;color:var(--color-pokemon-blue)}.close-button.svelte-10uqtm1.svelte-10uqtm1{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;margin:0;line-height:1}.modal-body.svelte-10uqtm1.svelte-10uqtm1{padding:1rem;overflow-y:auto;color:var(--text-primary)}.variants-list.svelte-10uqtm1.svelte-10uqtm1{margin-top:1rem;max-height:300px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:4px}.variant-item.svelte-10uqtm1.svelte-10uqtm1{padding:0.75rem;border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:background-color 0.2s}.variant-item.svelte-10uqtm1.svelte-10uqtm1:last-child{border-bottom:none}.variant-item.svelte-10uqtm1.svelte-10uqtm1:hover{background-color:var(--bg-hover)}.variant-item.selected.svelte-10uqtm1.svelte-10uqtm1{background-color:rgba(60, 90, 166, 0.1);border-left:3px solid var(--color-pokemon-blue)}.variant-details.svelte-10uqtm1.svelte-10uqtm1{display:flex;flex-direction:column}.variant-name.svelte-10uqtm1.svelte-10uqtm1{font-weight:600;margin-bottom:0.25rem}.variant-info.svelte-10uqtm1.svelte-10uqtm1{display:flex;gap:0.75rem;margin-bottom:0.5rem;font-size:0.9rem}.variant-number.svelte-10uqtm1.svelte-10uqtm1{color:var(--text-secondary)}.variant-rarity.svelte-10uqtm1.svelte-10uqtm1{color:var(--color-pokemon-red);font-weight:500}.variant-type.svelte-10uqtm1.svelte-10uqtm1{color:var(--color-pokemon-blue);font-style:italic}.variant-thumbnail.svelte-10uqtm1.svelte-10uqtm1{margin-top:0.5rem;max-width:100px}.variant-thumbnail.svelte-10uqtm1 img.svelte-10uqtm1{width:100%;height:auto;border-radius:4px;border:1px solid var(--border-primary)}.modal-footer.svelte-10uqtm1.svelte-10uqtm1{padding:1rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:0.75rem}.confirm-button.svelte-10uqtm1.svelte-10uqtm1{background-color:var(--color-pokemon-red);color:white;border:none;padding:0.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600}.confirm-button.svelte-10uqtm1.svelte-10uqtm1:disabled{background-color:var(--border-primary);color:var(--text-muted);cursor:not-allowed}.cancel-button.svelte-10uqtm1.svelte-10uqtm1{background-color:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-primary);padding:0.5rem 1rem;border-radius:4px;cursor:pointer}.searchable-select.svelte-1e84jio.svelte-1e84jio{position:relative;width:100%}.input-wrapper.svelte-1e84jio.svelte-1e84jio{position:relative}input.svelte-1e84jio.svelte-1e84jio{width:100%;padding:0.5rem;padding-right:3.5rem;font-size:1rem;border:1px solid var(--border-input);border-radius:4px;background-color:var(--bg-dropdown);color:var(--text-primary)}.clear-icon.svelte-1e84jio.svelte-1e84jio{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-icon-circle.svelte-1e84jio.svelte-1e84jio{background-color:var(--color-pokemon-red);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;transition:background-color 0.2s ease}.clear-icon.svelte-1e84jio:hover .clear-icon-circle.svelte-1e84jio{background-color:var(--color-pokemon-red-dark)}.dropdown-icon.svelte-1e84jio.svelte-1e84jio{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.dropdown.svelte-1e84jio.svelte-1e84jio{position:absolute;top:100%;left:0;width:100%;max-height:400px;overflow-y:auto;background-color:var(--bg-dropdown);border:1px solid var(--border-primary);border-radius:0 0 4px 4px;z-index:10;box-shadow:0 4px 8px var(--shadow-light)}.group-header.svelte-1e84jio.svelte-1e84jio{padding:0.5rem;font-weight:bold;background-color:var(--bg-group-header);color:var(--color-pokemon-blue);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:1}.item.svelte-1e84jio.svelte-1e84jio{padding:0.5rem;cursor:pointer;color:var(--text-primary);border-bottom:1px solid var(--border-secondary)}.indented.svelte-1e84jio.svelte-1e84jio{padding-left:1.5rem;position:relative}.item.svelte-1e84jio.svelte-1e84jio:last-child{border-bottom:none}.item.svelte-1e84jio.svelte-1e84jio:hover,.highlighted.svelte-1e84jio.svelte-1e84jio{background-color:var(--bg-hover);color:var(--color-pokemon-blue)}.label.svelte-1e84jio.svelte-1e84jio{color:inherit}.secondary.svelte-1e84jio.svelte-1e84jio{color:var(--text-secondary);font-size:0.9rem;margin-left:0.25rem}.no-results.svelte-1e84jio.svelte-1e84jio{padding:0.5rem;color:var(--text-secondary);font-style:italic;text-align:center}