*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;position:relative;overflow-x:hidden;background:#f5f1eb}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#f5f1eb,#e8dfd4,#f0ebe5);transition:background .3s ease}.animated-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,200,170,.3) 0%,transparent 50%);transition:opacity .3s ease}.animated-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,220,200,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(200,220,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(220,210,230,.12) 0%,transparent 40%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.app{max-width:700px;margin:40px auto;padding:40px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d}h1{text-align:center;color:#333;margin-bottom:8px;font-size:2.5em}.subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em}.examples{margin-bottom:24px;padding:16px;background:#f9f9f9;border-radius:12px}.examples-label{font-size:14px;font-weight:600;color:#666;margin-bottom:12px}.examples-buttons{display:flex;gap:8px;flex-wrap:wrap}.example-btn{flex:1;min-width:150px;padding:8px 12px;font-size:13px;background:#fff;color:#667eea;border:2px solid #667eea;transition:all .2s}.example-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}textarea{width:100%;padding:16px;font-size:16px;border:2px solid #ddd;border-radius:12px;margin-bottom:16px;font-family:inherit;resize:vertical;transition:border-color .3s}textarea:focus{outline:none;border-color:#667eea}button{width:100%;padding:16px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#81c3a7,#6ba894);border:none;border-radius:12px;cursor:pointer;transition:transform .2s,opacity .2s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.error{margin-top:20px;padding:16px;background:#ffebee;border-left:4px solid #f44336;border-radius:8px;color:#c62828}.result{margin-top:30px;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result h2{text-align:center;color:#333;margin-bottom:20px}.result-card{background:#f5f5f5;padding:16px;margin-bottom:16px;border-radius:8px}.result-label{font-weight:600;color:#666;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.result-value{color:#333;font-size:18px;word-wrap:break-word}.sentiment{font-size:28px;font-weight:700;padding:8px 0}.sentiment.positive{color:#4caf50}.sentiment.negative{color:#f44336}.confidence-bar{margin-top:12px;height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#81c3a7,#6ba894);transition:width .5s ease}.footer{margin-top:40px;text-align:center;color:#999;font-size:14px}.footer p{margin:0}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}button.loading{opacity:.8}