.ll-card{margin-bottom:16px;padding:22px}.ll-muted{color:var(--muted)}.ll-bar{background:var(--line);border-radius:999px;height:10px;margin:10px 0;overflow:hidden}.ll-bar i{background:linear-gradient(90deg, var(--brand), var(--brand-2));width:0;height:100%;transition:width .35s;display:block}#qText{letter-spacing:-.02em;margin:12px 0 4px;font-size:clamp(20px,3vw,26px)}#qOpts.opts{background:0 0;border:0;border-radius:0;gap:10px;margin:16px 0 18px;padding:0;display:grid}#qOpts.opts button{text-align:left;border:1.5px solid var(--line);background:var(--bg-soft);width:100%;color:var(--ink);cursor:pointer;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15.5px;font-weight:600;line-height:1.4;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 2px 8px #0000000a}#qOpts.opts button:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 14px #e11d631f}#qOpts.opts button:active{transform:scale(.99)}#qOpts.opts button:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}#qOpts.opts button.sel{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000;box-shadow:0 6px 18px #e11d634d}.row{gap:10px;display:flex}.row button{flex:1}.row button:disabled{opacity:.45;cursor:not-allowed;transform:none}#qSeeResult{width:100%}#qSeeResult:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}#qSeeResult.loading{opacity:.75;pointer-events:none}#qResult.show{animation:.6s both llPop}@keyframes llPop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.type-line{min-height:1.4em}#qDesc.type-line{min-height:3em}#compOut.type-line{min-height:3em;margin:10px 0 0;font-weight:600}.type-line.typing:after{content:"▌";color:var(--brand);margin-left:2px;animation:.7s step-end infinite llBlink}@keyframes llBlink{50%{opacity:0}}#qCompat.show{animation:.5s both llPop}@media (prefers-reduced-motion:reduce){#qResult.show{animation:none}}[hidden]{display:none!important}.ll-msg{min-height:20px;color:var(--brand);margin:0 0 10px;font-size:13px;font-weight:600}.row button,#qRestart,#checkComp,#qSeeResult{border:1.5px solid var(--line);background:var(--bg-soft);color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-size:14.5px;font-weight:700;transition:border-color .15s,transform .15s;display:inline-flex}.row button:hover:not(:disabled),#qRestart:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}#checkComp,#qSeeResult{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border:0;width:100%;margin-top:8px;box-shadow:0 6px 18px #e11d6347}#checkComp:hover,#qSeeResult:hover:not(:disabled){filter:brightness(1.06);color:#fff;transform:translateY(-1px)}#qRestart{width:100%;margin-top:10px}#pLang{-webkit-appearance:none;appearance:none;border:1.5px solid var(--line);background-color:var(--bg-soft);width:100%;color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e11d63' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:12px;margin:8px 0;padding:13px 42px 13px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s;box-shadow:0 2px 8px #0000000a}#pLang:hover{border-color:var(--brand);box-shadow:0 4px 14px #e11d631f}#pLang:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);outline:none}.seo ol{padding-left:20px}.seo h2{margin-top:36px}details{border-top:1px solid var(--line);padding:16px 0}details summary{cursor:pointer;font-size:15px}.seo h3{margin:12px 0 4px;font-size:16px}.seo p{font-size:15px}.seo a,.ll-muted a{color:var(--brand);text-underline-offset:2px;font-weight:700;text-decoration:underline}.seo a:hover,.ll-muted a:hover{color:var(--brand-2)}