.ahpps{--ink:#2c2c2b;--muted:#716f6b;--line:#e6e5e3;--soft:#f9f8f7;--blue:#2783de;--blue-soft:#e5f2fc;--green:#37835d;max-width:1080px;margin:32px auto;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.6;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03)}.ahpps *{box-sizing:border-box}.ahpps__hero{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:32px 40px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 55%,var(--blue-soft))}.ahpps__hero h2{font-size:clamp(26px,4vw,40px);line-height:1.2;margin:6px 0 8px;letter-spacing:-.02em}.ahpps__hero p,.ahpps__intro p{margin:0;color:var(--muted)}.ahpps__eyebrow{color:var(--blue);font-size:14px;font-weight:750}.ahpps__step{display:grid;grid-template-columns:36px auto 42px 36px auto;align-items:center;gap:8px;white-space:nowrap}.ahpps__step b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff}.ahpps__step i{height:1px;background:#a8cfee}.ahpps__app{padding:32px 40px}.ahpps__intro h3,.ahpps__result-head h3{font-size:24px;margin:0 0 4px}.ahpps__pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.ahpps__pair{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--soft)}.ahpps__pair-head{display:grid;grid-template-columns:1fr minmax(110px,auto) 1fr;align-items:start;gap:8px;font-weight:650}.ahpps__pair-head span:last-child{text-align:left}.ahpps__pair output{text-align:center;color:var(--blue);font-size:13px;font-weight:750}.ahpps input[type=range]{width:100%;accent-color:var(--blue);height:44px;margin:8px 0 0;direction:ltr}.ahpps__ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.ahpps__consistency{padding:12px 16px;border:1px solid var(--line);border-radius:8px}.ahpps__consistency .ok{color:var(--green);font-weight:800}.ahpps__consistency .warn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fbebde;color:#9b541e;font-weight:800}.ahpps__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.ahpps button,.ahpps a{min-height:44px;border-radius:8px;font:inherit;font-weight:700}.ahpps button{padding:9px 18px;cursor:pointer}.ahpps__reset{border:1px solid var(--line);background:#fff;color:var(--ink)}.ahpps__calculate{border:1px solid var(--blue);background:var(--blue);color:#fff}.ahpps button:focus-visible,.ahpps a:focus-visible,.ahpps input:focus-visible{outline:3px solid #a8cfee;outline-offset:2px}.ahpps__results{margin-top:40px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:20px}.ahpps__result-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.ahpps__weights{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ahpps__weights span{font-size:13px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--soft)}.ahpps__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.ahpps__card{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.ahpps__card.is-best{border:2px solid var(--blue)}.ahpps__card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ahpps__card-body{padding:18px}.ahpps__badge{position:absolute;top:12px;right:12px;background:var(--blue);color:#fff;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:800}.ahpps__rank{color:var(--muted);font-size:13px}.ahpps__card h4{font-size:20px;line-height:1.35;margin:2px 0 12px}.ahpps__score{height:7px;background:#eee;border-radius:9px;overflow:hidden;margin-bottom:6px}.ahpps__score span{display:block;height:100%;background:var(--blue)}.ahpps__card strong{font-size:14px}.ahpps__card dl{margin:16px 0}.ahpps__card dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #efeeec}.ahpps__card dt{color:var(--muted)}.ahpps__card dd{margin:0;font-weight:650}.ahpps__card a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--blue);border:1px solid #a8cfee}.ahpps__warning,.ahpps__empty{margin:24px 40px;padding:14px 16px;border-radius:8px;background:#fbebde;color:#79441b}.ahpps__note{padding:14px 40px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);background:var(--soft)}
@media(max-width:760px){.ahpps{margin:16px 0;border-radius:8px}.ahpps__hero{display:block;padding:24px}.ahpps__step{margin-top:20px;font-size:13px}.ahpps__app{padding:24px}.ahpps__pairs,.ahpps__cards{grid-template-columns:1fr}.ahpps__result-head{display:block}.ahpps__weights{justify-content:flex-start;margin-top:14px}.ahpps__actions{flex-direction:column-reverse}.ahpps button{width:100%}.ahpps__pair-head{grid-template-columns:1fr 90px 1fr;font-size:14px}.ahpps__empty{margin:20px 24px}.ahpps__note{padding:14px 24px}}
@media(prefers-color-scheme:dark){.ahpps{--ink:#fff;--muted:rgba(255,255,255,.67);--line:rgba(255,255,255,.2);--soft:#202020;--blue:#5e9fe8;--blue-soft:#22364a;background:#191919}.ahpps__hero{background:linear-gradient(135deg,#191919 55%,#22364a)}.ahpps__reset,.ahpps__card{background:#202020;color:#fff}.ahpps__score{background:#383836}.ahpps__card dl div{border-color:rgba(255,255,255,.12)}}
@media(prefers-reduced-motion:reduce){.ahpps *{scroll-behavior:auto!important}}