.hero{padding-top:clamp(60px,8vw,100px);padding-bottom:clamp(40px,6vw,80px);text-align:center}.pill-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:600;color:var(--cyan);margin-bottom:24px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hero-title{font-size:clamp(34px,5.5vw,64px);font-weight:800;letter-spacing:-.03em;max-width:20ch;margin:0 auto}.hero-sub{font-size:clamp(15.5px,2vw,18.5px);color:var(--text-soft);max-width:56ch;margin:18px auto 0;line-height:1.6}.search-box{display:flex;align-items:center;gap:10px;max-width:680px;margin:34px auto 0;background:#121722d9;border:1.5px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);padding:6px 8px 6px 20px}.input-wrapper{display:flex;align-items:center;flex:1;gap:10px}.input-icon{color:var(--text-muted);display:flex}.input-wrapper input{width:100%;background:transparent;border:none;color:#fff;font-size:15px;outline:none}.pop-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.pop-label{font-size:13.5px;color:var(--text-muted)}.pop-tags{display:flex;gap:8px;flex-wrap:wrap}.pop-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-soft);padding:5px 12px;border-radius:var(--radius-pill);font-size:13px;cursor:pointer;transition:all .15s}.pop-tag:hover{background:#00f2fe1f;border-color:var(--cyan);color:#fff}.results-section{padding-bottom:60px}.res-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px}.comments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}@media(max-width:600px){.comments-grid{grid-template-columns:1fr}}.comment-card{background:var(--surface-elevated, rgba(255, 255, 255, .03));border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .25s ease;box-shadow:0 4px 18px #0003}.comment-card:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 10px 28px #00f2fe26}.c-card-top{display:flex;align-items:center;gap:14px}.c-avatar{width:46px;height:46px;min-width:46px;border-radius:50%;background:#ffffff1a;flex-shrink:0;object-fit:cover;border:2px solid rgba(0,242,254,.3)}.c-user{font-weight:700;font-size:14.5px;color:var(--text-heading)}.c-text{color:var(--text-soft);font-size:14.5px;margin:0;line-height:1.6;word-break:break-word;flex:1}.c-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:10px}.c-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.btn-copy-comment{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-soft);font-size:12px;font-weight:600;cursor:pointer;padding:5px 14px;border-radius:var(--radius-pill);transition:all .2s ease}.btn-copy-comment:hover{background:var(--cyan);color:#000;border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 4px 12px #00f2fe4d}.sentiment-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:14px 0}:global(html.light) .comment-card,:global(:root[data-theme=light]) .comment-card{background:#fff!important;border-color:var(--border)!important;box-shadow:0 4px 16px #0f172a0a}:global(html.light) .comment-card:hover,:global(:root[data-theme=light]) .comment-card:hover{border-color:var(--cyan)!important;box-shadow:0 8px 24px #0f172a14}:global(html.light) .c-user,:global(:root[data-theme=light]) .c-user{color:#0f172a!important}:global(html.light) .c-text,:global(:root[data-theme=light]) .c-text{color:#334155!important}:global(html.light) .c-card-footer,:global(:root[data-theme=light]) .c-card-footer{border-top-color:#0f172a14}:global(html.light) .comm-tier-box h4,:global(html.light) .faq-summary{color:#0f172a!important}:global(html.light) .comm-tier-box{background:#fff!important;border-color:#e2e8f0!important}.sec-head{text-align:center;margin-bottom:40px}.sec-pill{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);background:#00f2fe1a;color:var(--cyan);font-size:12.5px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.sec-title{font-size:clamp(26px,4vw,38px);font-weight:800;margin:0}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-summary{padding:18px 22px;font-weight:600;color:#fff;cursor:pointer;display:flex;justify-content:space-between}.comment-diagram-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:0 20px 50px #0006}.comment-hierarchy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comm-tier-box{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:22px 18px;text-align:left}.comm-tier-box.highlight{background:#00f2fe0a;border-color:var(--cyan)}.tier-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.comm-tier-box h4{color:#fff;font-size:15.5px;margin:0 0 6px;font-weight:700}.comm-tier-box p{color:var(--text-soft);font-size:13px;line-height:1.5;margin:0}@media(max-width:768px){.comment-hierarchy-grid{grid-template-columns:1fr}}