@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg-color: #FDFBF7;--text-color: #2D3748;--primary-color: #FF8E53;--primary-hover: #FF6B6B;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;background:radial-gradient(circle at 50% -20%,#fff5e6,#fdfbf7 60%);min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.app-container{max-width:900px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:32px;animation:slideFadeIn .6s cubic-bezier(.16,1,.3,1);font-family:Inter,system-ui,-apple-system,sans-serif}.header{text-align:center;margin-bottom:20px}.header h1{font-size:38px;font-weight:900;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite;margin-bottom:12px;letter-spacing:-1px}.header p{color:#718096;font-size:16px;font-weight:500;letter-spacing:1.5px}.glass-card{background:var(--glass-bg)!important;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid var(--glass-border);border-radius:24px;padding:35px;box-shadow:0 20px 50px #ede0d499,inset 0 1px #fffc;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.form-group{margin-bottom:26px}.form-group label{display:block;font-size:15px;font-weight:700;color:#4a5568;margin-bottom:12px;letter-spacing:.5px}.form-group select,.form-group input{width:100%;padding:18px 24px;border-radius:14px;border:1px solid #E2E8F0;background:#fff;color:#2d3748;font-size:16px;outline:none;transition:all .3s ease;box-sizing:border-box}.form-group select:focus,.form-group input:focus{border-color:#ff8e53;box-shadow:0 0 0 4px #ff8e5333;background:#fff}.form-group select option{background:#fff;color:#2d3748}.submit-btn{width:100%;padding:20px;border:none;border-radius:16px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:18px;font-weight:900;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 10px 25px #ff6b6b66;text-transform:uppercase;letter-spacing:1.5px}.submit-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px #ff6b6b80}.submit-btn:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed;box-shadow:none;opacity:.7}.stream-grid{display:flex;flex-direction:column;gap:20px;margin-top:20px}.stream-item{background:#fff;border:1px solid #EDF2F7;border-radius:18px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);animation:slideUp .5s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px #e2e8f099}.stream-item:hover{background:#fdfbf7;transform:translate(8px) scale(1.01);border-color:#e2e8f0;box-shadow:0 10px 20px #e2e8f0e6}.stream-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stream-item-title{font-size:20px;font-weight:800;color:#2d3748}.badge{font-size:13px;font-weight:800;padding:6px 14px;border-radius:20px;letter-spacing:1px}.badge-reach{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.badge-match{background:#4ecdc426;color:#4ecdc4;border:1px solid rgba(78,205,196,.3)}.badge-safety{background:#45b7d126;color:#45b7d1;border:1px solid rgba(69,183,209,.3)}.stream-item-major{font-size:16px;color:#4a5568;font-weight:700;margin-bottom:16px;background:#f7fafc;padding:8px 14px;border-radius:8px;display:inline-block;border:1px solid #EDF2F7}.ai-advice-box{padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;line-height:1.6;letter-spacing:.5px}.ai-warning{background:#ef444414;color:#e53e3e;border-left:5px solid #F56565}.ai-safe{background:#f0fdf4;color:#2f855a;border-left:5px solid #48BB78}.blinking-cursor{animation:blink 1s step-end infinite}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{to{background-position:200% center}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}
