body{margin:0;background:transparent!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.card{width:100%;max-width:400px;margin:0 auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;box-sizing:border-box;transition:background .3s,color .3s;position:relative}.card.light{background:#ffffff;color:#111}.card.dark{background:#1c1c1e;color:#f5f5f5}.logos{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logos img{max-width:180px;margin-bottom:2px}.producer-name{font-size:1.2em;font-weight:600;margin-bottom:6px}.ranking-row{display:flex;justify-content:space-between;margin-bottom:6px}.label{font-weight:400;opacity:.75;display:flex;align-items:center;gap:8px}.flag{width:18px;height:12px;object-fit:cover;border-radius:2px}.update-note{font-size:.75em;margin-top:12px}.live-indicator{display:flex;justify-content:space-between!important;align-items:center;font-size:.75em;margin-top:20px!important;margin-bottom:6px!important}.stars{color:#4f7df3;letter-spacing:1px;font-size:1.5em}.live-status{display:flex;align-items:center;gap:6px;margin-top:6px}.live-text{opacity:.65}.live-dot{width:10px;height:10px;margin-right:4px;background:#4f7df3;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}to{transform:scale(1);opacity:1}}body{background-color:#1a1a1a;margin:0;padding:0}html.light{background-color:#f2f2f2}html.dark{background-color:#1a1a1a}html{transition:background-color .3s ease}.embed-generator.dark-mode{max-width:640px;margin:40px auto;background:#1f1f1f;color:#f0f0f0;border-radius:16px;box-shadow:0 12px 30px #00000080;padding:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.embed-generator .logos{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.embed-generator h2{font-size:1.5em;font-weight:500;margin-bottom:10px;line-height:1.3}.options label{font-weight:500;display:inline-block;margin-bottom:20px;font-size:.95em}.preview iframe{margin:20px 0 10px;border:none;border-radius:10px;width:100%;aspect-ratio:16 / 10;max-width:100%}.preview.light{background-color:#d0d0d0;padding:12px;border-radius:12px;max-height:340px;margin-bottom:16px}.preview.dark{background-color:#343434;padding:12px;border-radius:12px;max-height:340px;margin-bottom:16px}textarea{width:100%;padding:12px;border-radius:6px;border:1px solid #555;background:#222;color:#f0f0f0;font-family:monospace;font-size:.9em;margin-bottom:10px;margin-top:16px;height:44px;opacity:.6}button{background:#4f7df3;color:#fff;padding:8px 16px;font-size:.9em;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease-in-out}button:hover{background:#3d66cc}.theme-toggle{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;padding:4px 12px;white-space:nowrap;flex-wrap:nowrap;line-height:1}.theme-toggle .switch-wrapper{display:inline-flex;align-items:center;vertical-align:bottom;margin-right:12px;margin-left:12px;justify-content:center;flex-shrink:0}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .slider{width:44px;height:22px;background:#ccc!important;border-radius:22px;position:relative;cursor:pointer;transition:background .3s;display:inline-block}.theme-toggle .slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#4f7df3;border-radius:50%;transition:transform .3s}.theme-toggle input[type=checkbox]:checked+.slider{background:#4f7df3}.theme-toggle input[type=checkbox]:checked+.slider:before{transform:translate(20px)}.theme-toggle .icon{font-size:1.2em;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1px;height:100%}.copy-toast{position:fixed;bottom:-40px;left:50%;transform:translate(-50%);background:#4f7df3;color:#fff;padding:10px 18px;border-radius:8px;font-size:.9em;opacity:0;pointer-events:none;transition:opacity .3s ease,bottom .3s ease;z-index:9999}.copy-toast.show{opacity:1;bottom:20px;pointer-events:auto}