body,html{margin:0;padding:0;font-family:sans-serif;transition:background-color .4s ease,color .4s ease}body.light{background-color:#f9f9f9;color:#222}body.light .historyItem{background-color:#f0f0f0;color:#222}body.dark{background-color:#121212;color:#f0f0f0}body.dark .historyItem{background-color:#333;color:#f0f0f0}.header{position:absolute;top:1rem;right:1rem;margin:0;padding:0}.theme-toggle-btn{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease}body.light .theme-toggle-btn{background-color:#ddd;color:#000}body.dark .theme-toggle-btn{background-color:#444;color:#fff}.theme-toggle-btn:focus,.theme-toggle-btn:hover{filter:brightness(.9)}.page-container{display:flex;flex-direction:column;align-items:center}.page-title{font-size:2rem;margin-bottom:1.5rem;text-align:center}.primary-button{font-size:1rem;padding:.75rem 1.5rem;background-color:#ff4f5e;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-bottom:1.5rem}@media (max-width:600px){.page-container{padding:1rem}.page-title{font-size:1.5rem;margin-bottom:1rem}.primary-button{font-size:.9rem;padding:.5rem 1rem}}