.header{position:sticky;top:0;z-index:10;flex:0;display:flex;flex-direction:row;justify-content:space-between;border-bottom:#f9f9f9 1px solid;align-items:center;background:#222}.header-title{display:flex;flex:1;align-items:center}.title{font-weight:400;font-size:24px;margin:20px}.title-link{color:inherit;text-decoration:none;cursor:pointer}.title-link:active{opacity:.7}.header-buttons{display:flex;flex-direction:row;gap:.5em;justify-content:space-between;align-items:center;margin:20px}.delete-button{color:#f9f9f9;cursor:pointer;background:transparent;border:none;display:flex;align-items:center}.delete-button:disabled{background:transparent;border:none;opacity:0;cursor:not-allowed}.entry-container{background-color:#222;min-height:40px;display:flex;align-items:center;border:#f9f9f9 1px solid;border-radius:5px;margin:5px;padding:5px 10px}.entry-text{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow-x:auto;max-width:100%;color:#f9f9f9;font-size:14px;font-weight:200}.entry-text.checked{text-decoration:line-through;color:#cfcaca}.checkbox-icon{display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0;height:100%;width:30px}.checkbox-icon svg{display:block;font-size:19px}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.modal-content{background:#222;padding:20px;border:#f9f9f9 1px solid;border-radius:5px;min-width:300px}.modal-title{border-bottom:#f9f9f9 1px solid;padding-bottom:10px}.modal-title h3{margin:0;padding:0;color:#f9f9f9;font-size:16px;font-weight:400}.modal-edit-entry{padding-top:20px;display:flex;flex-direction:column}.modal-edit-entry form{display:flex;flex-direction:column;gap:10px;color:#f9f9f9;font-size:14px;font-weight:400}.edit-field{background:transparent;min-height:40px;width:100%;box-sizing:border-box;flex:1;font-size:16px;color:#f9f9f9;font-weight:200;outline:none;border:#f9f9f9 1px solid;border-radius:5px;padding:0 10px}.modal-actions{display:flex;gap:10px;margin-top:20px}.save-button{background:#c2d8c4;color:#222;min-height:40px;border:#f9f9f9 1px solid;border-radius:5px;padding:5px 20px;font-size:14px;font-weight:400;margin:0;flex:1}.cancel-button{background:#222;min-height:40px;color:#f9f9f9;border:#f9f9f9 1px solid;border-radius:5px;padding:5px 20px;font-size:14px;font-weight:400;margin:0;flex:1}.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.content-list{display:flex;flex-direction:column;margin:20px;flex:5}.footer{position:sticky;bottom:0;z-index:10;display:flex;justify-content:center;padding:0 24px;flex:0}.add-content-container{display:flex;justify-content:center;width:100%;background-color:#222}.add-content-container form{display:flex;width:100%;padding:10px 0}.add-content-container input{background:transparent;min-height:40px;flex:1;font-size:16px;color:#f9f9f9;font-weight:200;outline:none;border:#f9f9f9 1px solid;border-radius:5px;margin:10px 0;padding:5px 20px}.login-container{display:flex;justify-content:center;align-items:center;height:100dvh;background:#222}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:20px;background:#222}.login-title{font-size:16px;font-weight:400;color:#f9f9f9;border-bottom:1px solid #f9f9f9;padding-bottom:10px;margin-bottom:10px}.login-input{background:transparent;border:1px solid #f9f9f9;border-radius:5px;padding:10px 12px;font-size:14px;color:#f9f9f9;outline:none;font-weight:200}.login-button{background:#c2d8c4;color:#222;border:1px solid #f9f9f9;border-radius:5px;padding:10px;cursor:pointer;font-size:14px;transition:.2s}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}html,body{background:#222;font-family:Roboto Mono,monospace;margin:0;height:100%;color:#f9f9f9;overscroll-behavior:none}.app-container{min-height:100dvh;display:flex;flex-direction:column}