@keyframes miniLoad{0%{transform:translateX(-100%)}50%{transform:translateX(160%)}to{transform:translateX(300%)}}@keyframes shine{to{transform:translateX(100%)}}@keyframes shimmer{to{background-position:-200%0}}*{box-sizing:border-box}body,html{height:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);padding:24px;align-items:center;justify-content:center}:root{--bg:#F8FAFD;--panel:#FFFFFF;--text:#1C1E24;--muted:#6A728A;--brand:#e09a32;--brand-2:#F8CA02;--accent:#F5A623;--accent-2:#C98107;--radius:18px;--gap:16px;--shadow:0 10px 30px rgba(10,20,40,.08);--ph-bg:#F1F4FA;--ph-stroke:#D9DFEA}.app{width:min(980px,100%);background:var(--panel);border:1px solid rgba(12,18,28,.06);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:auto}.brand,header{display:flex;align-items:center}header{justify-content:space-between;gap:16px;padding:20px clamp(16px,4vw,28px);border-bottom:1px solid rgba(12,18,28,.08)}.brand{gap:12px;font-weight:800;color:var(--accent)}.brand img{max-width:260px;position:relative;left:-17px}.progress{flex:1;height:8px;background:#edf1f7;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;width:0%;background:linear-gradient(225deg,var(--brand),var(--brand-2));transition:width .35s ease}main{padding:clamp(16px,5vw,32px)}.step-title{font-size:clamp(20px,2.6vw,28px);font-weight:800;margin:0 0 8px;color:#12151b}.step-sub{color:color-mix(in srgb,var(--muted) 88%,var(--accent) 12%);margin:0 0 22px}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#fff;border:1px solid #e6ebf3;border-radius:16px;padding:14px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;cursor:pointer;position:relative;isolation:isolate;box-shadow:0 2px 10px rgba(10,20,40,.04)}.card:hover{transform:translateY(-2px);border-color:#d9dfea;box-shadow:0 8px 20px rgba(10,20,40,.08)}.card[role=option]{outline:0}.card[role=option]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent),0 0 0 6px rgba(224,50,70,.12)}.card[aria-selected=true],.card[data-selected=true]{outline:2px solid #f5a623;border-color:#e8b15a;box-shadow:0 0 0 6px rgba(245,166,35,.15) inset}@supports (color:color-mix(in srgb,red,blue)){.card[aria-selected=true],.card[data-selected=true]{outline:2px solid color-mix(in srgb,var(--accent) 70%,white 30%);border-color:color-mix(in srgb,var(--accent) 40%,var(--accent-2) 60%);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 20%,transparent) inset}}.card .ph{width:100%;aspect-ratio:4/3;border-radius:12px;background-color:var(--ph-bg);border:1px dashed var(--ph-stroke);color:#8a91a6;font-weight:700;letter-spacing:.4px;margin-bottom:12px;user-select:none}.card[aria-selected=true] .ph{background-image:url(../img/bg.png);background-size:cover;background-position:center;background-blend-mode:screen}.card .ph,.ph{display:grid;place-items:center}.ph img,.ph picture{width:100%;height:100%;object-fit:contain;border-radius:12px;max-height:180px}.title{font-weight:800;font-size:18px;margin:0 0 6px;color:#12151b}.desc{color:var(--muted);font-size:14px;margin:0}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.nav,.pill{align-items:center}.pill{display:inline-flex;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid #e3e8f2;background:#f5f7fb;color:#2a3142;cursor:pointer;user-select:none;font-weight:700;transition:all .15s ease}.pill:hover{border-color:#d9dfea;background:#f0f4fb}.pill[data-selected=true]{background:linear-gradient(225deg,color-mix(in srgb,var(--brand) 18%,white 82%),color-mix(in srgb,var(--brand-2) 16%,white 84%));border-color:color-mix(in srgb,var(--brand) 35%,#e3e8f2 65%)}.nav{justify-content:space-between;margin-top:26px;border-top:1px solid rgba(12,18,28,.08);padding-top:18px}.left,.nav,.right{display:flex;gap:10px}.nav a,button{appearance:none;border:1px solid #e1e6f0;background:#f1f4fa;color:#1c1e24;padding:12px 16px;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .08s ease,background .15s ease,opacity .15s ease,filter .15s ease;text-decoration:none}button:hover{background:#eaf0fb}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{border:0;background:linear-gradient(225deg,var(--brand),var(--brand-2));color:#fff}.btn-primary:hover{background-color:var(--brand-2)}:root{--nav-h:72px}.nav{position:static;z-index:30}@media (max-width:640px){.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(max(10px,env(safe-area-inset-bottom)));background:color-mix(in srgb,var(--panel) 80%,white 20%);backdrop-filter:blur(6px);border-top:1px solid var(--border);box-shadow:0-8px 24px rgba(16,24,40,.08)}main{padding-bottom:calc(var(--nav-h) + max(10px,env(safe-area-inset-bottom)) + 12px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:640px){body{padding:16px}.nav{flex-direction:column;gap:10px;align-items:stretch}.left,.right,button{width:100%}.right{justify-content:space-between}}body.theme-dark{--bg:#0f1115;--panel:#161920;--text:#eef0f6;--muted:#8b90a1;--ph-bg:#232733;--ph-stroke:#3a4050;background:var(--bg)}body.theme-dark .app{background:color-mix(in srgb,var(--panel) 92%,#000 8%);border:1px solid rgba(255,255,255,.05)}body.theme-dark header{border-bottom:1px solid rgba(255,255,255,.06)}body.theme-dark .progress{background:#10131a}body.theme-dark .card{background:#11151e;border:1px solid #202431;box-shadow:0 2px 12px rgba(0,0,0,.18)}body.theme-dark .card:hover{border-color:#2c3344;box-shadow:0 10px 20px rgba(0,0,0,.28)}body.theme-dark .card .ph{color:#6b7285;border-color:transparent}body.theme-dark button{background:#1a2030;border-color:#242b3c;color:#eef0f6}body.theme-dark button:hover{background:#20273a}body.theme-dark .output{background:#0f141d;border-color:#2b3142;color:#cfe2ff}.mini-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.mini-title{font-weight:800;letter-spacing:.2px;color:#12151b}body.theme-dark .mini-title{color:#eef0f6}.mini-loader{flex:1;height:4px;border-radius:999px;overflow:hidden;background:#edf1f7;position:relative}body.theme-dark .mini-loader{background:#10131a}.mini-loader::after,.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%)}.mini-loader::after{width:28%;background:linear-gradient(225deg,var(--brand),var(--brand-2));border-radius:inherit;animation:miniLoad 1.1s ease-in-out infinite}.result-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:linear-gradient(225deg,color-mix(in srgb,var(--brand) 12%,white 88%),color-mix(in srgb,var(--brand-2) 10%,white 90%));border:1px solid color-mix(in srgb,var(--brand) 25%,#e3e8f2 75%);color:#1c1e24;font-weight:700;font-size:13px;cursor:pointer}.result-tag:hover{border:1px solid var(--brand)}#shopBtn,.step-final{text-align:center}.step-final .image{width:100%;margin:auto;text-align:center}.step-final .image img{max-height:120px}.step-final .a{text-color:#6e6e6e}.product{background:#fff;border:1px solid #e6ebf3;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.product:hover{transform:translateY(-2px);border-color:#d9dfea;box-shadow:0 8px 20px rgba(10,20,40,.08)}.product .thumb{width:100%;aspect-ratio:4/3;border-radius:10px;background:#fff center/contain no-repeat;display:grid;place-items:center;color:#8a91a6;font-weight:700}.product .name{font-weight:800;color:#12151b;margin:0}.product .meta{color:var(--muted);font-size:13px;margin:0}.product .price{font-weight:800;font-size:2rem;color:#d2691e}.product .btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;border:0;cursor:pointer;background:linear-gradient(225deg,var(--brand),var(--brand-2));color:#0f0b00;font-weight:800;text-decoration:none}.product .price-btn{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.product .btn:hover{filter:brightness(1.05)}.skel{border-radius:10px;position:relative;overflow:hidden}.skel::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shine 1.2s infinite}.product.skeleton .thumb,.skel{background:#edf1f7}.product.skeleton .line{height:12px}#shopBtn{width:100%}.article{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;text-align:left}.article .thumb{width:100%;padding-top:62%;background:#f2f4f7 no-repeat center/cover;border-radius:10px}.article .name{font-weight:800;margin:.25rem 0;line-height:1.25}.article .meta{color:var(--muted);font-size:.875rem}.article .excerpt{color:var(--text);opacity:.9;font-size:.95rem;text-align:justify}.article .actions{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.article .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:10px 20px;border-radius:10px;border:0;font-weight:600;font-size:1rem;background:linear-gradient(90deg,#fbbf24 0,#fb923c 100%);color:#3b2600;box-shadow:0 2px 8px rgba(245,158,11,.07);cursor:pointer;transition:background .18s,transform .12s,box-shadow .12s;outline:0;text-decoration:none}.article .btn:focus,.article .btn:hover{background:linear-gradient(90deg,#f59e42 0,#f97316 100%);transform:translateY(-1px) scale(1.01);box-shadow:0 3px 12px rgba(245,158,11,.1)}.article .btn:active{transform:scale(.98);box-shadow:0 1px 4px rgba(245,158,11,.07)}.article a{text-decoration:none;color:inherit}.center{display:flex;justify-content:center;align-items:center}.mt-3{margin-top:1rem}.skel{background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.03),rgba(0,0,0,.06));background-size:200% 100%;animation:shimmer 1.2s infinite}.article.skeleton .thumb{background:#eaecef}.article.skeleton .line{height:12px;border-radius:8px}