*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5f5f5;background:radial-gradient(circle at 20% 10%,#ff45001f,#0000 25%),radial-gradient(circle at 80% 20%,#ff783c14,#0000 25%),#0d0f12;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}main{width:100%;min-height:100vh;padding:80px 24px}.hero,.dashboard{width:100%;max-width:1080px;margin:0 auto}.hero{padding:40px 0 70px}.eyebrow{color:#ff6a3d;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.82rem;font-weight:700}.hero h1{letter-spacing:-.06em;background:linear-gradient(120deg,#fff 15%,#ffd8ca 58%,#ff7849 100%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:950px;margin-bottom:24px;font-size:clamp(3rem,5vw,5.2rem);line-height:.95}.subtitle{color:#9ca3af;margin-bottom:32px;font-size:1.08rem}.search-box{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#181b20d9;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;width:100%;max-width:760px;padding:10px;display:flex;box-shadow:0 20px 60px #00000040,inset 0 1px #ffffff0d}.search-box>span{color:#ff4500;padding-left:15px;font-weight:800}.search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:16px 8px;font-size:1rem}.search-box input::placeholder{color:#5f636b}.search-box button{color:#fff;background:linear-gradient(135deg,#ff4500,#ff6b35);border:none;border-radius:12px;padding:15px 25px;font-weight:750;transition:transform .2s,box-shadow .2s,opacity .2s}.search-box button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #ff450047}.search-box button:disabled{opacity:.65;cursor:wait}.error-message{color:#ff7878;margin-top:15px}.demo-banner{color:#c8c8c8;background:#ffa60012;border:1px solid #ffa60033;border-radius:14px;align-items:flex-start;gap:16px;margin-bottom:32px;padding:18px 20px;line-height:1.55;display:flex}.demo-banner strong{color:#ffb347;flex-shrink:0}.dashboard{padding-bottom:100px}.dashboard-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.dashboard-heading h2,.posts-heading h2{letter-spacing:-.04em;font-size:2rem}.overall-vibe{background:#ffffff0b;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;display:flex}.overall-vibe>span{font-size:2rem}.overall-vibe div{flex-direction:column;display:flex}.overall-vibe small{color:#7f858e;margin-bottom:2px}.overall-vibe strong{font-size:1.08rem}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:65px;display:grid}.summary-card{background:linear-gradient(145deg,#1c1f24f0,#111317f0);border:1px solid #ffffff12;border-radius:20px;padding:25px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.summary-card:hover{border-color:#ffffff24;transform:translateY(-4px)}.summary-card:after{content:"";filter:blur(20px);opacity:.11;border-radius:50%;width:120px;height:120px;position:absolute;top:-50px;right:-40px}.positive-card:after{background:#49d17d}.neutral-card:after{background:#f1c75b}.negative-card:after{background:#ff6262}.summary-icon{margin-bottom:20px;font-size:1.7rem;display:block}.summary-card p{color:#a6abb3;margin-bottom:5px}.summary-card h3{letter-spacing:-.05em;margin-bottom:5px;font-size:2.7rem}.summary-card small{color:#676c75}.posts-section{margin-top:20px}.posts-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.post-count{color:#8c929b;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:.9rem}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.post-card{background:#14171bcc;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;min-height:240px;padding:23px;transition:transform .25s,border-color .25s,background .25s;display:flex}.post-card:hover{background:#181b20f5;border-color:#ff592433;transform:translateY(-3px)}.post-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sentiment{border-radius:999px;align-items:center;padding:6px 10px;font-size:.76rem;font-weight:750;display:inline-flex}.sentiment.positive{color:#6ce39a;background:#4ade801a;border:1px solid #4ade8029}.sentiment.neutral{color:#f6d26c;background:#facc1514;border:1px solid #facc1526}.sentiment.negative{color:#ff8181;background:#f8717117;border:1px solid #f8717126}.sentiment-score{color:#646a73;font-size:.76rem}.post-card h3{letter-spacing:-.015em;margin-bottom:26px;font-size:1.14rem;line-height:1.45}.post-meta{color:#737983;flex-wrap:wrap;gap:14px;margin-top:auto;margin-bottom:20px;font-size:.82rem;display:flex}.post-card a{color:#ff7043;width:fit-content;font-size:.88rem;font-weight:650;text-decoration:none;transition:color .2s}.post-card a:hover{color:#ff9a78}.quick-subreddits{flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;display:flex}.quick-subreddits>span{color:#656b74;margin-right:3px;font-size:.82rem}.quick-subreddits button{color:#8e949d;background:#ffffff08;border:1px solid #ffffff12;border-radius:999px;padding:7px 11px;font-size:.78rem;transition:color .2s,border-color .2s,background .2s,transform .2s}.quick-subreddits button:hover{color:#ff7547;background:#ff450012;border-color:#ff450040;transform:translateY(-1px)}.sentiment-distribution{background:#14171bbf;border:1px solid #ffffff12;border-radius:18px;margin-top:-38px;margin-bottom:65px;padding:22px}.distribution-header{color:#969ca5;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.82rem;display:flex}.distribution-header span:last-child{color:#5e646d}.distribution-bar{background:#ffffff0a;border-radius:999px;width:100%;height:11px;display:flex;overflow:hidden}.distribution-positive{background:#4ade80}.distribution-neutral{background:#facc15}.distribution-negative{background:#f87171}.distribution-positive,.distribution-neutral,.distribution-negative{height:100%;transition:width .7s}.distribution-legend{color:#777d86;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:.78rem;display:flex}@media (width<=800px){main{padding:40px 18px}.hero{padding-top:25px}.dashboard-heading,.posts-heading{flex-direction:column;align-items:flex-start}.summary-grid,.posts-grid{grid-template-columns:1fr}}@media (width<=560px){.hero h1{font-size:3.2rem}.search-box{flex-wrap:wrap}.search-box input{min-width:180px}.search-box button{width:100%}.demo-banner{flex-direction:column;gap:6px}.distribution-header{flex-direction:column;align-items:flex-start;gap:5px}.distribution-legend{flex-direction:column;gap:7px}}