:root{--bg1: #f0f2f5;--bg2: #ffffff;--card: #ffffff;--card2: #f5f6f7;--text: #1c1e21;--muted: #65676b;--border: #dadde1;--shadow: 0 12px 28px rgba(0,0,0,.12)}*{box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#1c1e21;background:radial-gradient(800px 500px at 10% 0%,rgba(24,119,242,.08),transparent 60%),radial-gradient(600px 400px at 90% 10%,rgba(66,183,42,.06),transparent 55%),linear-gradient(180deg,#f0f2f5,#fff);background-color:#f0f2f5;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}a{color:inherit;text-decoration:none}.container{width:min(980px,calc(100% - 32px));margin:0 auto;padding:26px 0 44px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;flex-direction:column;gap:6px}.title{font-size:44px;line-height:1.05;letter-spacing:-.02em;font-weight:900;color:var(--text);text-shadow:0 2px 6px rgba(0,0,0,.08)}.subtitle{color:var(--muted);font-size:14px}.pill{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);background:#fff;border-radius:999px;box-shadow:0 6px 16px #0000001f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card--swipe{border-radius:16px;border:1px solid var(--border);background:var(--card);box-shadow:0 10px 30px #0000001a;padding:12px}.card-inner{padding:14px}.kicker{color:var(--muted);font-size:13px}.error{color:#ff6b6b}body:before{content:"";position:fixed;inset:0;background-image:url(/bg-overlay.png);background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.15;pointer-events:none;z-index:0}.gauge{height:12px;border-radius:999px;overflow:hidden;display:flex;border:1px solid var(--border);background:#e4e6eb;box-shadow:inset 0 1px 2px #00000014;transform:translateY(-6px);opacity:0;transition:opacity .18s ease,transform .18s ease}.gauge__left{background:#e53935}.gauge__right{background:#1877f2}.gauge--show{opacity:1;transform:translateY(0)}.toast{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:10px 14px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid var(--border);box-shadow:0 10px 30px #0000001f;z-index:10}.toast--good{background:#e7f3ff;border-color:#bcdcff;color:#0b3a7a}.toast--bad{background:#ffe7e7;border-color:#ffbcbc;color:#7a0b0b}.toast--trash{background:#f0f2f5;border-color:#dadde1;color:#444}@keyframes pop{0%{transform:translate(-50%) scale(.95);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.toast{animation:pop .12s ease-out}.header--sticky{position:sticky;top:0;z-index:5;padding-top:16px;padding-bottom:12px;background:#f0f2f5d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title--sm{font-size:36px;margin-top:8px}.btn--primary{font-size:15px;margin-top:8px}.card-wrap{position:relative}.resultOverlay{position:absolute;inset:0;border-radius:16px;display:grid;place-items:center;z-index:20;pointer-events:none;opacity:0;transform:scale(.98);transition:opacity .14s ease,transform .14s ease}.resultOverlay--show{opacity:1;transform:scale(1)}.resultOverlay__inner{width:calc(100% - 24px);height:calc(100% - 24px);border-radius:14px;display:grid;place-items:center;gap:10px;text-align:center;box-shadow:0 18px 50px #0003;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.resultOverlay__title{font-size:34px;font-weight:900;letter-spacing:-.02em}.resultOverlay__sub{font-size:14px;font-weight:700;opacity:.9}.resultOverlay__img{width:min(260px,70%);height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.25));transform:translateY(-6px);animation:floaty .9s ease-in-out infinite alternate}@keyframes floaty{0%{transform:translateY(-10px) scale(1.01)}to{transform:translateY(-2px) scale(1)}}.resultOverlay--good .resultOverlay__inner{background:radial-gradient(500px 300px at 50% 40%,rgba(24,119,242,.18),transparent 60%),linear-gradient(180deg,#e7f3ffeb,#ffffffdb)}.resultOverlay--bad .resultOverlay__inner{background:radial-gradient(500px 300px at 50% 40%,rgba(229,57,53,.22),transparent 60%),linear-gradient(180deg,#ffe7e7eb,#ffffffdb);animation:shake .26s ease-in-out 1}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.resultOverlay--trash .resultOverlay__inner{background:linear-gradient(180deg,#f0f2f5eb,#ffffffdb)}.resultOverlay__badge{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid rgba(0,0,0,.1);background:#ffffffb3}html,body{max-width:100%;overflow-x:hidden}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.navActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;max-width:100%}.navBtn{margin-top:0!important;padding:10px 12px;font-size:14px;white-space:nowrap}@media(max-width:640px){.header{flex-direction:column;align-items:stretch}.navActions{justify-content:flex-start}}.brandLink{text-decoration:none;color:inherit;cursor:pointer}.brandLink:hover{opacity:.9}.brandLink:active{transform:translateY(1px)}.brandLink:hover .title{text-shadow:0 0 12px rgba(255,255,255,.15)}input,select,textarea,button{font-size:16px}.brand{display:flex;flex-direction:column}.brand-logo img{display:block;max-width:100%}.logo{width:160px;height:auto;margin-top:20px}@media(max-width:600px){.logo{width:240px}}