:root { --primary: #2c3e50; --accent: #FFD166; --accent1: #4361ee; --light-bg: #f8f9fa; --text-dark: #212529; --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); --border-light: #e0e0e0; }  .section { padding: 40px 0; }  .subtitle { color: #7f8c8d; font-size: 1.1rem; }  h3{ margin:0; }  .input-group { margin-bottom: 20px; }  label { display: block; margin-bottom: 8px; font-weight: 600; color: #2c3e50; }  input[type="text"] { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; transition: border-color 0.3s; }  input[type="text"]:focus { outline: none; border-color: #3498db; box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2); }  .results-container { margin-top: 20px; }  .result-item { margin-bottom: 25px; border: 1px solid #e9ecef; border-radius: 6px; overflow: hidden; }  .result-header { display: flex; justify-content: space-between; align-items: center; background: #f8f9fa; padding: 12px 15px; border-bottom: 1px solid #e9ecef; }  .result-title { font-weight: 600; color: #2c3e50; font-size: 1.1rem; }  .copy-btn { background: #3498db; color: white; border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer; font-weight: 500; transition: background 0.2s; font-size: 0.9rem; }  .copy-btn:hover { background: #2980b9; }  .result-text { background: #f8f9fa; padding: 15px; min-height: 50px; font-size: 1.3rem; line-height: 1.5; word-break: break-word; overflow-wrap: break-word; font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", monospace; }  .font-warning { background: #fff8e1; border-left: 4px solid #ffc107; padding: 10px; margin-top: 15px; border-radius: 0 4px 4px 0; font-size: 0.9rem; color: #5d4037; }  footer { text-align: center; margin-top: 40px; color: #7f8c8d; font-size: 0.9rem; padding: 20px 0; }  .notification { position: fixed; bottom: 20px; right: 20px; background: #27ae60; color: white; padding: 12px 20px; border-radius: 6px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); transform: translateY(100px); opacity: 0; transition: all 0.3s ease; z-index: 1000; }  .notification.show { transform: translateY(0); opacity: 1; }  @media (max-width: 768px) { .container { padding: 0 1rem; }  h2 { font-size: 1.6rem; }  .generator-section { padding: 1.5rem; margin-top: 1rem; }  h1 { font-size: 1.8rem; } }