.main-container{height:100vh}.menu-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.menu-bar .left{display:flex;align-items:center;justify-self:start}.menu-bar .center{display:flex;align-items:center;justify-self:center;text-align:center;gap:.5em}.menu-bar .right{display:flex;align-items:center;justify-self:end}#top-right-icons{position:fixed;top:1em;right:1em;display:flex;gap:.75em;z-index:100}#help-icon,#settings-icon{cursor:pointer;opacity:.3;transition:transform .3s;display:block}#settings-icon{transform-origin:12px 12px;animation:3s linear infinite paused spin-slow}#settings-icon:hover{animation-play-state:running}@keyframes spin-slow{from{transform:rotate(0)}to{transform:rotate(360deg)}}#search-outline{width:100%;position:relative;display:flex;justify-content:flex-start;border:1px solid #000;border-radius:4px;padding:.5em}#search-container{width:100%;position:relative;display:flex;align-items:center;justify-content:flex-start;padding:0;height:19px}#search-bar{position:absolute;background:0 0;z-index:2;outline:0;border:none;width:calc(100% - 25px);padding:0;vertical-align:middle;font-size:inherit}#ghost-text{position:absolute;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;width:calc(100% - 25px)}#reload-icon{position:absolute;right:0;z-index:3;cursor:pointer;color:#000}#reload-icon.spinning{animation:.5s ease-out spin-with-windup}@keyframes spin-with-windup{0%{transform:rotate(0)}15%{transform:rotate(-30deg)}100%{transform:rotate(360deg)}}#task-container{overflow-y:auto;border:1px solid #000;border-radius:4px;flex:1;min-height:0}#entry-list{width:100%;height:100%}#entry-list li{padding:.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;display:flex;cursor:pointer}#entry-list li.highlighted{background-color:#e6e6e6}.date,.description,.duration{flex:1;text-align:left;text-overflow:inherit;overflow:inherit;white-space:inherit}.date,.duration{max-width:100px;min-width:100px}#entry-list li .delete-button{display:none;margin-left:auto;max-width:1em;min-width:1em;z-index:2;text-align:center;background:0 0;border:none!important}#entry-list li:hover .delete-button{display:inline-block}@keyframes pulse-entry{0%,100%{background-color:#f0f0f0}50%{background-color:#fff}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:#fff;padding:2em;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.modal-header h2{margin:0;font-family:'EB Garamond',serif}.close-button{background:0 0;border:none!important;font-size:1.5em;cursor:pointer;padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.close-button:hover{background-color:#f0f0f0;border-radius:50%;color:#141414}.form-group{margin-bottom:1em}.form-group label{display:block;margin-bottom:.5em;font-weight:500}.form-group input{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px;font-size:1em;box-sizing:border-box}.form-group input:focus{outline:0;border-color:#000}.form-actions{display:flex;flex-direction:column;gap:1em;margin-top:1.5em}.form-actions button{padding:.75em 1.5em;font-size:1em}.form-actions button[type=submit]{background-color:#000;color:#fff;border-color:#000}.form-actions button[type=submit]:hover{background-color:#333;border-color:#333;color:#fff}.error-message{color:#d32f2f;background-color:#ffebee;padding:.75em;border-radius:4px;margin-top:1em;border:1px solid #ffcdd2}.error-message.hidden{display:none}.settings-content{font-size:.95em}.setting-group{margin-bottom:1.5em}.setting-group:last-child{margin-bottom:0}.setting-group>label{display:block;margin-bottom:.5em;font-weight:500}.setting-group input[type=number],.setting-group select{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px;font-size:1em;box-sizing:border-box}.setting-group input[type=number]:focus,.setting-group select:focus{outline:0;border-color:#000}.checkbox-group{display:flex;flex-direction:column;gap:.5em}.checkbox-label{display:flex;align-items:center;gap:.5em;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{cursor:pointer}.settings-actions{margin-top:2em;padding-top:1.5em;border-top:1px solid #eee;display:flex;justify-content:flex-end}.settings-actions button{padding:.75em 1.5em;font-size:1em}#save-settings-button{font-weight:500}.help-content{font-size:.95em}.help-section{margin-bottom:1.5em}.help-section:last-child{margin-bottom:0}.help-section h3{margin:0 0 .75em;font-family:'EB Garamond',serif;font-size:1.1em;font-weight:600;border-bottom:1px solid #e0e0e0;padding-bottom:.5em}.help-item{display:flex;justify-content:space-between;align-items:center;padding:.5em 0;gap:1em}.help-item>span:last-child{flex:1;text-align:right;color:#666}kbd{display:inline-block;padding:.2em .5em;font-family:monospace;font-size:.9em;background-color:#f5f5f5;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.1);white-space:nowrap}.key-text{font-style:italic;color:#666}.context-menu{position:fixed;background:#fff;border:1px solid #000;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1001;min-width:150px}.context-menu.hidden{display:none}.context-menu-item{padding:.75em 1em;cursor:pointer;user-select:none}.context-menu-item:hover{background-color:#f0f0f0}.context-menu-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.context-menu-item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}#auth-button,#task-button{border:none;background-color:transparent}#auth-button:hover,#task-button:hover{background-color:transparent;border:none}@media (prefers-reduced-motion:no-preference){#entry-list li.highlighted{animation:1.3s ease-in-out infinite pulse-entry}#auth-button:hover,#task-button:hover{background-color:transparent;animation:1.5s ease-in-out infinite pulse-button-text}}@keyframes pulse-button-text{0%,100%{color:#a0a0a0;background-color:transparent}50%{color:#646464;background-color:transparent}}@media (max-width:800px){#top-right-icons,.date,.duration{display:none}#entry-list li.highlighted{background-color:transparent!important;animation:none!important}}