:root{--bg-start:#e0eafc;--bg-end:#cfdef3;--container-bg:rgba(255, 255, 255, 0.9);--text-primary:#34495e;--text-secondary:#2c3e50;--text-muted:#7f8c8d;--button-bg:#2c3e50;--button-hover:#34495e}[data-theme="dark"]{--bg-start:#2c3e50;--bg-end:#34495e;--container-bg:rgba(44, 62, 80, 0.9);--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--text-muted:#95a5a6;--button-bg:#34495e;--button-hover:#465c71}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Georgia",serif;background:var(--bg-start);display:flex;flex-direction:column;align-items:center;min-height:100vh;overflow-y:auto}body[data-theme="light"]{animation:fadeColors 20s infinite ease-in-out}body[data-theme="dark"]{animation:fadeColorsDark 20s infinite ease-in-out}#theme-toggle{position:fixed;top:20px;right:20px;background:none;border:none;font-size:1.5em;color:var(--text-secondary);cursor:pointer;z-index:10}#theme-toggle:hover{color:var(--text-primary)}.brand{font-weight:700;color:var(--text-primary);font-size:1em}.container{text-align:center;background-color:var(--container-bg);padding:50px;border-radius:15px;box-shadow:0 8px 16px rgb(0 0 0 / .2);max-width:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:filter 0.3s ease;z-index:1}.container.blurred{filter:blur(5px)}.container h1{font-size:2.2em;color:var(--text-secondary);margin-bottom:20px}#verse-date{font-size:1.1em;color:var(--text-muted);margin-bottom:10px}#verse-date.hidden{display:none}#verse-text{font-size:1.7em;color:var(--text-primary);margin-bottom:10px;quotes:"“" "”"}#verse-text:before{content:open-quote}#verse-text:after{content:close-quote}#verse-reference{font-size:1.3em;color:var(--text-muted);font-style:italic}.spacer{height:100vh}#archive-list{max-width:600px;width:100%;margin:20px;text-align:center;opacity:0;filter:blur(10px);transform:translateY(30px);transition:opacity 0.8s ease,filter 0.8s ease,transform 0.8s ease}#archive-list.visible{opacity:1;filter:blur(0);transform:translateY(0)}#archive-list .archive-header{color:var(--text-secondary);font-size:1.8em;margin-bottom:15px}#archive-list h2{color:var(--text-secondary);font-size:1.8em;margin-top:20px}.archive-entry{background-color:var(--container-bg);padding:15px;margin-bottom:10px;border-radius:10px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.3s}.archive-entry:hover{background-color:rgb(255 255 255 / .95);transform:scale(1.02);box-shadow:0 4px 12px rgb(0 0 0 / .15)}[data-theme="dark"] .archive-entry:hover{background-color:rgb(44 62 80 / .95);transform:scale(1.02);box-shadow:0 4px 12px rgb(0 0 0 / .3)}.archive-entry .date{font-size:1em;color:var(--text-muted)}.archive-entry .reference{font-size:1.2em;color:var(--text-primary);font-style:italic}footer{font-size:.9em;color:var(--text-primary);position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff0}.footer-text a{color:var(--text-primary);text-decoration:none}.footer-text a:hover{text-decoration:underline}.footer-buttons{display:flex;gap:10px}.footer-text .brand{font-size:1em}.share-button,#embed-button{background:var(--button-bg);color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:1em;transition:background 0.3s}.share-button:hover,#embed-button:hover{background:var(--button-hover)}#embed-button{font-family:"Georgia",serif}@keyframes fadeColors{0%{background-color:var(--bg-start)}20%{background-color:#fce1e4}40%{background-color:#e4f7e4}60%{background-color:#f5e7d4}80%{background-color:var(--bg-end)}100%{background-color:var(--bg-start)}}@keyframes fadeColorsDark{0%{background-color:var(--bg-start)}20%{background-color:#3d566e}40%{background-color:#4b6584}60%{background-color:#596275}80%{background-color:var(--bg-end)}100%{background-color:var(--bg-start)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.container{padding:30px;width:90%;top:50%;left:50%;transform:translate(-50%,-50%)}#archive-list{margin:10px}#archive-list h2,#archive-list .archive-header{font-size:1.5em}.archive-entry{padding:10px}#embed-button{display:none}.footer-buttons{gap:8px}footer{padding:10px 15px}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:2000;justify-content:center;align-items:center}.modal-content{background-color:var(--container-bg);padding:20px;border-radius:10px;box-shadow:0 8px 16px rgb(0 0 0 / .2);max-width:400px;width:90%;text-align:center}.modal-content h2{color:var(--text-secondary);margin-bottom:15px}.modal-content label{color:var(--text-primary);display:block;margin:10px 0}.modal-content input[type="checkbox"]{margin-right:5px}.modal-content select{margin-left:5px;padding:5px;border-radius:5px;background:var(--button-bg);color:#fff;border:none}.modal-content button{background:var(--button-bg);color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;margin:10px 5px;transition:background 0.3s}.modal-content button:hover{background:var(--button-hover)}