.pf-shell{--pf-blue: #0b55ff;--pf-blue-dark: #0846d8;--pf-ink: #101222;--pf-muted: #5e6375;--pf-border: #d7dbe5;min-height:100vh;color:var(--pf-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pf-shell *{box-sizing:border-box}.pf-shell button,.pf-shell select{font:inherit}.pf-shell button:focus-visible,.pf-shell select:focus-visible{outline:3px solid rgba(11,85,255,.24);outline-offset:3px}.pf-picker{padding:46px clamp(20px,4vw,64px) 36px;scroll-margin-top:78px}.pf-intro{text-align:center}.pf-intro h1{max-width:960px;margin:0 auto;font-size:clamp(38px,4.5vw,58px);line-height:1.04;letter-spacing:-.045em;font-weight:800}.pf-intro p{margin:16px auto 0;max-width:780px;color:var(--pf-muted);font-size:clamp(16px,1.55vw,20px);line-height:1.55}.pf-mode{width:min(390px,100%);height:46px;margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid #b9bfcc;border-radius:8px;overflow:hidden}.pf-mode button{border:0;background:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .16s,color .16s}.pf-mode button.is-active{color:#fff;background:var(--pf-blue)}.pf-filter{max-width:620px;margin:18px auto 0;display:flex;align-items:end;gap:12px;justify-content:center;padding:14px 16px;background:#f7f8fb;border:1px solid var(--pf-border);border-radius:10px}.pf-filter label{display:grid;gap:6px;color:var(--pf-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pf-filter select{min-width:220px;height:40px;border:1px solid #b9bfcc;background:#fff;border-radius:7px;padding:0 12px;color:var(--pf-ink);text-transform:capitalize}.pf-round{max-width:620px;margin:28px auto 0;text-align:center}.pf-round strong{font-size:17px}.pf-round p{margin:24px 0 0;font-size:18px;font-weight:700}.pf-progress{height:7px;margin-top:12px;background:#e4e7ee;border-radius:99px;overflow:hidden}.pf-progress span{display:block;height:100%;background:var(--pf-blue);border-radius:inherit;transition:width .26s ease}.pf-grid{max-width:1370px;margin:24px auto 0;display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:clamp(12px,1.5vw,22px)}.pf-grid.mode-precise{max-width:780px;grid-template-columns:repeat(4,minmax(130px,1fr))}.pf-tile{min-width:0;border:1px solid #aeb4c0;background:#fff;border-radius:10px;padding:10px 8px 12px;position:relative;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.pf-tile:hover{transform:translateY(-3px);border-color:#7194ff}.pf-tile.is-selected{border:3px solid var(--pf-blue);padding:8px 6px 10px;box-shadow:0 0 0 4px #0b55ff14}.pf-tile img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.pf-tile>span:last-child{display:block;min-height:38px;padding-top:5px;font-size:clamp(12px,1vw,15px);line-height:1.25;font-weight:600;overflow-wrap:anywhere}.pf-check{position:absolute;top:8px;right:8px;width:27px;height:27px;display:grid;place-items:center;border:1.5px solid #7e8491;background:#fff;border-radius:50%;z-index:2}.pf-tile.is-selected .pf-check{color:#fff;background:var(--pf-blue);border-color:var(--pf-blue)}.pf-check svg{width:17px;height:17px;stroke-width:3}.pf-actions{margin:26px auto 0;display:flex;justify-content:center;gap:18px}.pf-button{min-height:48px;min-width:190px;border-radius:8px;padding:0 22px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:700;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s}.pf-button svg,.pf-text-button svg{width:18px;height:18px}.pf-button.primary{color:#fff;background:var(--pf-blue);border:1px solid var(--pf-blue)}.pf-button.primary:hover:not(:disabled){background:var(--pf-blue-dark);transform:translateY(-1px)}.pf-button.secondary{color:var(--pf-blue);background:#fff;border:1px solid var(--pf-blue)}.pf-button.secondary:hover:not(:disabled){background:#f1f5ff}.pf-button:disabled{cursor:not-allowed;opacity:.42}.pf-text-button{border:0;background:none;color:var(--pf-blue);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.pf-loading{height:320px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--pf-muted);font-weight:600}.pf-loading svg{width:22px;animation:pf-spin .9s linear infinite}.pf-complete{max-width:720px;margin:42px auto 0;padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center;border-block:1px solid var(--pf-border)}.pf-complete strong,.pf-complete span{grid-column:1}.pf-complete strong{font-size:20px}.pf-complete span{margin-top:5px;color:var(--pf-muted)}.pf-complete svg{grid-column:2;grid-row:1/3;color:var(--pf-blue)}.pf-results{border-top:1px solid #e1e4eb;padding:32px clamp(20px,4vw,64px) 42px;display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:clamp(32px,5vw,76px);align-items:center;background:#fff}.pf-results-copy h2{margin:0;font-size:clamp(34px,3.3vw,48px);line-height:1;letter-spacing:-.04em}.pf-results-copy p{margin:14px 0 0;color:var(--pf-muted);line-height:1.6}.pf-result-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}.pf-result-actions .pf-button{min-width:0;padding-inline:16px}.pf-result-actions .pf-text-button{width:100%;margin-top:3px}.pf-poster{min-width:0;padding:22px;border:5px solid #fff;outline:1px solid #9da5b6;border-radius:5px;background:#0754e8;color:#fff;box-shadow:inset 0 0 60px #001a7047}.pf-poster-title{text-align:center;font-size:clamp(26px,2.8vw,42px);font-weight:800;letter-spacing:.02em}.pf-poster ol{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.pf-poster li{position:relative;min-width:0;aspect-ratio:.92;border:1px solid rgba(255,255,255,.68);background:#ffffff17;display:grid;grid-template-rows:1fr auto;place-items:center;padding:4px}.pf-poster li img{width:100%;height:100%;min-height:0;object-fit:contain}.pf-rank{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-weight:800}.pf-result-name{width:100%;min-height:28px;padding:5px 2px 2px;text-align:center;font-size:clamp(8px,.85vw,12px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-poster-brand{margin-top:15px;text-align:center;color:#ffffffd1;font-size:12px;font-weight:700;letter-spacing:.03em}.pf-empty{width:48%;aspect-ratio:1;border:1px dashed rgba(255,255,255,.36);border-radius:50%}.pf-explore{padding:24px 20px;display:flex;align-items:center;justify-content:center;gap:10px 24px;flex-wrap:wrap;border-top:1px solid #e5e7ed;color:#5e6375;font-size:13px}.pf-explore strong{color:#101222}.pf-explore a{color:#0b55ff;font-weight:700;text-decoration:none}.pf-explore a:hover{text-decoration:underline}.pf-results:not(.is-complete) .pf-poster{filter:saturate(.75)}.pf-legal{margin:0;padding:20px;border-top:1px solid #e5e7ed;color:#777d8a;text-align:center;font-size:11px}@keyframes pf-spin{to{transform:rotate(360deg)}}@media(max-width:1020px){.pf-grid{grid-template-columns:repeat(4,minmax(120px,1fr));max-width:760px}.pf-results{grid-template-columns:1fr}.pf-results-copy{max-width:620px}}@media(max-width:720px){.pf-picker{padding:44px 20px 26px}.pf-intro{text-align:left}.pf-intro h1{font-size:40px;line-height:1.06}.pf-intro p{font-size:17px;line-height:1.5}.pf-mode{height:54px;margin-top:30px}.pf-round{margin-top:34px;text-align:left}.pf-round strong{font-size:18px}.pf-round p{font-size:17px}.pf-filter{align-items:stretch;flex-direction:column}.pf-filter select{width:100%;min-width:0}.pf-grid,.pf-grid.mode-precise{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.pf-tile{padding:8px 6px 10px}.pf-tile.is-selected{padding:6px 4px 8px}.pf-tile>span:last-child{font-size:14px}.pf-actions{position:sticky;z-index:10;bottom:0;margin:18px -20px -26px;padding:14px 20px;gap:12px;background:#fffffff7;border-top:1px solid var(--pf-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pf-actions .pf-button{min-width:0;flex:1;min-height:52px;padding-inline:10px}.pf-results{padding:34px 20px 38px;gap:30px}.pf-results-copy h2{font-size:38px}.pf-poster{padding:18px 9px 12px}.pf-poster-title{font-size:28px}.pf-poster ol{grid-template-columns:repeat(5,1fr);gap:5px}.pf-rank{top:-19px;font-size:12px}.pf-result-name{display:none}.pf-poster li{aspect-ratio:.85}}@media(prefers-reduced-motion:reduce){.pf-shell *,.pf-shell *:before,.pf-shell *:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}