:root{--background-color: #FAF0E6;--primary-color: #000080;--secondary-color: #4169E1;--accent-color: #6495ED;--font-family: "Arial", sans-serif;--text-color: #000080}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color)}button{font-family:var(--font-family);background-color:var(--primary-color);color:var(--background-color);border:none;padding:10px 20px;cursor:pointer;border-radius:5px;transition:background-color .3s,color .3s}button:hover,button:focus{background-color:var(--accent-color)}input,select{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);border:2px solid var(--primary-color);padding:10px;border-radius:5px;transition:border-color .3s}input::placeholder,select::placeholder{color:var(--secondary-color)}input:focus,select:focus{border-color:var(--accent-color)}.app-container{text-align:center}.user-account{margin:20px}.idea-card{background-color:var(--background-color);border:2px solid var(--secondary-color);margin-bottom:10px;padding:10px;border-radius:10px}.total-ideas{color:var(--primary-color);margin-bottom:10px}@media (max-width: 768px){button,input,select{padding:8px;font-size:14px}.user-account h1{font-size:1.5em}}.app-container{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;margin:0}html,body{height:100%;margin:0;padding:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}