.pch-ob-app{
  --red:#ed1515;
  --dark:#161616;
  --muted:#737985;
  --line:#e7e8ec;
  width:100%;
  max-width:430px;
  min-height:100vh;
  margin:0 auto;
  background:#fff;
  color:var(--dark);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 10px 45px rgba(0,0,0,.08);
}
.pch-ob-app *{box-sizing:border-box}
.pch-ob-header{
  height:66px;
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  padding:0 14px;
  background:#fff;
}
.pch-ob-header button{
  border:0;background:transparent;font-size:23px;cursor:pointer
}
.pch-ob-logo{display:flex;align-items:center;justify-content:center;gap:7px}
.pch-ob-logo span{width:29px;height:35px;border-radius:10px 10px 10px 3px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900}
.pch-ob-logo strong{color:var(--red);font-size:15px}
.pch-ob-progress{display:flex;justify-content:center;gap:8px;height:14px}
.pch-ob-progress i{width:30px;height:3px;border-radius:99px;background:#e5e7eb}
.pch-ob-progress i.is-active{background:var(--red)}
.pch-ob-app main{padding:12px 18px 30px}
.pch-ob-screen{display:none;min-height:calc(100vh - 110px);flex-direction:column}
.pch-ob-screen.is-active{display:flex}
.pch-ob-copy{text-align:center;margin:12px 0 22px}
.pch-ob-copy>span{font-size:8px;color:var(--red);font-weight:900;letter-spacing:1.4px}
.pch-ob-copy h1,.pch-ob-copy h2{font-size:28px;line-height:1.1;margin:8px 0 10px}
.pch-ob-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:0 auto;max-width:330px}
.pch-ob-welcome-visual{
  height:340px;
  border-radius:22px;
  background:linear-gradient(145deg,#ff1e2c,#e30012);
  display:grid;
  place-items:center;
  overflow:hidden;
  position:relative;
}
.pch-ob-red-world{width:210px;height:210px;border:2px dashed rgba(255,255,255,.45);border-radius:50%;position:relative}
.pch-ob-red-world:before{content:"p";position:absolute;inset:45px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-size:72px;font-weight:900}
.pch-ob-red-world span{position:absolute;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:20px}
.pch-ob-red-world span:nth-child(1){left:-10px;top:20px}.pch-ob-red-world span:nth-child(2){right:-12px;top:45px}.pch-ob-red-world span:nth-child(3){left:18px;bottom:-10px}.pch-ob-red-world span:nth-child(4){right:18px;bottom:-8px}
.pch-ob-actions{display:grid;gap:9px;margin-top:auto}
.pch-ob-primary,.pch-ob-secondary{
  width:100%;border-radius:12px;padding:13px 16px;font-size:11px;font-weight:900;text-align:center;text-decoration:none;cursor:pointer
}
.pch-ob-primary{border:0;background:var(--red);color:#fff}
.pch-ob-primary:disabled{opacity:.35;cursor:not-allowed}
.pch-ob-secondary{border:1px solid #dfe2e7;background:#fff;color:#2b2f35}
.pch-ob-mode-grid,.pch-ob-company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pch-ob-mode-grid button,.pch-ob-company-grid button,.pch-ob-city-grid button,.pch-ob-category-grid button{
  border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;text-align:center;cursor:pointer
}
.pch-ob-mode-grid button.is-selected,.pch-ob-company-grid button.is-selected,.pch-ob-city-grid button.is-selected,.pch-ob-category-grid button.is-selected{
  border-color:var(--red);box-shadow:0 0 0 3px rgba(237,21,21,.07);background:#fffafa
}
.pch-ob-mode-grid button>div,.pch-ob-company-grid button>div{font-size:40px;margin-bottom:10px}
.pch-ob-mode-grid strong,.pch-ob-mode-grid span,.pch-ob-company-grid strong,.pch-ob-company-grid span{display:block}
.pch-ob-mode-grid strong,.pch-ob-company-grid strong{font-size:12px}
.pch-ob-mode-grid span,.pch-ob-company-grid span{font-size:8px;color:var(--muted);margin-top:5px;line-height:1.4}
.pch-ob-screen>.pch-ob-primary{margin-top:auto}
.pch-ob-search{height:48px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 12px}
.pch-ob-search input{width:100%;border:0;outline:none;font-size:11px}
.pch-ob-nearby{align-self:flex-start;margin:9px 0 13px;border:0;background:#fff0f0;color:var(--red);border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900}
.pch-ob-city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pch-ob-city-grid button>div{height:74px;border-radius:11px;background:linear-gradient(145deg,#ffd6c3,#ff8b6d);display:grid;place-items:center;font-size:34px}
.pch-ob-city-grid strong,.pch-ob-city-grid span{display:block}.pch-ob-city-grid strong{font-size:11px;margin-top:8px}.pch-ob-city-grid span{font-size:7px;color:var(--muted);margin-top:3px}
.pch-ob-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pch-ob-category-grid button>div{font-size:40px}.pch-ob-category-grid strong{display:block;font-size:10px;margin-top:8px}
.pch-ob-budget{text-align:center;padding:25px 18px;border:1px solid var(--line);border-radius:18px;background:#fffafa}
.pch-ob-budget strong,.pch-ob-budget span{display:block}.pch-ob-budget strong{font-size:34px}.pch-ob-budget span{font-size:9px;color:var(--muted);margin-top:4px}
.pch-ob-budget input{width:100%;margin-top:26px;accent-color:var(--red)}
.pch-ob-budget-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}
.pch-ob-budget-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px;font-size:9px}
.pch-ob-loading{margin:auto;text-align:center}
.pch-ob-loader-world{width:110px;height:110px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;margin:0 auto 20px;font-size:50px;font-weight:900;animation:pchObPulse 1.2s ease-in-out infinite}
@keyframes pchObPulse{50%{transform:scale(1.06);box-shadow:0 0 0 20px rgba(237,21,21,.08)}}
.pch-ob-loading h2{font-size:24px;margin:0 0 10px}.pch-ob-loading p{font-size:10px;color:var(--muted);line-height:1.5}
.pch-ob-loading-steps{display:grid;gap:10px;text-align:left;margin-top:25px}
.pch-ob-loading-steps span{font-size:10px;color:#9ca1a9;padding-left:26px;position:relative}
.pch-ob-loading-steps span:before{content:"";position:absolute;left:0;width:15px;height:15px;border:2px solid #d6d9de;border-radius:50%}
.pch-ob-loading-steps span.is-complete{color:#1c7b43;font-weight:800}.pch-ob-loading-steps span.is-complete:before{content:"✓";display:grid;place-items:center;border-color:#1c7b43;background:#e8f7ee;font-size:9px}
.pch-ob-result-card{border:1px solid #f1d7cf;border-radius:18px;overflow:hidden;background:#fffaf7}
.pch-ob-result-image{height:210px;background:linear-gradient(145deg,#ffe0cd,#ff9b78);display:grid;place-items:center;font-size:60px}
.pch-ob-result-image img{width:100%;height:100%;object-fit:cover}
.pch-ob-result-card>div:last-child{padding:15px}.pch-ob-result-card small{color:var(--red);font-size:8px;font-weight:900}.pch-ob-result-card h3{font-size:20px;margin:5px 0}.pch-ob-result-card p{font-size:9px;color:var(--muted)}.pch-ob-result-card strong{font-size:12px}
.pch-ob-result-reasons{margin-top:14px;border:1px solid var(--line);border-radius:15px;padding:14px}.pch-ob-result-reasons h3{font-size:13px;margin:0 0 10px}.pch-ob-result-reasons div{display:grid;gap:7px}.pch-ob-result-reasons span{font-size:9px}
.pch-ob-alternatives{display:grid;gap:8px;margin-top:12px}.pch-ob-alternatives article{border:1px solid var(--line);border-radius:11px;padding:11px}.pch-ob-alternatives strong,.pch-ob-alternatives span{display:block}.pch-ob-alternatives strong{font-size:10px}.pch-ob-alternatives span{font-size:8px;color:var(--muted);margin-top:4px}
@media(max-width:470px){.pch-ob-app{max-width:none;box-shadow:none}}