@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";body,html,#root{margin:0;padding:0;height:100%;font-family:Roboto,sans-serif;background:linear-gradient(135deg,#121212,#1e1e2f);display:flex;justify-content:center;align-items:center}.app-container{width:100%;max-width:480px;padding:24px}.card{background:rgba(255 255 255 / .07);border-radius:16px;padding:32px;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#eee;text-align:center}.title{font-weight:700;font-size:2.2rem;margin-bottom:24px;-webkit-user-select:none;user-select:none}.quote{background:linear-gradient(135deg,#1f2937,#374151);border-radius:12px;padding:20px 16px;font-size:1.25rem;min-height:96px;margin-bottom:28px;-webkit-user-select:text;user-select:text;box-shadow:inset 0 0 10px #0000004d}.buttons{display:flex;gap:16px;justify-content:center}.btn{cursor:pointer;border:none;font-weight:600;padding:10px 20px;font-size:1rem;border-radius:10px;display:flex;align-items:center;gap:8px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.btn.generate{background:#fbbf24;color:#222;box-shadow:0 4px 12px #fbbf2499}.btn.generate:hover{background:#f59e0b}.btn.copy{background:transparent;border:2px solid #fbbf24;color:#fbbf24;box-shadow:0 4px 12px #fbbf244d}.btn.copy:hover{background:rgba(251,191,36,.2)}