.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.container{width:100%;max-width:600px}.character-card{background:#fffffff2;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #0000004d;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.character-name{font-size:3rem;font-weight:700;margin:0 0 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.character-info{margin-bottom:2rem}.character-description{font-size:1.2rem;color:#333;margin:0}.social-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease;color:#fff}.social-link.twitch{background:#9146ff}.social-link.twitch:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 5px 15px #9146ff66}.social-link.youtube{background:red}.social-link.youtube:hover{background:#c00;transform:translateY(-2px);box-shadow:0 5px 15px #f006}.social-link svg{width:24px;height:24px}@media (max-width: 600px){.character-name{font-size:2rem}.character-card{padding:2rem}.social-links{flex-direction:column}.social-link{width:100%;justify-content:center}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}