.ggl-finder{--finder-ink:#15203b;--finder-muted:#56627f;--finder-blue:#1764c0;--finder-pink:#d51f43;--finder-line:#d8e3f3;max-width:1060px;margin:0 auto 44px;color:var(--finder-ink);line-height:1.8;text-align:left}
.ggl-finder *{box-sizing:border-box}.ggl-finder [hidden]{display:none!important}.ggl-finder button,.ggl-finder input{font:inherit}.ggl-finder a{color:var(--finder-blue);text-underline-offset:3px}.ggl-finder a:focus-visible,.ggl-finder button:focus-visible,.ggl-finder input:focus-visible+.answer-face{outline:3px solid var(--finder-pink);outline-offset:5px}
.ggl-finder .finder-hero{display:flex;align-items:center;gap:24px;padding:25px 0}.ggl-finder .finder-portrait{width:76px;height:76px;border-radius:50%;border:3px solid var(--finder-ink);object-fit:cover;flex:none}.ggl-finder .finder-kicker{font-size:10px!important;font-weight:800;letter-spacing:.15em;color:var(--finder-blue)!important;margin:0 0 8px!important}.ggl-finder .finder-hero h1,.ggl-finder .finder-hero h2{font-size:clamp(24px,3.5vw,36px);line-height:1.5;font-weight:800;letter-spacing:0;margin:0 0 8px;padding:0;max-width:none}.ggl-finder .finder-hero p{font-size:14px;color:var(--finder-muted);margin:0}.ggl-finder .finder-panel{background:#fff;border:2px solid var(--finder-ink);border-radius:18px;box-shadow:5px 5px 0 var(--finder-ink);padding:30px 34px}.ggl-finder .finder-status{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:800;margin-bottom:28px;color:var(--finder-muted)}.ggl-finder progress{height:9px;width:160px;border:0;border-radius:10px;background:#e2eaf7;accent-color:#19c3a5}.ggl-finder progress::-webkit-progress-bar{background:#e2eaf7;border-radius:10px}.ggl-finder progress::-webkit-progress-value{background:#19c3a5;border-radius:10px}.ggl-finder fieldset{border:0;padding:0;margin:0;min-width:0}.ggl-finder legend{padding:0;width:100%}.ggl-finder .eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:10px}.ggl-finder .question-title{display:block;font-size:clamp(23px,3.2vw,30px);font-weight:800;line-height:1.5}.ggl-finder .question-hint{font-size:13px;color:var(--finder-muted);margin:9px 0 23px}.ggl-finder .answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ggl-finder .answer{position:relative;cursor:pointer;min-width:0}.ggl-finder .answer input{position:absolute;left:16px;top:22px;opacity:0}.ggl-finder .answer-face{display:flex;align-items:center;gap:14px;min-height:90px;padding:17px;border:2px solid var(--finder-line);border-radius:12px;transition:background .1s,border-color .1s}.ggl-finder .answer-face strong{display:block;font-size:14px;line-height:1.6}.ggl-finder .answer-face small{display:block;font-size:11px;color:var(--finder-muted);margin-top:2px}.ggl-finder .answer-icon{font-size:25px;flex:none}.ggl-finder .answer-check{margin-left:auto;color:transparent;font-weight:900}.ggl-finder .answer:hover .answer-face{border-color:#9ab2d6;background:#f7faff}.ggl-finder .answer input:checked+.answer-face{border-color:var(--finder-blue);background:#edf5ff}.ggl-finder .answer input:checked+.answer-face .answer-check{color:var(--finder-blue)}
.ggl-finder .button{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--finder-ink);border:2px solid var(--finder-ink);border-radius:9px;box-shadow:0 3px 0 var(--finder-ink);padding:12px 22px;font-size:14px;font-weight:800;line-height:1.5;cursor:pointer;text-decoration:none;text-align:center}.ggl-finder .button.primary{background:var(--finder-pink);color:#fff}.ggl-finder .button:disabled{background:#e9edf4;color:#66748a;border-color:#b4bfd1;box-shadow:none;cursor:default}.ggl-finder .finder-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px;margin-top:27px}.ggl-finder [data-back]{margin-right:auto}.ggl-finder .text-button{border:0;background:none;color:var(--finder-blue);text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:13px;padding:8px}.ggl-finder .fineprint,.ggl-finder .finder-footer{font-size:12px;color:var(--finder-muted);margin:25px 0 0}.ggl-finder .finder-footer{text-align:center;padding:0 16px}.ggl-finder [data-results]>h2{font-size:26px;line-height:1.5;margin:0 0 14px}.ggl-finder [data-results]>p{font-size:14px}.ggl-finder .results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.ggl-finder .result-card{background:#fff;border:1px solid #b7c8df;border-radius:12px;padding:20px;display:flex;flex-direction:column}.ggl-finder .result-card:first-child{border:2px solid var(--finder-pink);background:#fff9fa}.ggl-finder .result-number{font-size:10px;font-weight:800;color:var(--finder-pink);display:block;margin-bottom:16px}.ggl-finder .result-card img{width:72px;height:72px;object-fit:cover;border-radius:12px}.ggl-finder .result-card h3{font-size:16px;font-weight:800;line-height:1.6;margin:12px 0 8px}.ggl-finder .result-card p{font-size:12px;color:var(--finder-muted);margin:0 0 12px}.ggl-finder .platforms{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.ggl-finder .platforms span{padding:3px 8px;background:#ecf2ff;border-radius:5px;font-size:11px;color:#274e81}.ggl-finder .result-card h4{font-size:12px;margin:15px 0 5px}.ggl-finder .match-reasons{font-size:11px;padding-left:17px;margin:0 0 20px;flex:1}.ggl-finder .result-card .button{font-size:12px;padding:11px 8px}.ggl-finder .browser-note{font-size:12px!important;color:#725515!important;background:#fff8df;border-radius:6px;padding:8px 10px;margin:12px 0!important}
@media(max-width:800px){.ggl-finder .results-grid{grid-template-columns:1fr}.ggl-finder .result-card{display:block}.ggl-finder .result-card .button{display:inline-flex;margin-top:8px}.ggl-finder .finder-panel{padding:26px}}
@media(max-width:540px){.ggl-finder .finder-hero{gap:15px;padding:20px 0}.ggl-finder .finder-portrait{width:52px;height:52px}.ggl-finder .finder-hero h1,.ggl-finder .finder-hero h2{font-size:23px}.ggl-finder .finder-hero h1 span,.ggl-finder .finder-hero h2 span{display:block}.ggl-finder .finder-panel{padding:24px 18px;box-shadow:4px 4px 0 var(--finder-ink)}.ggl-finder .finder-status{margin-bottom:23px}.ggl-finder .answer-grid{grid-template-columns:1fr}.ggl-finder .answer-face{min-height:76px;padding:13px}.ggl-finder .answer-icon{font-size:23px}.ggl-finder .finder-actions{gap:10px}.ggl-finder .finder-actions .button{padding:11px 14px}.ggl-finder .result-card img{width:64px;height:64px}.ggl-finder [data-results]>h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ggl-finder *{transition:none!important;scroll-behavior:auto!important}}
