.listener-features{--lf-accent:var(--cyan,#20dcff);display:grid;gap:16px;min-width:0;width:100%;margin-top:16px;color:var(--text,#f6f4ff);font:inherit}.listener-features *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}.lf-card{padding:22px;background:linear-gradient(145deg,rgba(20,26,67,.97),rgba(35,15,65,.97));border:1px solid var(--line,rgba(255,255,255,.18));border-radius:12px;max-width:100%;overflow:hidden}.lf-eyebrow{color:var(--lf-accent);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lf-card h2{font:900 clamp(1.3rem,4vw,1.8rem)/1.15 'Barlow Condensed',inherit;margin:8px 0 12px}.lf-card p{font-size:.94rem;line-height:1.6;margin:10px 0;color:#d9def3}.lf-card button,.lf-link{font:inherit;font-size:.92rem;font-weight:800;display:inline-block;padding:12px 15px;border-radius:7px;border:1px solid var(--lf-accent);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;cursor:pointer;max-width:100%;white-space:normal;text-align:left;min-height:44px}.lf-card button:hover,.lf-link:hover{background:rgba(255,255,255,.13)}.lf-card button:disabled{cursor:default;opacity:.7}.lf-card button:focus-visible,.lf-card a:focus-visible{outline:3px solid #ffdf00;outline-offset:3px}.lf-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.lf-results{display:grid;gap:12px}.lf-result-label{display:flex;justify-content:space-between;gap:10px;font-size:.86rem}.lf-bar{height:7px;background:#ffffff1a;border-radius:10px;margin-top:6px;overflow:hidden}.lf-bar span{display:block;background:var(--lf-accent);height:100%;transition:width .35s}.lf-status{min-height:1.6em;color:#ffdf00!important;font-size:.85rem!important}.lf-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:18px}.lf-meta,.lf-card small{font-size:.76rem;color:#b7bfd8;line-height:1.6}.lf-card a{color:var(--lf-accent)}.lf-history-item{padding:15px 0;border-bottom:1px solid #ffffff24}.lf-history-item:last-child{border-bottom:0}.lf-history-item img{width:100%;max-height:230px;object-fit:contain;border-radius:6px;background:#0b1027}.lf-history-item figure{margin:12px 0}.lf-history-item figcaption{font-size:.7rem;color:#b7bfd8}.lf-card details{margin-top:18px;border-top:1px solid #ffffff24;padding-top:14px}.lf-card summary{cursor:pointer;font-weight:800;padding:5px}.lf-answer{display:block!important;width:100%;margin:9px 0}.lf-answer.is-correct{border-color:#66e8ae;background:#163d39}.lf-answer.is-wrong{border-color:#ff9eb5;background:#4c2236}.lf-progress{font-size:.8rem;font-weight:800;color:var(--lf-accent)}.lf-feedback{padding:14px;background:#ffffff0a;border-radius:8px;margin:14px 0}.lf-page{max-width:1000px;margin:0 auto;padding:32px 20px 60px}.lf-page .listener-features{margin-top:22px}.lf-page h1{font-size:clamp(2rem,7vw,3.6rem);line-height:1.05}.lf-page-nav{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.lf-page-nav a{color:var(--lf-accent,#20dcff)}@media(max-width:400px){.lf-card{padding:17px}.lf-buttons{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.lf-bar span{transition:none}}