:root{--bg:#171007;--card:#ffffff0d;--card-2:#ffffff14;--text:#faf4ea;--muted:#c4b49a;--border:#ffffff1f;--accent:#ff9f1c;--accent-2:#ffd166;--green:#3ddc84;--yellow:#ffd166;--red:#ff6b5e;--radius:18px;--maxw:640px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 600px at 50% -10%, #4a2e0d 0%, transparent 60%), radial-gradient(800px 500px at 110% 30%, #ff9f1c1f 0%, transparent 55%), radial-gradient(700px 500px at -10% 70%, #ffd1661a 0%, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app{max-width:var(--maxw);margin:0 auto;padding:2.25rem 1.25rem 4rem}.hero{text-align:center;margin-bottom:1.5rem}.hero-emoji{font-size:3rem;line-height:1;animation:3.2s ease-in-out infinite hero-tilt;display:inline-block}@keyframes hero-tilt{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)translateY(-3px)}}.hero h1{letter-spacing:-.03em;margin:.35rem 0 .25rem;font-size:clamp(2.2rem,8vw,3rem);font-weight:900;line-height:1.05}.hero-tanka{background:linear-gradient(100deg, var(--accent) 0%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-inte{color:var(--text)}.tagline{color:var(--muted);margin:0}.fuel-toggle{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.preset-chip{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#00000040;border-radius:999px;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s}.preset-chip:hover{border-color:var(--accent)}.preset-chip.active{background:var(--accent);border-color:var(--accent);color:#2b1900}button{cursor:pointer;font-family:inherit;font-size:1rem}.loading{text-align:center;color:var(--muted)}.error{border:1px solid var(--red);color:#ffb4ae;background:#ff6b5e1f;border-radius:12px;margin-top:1rem;padding:.8rem 1rem}.result{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.5rem 1.25rem}.verdict-block{animation:.45s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.verdict{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 0;display:flex}.verdict-emoji{font-size:clamp(3rem,14vw,4.5rem);line-height:1;animation:.6s cubic-bezier(.18,1.4,.4,1) both verdict-pop}.verdict-word{letter-spacing:-.02em;text-transform:uppercase;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,13vw,4.8rem);font-weight:900;line-height:1;animation:.6s cubic-bezier(.18,1.4,.4,1) 80ms both verdict-pop}@keyframes verdict-pop{0%{opacity:0;transform:scale(.2)rotate(-6deg)}60%{opacity:1;transform:scale(1.12)rotate(2deg)}80%{transform:scale(.96)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.verdict-yes .verdict-word{filter:drop-shadow(0 0 24px #3ddc8459);background-image:linear-gradient(100deg,#3ddc84 0%,#ffd166 100%)}.verdict-maybe .verdict-word{filter:drop-shadow(0 0 24px #ffd1664d);background-image:linear-gradient(100deg,#ffd166 0%,#ff9f43 100%)}.verdict-no .verdict-word{filter:drop-shadow(0 0 24px #ff6b5e59);background-image:linear-gradient(100deg,#ff6b5e 0%,#ff5d8f 100%)}.motivation{text-align:center;max-width:34rem;margin:.5rem auto 1.5rem;font-size:1.1rem}.price-hero{border:1px solid var(--border);background:#0003;border-radius:14px;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex}.price-now{letter-spacing:-.03em;background:linear-gradient(160deg, var(--accent-2) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:clamp(2.4rem,10vw,3.2rem);font-weight:900}.price-meta{min-width:0}.price-product{font-size:1.05rem;font-weight:700}.price-sub{color:var(--muted);font-size:.88rem}.confidence{text-align:left;border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:.5rem;max-width:34rem;margin:0 auto 1.25rem;padding:.6rem .9rem;font-size:.92rem;line-height:1.4;display:flex}.confidence .conf-icon{flex-shrink:0}.conf-high{color:var(--muted);background:#3ddc8414;border-color:#3ddc8459}.conf-medium{background:#ffd1661a;border-color:#ffd16673}.conf-low{background:#ff6b5e1a;border-color:#ff6b5e80}.calc{border:1px solid var(--border);background:#0003;border-radius:14px;margin-bottom:1.25rem;padding:1rem 1.1rem}.calc-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;font-size:.85rem;display:flex}.calc-score strong{color:var(--text);font-size:1.05rem}.calc-steps{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.calc-step{grid-template-columns:auto auto 1fr auto;align-items:center;gap:.6rem;display:grid}.calc-icon{font-size:1.2rem}.calc-label{font-weight:600}.calc-value{color:var(--muted);text-align:right;font-size:.9rem}.calc-points{text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:2.2rem;padding:.15rem .5rem;font-size:.9rem;font-weight:700}.calc-points.positive{color:#7ee2a8;background:#3ddc8424}.calc-points.negative{color:#ff9a92;background:#ff6b5e2e}.calc-points.zero{color:var(--muted);background:#ffffff14}.share{background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;margin:0 auto;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.share:hover{border-color:var(--accent)}.footer{text-align:center;color:var(--muted);margin-top:2.5rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){.verdict-block,.verdict-emoji,.verdict-word,.hero-emoji{transition:none;animation:none}}@media (max-width:420px){.hero h1{font-size:1.9rem}}.family{text-align:center;margin-top:2.5rem}.family-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;font-size:.85rem;font-weight:600}.family-links{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.family-chip{background:var(--card-2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .15s;display:inline-flex}.family-chip:hover{border-color:var(--accent)}.family+.footer{margin-top:1.25rem}