body{font-family:Pretendard,sans-serif;font-weight:400;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding-top:10px;padding-left:10px;padding-right:10px;box-sizing:border-box}@media (min-width: 700px){body{max-width:700px;margin:0 auto;padding-left:0;padding-right:0}}.Header{font-family:Pretendard,sans-serif;font-weight:600;position:sticky;top:0;width:100%;display:flex;justify-content:space-around;align-items:center;padding:5px 0;background-color:#f0f0f0;border-radius:10px;max-width:calc(100% - 20px);box-sizing:border-box;margin:0 auto 30px}@media (min-width: 700px){.Header{max-width:700px;margin:0 auto 30px;padding-left:0;padding-right:0;justify-content:space-around;box-sizing:border-box}}.nav-button{text-decoration:none;color:#000;cursor:pointer;display:inline-block;padding:10px;border-radius:10px;text-align:center;margin:0 5px;flex:1;min-width:0}.active-nav-button{text-decoration:none;color:#fff;cursor:pointer;display:inline-block;padding:10px;border-radius:10px;background-color:#367afe;text-align:center;margin:0 5px;flex:1;min-width:0}.EditorAll{padding-bottom:10px;margin:0 10px}.Editor{display:flex;gap:10px;padding-bottom:12px}h1{color:#000;font-size:25px;display:flex;justify-content:left;align-items:center;padding-bottom:5px}.Editor input{flex:1;padding:15px;border:2px solid #E0E0E0;border-radius:10px}.Editor button{background-color:#367afe;font-size:16px;cursor:pointer;width:80px;border:none;color:#fff;border-radius:10px}input::placeholder{color:#aaa}.TodoList{display:flex;flex-direction:column;margin:0 10px}.TodoItem{display:flex;align-items:center;gap:10px;padding:15px 0;background-color:#fff}.TodoItem input[type=checkbox]{width:23px;height:23px;flex-shrink:0;margin-top:2px;color:gray;accent-color:#367AFE}.TodoItem .content{flex:1}.TodoItem .date{font-size:14px}.TodoItem button{margin:0;cursor:pointer;color:#999;font-size:15px;border:none;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background-color:#f0f0f0}.content_true{color:#aaa}.content_input{flex:1;padding:2px;font-size:15px;box-sizing:border-box}.no-completed-todos{text-align:center}.CompleteList{padding-bottom:20px;border-bottom:2px solid #E0E0E0}.CompleteList h4{font-size:25px;margin-left:10px;margin-top:20px;margin-bottom:10px}.CompleteItem{display:flex;align-items:center;gap:20px;padding:8px}.CompleteItem .content{flex:1}.CompleteItem .date{font-size:14px;color:gray}.profile-container{display:flex;align-items:center;gap:15px;margin-left:10px;padding-bottom:20px;border-bottom:2px solid #E0E0E0;max-width:calc(100% - 20px);box-sizing:border-box}.profile-picture{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid #ddd}.profile-info{display:flex;flex-direction:column;justify-content:center}.profile-info p{margin:0;line-height:1.2}.profile-info p:first-child{font-weight:400;font-size:18px;color:#333;margin-bottom:3px}.profile-info p:last-child{font-size:14px;color:#333}.Profile h2{font-weight:600;margin-bottom:10px;color:#367afe;margin-left:10px}.button-container{display:flex;flex-direction:column}.button-container button{background-color:#fff;border:0 solid #367AFE;border-bottom:2px solid #E0E0E0;margin:0 10px;padding:20px 0;cursor:pointer;text-align:left;font-size:16px;color:#000}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20vh;height:100vh;background-color:#fff}.login-container .logo{width:110px}.login-container .content{margin-top:40px;text-align:center;font-size:20px;line-height:1.5}.login-container p{text-align:center;width:350px}.button-icon{width:25px;height:25px;object-fit:contain;position:absolute;left:20px}.google-login-button{margin-top:90px;background-color:#387bfe;color:#fff;padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:15px;width:310px;height:55px;display:flex;align-items:center;justify-content:center;position:relative}.google-login-button:hover{background-color:#357ae8}.google-login-button .button-text{text-align:center;width:100%}.end-text{font-size:12px;color:#666;position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center}.end-text a{color:#666}