: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}}:root[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: white;--text-primary: #333;--text-secondary: #666;--border-color: #ddd;--input-border: #ccc;--input-bg: white;--button-bg: #4CAF50;--button-hover: #45a049;--error-bg: #fee;--error-border: #fcc;--error-text: #c00;--info-bg: #f9f9f9;--link-color: #4CAF50;--shadow: rgba(0, 0, 0, .1);--card-shadow: rgba(0, 0, 0, .2)}:root[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #444;--input-border: #555;--input-bg: #333;--button-bg: #4CAF50;--button-hover: #45a049;--error-bg: #4a1a1a;--error-border: #6a2a2a;--error-text: #ff6b6b;--info-bg: #2a2a2a;--link-color: #66bb6a;--shadow: rgba(0, 0, 0, .3);--card-shadow: rgba(0, 0, 0, .5)}body{font-family:sans-serif;margin:0;padding:20px;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app{max-width:1200px;margin:0 auto;background:var(--bg-secondary);padding:2rem;border-radius:8px;box-shadow:0 2px 4px var(--shadow);position:relative;transition:background-color .3s ease,box-shadow .3s ease}.theme-toggle{position:absolute;top:1rem;right:1rem;background:var(--button-bg);border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease;z-index:100}.theme-toggle:hover{background:var(--button-hover);transform:scale(1.1)}.error-banner{background-color:var(--error-bg);border:1px solid var(--error-border);padding:1rem;margin-bottom:1rem;margin-top:3rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error-banner p{margin:0;color:var(--error-text)}.error-banner button{background:var(--error-text);color:var(--bg-secondary);border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px}.options-form h1{margin-top:0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-primary)}.form-group select,.form-group input{width:100%;max-width:400px;padding:.5rem;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-primary);border-radius:4px;font-size:1rem;transition:border-color .3s ease,background-color .3s ease}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--button-bg)}button[type=submit],.reset-button{background-color:#4caf50;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:1rem}button[type=submit]:hover,.reset-button:hover{background-color:#45a049}button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.info-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.info-section pre{white-space:pre-wrap;font-family:inherit;background:var(--info-bg);color:var(--text-secondary);padding:1rem;border-radius:4px}.info-section a{color:var(--link-color);text-decoration:none}.info-section a:hover{text-decoration:underline}.card-display h1{margin-top:0}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:2rem 0}.card{text-align:center}.card-name{font-weight:700;margin-bottom:.5rem;font-size:1.1rem}.card img{width:100%;max-width:300px;height:auto;border-radius:4px;box-shadow:0 2px 8px var(--card-shadow)}.card img.reversed{transform:rotate(180deg)}.message{font-weight:700;color:#f60;margin:1rem 0}.license-page h1{margin-top:0}.license-page pre{white-space:pre-wrap;font-family:inherit;background:var(--info-bg);color:var(--text-secondary);padding:1rem;border-radius:4px;margin:1rem 0}.license-text{margin:2rem 0}.license-text ul{line-height:1.8}.back-link{display:inline-block;margin-top:2rem;color:var(--link-color);text-decoration:none;font-weight:700}.back-link:hover{text-decoration:underline}@media(max-width:768px){.app{padding:1rem}.cards-container{grid-template-columns:1fr}}