*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f172a;--card: #1e293b;--card2: #16213a;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--danger: #ef4444;--warn: #f59e0b;--ok: #22c55e}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#0b1120 0%,var(--bg) 40%);color:var(--text);min-height:100vh}#app{max-width:640px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:1.75rem}.brand{display:flex;align-items:center;justify-content:center;gap:.6rem}.brand-icon{width:44px;height:44px;border-radius:12px}h1{font-size:2.1rem;margin:0;letter-spacing:-.02em}h1 span{color:var(--accent)}.tagline{font-size:1.25rem;font-weight:700;margin:.75rem 0 .25rem}.sub{color:var(--muted);margin:0 auto;max-width:46ch;line-height:1.5}#check-form{display:flex;gap:.5rem}#url-input{flex:1;min-width:0;padding:.8rem .95rem;border-radius:.75rem;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:1rem}#url-input:focus{outline:2px solid var(--accent);border-color:transparent}#check-btn{padding:.8rem 1.35rem;border:0;border-radius:.75rem;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}#check-btn:disabled{opacity:.6}.demo-line{text-align:center;color:var(--muted);font-size:.85rem;margin:.75rem 0 0}.demo-line a{color:var(--accent)}#result{margin-top:1.5rem}.tile{background:var(--card);border:1px solid var(--border);border-radius:1.1rem;overflow:hidden;margin-bottom:1rem}.tile-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 1.1rem;font-weight:700}.v-ueberteuert .tile-head{background:color-mix(in srgb,var(--danger) 18%,transparent);color:#fca5a5}.v-deutlicher_aufschlag .tile-head{background:color-mix(in srgb,var(--warn) 18%,transparent);color:#fcd34d}.v-unauffaellig .tile-head{background:color-mix(in srgb,var(--ok) 18%,transparent);color:#86efac}.v-kein_treffer .tile-head,.v-kein_preis .tile-head{background:#33415555;color:var(--muted)}.factor-badge{font-size:.78rem;font-weight:600;background:#0f172a66;border-radius:999px;padding:.2rem .7rem;white-space:nowrap}.tile-body{padding:1rem 1.1rem}.product-row{display:flex;gap:.9rem;align-items:flex-start}.product-row img{width:84px;height:84px;object-fit:contain;border-radius:.6rem;background:#fff;flex-shrink:0}.product-title{font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shop-domain{color:var(--muted);font-size:.78rem;margin-top:.3rem}.shop-price-line{margin-top:.9rem;font-size:1rem}.price-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin-top:1rem;background:var(--card2);border:1px solid var(--border);border-radius:.8rem;padding:.8rem}.price-box{text-align:center}.price-box .label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.price-box .value{font-size:1.25rem;font-weight:700;margin-top:.15rem}.price-box.shop .value{color:#fca5a5}.price-box.ali .value{color:#86efac}.vs{color:var(--muted);font-size:.8rem;font-weight:700}.savings{text-align:center;margin-top:.7rem;font-size:.95rem}.savings strong{color:var(--ok)}.tile .muted{color:var(--muted);font-size:.78rem;line-height:1.45;margin:.8rem 0 0}.demo-note{border:1px dashed var(--border);border-radius:.6rem;padding:.5rem .8rem;color:var(--muted);font-size:.8rem;margin-bottom:.8rem;text-align:center}.in-tile-matches{border-top:1px solid var(--border);margin-top:1rem}.matches-title{font-size:.78rem;color:var(--muted);margin:.9rem 0 .25rem;text-transform:uppercase;letter-spacing:.06em}.match{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.match:last-child{border-bottom:0}.match a{color:var(--accent);text-decoration:none}.match .m-img{width:44px;height:44px;object-fit:contain;border-radius:.4rem;background:#fff;flex-shrink:0}.match .m-main{flex:1;min-width:0}.match .m-btn{display:inline-block;margin-top:.45rem;padding:.35rem .85rem;border-radius:.5rem;background:var(--accent);color:#fff;font-size:.8rem;font-weight:600;text-decoration:none}.match .m-price{white-space:nowrap;font-weight:700}.match .m-orders{color:var(--muted);font-size:.78rem}.error-card{background:var(--card);border:1px solid var(--danger);border-radius:1rem;padding:1rem 1.1rem}.spinner{text-align:center;color:var(--muted);padding:1.5rem 0}.steps{margin-top:2.5rem}.steps h2{text-align:center;font-size:1.1rem;margin:0 0 1rem}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.step{background:var(--card);border:1px solid var(--border);border-radius:.9rem;padding:.9rem;font-size:.82rem;line-height:1.45}.step p{margin:.5rem 0 0;color:var(--muted)}.step strong{color:var(--text)}.step-num{width:26px;height:26px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}@media(max-width:480px){.step-grid{grid-template-columns:1fr}}footer{margin-top:2.5rem;text-align:center}footer p{color:var(--muted);font-size:.75rem;line-height:1.5}footer a{color:var(--muted)}