:root{--bg-color:#0b0f19;--panel-bg:#ffffff08;--panel-border:#ffffff14;--text-main:#f0f2f5;--text-muted:#8b949e;--accent-cyan:#00f2fe;--accent-pink:#fe0979;--glass-blur:blur(16px)}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15%,#00f2fe1a,#0000 35%),radial-gradient(circle at 85% 30%,#fe09791a,#0000 35%);flex-direction:column;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:20px;padding:32px;transition:transform .3s,border-color .3s;box-shadow:0 16px 40px #0006}.glass-panel:hover{border-color:#ffffff26;transform:translateY(-4px)}.header{text-align:center;padding:60px 20px 40px}.header h1{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px;font-size:3.5rem;font-weight:800;animation:6s ease-in-out infinite float}.header p{color:var(--text-muted);margin:0;font-size:1.2rem}.container{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:1100px;margin:0 auto;padding:0 20px 60px;display:grid}@media (width<=768px){.container{grid-template-columns:1fr}}h2{margin-top:0;margin-bottom:24px;font-size:1.8rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.95rem;display:block}input,textarea,button{box-sizing:border-box;width:100%;font-family:inherit}.input-field{border:1px solid var(--panel-border);color:var(--text-main);background:#0000004d;border-radius:12px;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 3px #00f2fe33}.btn-primary{background:linear-gradient(90deg, var(--accent-cyan), #0098ff);color:#000;cursor:pointer;border:none;border-radius:12px;margin-top:10px;padding:16px 24px;font-size:1.1rem;font-weight:700;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.trend-list{margin:0;padding:0;list-style:none}.trend-item{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:16px 0;animation:.5s backwards fadeIn;display:flex}.trend-item:last-child{border-bottom:none}.trend-name{font-size:1.1rem;font-weight:600}.trend-velocity{color:var(--accent-cyan);background:#00f2fe1a;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700}.score-display{text-align:center;background:#00f2fe0d;border:1px solid #00f2fe33;border-radius:16px;margin-top:30px;padding:30px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn}.score-value{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:10px 0;font-size:4rem;font-weight:800}.score-reasoning{color:var(--text-muted);margin-top:10px;font-size:.95rem;line-height:1.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}