:root{--background-color: #282b2e;--background-alt-color: #3c4043;--surface-color: #282b2e;--primary-color: #008B8B;--secondary-color: #03dac6;--text-color: #e0e0e0;--text-secondary-color: #a0a0a0;--border-color: #4a4e52;--error-color: #cf6679;--button-bg: var(--primary-color);--button-text: #000000;--button-hover-bg: #a16ae8;--verse-context-bg: var(--surface-color);--verse-context-border: var(--border-color);--highlight-bg: #37294b;--highlight-border: var(--primary-color);--feedback-bg: #4e4d3a;--feedback-text: #e0e0e0;--feedback-border: #bcae4e;--success-color: #4caf50;--failure-color: var(--error-color)}body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#282b2e;background-color:var(--background-color);color:#e0e0e0;color:var(--text-color)}a{text-decoration:none;color:#03dac6;color:var(--secondary-color)}.container{max-width:800px;margin:0 auto;padding:2rem;text-align:center}header h1{font-size:2.5rem;color:#e0e0e0;color:var(--text-color);margin-bottom:.5rem}header p{font-size:1.1rem;color:#a0a0a0;color:var(--text-secondary-color);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}input,select{padding:.75rem;border:1px solid #4a4e52;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:#2c2c2c;color:#e0e0e0;color:var(--text-color)}.actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}button,.actions a{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;background-color:#008b8b;background-color:var(--button-bg);color:#000;color:var(--button-text);transition:background-color .3s;font-weight:700}button:hover,.actions a:hover{background-color:#a16ae8;background-color:var(--button-hover-bg)}button.secondary-action{background-color:#bb86fc;color:#000}button.secondary-action:hover{background-color:#a16ae8}.feedback{margin-top:1.5rem;font-weight:700;font-size:1.1rem}@media (max-width: 480px){.container{padding:1rem}header h1{font-size:2rem}header p{font-size:1rem}button,.actions a{padding:.75rem 1rem;font-size:.9rem}.home-main{padding-top:1rem;gap:.5rem}}@media (min-width: 768px){.home-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;align-items:center}.home-main h2,.home-main .secondary-action{grid-column:1 / -1}}