html,body{background:#1c262f;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;margin:0;height:100%;color:#fff;overscroll-behavior:none}.app-container{min-height:100dvh;display:flex;flex-direction:column;background:#1c262f}.app-container{min-height:100vh;min-height:100dvh}.header{position:sticky;top:0;z-index:10;padding:24px;flex:0;background:#1c262f}.header-buttons{display:flex;flex-direction:row;gap:.5em;justify-content:space-between}.edit-button{background:#263440;border-color:#364959;border-width:1px;border-style:solid;color:#fff;padding:8px 16px;cursor:pointer;border-radius:25px;width:80px}.edit-button.active{background:#59558b;border-color:#9c9ac1;border-width:1px;border-style:solid}.edit-button:active{transform:scale(.97)}.delete-button{background:#c83e4d;border-color:#d2606d;border-width:1px;border-style:solid;color:#fff;padding:8px 16px;cursor:pointer;border-radius:25px;width:80px}.delete-button:disabled{background:#263440;border-color:#364959;border-width:1px;border-style:solid}.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.content-header{font-size:1em;justify-content:center;display:flex;flex:1}.title-link{color:inherit;text-decoration:none;cursor:pointer}.title-link:active{opacity:.7}.content-list{display:flex;flex-direction:column;padding:1em 2em 2em;flex:5}.entry-container{min-height:40px;display:flex;align-items:center;width:100%}.entry-text,.entry-text-edit{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow-x:auto;max-width:100%}.entry-text.checked{text-decoration:line-through;color:#cfcaca}.checkbox-icon,.drag-handle{display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0;height:100%;width:24px}.checkbox-icon svg,.drag-handle svg{display:block;font-size:19px}.entry-text-edit form{flex:1;align-items:center;min-width:0;max-width:100%;display:flex}.entry-text-edit input{flex:1;background:#1c262f;border:none;font-size:16px;color:#fff;min-width:0}.footer{position:sticky;bottom:0;z-index:10;display:flex;justify-content:center;padding:24px;flex:0;background:#1c262f}.add-content-container{display:flex;justify-content:center;width:100%}.add-content-container form{display:flex;width:100%;max-width:1000px}.add-content-container input{flex:1;background:#263440;border-color:#364959;border-width:1px;border-style:solid;font-size:16px;color:#fff;padding:12px 12px 12px 24px;border-radius:25px}.add-content-container input:focus{outline:none;border:1px solid #364959;box-shadow:0 0 10px #364959}.add-content-container button{flex-shrink:0;background:#263440;border:none;padding:0 24px;font-size:18px;color:#fff;cursor:pointer}.login-container{display:flex;justify-content:center;align-items:center;height:100dvh;background:#1c262f;padding:2em}.login-container form{display:flex;flex-direction:column;gap:1em;padding:2em;border-radius:16px;width:100%;max-width:360px}.password-field{padding:12px 16px;font-size:16px;border-radius:25px;border:1px solid #364959;background:#263440;color:#fff;outline:none;width:100%;box-sizing:border-box;transition:.2s all}.password-field:focus{border-color:#59558b;box-shadow:0 0 10px #59558b}.login-button{background:#59558b;color:#fff;border:none;padding:12px;font-size:16px;border-radius:25px;cursor:pointer;transition:.2s all}.login-button:hover{background:#6a5597}.login-button:active{transform:scale(.97)}