:root{--bg:#0d1b2e;--card:#13243a;--text:#f1f5f9;--muted:#a6b4c6;--primary:#2bd47d;--primary-dark:#149b59;--ok:#16a34a;--bad:#dc2626;--ok-bg:#14351f;--bad-bg:#3a1618;--option-border:#334155;--option-muted:#8a97aa;--on-status:#f8fafc}:root[data-theme=light]{--bg:#f4f8fb;--card:#fff;--text:#0d1b2e;--muted:#526277;--primary:#17c978;--primary-dark:#10915a;--ok:#12813e;--bad:#c5222d;--ok-bg:#dcfce7;--bad-bg:#fee2e2;--option-border:#b7c2d0;--option-muted:#6b7788;--on-status:#102033}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #122b49 0, var(--bg) 46%, #07111f 100%);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=light] body{background:radial-gradient(circle at top, #e2f7ec 0, var(--bg) 45%, #e8eef5 100%)}#root{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}.hero{text-align:center;margin:24px 0}.brand-logo{width:min(330px,88vw);height:auto;margin:0 auto 8px;display:block}.hero h1{margin:0 0 4px;font-size:1.7rem}.hero p{color:var(--muted);margin:0}.stats-bar{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.stats-bar strong{font-size:1.2rem;display:block}.stats-bar span{color:var(--muted);font-size:.72rem}.card{background:var(--card);border-radius:14px;padding:20px}.form label{color:var(--muted);margin-bottom:14px;font-size:.85rem;display:block}.form select,.form input[type=checkbox]{margin-top:6px}.form select{border:1px solid var(--option-border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px;font-size:1rem}.form .checkbox{color:var(--text);align-items:center;gap:8px;display:flex}button.primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#06111f;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1.05rem;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 12px 26px #2bd47d2e}button.primary:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 16px 34px #2bd47d3d}button.primary:active{opacity:.9;transform:translateY(1px)scale(.99)}.button-icon{object-fit:contain;width:20px;height:20px}.theme-toggle{z-index:20;border:1px solid var(--option-border);background:color-mix(in srgb, var(--card) 85%, transparent);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;font-size:1.1rem;display:grid;position:fixed;top:14px;right:14px;box-shadow:0 10px 30px #0000002e}.theme-toggle img{width:24px;height:24px;display:block}button.secondary{border:1px solid var(--option-border);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:10px;margin-top:10px;padding:12px;font-size:.95rem;transition:border-color .16s,background .16s,transform .16s}button.secondary:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);transform:translateY(-1px)}button.secondary:active{transform:translateY(1px)}button.with-icon{justify-content:center;align-items:center;gap:10px;display:inline-flex}button.with-icon img{object-fit:contain;width:24px;height:24px}.info-title{margin:0;font-size:1.2rem}.info .card{margin-bottom:14px}.info h2{margin:0 0 8px;font-size:1rem}.info ul{margin:0;padding-left:18px}.info li{margin-bottom:6px;line-height:1.4}.card.highlight{border:1px solid var(--primary)}.footnote{text-align:center;color:var(--muted);margin-top:16px;font-size:.75rem}.footnote a{color:var(--primary);font-weight:750;text-decoration:none}.footnote a:hover{text-decoration:underline}.monetization{gap:12px;margin-top:16px;display:grid}.support-card,.product-card{background:var(--card);border:1px solid var(--option-border);border-radius:14px;padding:14px}.support-card{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.support-options{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.amount-action{border:1px solid var(--option-border);background:color-mix(in srgb, var(--card) 86%, var(--primary));color:var(--text);cursor:pointer;border-radius:12px;padding:10px 8px;transition:border-color .16s,box-shadow .16s,transform .16s}.amount-action:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 22px #2bd47d24}.amount-action:active{transform:translateY(1px)scale(.99)}.amount-action strong{color:var(--primary);font-size:1rem;display:block}.amount-action span{color:var(--muted);margin-top:2px;font-size:.72rem;display:block}.support-note{color:var(--muted);grid-column:1/-1;font-size:.74rem;line-height:1.35}.pix-action{border:1px solid var(--option-border);min-height:38px;color:var(--text);cursor:pointer;background:0 0;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;font-weight:750;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.pix-action:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);transform:translateY(-1px)}.pix-action:active{transform:translateY(1px)}.support-icon{object-fit:contain;width:34px;height:34px}.monetization h2{margin:0 0 4px;font-size:1rem}.monetization p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.35}.products-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.small-action{background:color-mix(in srgb, var(--primary) 88%, #fff);color:#06111f;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;min-height:38px;margin-top:10px;padding:9px 12px;font-weight:750;text-decoration:none;transition:filter .16s,transform .16s,box-shadow .16s;display:inline-flex}.small-action:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 10px 20px #2bd47d24}.small-action:active{transform:translateY(1px)}@media (width<=430px){.products-grid,.support-options{grid-template-columns:1fr}}.quiz-top{justify-content:space-between;align-items:center;display:flex}.timer{color:var(--text);background:color-mix(in srgb, var(--card) 78%, transparent);border:1px solid var(--option-border);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 10px;font-weight:800}.timer.danger{color:#fff;background:var(--bad);border-color:var(--bad)}.quit{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem}.quit img{width:28px;height:28px;display:block}.progress{background:color-mix(in srgb, var(--option-border) 70%, transparent);border-radius:3px;height:6px;margin:12px 0;overflow:hidden}.progress>div{background:var(--primary);height:100%;transition:width .3s}.meta{color:var(--muted);font-size:.78rem}img.plate{border-radius:8px;max-width:160px;margin:12px auto;display:block}.quiz h2{font-size:1.15rem;line-height:1.45}.options{gap:10px;padding:0;list-style:none;display:grid}.options button{text-align:left;border:1px solid var(--option-border);background:var(--card);width:100%;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:13px 14px;font-size:.95rem;line-height:1.35;transition:border-color .16s,background .16s,transform .16s;display:flex}.options button:not(:disabled):hover{border-color:var(--primary);background:color-mix(in srgb, var(--card) 88%, var(--primary));transform:translate(2px)}.options button:not(:disabled):active{transform:translate(0)scale(.99)}.options button:disabled{cursor:default;opacity:1}.options button .letter{background:var(--option-border);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid}.options button.correct,.options button.wrong{color:var(--on-status);font-weight:650}.options button.correct{border-color:var(--ok);background:var(--ok-bg)}.options button.correct .letter{background:var(--ok);color:#fff}.options button.wrong{border-color:var(--bad);background:var(--bad-bg)}.options button.wrong .letter{background:var(--bad);color:#fff}.options button.dim{opacity:.72;color:var(--option-muted)}.feedback{border-radius:10px;margin:14px 0;padding:14px;font-size:.92rem;line-height:1.45}.feedback-icon{float:left;width:34px;height:34px;margin:0 10px 4px 0}.feedback.ok{background:var(--ok-bg);border:1px solid var(--ok);color:var(--on-status)}.feedback.bad{background:var(--bad-bg);border:1px solid var(--bad);color:var(--on-status)}.feedback p{color:color-mix(in srgb, var(--on-status) 78%, transparent);margin:8px 0 0}.result{flex-direction:column;align-items:stretch;display:flex}.circle{border:5px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:24px auto 8px;display:flex}.circle img{width:44px;height:44px;margin-bottom:6px}.circle.ok{border-color:var(--ok)}.circle.bad{border-color:var(--bad)}.circle strong{font-size:2rem}.circle span{color:var(--muted);font-size:.85rem}.result-sub{text-align:center;color:var(--muted)}.result-time{text-align:center;margin:0 0 18px}.review{gap:10px;padding:0;list-style:none;display:grid}.review li{background:var(--card);border-radius:10px;gap:10px;padding:12px;font-size:.88rem;display:flex}.review li p{margin:0;line-height:1.35}.review li small{color:var(--muted);margin-top:4px;display:block}.review li small.ok-text{color:var(--ok)}.review li small.comment{font-style:italic}.badge{flex-shrink:0;font-weight:700}.review li.ok .badge{color:var(--ok)}.review li.bad .badge{color:var(--bad)}button.sticky{margin:20px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}