:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #8b5cf6;--accent-hover: #7c3aed;--error-color: #ef4444}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;justify-content:center;min-height:100vh}.container{max-width:600px;width:100%;padding:2rem;text-align:center}h1{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(to right,#a78bfa,#2dd4bf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.input-group{display:flex;gap:10px;margin-bottom:2rem}input{flex:1;padding:12px 20px;border-radius:8px;border:1px solid #475569;background-color:var(--card-bg);color:#fff;font-size:1rem;outline:none;transition:border-color .2s}input:focus{border-color:var(--accent-color)}button{padding:12px 25px;border-radius:8px;border:none;background-color:var(--accent-color);color:#fff;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed}.result-card{background-color:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid #334155;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:slideUp .5s ease-out}.profile-img{width:100px;height:100px;border-radius:50%;border:3px solid var(--accent-color);margin-bottom:1rem}.stats{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.roast-box{background-color:#2b1212;border:1px solid #7f1d1d;padding:1.5rem;border-radius:8px;color:#fecaca;position:relative}.roast-box:before{content:"🔥";position:absolute;top:-15px;left:20px;font-size:24px;background:var(--bg-color);padding:0 5px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}